.quiz{position:relative;max-width:880px;margin-inline:auto;padding:clamp(28px,4vw,56px);background:color-mix(in srgb,var(--layer-2) 88%,transparent);border-top:1px solid var(--line)}.quiz::before{content:"";position:absolute;left:0;top:-1px;width:160px;height:1px;background:var(--spectrum)}.prog{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:28px}.prog .pd{height:2px;background:var(--line-2);transition:background var(--t-2) var(--ease)}.prog .pd.on{background:var(--spectrum)}.qn{font:500 var(--fs-micro)/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}.qq{margin-top:16px;max-width:24ch}.qq:focus,.resn:focus{box-shadow:none}.opts{display:grid;gap:10px;margin-top:clamp(24px,3vw,36px)}.opts .opt{justify-content:flex-start;width:100%;min-height:56px;padding:14px 20px;text-align:left;line-height:1.35;font-size:1rem;background:var(--layer-1)}.opts .opt:hover,.opts .opt:focus-visible{background:var(--layer-3);border-color:var(--peri)}.res .resn{margin-top:18px}.ressay{margin-top:18px;font:500 var(--fs-title)/1.35 var(--serif);color:var(--text)}.resneed{margin-top:10px;font-size:var(--fs-lead);color:var(--text)}.rescost{margin-top:18px}.ctanote{margin-top:22px;max-width:60ch}.again{margin-top:28px}