.quiz [hidden]{display:none!important}.quiz{max-width:48rem;padding-bottom:1rem}.quiz__head{text-align:center;padding-block:1rem 1.4rem}.quiz__title{margin:.5rem auto .6rem;font-size:clamp(2rem,6vw,3.1rem);max-width:20ch}.quiz__lede{color:var(--ink-2);margin:0 auto;max-width:34rem;font-size:1.02rem}.quiz__card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.1rem 1.1rem 1.4rem;box-shadow:var(--shadow);min-height:35rem}.quiz__top{display:flex;align-items:center;justify-content:space-between;min-height:2.4rem;gap:1rem}.quiz__back{font:500 .88rem var(--sans);background:none;border:0;color:var(--ink-2);cursor:pointer;padding:.5rem .2rem}.quiz__back:hover{color:var(--wine)}.quiz__count{margin-left:auto;font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}.quiz__bar{height:4px;background:var(--paper-2);border-radius:4px;overflow:hidden;margin:.3rem 0 1.4rem}.quiz__bar span{display:block;height:100%;background:var(--wine);transition:width .3s ease}.quiz__q{font-family:var(--serif);font-weight:600;font-size:clamp(1.6rem,4.5vw,2.1rem);line-height:1.15;color:var(--ink);margin:0 0 1.1rem;outline:none}.quiz__hint{color:var(--muted);font-size:.92rem;margin:-.5rem 0 1rem}.quiz__opts{display:grid;gap:.6rem}.quiz__opt{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;text-align:left;font:500 1.02rem var(--sans);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:.95rem 1.1rem;min-height:3.3rem;cursor:pointer;transition:border-color .15s,background .15s}.quiz__opt small{font-size:.84rem;font-weight:400;color:var(--muted)}.quiz__opt:hover,.quiz__opt.is-on{border-color:var(--wine);background:#fbf4f2}.quiz__opt:focus-visible,.quiz__chip:focus-visible,.quiz__back:focus-visible{outline:3px solid rgba(122,31,43,.3);outline-offset:2px}.quiz__chips{display:flex;flex-wrap:wrap;gap:.5rem}.quiz__chip{font:500 .95rem var(--sans);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:.6rem 1rem;min-height:2.75rem;cursor:pointer}.quiz__chip:hover,.quiz__chip.is-on{border-color:var(--wine)}.quiz__chip[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:#fff}.quiz__chip--none{background:#fff;border-style:dashed}.quiz__max{min-height:1.3rem;font-size:.85rem;color:var(--wine);margin:.6rem 0 .2rem}.quiz__next{margin-top:.4rem}.quiz__results{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.3rem 1.1rem 1.5rem;box-shadow:var(--shadow);outline:none;scroll-margin-top:5rem}.quiz__rtitle{margin:.4rem 0 .8rem}.quiz__profile{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.82rem;color:var(--muted);margin-bottom:1.2rem}.quiz__profile span{margin-right:.2rem}.quiz__profile em{font-style:normal;background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:.2rem .65rem}.quiz__picks{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.quiz__pick{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;align-items:start;align-content:start;border-top:1px solid var(--line);padding-top:1rem}.quiz__media{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;overflow:hidden}.quiz__media img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}.quiz__rank{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}.quiz__pname{font-family:var(--serif);font-size:1.5rem;font-weight:600;line-height:1.1;margin:.2rem 0 .1rem}.quiz__house{font-size:.85rem;color:var(--muted)}.quiz__why{color:var(--ink-2);font-size:.95rem;margin-top:.45rem}.quiz__links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.5rem;font-size:.9rem}.quiz__tip{font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;margin-top:1.2rem}.quiz__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:1rem}.quiz__copied{font-size:.85rem;color:#3f6b3a;margin-top:.5rem}.quiz-seo{padding-top:clamp(2rem,5vw,3.5rem)}@media(min-width:640px){.quiz__card,.quiz__results{padding:1.6rem 2rem 2rem}.quiz__opts--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz__picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.quiz__pick{grid-template-columns:1fr;border-top:0;padding-top:0}.quiz__card{min-height:36rem}}@media(prefers-reduced-motion:reduce){.quiz__bar span{transition:none}}