/* Existing Asas tokens; compact choices and motion that never hides content. */
body.asas-home #mula .quiz-panel{background:var(--white);border-color:var(--control-line)}
body.asas-home #mula .quiz-progress{color:var(--muted)}
body.asas-home #mula .progress-track{height:5px;background:var(--sky)}
body.asas-home #mula #quiz-bar{background:var(--accent);transition:width 240ms ease}
body.asas-home #mula .quiz-option{border-radius:var(--small-r);transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}
body.asas-home #mula .quiz-option:active{transform:scale(.99)}
body.asas-home #mula .quiz-option:focus-within{outline:3px solid var(--accent);outline-offset:3px}
body.asas-home #mula .quiz-option:has(input:checked){border-color:var(--deep);background:var(--deep);color:var(--white)}
body.asas-home #mula .quiz-option:has(input:checked) small{color:var(--on-dark)}
body.asas-home #mula .quiz-actions{gap:12px}
body.asas-home #mula .quiz-summary{margin:24px 0;padding:0;border-top:1px solid var(--line)}
body.asas-home #mula .quiz-summary>div{padding:12px 0;border-bottom:1px solid var(--line)}
body.asas-home #mula .quiz-summary dt{font-size:14px;color:var(--muted)}
body.asas-home #mula .quiz-summary dd{margin:4px 0 0;font-size:17px;font-weight:600;color:var(--ink)}
body.asas-home #mula #quiz-restart{display:block;margin-top:12px;min-height:44px}
@media(hover:hover){body.asas-home #mula .quiz-option:hover{border-color:var(--accent);transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){body.asas-home #mula #quiz-bar,body.asas-home #mula .quiz-option{transition:none}body.asas-home #mula .quiz-option:hover,body.asas-home #mula .quiz-option:active{transform:none}}

body.asas-home #mula .quiz-review{margin:16px 0 24px}
body.asas-home #mula .quiz-review summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:600;color:var(--accent);text-decoration:underline}
body.asas-home #mula .quiz-review summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
body.asas-home #mula .quiz-review .quiz-summary{margin:0}

body.asas-home #mula #quiz-question,body.asas-home #mula #path-title{scroll-margin-top:110px}

/* Keep each question and its actions together in a compact viewport. */
body.asas-home #mula .quiz-panel{padding:22px}
body.asas-home #mula .progress-track{margin:8px 0 16px}
body.asas-home #mula #quiz-question{margin-bottom:14px}
body.asas-home #mula .quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.asas-home #mula .quiz-option{padding:12px;gap:10px;line-height:1.4}
body.asas-home #mula .quiz-option small{line-height:1.45;margin-top:4px}
body.asas-home #mula .quiz-actions{margin-top:16px}
body.asas-home #mula .quiz-actions .button{min-height:44px;padding:10px 20px}
body.asas-home #mula .quiz-panel{scroll-margin-top:0}
@media(max-width:700px){
 body.asas-home #mula .quiz-panel{padding:16px}
 body.asas-home #mula .quiz-options{grid-template-columns:1fr;gap:8px}
 body.asas-home #mula .quiz-option{padding:10px 12px}
 body.asas-home #mula .progress-track{margin-bottom:12px}
 body.asas-home #mula #quiz-question{margin-bottom:12px;line-height:1.3}
 body.asas-home #mula .quiz-actions{margin-top:12px}
}