.quiz{max-width:48rem;margin:0 auto}.quiz--intro{text-align:center;padding:var(--space-12) var(--space-6)}.quiz__intro-content{max-width:28rem;margin:0 auto}.quiz__intro-visual{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;margin:0 auto var(--space-6);background:var(--color-paper-accent);border-radius:var(--radius-full);color:var(--color-accent)}.quiz__intro-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-normal);color:var(--color-ink);margin-bottom:var(--space-4)}.quiz__intro-text{font-size:var(--text-lg);color:var(--color-ink-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.quiz__start-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:inherit;color:var(--color-white);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-deep) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-soft);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.quiz__start-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft-lg)}.quiz--questions{padding:var(--space-8) var(--space-6)}.quiz__progress{margin-bottom:var(--space-10)}.quiz__progress-bar{height:4px;background-color:var(--color-paper-accent);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.quiz__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-soft));transition:width .4s ease-out}.quiz__progress-text{font-size:var(--text-sm);color:var(--color-ink-muted)}.quiz__question{text-align:center;margin-bottom:var(--space-10)}.quiz__question-text{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-normal);color:var(--color-ink);margin-bottom:var(--space-2)}.quiz__question-hint{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0}.quiz__options{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-8)}@media(min-width:640px){.quiz__options{grid-template-columns:repeat(2,1fr)}}.quiz__option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-family:inherit;color:var(--color-ink);background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.quiz__option:hover{border-color:var(--color-accent-muted);background-color:var(--color-paper-accent)}.quiz__option--selected{border-color:var(--color-accent);background-color:var(--color-paper-accent)}.quiz__option--selected .quiz__option-label{color:var(--color-accent-deep);font-weight:var(--font-medium)}.quiz__option-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-paper-warm);border-radius:var(--radius-md);flex-shrink:0;color:var(--color-accent)}.quiz__option-label{flex:1}.quiz__nav{display:flex;justify-content:space-between;gap:var(--space-4)}.quiz__nav-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:inherit;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.quiz__nav-btn--back{color:var(--color-ink-muted);background:transparent;border:1px solid var(--color-border)}.quiz__nav-btn--back:hover{border-color:var(--color-ink-muted);color:var(--color-ink)}.quiz__nav-btn--continue{color:var(--color-white);background-color:var(--color-accent);border:none;margin-left:auto}.quiz__nav-btn--continue:hover{background-color:var(--color-accent-deep)}.quiz--results{padding:var(--space-8) var(--space-6)}.quiz__results-header{text-align:center;margin-bottom:var(--space-10)}.quiz__results-visual{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto var(--space-4);background:var(--color-paper-accent);border-radius:var(--radius-full);color:var(--color-accent)}.quiz__results-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-normal);color:var(--color-ink);margin-bottom:var(--space-3)}.quiz__results-subtitle{font-size:var(--text-base);color:var(--color-ink-muted);margin:0}.quiz__results-list{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-10)}.quiz__result-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);padding:var(--space-5);background-color:var(--color-white);border-radius:var(--radius-xl);text-decoration:none;box-shadow:var(--shadow-card);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);position:relative}.quiz__result-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.quiz__result-card--1{border:2px solid var(--color-accent)}.quiz__result-rank{position:absolute;top:var(--space-3);left:var(--space-3);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-white);background-color:var(--color-accent);border-radius:var(--radius-full);z-index:1}.quiz__result-card--2 .quiz__result-rank,.quiz__result-card--3 .quiz__result-rank{background-color:var(--color-ink-muted)}.quiz__result-image{width:8rem;height:8rem;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.quiz__result-image img{width:100%;height:100%;object-fit:cover}.quiz__result-content{display:flex;flex-direction:column;gap:var(--space-2)}.quiz__result-name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--color-ink);margin:0}.quiz__result-desc{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0;line-height:var(--leading-relaxed)}.quiz__result-score{margin-top:var(--space-2)}.quiz__result-score-bar{height:6px;background-color:var(--color-paper-accent);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.quiz__result-score-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-soft));transition:width .6s ease-out}.quiz__result-score-text{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent)}.quiz__result-criteria{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.quiz__result-tag{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-ink-muted);background-color:var(--color-paper-warm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.quiz__result-tag .quiz-icon{color:var(--color-accent)}.quiz-icon{display:inline-flex;align-items:center;justify-content:center}.quiz-icon svg{width:100%;height:100%}.quiz__results-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.quiz__restart-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:inherit;color:var(--color-accent);background:transparent;border:2px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.quiz__restart-btn:hover{color:var(--color-white);background-color:var(--color-accent)}.quiz__other-tools-link{font-size:var(--text-sm);color:var(--color-ink-muted);text-decoration:underline}.quiz__other-tools-link:hover{color:var(--color-ink)}@media(max-width:640px){.quiz__result-card{grid-template-columns:1fr}.quiz__result-image{width:100%;height:10rem}}.page-header[data-astro-cid-svxl76es]{background-color:var(--color-paper-warm);padding-top:var(--space-6);padding-bottom:var(--space-4)}.quiz-section[data-astro-cid-svxl76es]{padding:var(--space-8) 0 var(--space-20);min-height:60vh}