/* Readable 14px controls with compact shortcuts and measured tab clearance. */
:root{--reader-top:112px;--reader-bottom:78px}
html{scroll-padding-top:calc(var(--reader-top) + 12px)!important;scroll-padding-bottom:calc(var(--reader-bottom) + 12px)}
body{font-size:14px;line-height:1.65;padding-bottom:calc(var(--reader-bottom) + 24px)!important}
main{max-width:1144px;padding-inline:24px}
main :is(p,li,label,input,button,summary,figcaption,td,th,.lead,.small,.btn,.pill,.number,.eyebrow){font-size:14px!important}
main :is(.remember-note,.remember-note strong,.notice p,.notice strong,.report strong,.chibi-note p,.chibi-note strong){font-size:14px!important;line-height:1.65!important}
main h2{font-size:26px}main h3,.drug-panel h3,.situation h3{font-size:21px}main h4{font-size:17px}
main section{padding-block:34px}main .section-head{margin-bottom:18px;gap:18px}
.lesson-shortcuts,.drug-shortcuts,.scenario-shortcuts,.shortcut-grid{gap:10px;margin-block:18px}
.lesson-shortcuts a:not([hidden]),.drug-shortcuts a:not([hidden]),.scenario-shortcuts a:not([hidden]){display:flex;flex-direction:column;justify-content:flex-start;gap:5px;min-width:0;min-height:96px;padding:12px 14px;border-radius:12px;line-height:1.4;overflow-wrap:anywhere}
:is(.lesson-shortcuts,.drug-shortcuts,.scenario-shortcuts,.shortcut-grid) :is(a,strong,small,span){font-size:14px!important;line-height:1.4;letter-spacing:normal}
.lesson-shortcuts a>span[aria-hidden],.drug-new-icon{font-size:23px!important;width:34px;height:34px;border-radius:9px}
.drug-shortcut-icon,.scenario-shortcut-icon{width:34px;height:34px;padding:5px;margin-bottom:2px}
.drug-shortcuts a{min-height:120px!important}.drug-shortcuts a>span:last-child{font-size:14px!important}
.activity-key{padding:14px 10px}.activity-key :is(strong,small){font-size:14px!important}
.btn,.compact-close,.choice,.game-option,.game-option button{font-size:14px!important;min-height:44px;padding:10px 14px}
.compact-close{margin-top:20px}.merged-lesson,.drug-panel{padding:20px}.merged-scenario-content{padding-top:12px}
header>.nav{padding:6px 20px;gap:12px}header .nav>nav{gap:8px;align-items:center;font-size:14px!important}header .nav>nav>a{font-size:14px!important;min-height:40px;display:inline-flex;align-items:center;padding:6px 8px;line-height:1.3}
header .nav .brand:has(.brand-emblem) .brand-title-image{width:160px;max-width:160px}header .nav .brand .brand-copy>span:first-child{font-size:14px!important;line-height:1.3;letter-spacing:0}
header .nav .brand:has(.brand-emblem){grid-template-columns:24px auto;gap:2px 6px}header .nav .brand:has(.brand-emblem) .brand-emblem{width:24px;height:24px}
nav.bottom-tab-bar{padding-top:5px!important;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))!important;border-radius:12px 12px 0 0!important}nav.bottom-tab-bar a{min-height:48px!important;gap:3px!important;padding:4px!important}nav.bottom-tab-bar a strong{font-size:14px!important;line-height:1.25}nav.bottom-tab-bar a span{font-size:18px!important}
:is(section,.section-anchor,.merged-lesson,.drug-panel,.activity-panel){scroll-margin-top:calc(var(--reader-top) + 12px)!important}
#quiz-form .quiz-score-policy{top:calc(var(--reader-top) + 4px)!important;font-size:14px}.quiz-answer{padding:10px}.quiz-question{padding:18px}
@media(max-width:999px){header>.nav{flex-wrap:wrap;gap:5px;padding:6px 16px}header .nav>nav{width:100%;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding-bottom:2px;gap:4px;scrollbar-width:thin}header .nav>nav>a{flex-shrink:0;min-height:36px}header .nav .brand .brand-title-image{width:150px!important;max-width:150px!important}}
@media(max-width:600px){main{padding-inline:16px}main section{padding-block:26px}.lesson-shortcuts,.drug-shortcuts,.scenario-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lesson-shortcuts a:not([hidden]),.drug-shortcuts a:not([hidden]){padding:10px;min-height:92px}.drug-shortcuts a{min-height:116px!important}.merged-lesson,.drug-panel{padding:16px}.merged-lesson-heading{gap:9px}.chibi-note{padding:12px;gap:10px}.drum-motion.chibi-avatar{width:80px;height:85px;flex-basis:80px}.drug-gallery{grid-template-columns:1fr}.drug-gallery img{height:200px}main h2{font-size:23px}.merged-lesson h3{font-size:19px}}
@media print{body{padding-bottom:0!important}}

/* Compact master/detail navigation. */
.split-reader{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start;margin-top:16px;scroll-margin-top:calc(var(--reader-top) + 12px)}
.split-menu,.split-detail{min-width:0;max-height:calc(100dvh - var(--reader-top) - var(--reader-bottom) - 30px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8bac99 #eff3e9;border-radius:12px}
.split-menu{padding:10px;background:#edf3e8;border:1px solid #d0decd}.split-menu nav{display:grid!important;grid-template-columns:1fr!important;gap:6px;margin:0;width:100%;padding:0}.split-menu label{display:block;margin-bottom:6px}.split-menu input{font-size:14px;padding:9px 10px;margin:0 0 10px;min-width:0}
.split-menu :is(.lesson-shortcuts,.drug-shortcuts) a:not([hidden]){display:grid!important;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;min-height:44px!important;padding:8px!important;border-radius:8px;flex-direction:row;font-size:14px!important;line-height:1.35}
.split-menu nav a small,.split-menu .drug-shortcuts a>span:last-child{display:none}.split-menu nav a strong{font-size:14px!important;line-height:1.35;font-weight:600}.split-menu nav a :is(.drug-new-icon,.drug-shortcut-icon,.scenario-shortcut-icon){width:26px;height:26px;margin:0;padding:3px;font-size:20px!important}.split-menu .lesson-shortcuts a>span[aria-hidden]{width:26px;height:26px;font-size:20px!important}
.split-detail{border:1px solid #d0decd;background:#fff;padding:0}.split-detail .cards{display:block;margin:0}.split-detail :is(.merged-lesson,.drug-panel){margin:0;border:0;border-radius:0;padding:20px}.split-detail .drug-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.split-empty{padding:36px 22px;margin:0;color:#607366;min-height:180px;text-align:center}.split-detail .drug-facts{grid-template-columns:1fr;gap:8px}.split-detail .drug-facts h4{margin:12px 0 6px}.split-detail .chibi-note{gap:12px}.split-detail .drug-panel h3{margin-top:8px}.activity-key{padding:12px!important}.hero-activity-shortcuts .btn{padding:10px 12px!important;min-height:42px}.compact-close{padding:8px 12px;min-height:40px}
@media(max-width:700px){.split-reader{grid-template-columns:1fr;gap:10px}.split-menu{max-height:220px}.split-menu nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.split-detail{max-height:none;overflow:visible}.split-detail :is(.merged-lesson,.drug-panel){padding:16px}.split-menu nav a strong{overflow-wrap:normal}.split-empty{min-height:80px;padding:22px 14px}}
@media print{.split-reader{display:block}.split-menu{display:none}.split-detail{max-height:none;overflow:visible;border:0}}