.interactive{--quiz-holly:var(--holly,#0E5A3A);--quiz-berry:var(--berry,#B3122E);font-family:Inter,sans-serif;background:#fff;color:#18352a;margin-block:2rem;line-height:1.6}.interactive [hidden]{display:none!important}.interactive fieldset{min-width:0;border:1px solid #b8c9c0;border-radius:12px;padding:1rem;margin:1.5rem 0}.interactive legend,.interactive h3{font-size:1.25rem;font-weight:700}.interactive-answer{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:.75rem;margin:.5rem 0;border:2px solid #b8c9c0;border-radius:8px;cursor:pointer}.interactive-answer:has(input:checked){border-color:var(--quiz-holly);background:#edf7f1}.interactive input{width:1.25rem;height:1.25rem;accent-color:var(--quiz-holly);flex-shrink:0}.interactive button{min-height:44px;padding:.7rem 1rem;border:2px solid var(--quiz-holly);border-radius:8px;background:#fff;color:var(--quiz-holly);font:inherit;font-weight:700;cursor:pointer}.interactive button.interactive-primary{background:#F4D675;color:#574000;border-color:#886300}.interactive button:disabled{opacity:.55;cursor:default}.interactive :focus-visible{outline:3px solid var(--quiz-berry);outline-offset:4px}.interactive-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-block:1rem}.interactive progress{width:100%;height:1rem;accent-color:var(--quiz-holly)}.interactive-options{display:grid;gap:.5rem}.interactive-options button{width:100%;min-height:72px}.interactive-or{text-align:center}.interactive-pair{padding-block:1rem;border-bottom:1px solid #b8c9c0}.interactive [data-result]{border:1px solid #b8c9c0;border-radius:12px;padding:1rem;margin-block:1rem}.interactive .interactive-winner{border:3px solid var(--quiz-holly)}.interactive-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.interactive-attribution{font-size:.875rem}.interactive [data-picks]{padding-left:1.5rem}@media(min-width:40rem){.interactive-options{grid-template-columns:1fr auto 1fr;align-items:center}.interactive fieldset{padding:1.5rem}}@media(prefers-reduced-motion:reduce){.interactive *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body:has(.interactive [data-cta]) *{visibility:hidden!important}body:has(.interactive [data-cta]) .interactive,body:has(.interactive [data-cta]) .interactive [data-steps],body:has(.interactive [data-cta]) .interactive [data-step],body:has(.interactive [data-cta]) .interactive [data-step] *,body:has(.interactive [data-cta]) .interactive-attribution{visibility:visible!important}.interactive:has([data-cta]){position:absolute;inset:0;background:#fff;color:#000;margin:0}.interactive:has([data-cta])>[data-steps]{display:block!important}.interactive:has([data-cta]) [data-step]{display:block!important;break-inside:avoid;padding:.2rem 0}.interactive:has([data-cta]) [data-step] h3{display:none}.interactive:has([data-cta]) .interactive-options{display:flex;gap:.5rem}.interactive:has([data-cta]) button{border:0;padding:.2rem;min-height:0;color:#000;font-size:11pt}.interactive:has([data-cta])>[data-controls],.interactive:has([data-cta])>[data-navigation],.interactive:has([data-cta])>[data-summary],.interactive:has([data-cta])>[data-end-actions],.interactive:has([data-cta])>[data-cta],.interactive:has([data-cta])>.interactive-intro{display:none!important}}