/* Keep quiz controls accessible without overriding the user's text-size preference. */
#quiz .quizactions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
#quiz .quizactions>.btn{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
#quiz .answers{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
#quiz .answer{min-width:0;white-space:normal;overflow-wrap:anywhere;color:var(--ink);font-family:inherit}
#quiz .question h3,#quiz .feedback{overflow-wrap:anywhere}
@media(max-width:720px){
 :root{--mobile-nav-height:76px;--mobile-nav-gap:calc(var(--mobile-nav-height) + 20px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-top:12px;scroll-padding-bottom:calc(var(--mobile-nav-gap) + 100px)}
 .shell{padding-bottom:calc(var(--mobile-nav-gap) + 24px)}
 .topbar{position:relative;top:auto;gap:8px}.top-user{min-width:0;flex-wrap:wrap;justify-content:flex-end}.brand{flex-shrink:0}
 .bottomnav{bottom:calc(8px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(5,minmax(0,1fr))}
 .bottomnav a{min-width:0;overflow-wrap:anywhere}
 #quiz{padding:14px;scroll-margin-top:12px;min-width:0}
 #quiz .quizmeta h2{font-size:1.125rem;line-height:1.3;letter-spacing:-.02em}
 #quiz .quizmeta .sub{margin:5px 0 8px;font-size:.8125rem}
 #quiz .meta-pills{margin-top:6px;gap:5px}
 #quiz .meta-pills span{padding:4px 7px;font-size:.6875rem}
 #quiz .progress{height:6px;margin:10px 0}
 #quiz .question{padding:12px 0;margin-bottom:10px}
 #quiz .question h3{font-size:1.125rem;line-height:1.35;letter-spacing:-.025em}
 #quiz .answers{grid-template-columns:minmax(0,1fr);gap:7px}
 #quiz .answer{min-height:44px;padding:10px 12px;border-radius:12px;touch-action:manipulation}
 #quiz .answer b{font-size:1rem;line-height:1.3}
 #quiz .answer small{display:none}
 #quiz .answer:hover{transform:none}
 #quiz .quizactions{position:sticky;bottom:var(--mobile-nav-gap);z-index:20;gap:8px;padding:8px 0;margin-top:8px;background:#fff;box-shadow:0 4px 0 #fff}
 #quiz .quizactions .btn{min-height:44px;padding:10px 7px;font-size:.875rem;border-radius:12px}
 #quiz .feedback{font-size:.875rem;line-height:1.5;margin-top:6px;min-height:0;scroll-margin-bottom:var(--mobile-nav-gap)}
 #quiz .feedback:empty{display:none}
 .toast{bottom:var(--mobile-nav-gap);max-width:calc(100% - 24px);white-space:normal}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}