.quiz-intro .wrap{display:grid;gap:var(--s-5);justify-items:start}.quiz-intro h1{margin-top:clamp(.5rem,0rem + 2vw,2rem)}.quiz{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-7) clamp(2rem,6vw,7rem);align-items:start}@media(min-width:64rem){.quiz{grid-template-columns:clamp(16rem,22vw,21rem) minmax(0,1fr);min-height:32rem}.quiz-side{position:sticky;top:calc(var(--header-h) + var(--s-5))}}@media(max-width:63.99rem){.quiz-main{order:-1}}.quiz-side{display:grid;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-l);background:var(--surface)}.quiz-side h2{font-size:var(--t-14);font-weight:var(--w-title);letter-spacing:0;line-height:var(--lh-snug)}.quiz-side ol{display:grid;gap:.375rem;margin:0}.quiz-side li{border-radius:var(--r-m);transition:background-color var(--fast) var(--ease)}.quiz-side li.is-current{background:var(--paper)}.quiz-side li button{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:3.5rem;padding:.625rem .75rem;border:0;border-radius:var(--r-m);background:none;color:inherit;text-align:left}.quiz-side li button:disabled{cursor:default}.quiz-side .mark{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--line-strong);color:var(--ink-2);font-size:var(--t-13);font-weight:var(--w-title);transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.quiz-side .what{display:grid;gap:.0625rem;min-width:0}.quiz-side .label{font-size:var(--t-14);font-weight:var(--w-ui);line-height:var(--lh-snug)}.quiz-side .value{color:var(--ink-3);font-size:var(--t-12);line-height:var(--lh-small)}.quiz-side li.is-done .mark,.quiz-side li.is-current .mark{background:var(--green);color:var(--on-accent)}.quiz-side li.is-done .value{color:var(--ink-2)}.quiz-side li.is-done button:hover .label{color:var(--green)}.quiz-side li.is-current .label{font-weight:var(--w-title)}.quiz-reset,.quiz-back button,.quiz .linklike{min-height:var(--tap);padding:0;border:0;background:none}.quiz .linklike{color:var(--green);font-size:var(--t-14)}.quiz .linklike:hover{color:var(--green-strong);text-decoration:underline}.quiz-reset{justify-self:start}.quiz-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4);align-content:start;min-width:0}.quiz-progress{height:.5rem;margin-bottom:var(--s-4);border-radius:var(--r-pill);background:var(--track);overflow:hidden}.quiz-progress span{display:block;width:var(--quiz-progress, 20%);height:100%;border-radius:var(--r-pill);background:var(--green);transition:width var(--slow) var(--ease)}.quiz-main>h2{max-width:18em;margin-top:calc(-1 * var(--s-2))}.quiz-main>h2:focus{outline:none}.quiz-help{max-width:var(--measure);color:var(--ink-2)}.quiz-body{margin-top:var(--s-4)}.quiz-live{min-height:1.5rem;color:var(--ink-2);font-size:var(--t-14)}.quiz-live:empty{min-height:0}.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--gap)}.quiz-options.is-stack{grid-template-columns:minmax(0,1fr);gap:var(--s-2);max-width:44rem}.quiz-option{position:relative;display:grid;gap:var(--s-1);align-content:start;padding:var(--pad);border:2px solid var(--line);border-radius:var(--r-l);background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.quiz-option:hover{border-color:var(--green)}.quiz-option:focus-visible,.quiz-option:has(input:focus-visible){outline:2px solid var(--green);outline-offset:3px;border-radius:var(--r-l)}.quiz-option .shot{aspect-ratio:4 / 3;margin-bottom:var(--s-3);border-radius:0;background:none;--shot-pad: 2%}.quiz-option .t{font-size:var(--t-19);font-weight:var(--w-title);letter-spacing:var(--ls-19);line-height:var(--lh-19)}.quiz-option .s{color:var(--ink-3);font-size:var(--t-14);line-height:var(--lh-small)}.is-stack .quiz-option{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s-4);align-items:center;min-height:4rem;padding:var(--s-3) var(--s-5);border-radius:var(--r-s)}.is-stack .quiz-option:focus-visible,.is-stack .quiz-option:has(input:focus-visible){border-radius:var(--r-s)}.is-stack .quiz-option .t{grid-column:1;font-size:var(--t-16);font-weight:var(--w-ui);letter-spacing:var(--ls-16);line-height:var(--lh-ui)}.is-stack .quiz-option .s{grid-column:1}.is-stack button.quiz-option:after{content:"";grid-column:2;grid-row:1 / span 2;width:1rem;height:1rem;background:var(--ink-3);-webkit-mask:var(--i-chevron) center / contain no-repeat;mask:var(--i-chevron) center / contain no-repeat}.quiz-option[aria-pressed=true],.quiz-option.is-checked{border-color:var(--green);background:var(--green-25)}.quiz-option input[type=checkbox]{appearance:none;grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:1.5rem;height:1.5rem;margin:0;border:1px solid var(--line-strong);border-radius:var(--r-xs);background:var(--paper);cursor:pointer;transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.quiz-option input[type=checkbox]:after{content:"";width:1rem;height:1rem;background:var(--on-accent);-webkit-mask:var(--i-check) center / contain no-repeat;mask:var(--i-check) center / contain no-repeat;opacity:0}.quiz-option input[type=checkbox]:checked{border-color:var(--green);background:var(--green)}.quiz-option input[type=checkbox]:checked:after{opacity:1}.quiz-option input[type=checkbox]:focus-visible{outline:none}.quiz-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5);margin-top:var(--s-6)}.quiz-budget{display:grid;gap:var(--s-2);max-width:36rem}.quiz-budget output{font-size:var(--t-32);font-weight:var(--w-title);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-32);line-height:var(--lh-32)}.quiz-budget input[type=range]{width:100%;height:var(--tap);margin:0;accent-color:var(--green);cursor:pointer}.quiz-budget .bounds{display:flex;justify-content:space-between;margin-top:calc(-1 * var(--s-2));color:var(--ink-3);font-size:var(--t-12);font-variant-numeric:tabular-nums}.quiz-budget .free{display:inline-flex;align-items:center;gap:var(--s-3);justify-self:start;min-height:var(--tap);margin-top:var(--s-3);font-size:var(--t-14);cursor:pointer}.quiz-budget .free input{width:1.25rem;height:1.25rem;margin:0;accent-color:var(--green)}.quiz-budget.is-free .bounds,.quiz-budget.is-free input[type=range]{opacity:.4}.quiz-summary{max-width:var(--measure);margin-bottom:var(--s-6);color:var(--ink-2)}.quiz-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--gap);margin:0;padding:0;list-style:none}.quiz-results>li{display:grid;min-width:0}.quiz-card{position:relative;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--pad);border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);transition:box-shadow var(--slow) var(--ease)}.quiz-card:hover,.quiz-card:focus-within{box-shadow:var(--shadow)}.quiz-card.is-best{padding:calc(var(--pad) - 1px);border:2px solid var(--green)}.quiz-card .shot{aspect-ratio:4 / 3;border-radius:0;background:none;--shot-pad: 2%}.quiz-card .pick{align-self:flex-start}.quiz-card h3 a{text-decoration:none}.quiz-card .meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-3)}.quiz-card .why{flex:1;margin-top:var(--s-1)}.quiz-card .why li{font-size:var(--t-14);line-height:var(--lh-small)}.quiz-card .why li:before{width:1rem;height:1rem}.quiz-card ul.why li{padding-left:1.625rem}.quiz-card .foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-2) var(--s-4);margin-top:var(--s-2)}.quiz-card .price{display:grid;gap:.125rem}.quiz-card .price span{color:var(--ink-3);font-size:var(--t-12);line-height:var(--lh-small)}.quiz-card .foot .link{position:relative;z-index:2}.quiz-empty{display:grid;gap:var(--s-3);max-width:46rem;padding:var(--pad);border-radius:var(--r-l);background:var(--surface)}.quiz-empty p{max-width:var(--measure);color:var(--ink-2)}.quiz-empty strong{color:var(--ink)}.quiz-empty .quiz-actions{margin-top:var(--s-3)}.quiz-share{display:grid;gap:var(--s-3);max-width:44rem;margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--line-strong)}.quiz-share p{color:var(--ink-2);font-size:var(--t-14);line-height:var(--lh-small)}.quiz-share input{width:100%;min-height:var(--tap);padding:0 1rem;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--paper);color:var(--ink-2);font-size:var(--t-14);text-overflow:ellipsis}.quiz-share input:focus-visible{border-radius:var(--r-pill)}.quiz-share .quiz-actions{margin-top:0;color:var(--ink-2);font-size:var(--t-14)}