.home #main>.quiz-section{background:radial-gradient(ellipse at 5% 80%,#45654855,transparent 60%),#29443e}
.st-quiz{--quiz-border:#a5c2b640;--quiz-muted:#b8cec5;color:#f2f5ed}
.st-quiz [hidden]{display:none!important}
.quiz-app{border:1px solid var(--quiz-border);border-radius:22px;background:#102623c7;padding:24px 28px}
.quiz-top,.quiz-navigation,.quiz-result-actions{display:flex;justify-content:space-between;align-items:center;gap:14px}
.quiz-top{font-size:.75rem;color:var(--quiz-muted);margin-bottom:12px}
.quiz-progress{height:3px;background:#426057;margin-bottom:22px;border-radius:4px;overflow:hidden}
.quiz-progress span{display:block;background:var(--accent);height:100%;transition:width .25s}
.quiz-title{font-family:"Golos Text",sans-serif;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:500;letter-spacing:0;line-height:1.25;margin:0 0 8px;outline-offset:5px}
.quiz-help{color:var(--quiz-muted);font-size:.84rem;line-height:1.55;margin:0 0 20px;max-width:850px}
.quiz-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0}
.quiz-option{position:relative;display:flex;align-items:center;gap:11px;padding:15px;border:1px solid var(--quiz-border);border-radius:12px;cursor:pointer;background:#ffffff03;transition:border-color .2s,background .2s;min-height:62px}
.quiz-option:hover{background:#ffffff08;border-color:#bbd995}
.quiz-option:has(input:checked){background:#c8ff3414;border-color:var(--accent)}
.quiz-option:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.quiz-option input{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0;margin:0}
.quiz-option strong{display:block;font-size:.9rem;font-weight:500;line-height:1.35}
.quiz-option small{display:block;color:var(--quiz-muted);font-size:.73rem;line-height:1.45;margin-top:3px}
.quiz-navigation{margin-top:20px;padding-top:16px;border-top:1px solid var(--quiz-border)}
.quiz-back,.quiz-restart{border:0;background:none;color:var(--quiz-muted);font:inherit;font-size:.8rem;padding:12px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.quiz-navigation .button{padding:12px 22px;min-height:46px}
.quiz-navigation button:disabled{opacity:.4;cursor:not-allowed}
.quiz-error{color:#f3d692;font-size:.8rem;min-height:1em;margin:10px 0 0}
.quiz-result-name{font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.2;letter-spacing:0;margin:0 0 12px}
.quiz-items{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 16px;padding:0}
.quiz-items li{font-size:.76rem;border:1px solid var(--quiz-border);border-radius:20px;padding:6px 10px}
.quiz-result-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:20px}
.quiz-handoff{font-size:.8rem;color:var(--quiz-muted);margin:12px 0 0}
.quiz-screen{animation:quiz-enter .2s ease-out}
@keyframes quiz-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:800px){.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-app{padding:20px}}
@media(max-width:480px){.quiz-options{grid-template-columns:1fr}.quiz-app{padding:18px 15px}.quiz-top{font-size:.68rem}.quiz-option{padding:12px;min-height:54px}.quiz-help{font-size:.8rem}.quiz-result-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.quiz-screen{animation:none}.quiz-progress span,.quiz-option{transition:none}}
.quiz-subtitle{font-family:"Golos Text",sans-serif;font-size:.95rem;font-weight:500;margin:18px 0 10px;letter-spacing:0}
/* Direct shows the full route; unavailable questions remain readable previews. */
.direct-quiz-section .quiz-overview{padding:0;border:0;border-radius:0;background:none}
.quiz-overview-status{font-size:.8rem;color:var(--quiz-muted);margin:0 0 14px}
.quiz-question-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.quiz-question-card{position:relative;min-width:0;padding:56px 16px 16px!important;border:1px solid var(--quiz-border);border-radius:14px;background:#203b35;scroll-margin-top:90px}
.quiz-question-card.is-current{background:#142f28;border-color:#c9e89d}
.quiz-question-card.is-upcoming{background:#2c4840}
.quiz-question-number{position:absolute;left:16px;top:12px;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--quiz-border);border-radius:50%;color:var(--quiz-muted);font-size:.82rem}
.is-current .quiz-question-number{background:#d7e8aa;border-color:#d7e8aa;color:#172e2b}
.quiz-question-state{position:absolute;right:16px;top:6px;min-height:44px;padding:8px 0;background:none;border:0;font:inherit;font-size:.7rem;color:#d7e8aa;cursor:pointer}
.quiz-question-state:disabled{color:var(--quiz-muted);cursor:default}
.quiz-question-state:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.direct-quiz-section .quiz-question-card .quiz-title{font-size:1rem;line-height:1.3;min-height:2.6em;margin:0 0 8px;color:#f2f5ed}
.direct-quiz-section .quiz-question-card .quiz-help{font-size:.76rem;line-height:1.5;min-height:0;margin:0 0 12px;color:#c1d2c9}
.direct-quiz-section .quiz-question-card .quiz-options{grid-template-columns:1fr;gap:6px}
.quiz-question-card .quiz-option{min-height:44px;padding:8px;align-items:flex-start;font-size:.8rem;line-height:1.4}
.quiz-question-card .quiz-option input{margin-top:2px}
.quiz-question-card .quiz-options:disabled .quiz-option{cursor:default;background:none;border-color:#a5c2b625;color:#baccc2}
.quiz-question-card.is-complete .quiz-option:has(input:checked){border-color:#a3c383;color:#edf2e5}
@media(max-width:1000px){
 .quiz-question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .direct-quiz-section .quiz-question-card .quiz-title,.direct-quiz-section .quiz-question-card .quiz-help{min-height:0}
}
@media(max-width:600px){
 .quiz-question-grid{grid-template-columns:1fr;gap:12px}
 .quiz-question-card{padding:62px 18px 20px!important}
 .quiz-question-card:not(.is-current) .quiz-help,.quiz-question-card:not(.is-current) .quiz-options{display:none}
 .direct-quiz-section .quiz-question-card:not(.is-current) .quiz-title{margin-bottom:0;font-size:.95rem}
 .quiz-overview-status{margin-bottom:20px}
}
.quiz-suboptions{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.quiz-suboptions .quiz-option{min-height:47px;padding:10px 12px}
.quiz-suboptions .quiz-option strong{font-size:.8rem}
@media(min-width:900px) and (max-height:820px){.quiz-app{padding:18px 24px}.quiz-progress{margin-bottom:16px}.quiz-options{gap:8px}.quiz-option{min-height:54px;padding:11px}.quiz-title{font-size:1.3rem}.quiz-help{margin-bottom:14px;line-height:1.45}.quiz-navigation{margin-top:14px;padding-top:12px}.quiz-subtitle{margin-top:14px}.quiz-suboptions .quiz-option{min-height:44px}}
.quiz-items{display:grid;gap:12px;margin:22px 0}
.quiz-items li{display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:12px;padding:18px 20px;background:#2b4544;font-size:1rem}
.quiz-items li small{display:block;margin-top:7px;max-width:470px;font-size:.82rem;line-height:1.5;color:var(--quiz-muted)}
.quiz-item-price{font-weight:600;white-space:nowrap;color:#e0efad}
@media(max-width:600px){.quiz-items li{align-items:flex-start;flex-direction:column;gap:12px;padding:17px}.quiz-item-price{white-space:normal}}

.quiz-question-card .quiz-navigation{gap:10px;margin-top:12px;padding-top:10px}
.quiz-question-card .quiz-navigation .button{padding:10px 12px;font-size:.78rem;line-height:1.3}
.quiz-question-card .quiz-back{font-size:.75rem;white-space:nowrap}

@media(min-width:1001px){
 .quiz-question-grid{transition:grid-template-columns .28s ease}
 .quiz-question-grid:has(>.is-current:nth-child(1)){grid-template-columns:1.8fr 1fr 1fr 1fr}
 .quiz-question-grid:has(>.is-current:nth-child(2)){grid-template-columns:1fr 1.8fr 1fr 1fr}
 .quiz-question-grid:has(>.is-current:nth-child(3)){grid-template-columns:1fr 1fr 1.8fr 1fr}
 .quiz-question-grid:has(>.is-current:nth-child(4)){grid-template-columns:1fr 1fr 1fr 1.8fr}
}
@media(prefers-reduced-motion:reduce){.quiz-question-grid{transition:none}}