.quiz-wrap{max-width:900px;margin:0 auto;padding:0 24px 80px}#quiz{background:#F7F1E8;border:3px solid #20212B;border-radius:28px;padding:clamp(22px,5vw,48px);box-shadow:9px 9px 0 #777B91}.quiz-meta,.blend-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-weight:700}#quiz progress{width:100%;height:12px;accent-color:#777B91;margin:18px 0 28px}#quiz h2{font-size:clamp(25px,4vw,39px);line-height:1.2}#quiz fieldset{border:0;padding:0;margin:24px 0;display:grid;gap:12px}.quiz-answer{display:flex;align-items:center;gap:14px;background:white;border:2px solid #20212B;border-radius:16px;padding:18px;cursor:pointer;line-height:1.5}.quiz-answer:has(input:checked){background:#DCEADC;box-shadow:4px 4px 0 #777B91}.quiz-answer input{width:20px;height:20px;flex-shrink:0;accent-color:#444859}.quiz-answer>span{flex:1}.quiz-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;margin-top:28px}#quiz button:disabled{opacity:.4;cursor:not-allowed}#quiz :focus-visible{outline:3px solid #444859;outline-offset:5px}.quiz-note{font-size:14px;opacity:.8;margin-top:22px}.swatches{display:flex;height:38px;margin-bottom:12px;overflow:hidden;border:1px solid #777;border-radius:9px}.swatches i{flex:1}.quiz-result{text-align:center;margin-bottom:35px}.blend-row{margin:18px 0}.blend-track{background:#E8E3DB;border-radius:20px;height:13px;overflow:hidden;margin-top:8px}.blend-track>div{background:#777B91;height:100%;border-radius:20px}.quiz-finds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quiz-finds article{padding:20px;background:#DADCE5;border:2px solid #20212B;border-radius:18px}.quiz-finds h4{font-size:20px;margin:0 0 12px}.quiz-finds a{font-weight:700}.quiz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:650px){.quiz-finds{grid-template-columns:1fr}.quiz-actions>*{flex:1;text-align:center}#quiz{box-shadow:5px 5px 0 #777B91}.quiz-meta{font-size:13px}}@media(min-width:901px){header nav{gap:14px}header nav a{font-size:14px}}

#quiz .quiz-sharing>*{flex:1;min-width:180px;text-align:center}#share-status:empty{display:none}#share-status input{width:100%;margin-top:8px;padding:12px}#quiz .quiz-actions .button{border-radius:32px}

#quiz .quiz-sharing .button{display:flex;align-items:center;justify-content:center;text-align:center}

/* Varied palette for quiz recommendations and primary actions. */
#quiz .quiz-finds article:nth-child(3n+1){background:#93BD96}
#quiz .quiz-finds article:nth-child(3n+2){background:#B58D9D}
#quiz .quiz-finds article:nth-child(3n){background:#DADCE5}
#quiz .quiz-actions a[href="shop.html"]{background:#93BD96;color:var(--ink);justify-content:center;text-align:center}
#quiz .quiz-sharing a.button{background:#B58D9D;color:var(--ink)}