/* Screen geometry, not device names: short landscape gets a compact side rail. */
body[data-fit196] .hub-topbar {height:calc(68px + env(safe-area-inset-top,0px));padding-top:calc(8px + env(safe-area-inset-top,0px))}
.rotate200 {position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#f8f7fcf5;color:#193963;text-align:center}
.rotate200[hidden] {display:none}
.rotate200>div {width:min(100%,340px);padding:28px 22px;background:white;border:1px solid #dce4ef;border-radius:26px;box-shadow:0 16px 60px #19396315}
.rotate200 svg {width:100px;height:70px;stroke:#2459df;fill:none;stroke-width:3}
.rotate200 h2 {font-size:24px;margin:16px 0 8px}
.rotate200 p {font-size:16px;line-height:1.5}
.rotate200 button {min-height:44px;padding:10px 18px;border:1px solid #b9cbe5;border-radius:12px;background:#edfa96;color:#193963;font:inherit;font-weight:800}
@media(max-width:760px){body[data-fit196] .hub-topbar {height:calc(56px + env(safe-area-inset-top,0px));padding-top:calc(6px + env(safe-area-inset-top,0px))}}
@media(orientation:landscape) and (max-height:600px){
 body[data-fit196] #app {display:grid;grid-template-columns:76px minmax(0,1fr);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
 body[data-fit196] #app>.hub-sidebar {position:relative;inset:auto;width:auto;height:auto;padding:4px;background:white;border-right:1px solid #dce4ef}
 body[data-fit196] .hub-sidebar>:not(.nav) {display:none}
 body[data-fit196] .hub-sidebar .nav {display:flex;flex-direction:column;gap:4px;margin:0;padding:4px;min-height:0}
 body[data-fit196] .hub-sidebar .nav button {display:flex;flex-direction:column;gap:2px;min-height:54px;padding:5px;border-radius:12px}
 body[data-fit196] .hub-sidebar .nav-icon {width:24px;height:24px;flex:none}
 body[data-fit196] .hub-sidebar .nav-label {font-size:12px}
 body[data-fit196] .app-shell {margin:0;min-width:0;padding:0}
 body[data-fit196] .hub-topbar {height:44px;min-height:44px;padding:0 12px;gap:6px}
 body[data-fit196] .hub-topbar .brand {font-size:16px}
 body[data-fit196] .hub-topbar .brandmark {width:28px;height:28px;font-size:23px}
 body[data-fit196] .hub-main {padding:6px 12px 64px}
 body[data-fit196] .hub-main h1 {font-size:21px;margin:0 0 6px}
 body[data-fit196] :is(.home183-heading>p,.home183-today,.home183-more,.learn-top65 .eyebrow,.learn-resume65,.learn-note65) {display:none}
 body[data-fit196] .learn-top65 {margin-bottom:4px;flex-wrap:nowrap;align-items:center}
 body[data-fit196] .learn-settings65 summary {font-size:12px;padding:4px 8px;min-height:44px}
 body[data-fit196] :is(.home183-grid,.learn-subject-grid65,.learn-activities65,.hub-books,.dictionary-topic-grid) {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0}
 body[data-fit196] :is(.home183-card,.learn-subject65,.learn-picture71,.hub-book,.dictionary-topic-tile) {height:clamp(112px,42dvh,190px);min-height:0}
 body[data-fit196] :is(.home183-card-copy,.learn-subject65>span,.learn-picture-copy71,.hub-book>div) {min-height:44px;padding:7px 9px}
 body[data-fit196] :is(.home183-card strong,.learn-subject65 strong,.learn-picture-copy71>strong,.hub-book h2) {font-size:15px;line-height:1.2}
 body[data-fit196] :is(.home183-card small,.learn-subject65 small,.learn-picture-copy71>small,.hub-book p) {display:none}
 body[data-fit196] .home183-heading {margin:0 0 4px}
 body[data-fit196] .hub-filters {margin:0;gap:5px;padding:0}
 body[data-fit196] .hub-filters .chip {font-size:12px;padding:4px 8px}
 body[data-fit196="dictionary"] .dictionary-heading194 {display:none}
 body[data-fit196="dictionary"] .dictionary-search {display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;margin:0 0 4px;padding:0;border:0;background:transparent}
 body[data-fit196="dictionary"] .dictionary-search>label {display:none}
 body[data-fit196="dictionary"] .dictionary-query-row {grid-column:auto}
 body[data-fit196="dictionary"] .dictionary-topic-tile {padding:6px;gap:3px}
 body[data-fit196="dictionary"] .dictionary-topic-tile strong {font-size:14px}
 body[data-fit196="dictionary"] .dictionary-topic-tile img {min-height:30px}
 body[data-fit196] .fit196-pager {height:44px}
}
