.quiz{padding-top:2.6rem;padding-bottom:1rem}.quiz__stage{margin-top:.4rem;min-height:340px;padding:clamp(1.6rem,4vw,2.8rem);display:flex;align-items:center;justify-content:center}.quiz-panel{width:100%;text-align:center}.quiz-flourish{display:block;color:var(--gold);font-size:.8rem;margin-bottom:.8rem}.quiz-intro__lead{margin:0 auto 1.6rem;max-width:48ch;font-family:var(--font-display);font-size:1.2rem;color:var(--bone-dim)}.quiz-btn{appearance:none;cursor:pointer;display:inline-block;padding:.85rem 1.7rem;border-radius:var(--radius-pill);border:1px solid var(--gold);background:transparent;color:var(--gold-bright);font-family:var(--font-ui);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;transition:background .2s ease,color .2s ease}.quiz-btn:hover,.quiz-btn--gold{background:var(--gold);color:var(--ink)}.quiz-btn--gold:hover{background:var(--gold-bright)}.quiz-progress{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.quiz-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .3s ease}.quiz-q__count{margin:1rem 0 0;font-family:var(--font-ui);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.quiz-q__text{margin:.5rem auto 1.5rem;max-width:30ch;font-family:var(--font-display);font-size:clamp(1.5rem,3.6vw,2.1rem);color:var(--bone);line-height:1.25}.quiz-q__options{display:grid;gap:.7rem;max-width:32rem;margin:0 auto}.quiz-option{appearance:none;cursor:pointer;padding:.95rem 1.3rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-raised);color:var(--bone);font-family:var(--font-body);font-size:1rem;line-height:1.4;text-align:left;transition:border-color .18s ease,transform .18s ease,color .18s ease}.quiz-option:hover{border-color:var(--gold);color:var(--gold-bright);transform:translateY(-2px)}.quiz-result__portrait{width:188px;height:232px;object-fit:cover;border-radius:50%;border:2px solid var(--gold);margin:.8rem auto 0;box-shadow:0 0 56px -16px #c9a04e80,0 22px 44px -26px #000}.quiz-result__glyph{display:block;font-size:3rem;color:var(--gold);margin:.8rem 0 0}.quiz-result__title{margin:1rem 0 0;font-size:clamp(2rem,5vw,2.9rem)}.quiz-result__archetype{margin:.5rem auto 0;max-width:44ch;font-family:var(--font-display);font-style:italic;font-size:1.2rem;color:var(--bone)}.quiz-result__summary{margin:.8rem auto 0;max-width:52ch;color:var(--bone-dim);font-size:.98rem}.quiz-result__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.6rem}.quiz-share{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--line)}.quiz-share__label{margin:0 0 .7rem;font-family:var(--font-ui);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.quiz-share__row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.quiz-chip{cursor:pointer;appearance:none;padding:.55rem 1rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--bone);font-family:var(--font-ui);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;transition:border-color .2s ease,color .2s ease}.quiz-chip:hover{border-color:var(--gold);color:var(--gold-bright)}.quiz-more{margin-top:3rem}.quiz-more__label{text-align:center;font-family:var(--font-ui);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 1.1rem}.quiz-more__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.quiz-more__card{display:flex;flex-direction:column;gap:.4rem;padding:1.3rem 1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-raised);transition:border-color .2s ease,transform .2s ease}.quiz-more__card:hover{border-color:var(--gold);transform:translateY(-3px)}.quiz-more__card h3{font-size:1.3rem;color:var(--bone);margin:0}.quiz-more__card:hover h3{color:var(--gold-bright)}.quiz-more__card p{margin:0;color:var(--bone-dim);font-size:.9rem}.quiz-more__cta{margin-top:.3rem;font-family:var(--font-ui);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
