/* Aurora Theta – Tip A/B: svi stilovi ograničeni na widget */
.at-tipab, .at-tipab * { box-sizing: border-box; }
.at-tipab { --ab-ink:#372a32; --ab-muted:#70646b; --ab-accent:#985d78; --ab-accent-dark:#79435d; --ab-paper:#fffdfa; --ab-wash:#faf4f0; --ab-line:#e8dcdd; --ab-rose:#f5e9ed; max-width:850px; margin:24px auto; color:var(--ab-ink); font:inherit; line-height:1.55; }
.at-tipab .ab-shell { overflow:hidden; border:1px solid var(--ab-line); border-radius:24px; background:var(--ab-paper); box-shadow:0 14px 40px rgba(66,39,45,.07); }
.at-tipab .ab-hero { padding:34px clamp(20px,5vw,48px) 28px; background:linear-gradient(125deg,#fff7f0,#f9eff1 63%,#f5edf5); }
.at-tipab .ab-kicker { color:var(--ab-accent-dark); font-size:.76rem; font-weight:750; text-transform:uppercase; letter-spacing:.12em; margin:0 0 8px; }
.at-tipab h2 { font-family:Georgia, 'Times New Roman', serif; font-weight:500; font-size:clamp(1.72rem,4vw,2.55rem); line-height:1.2; letter-spacing:-.025em; color:var(--ab-ink); margin:0 0 12px; }
.at-tipab .ab-subtitle { color:#675760; max-width:650px; font-size:1rem; margin:0; }
.at-tipab .ab-content { padding:clamp(18px,4vw,42px); }
.at-tipab .ab-meta { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:.83rem; color:var(--ab-muted); margin-bottom:24px; }
.at-tipab .ab-progressbar { height:7px; width:100%; background:#f1e8e8; border-radius:10px; overflow:hidden; margin:0 0 26px; }
.at-tipab .ab-progressfill { width:0%; height:100%; background:linear-gradient(90deg,#bd8ca0,#8a516f); border-radius:10px; transition:width .2s ease; }
.at-tipab .ab-question { border:1px solid var(--ab-line); border-radius:18px; margin:0 0 17px; padding:20px clamp(15px,3vw,24px) 18px; min-width:0; background:#fff; }
.at-tipab .ab-question legend { padding:0 8px; color:var(--ab-accent-dark); font-weight:700; font-size:.79rem; }
.at-tipab .ab-statements { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; align-items:start; margin:2px 0 18px; }
.at-tipab .ab-statement { font-size:clamp(.91rem,2.4vw,1rem); font-weight:600; line-height:1.38; overflow-wrap:anywhere; }
.at-tipab .ab-statement:last-child { text-align:right; }
.at-tipab .ab-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0 auto; max-width:430px; }
.at-tipab .ab-option { position:relative; display:block; cursor:pointer; }
.at-tipab .ab-option input { position:absolute; opacity:0; width:1px; height:1px; }
.at-tipab .ab-option span { display:flex; align-items:center; justify-content:center; border:1.5px solid #ddccd1; border-radius:13px; color:var(--ab-ink); font-weight:700; min-height:48px; background:var(--ab-wash); transition:background .15s,border-color .15s,box-shadow .15s; }
.at-tipab .ab-option input:checked + span { background:var(--ab-accent-dark); border-color:var(--ab-accent-dark); color:#fff; box-shadow:0 3px 10px rgba(121,67,93,.22); }
.at-tipab .ab-option input:focus-visible + span { outline:3px solid #ad708d; outline-offset:3px; }
.at-tipab .ab-option:hover span { border-color:var(--ab-accent); }
.at-tipab .ab-scalehint { display:flex; justify-content:space-between; gap:15px; color:var(--ab-muted); font-size:.74rem; margin:8px auto 0; max-width:430px; }
.at-tipab .ab-actions { display:flex; justify-content:flex-start; align-items:center; gap:12px; flex-wrap:wrap; margin:8px 0 0; }
.at-tipab button { cursor:pointer; font:inherit; }
.at-tipab .ab-submit { border:0; border-radius:999px; padding:13px 23px; background:var(--ab-accent-dark); color:#fff; font-weight:700; }
.at-tipab .ab-submit:hover { background:#65364c; }
.at-tipab .ab-reset { border:1px solid var(--ab-line); border-radius:999px; padding:12px 18px; background:#fff; color:var(--ab-accent-dark); font-weight:650; }
.at-tipab .ab-error { color:#a6334c; font-size:.9rem; font-weight:600; margin:12px 0 0; }
.at-tipab .ab-result { border-radius:18px; padding:25px; margin-top:23px; background:var(--ab-rose); border:1px solid #e7cfd8; scroll-margin-top:28px; }
.at-tipab .ab-result[hidden], .at-tipab .ab-error[hidden] { display:none!important; }
.at-tipab .ab-result h3 { font-family:Georgia, 'Times New Roman', serif; font-size:1.45rem; line-height:1.3; margin:6px 0 10px; }
.at-tipab .ab-score { color:var(--ab-accent-dark); font-weight:800; font-size:.85rem; letter-spacing:.03em; }
.at-tipab .ab-result p { margin:0 0 10px; }
.at-tipab .ab-note { color:var(--ab-muted); font-size:.84rem; padding-top:22px; border-top:1px solid var(--ab-line); margin:24px 0 0; }
.at-tipab .ab-note p { margin:0 0 8px; }
@media (max-width:540px) { .at-tipab { margin:10px auto; } .at-tipab .ab-shell{border-radius:17px} .at-tipab .ab-hero{padding:25px 21px} .at-tipab .ab-content{padding:18px 14px 24px} .at-tipab .ab-question{padding:14px 13px 17px;margin-bottom:14px} .at-tipab .ab-statements{gap:12px;margin-bottom:15px} .at-tipab .ab-options{gap:7px} .at-tipab .ab-option span{min-height:45px;border-radius:10px} .at-tipab .ab-scalehint{font-size:.69rem} }
@media (prefers-reduced-motion:reduce) { .at-tipab * { transition:none!important; scroll-behavior:auto!important; } }
/* v1.2.0: aggregate-only statistics and optional demographic step */
.at-tipab [hidden]{display:none!important}
.at-tipab .ab-step h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.35rem,3.1vw,1.85rem);line-height:1.3;margin:6px 0 14px;color:var(--ab-ink);font-weight:500}
.at-tipab .ab-step > p{margin:0 0 14px;color:var(--ab-ink)}
.at-tipab .ab-step-label{color:var(--ab-accent-dark)!important;text-transform:uppercase;letter-spacing:.10em;font-size:.75rem;font-weight:750}
.at-tipab .ab-policy{font-size:.9rem}
.at-tipab .ab-policy a{color:var(--ab-accent-dark);text-decoration:underline}
.at-tipab .ab-choice-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:24px 0 4px}
.at-tipab .ab-choice-actions button{border-radius:13px;text-align:center;line-height:1.4;white-space:normal;min-height:52px}
.at-tipab .ab-demogrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 17px;margin:22px 0}
.at-tipab .ab-field{display:flex;flex-direction:column;gap:6px;color:var(--ab-ink);font-size:.9rem;font-weight:650}
.at-tipab .ab-field select,.at-tipab .ab-field input{width:100%;min-height:45px;padding:9px 12px;border-radius:11px;border:1px solid #d6c5cd;background:#fff;color:var(--ab-ink);font-size:.95rem;font-weight:400;box-shadow:none;max-width:100%;font-family:inherit}
.at-tipab .ab-field select:focus-visible,.at-tipab .ab-field input:focus-visible{outline:2px solid #985d78;outline-offset:2px}
.at-tipab .ab-questions > p{margin-bottom:14px}
.at-tipab .ab-submit:disabled{opacity:.6;cursor:default}
.at-tipab .ab-record-status{font-size:.86rem;margin:13px 0 10px!important;color:#5c4351}
.at-tipab .ab-result button{margin-top:14px}
.at-tipab .ab-public-counter{border:1px solid var(--ab-line);padding:13px 17px;border-radius:12px;font-size:.9rem;background:var(--ab-wash)}
.at-tipab .ab-public-counter span{display:block;font-size:.8rem;color:var(--ab-muted)}
@media(max-width:680px){.at-tipab .ab-demogrid{grid-template-columns:1fr}.at-tipab .ab-actions{flex-wrap:wrap}.at-tipab .ab-choice-actions button{font-size:.87rem}}