.qa-stage{max-width:660px;margin:0 auto;padding-block:48px 64px}
.qa-card{border-radius:30px;padding:clamp(22px,5vw,40px)}
.qa-fade{transition:opacity .26s ease,transform .26s ease}
.qa-out{opacity:0;transform:translateY(8px)}
.qa-hero{text-align:center;padding-block:clamp(40px,10vh,96px)}
.qa-hero h1{margin-inline:auto;max-width:16ch}
.qa-hero .second{font-family:var(--display);font-style:italic;font-size:clamp(1.3rem,3vw,1.8rem);color:var(--leaf);margin:0 0 32px}
.qa-small{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:18px}
.qa-q{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.15;margin:10px 0 8px;text-wrap:balance}
.qa-sub{color:var(--muted);margin:0 0 22px}
.qa-opts{display:grid;gap:10px;margin-top:20px}
.qa-opt{width:100%;text-align:left;padding:15px 18px;border-radius:18px;border:0;font:inherit;font-size:1rem;color:var(--ink);cursor:pointer;transition:transform .12s ease}
.qa-opt:hover{transform:translateY(-1px)}
.qa-opt[aria-pressed="true"]{background:rgba(191,227,207,.75);box-shadow:inset 0 0 0 2px var(--leaf)}
.qa-input{width:100%;padding:12px 4px;font:inherit;font-size:1.1rem;background:transparent;border:0;border-bottom:1.5px solid var(--line);color:var(--ink)}
.qa-input:focus{outline:none;border-bottom-color:var(--leaf)}
.qa-labs{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.qa-labs label{display:block;font-size:.8rem;color:var(--muted);font-weight:600}
.qa-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px}
.qa-skip{background:none;border:0;font:inherit;font-size:.9rem;color:var(--muted);text-decoration:underline;cursor:pointer;padding:6px 2px}
.qa-progress{margin-top:28px;font-size:.78rem;letter-spacing:.12em;color:var(--muted)}
.qa-bar{height:4px;border-radius:4px;background:var(--line);margin-top:8px;overflow:hidden}
.qa-bar span{display:block;height:100%;background:var(--leaf);transition:width .3s ease}
.qa-reflect{padding:20px 0;border-bottom:1px solid var(--line)}
.qa-reflect:last-of-type{border-bottom:0}
.qa-reflect h3{font-family:var(--display);font-weight:400;font-style:italic;font-size:clamp(1.25rem,3vw,1.55rem);line-height:1.25;margin:0 0 8px;color:var(--leaf)}
.qa-reflect p{margin:0;color:var(--muted)}
.qa-italic{font-family:var(--display);font-style:italic;font-size:1.2rem;color:var(--leaf)}
.qa-chart{width:100%;height:auto;margin:20px 0 8px}
.qa-draw{transition:stroke-dashoffset 2.2s ease}
.qa-marks{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.qa-marks li{display:flex;gap:12px;align-items:baseline;color:var(--muted);font-size:.95rem}
.qa-marks b{color:#9C7A2E;font-variant-numeric:tabular-nums;min-width:2.2em}
.qa-fine{font-size:.78rem;color:var(--muted);margin-top:28px}
.qa-center{text-align:center}
@media (max-width:480px){.qa-labs{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.qa-fade,.qa-draw,.qa-opt,.qa-bar span{transition:none}}
.btn:disabled{opacity:.45;cursor:default;transform:none}