/* Site chrome stays white; artwork and teaching accents belong to the slides. */
#app .viewer-shell .viewer-actions .button,#app .viewer-shell .viewer-actions .icon,#app .viewer-top>.icon,#app .viewer-shell .viewer-bottom .button:not(.gold){background:#fff!important;color:#263345!important}
#app .viewer-shell{min-width:0}.viewer-shell .viewer-actions{align-items:center;flex-wrap:wrap}.viewer-shell .viewer-head>div:first-child{min-width:0}
body.fullscreen #app .viewer-shell{padding:0!important;width:100%!important;max-width:none!important}
body.fullscreen #app .viewer-layout{position:fixed!important;inset:0!important;margin:0!important}
body.fullscreen #app .site-footer,body.fullscreen #app .pdf-text{display:none!important}
body.fullscreen #app .slide-stage{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
body.fullscreen #app .viewer-bottom{position:fixed!important;inset:auto 0 0!important;min-height:66px;height:auto!important;margin:0!important;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;border:0!important;border-radius:0!important;z-index:210;background:#ffffffed!important;box-shadow:0 -4px 24px #18223520!important;color:#263345!important}
body.fullscreen #app .viewer-bottom .slide-count{color:#263345!important}
body.fullscreen #exit-presentation{position:static!important;font:inherit!important;font-size:12px!important;background:white!important;color:#263345!important;border:1px solid #ddd!important;padding:10px 12px!important;border-radius:18px!important}
@media(min-width:900px) and (hover:hover) and (pointer:fine){
 body.fullscreen #app .viewer-layout>div{height:calc(100dvh / var(--fund-stage-scale,1))!important}
 body.fullscreen #app .slide-stage:has(.fund-slide),body.fullscreen #app .slide-stage>.fund-slide{height:calc(100dvh / var(--fund-stage-scale,1))!important;min-height:0!important;max-height:none!important}
 body.fullscreen #app .fund-title .fund-body,body.fullscreen #app .fund-question .fund-body{height:calc(100dvh / var(--fund-stage-scale,1) - 60px)!important;min-height:0!important}
 body.fullscreen #app .viewer-bottom{opacity:0;transform:translateY(calc(100% - 12px));transition:transform .2s,opacity .2s}
 body.fullscreen.presentation-controls #app .viewer-bottom,body.fullscreen #app .viewer-bottom:hover,body.fullscreen #app .viewer-bottom:focus-within{opacity:1;transform:translateY(0)}
}
@media(max-width:899px),(pointer:coarse){
 #app .viewer-shell{padding-inline:16px!important;width:100%!important;box-sizing:border-box}
 #app .viewer-top{gap:10px;height:auto;min-height:70px;flex-wrap:wrap;padding-block:12px}
 #app .viewer-top .brand{margin-right:auto}#app .viewer-top .brand-wordmark{max-width:122px!important}
 #app .viewer-top .crumbs{order:5;flex-basis:100%;font-size:11px;overflow-wrap:anywhere}
 #app .viewer-head{display:flex;flex-wrap:wrap;align-items:flex-start;margin-block:24px 16px;gap:16px}
 #app .viewer-head>div:first-child{flex-basis:100%}#app .viewer-head h2{font-size:24px!important;line-height:1.2}
 #app .viewer-actions{width:100%;display:flex;gap:8px}#app .viewer-actions .button{flex:1;min-height:44px;padding:10px!important;justify-content:center}
 #app .viewer-actions .icon,#app .viewer-top>.icon{width:44px;height:44px}
 #app .viewer-layout.with-outline{grid-template-columns:1fr}#app .outline{max-height:40dvh}
 #app .viewer-bottom{flex-wrap:wrap;gap:12px}#app .viewer-bottom .slide-progress{width:70px}#app .viewer-bottom .controls{margin-left:auto;flex-wrap:wrap;gap:8px}#app .viewer-bottom .button{min-height:44px;padding:10px 12px}
 #app .viewer-bottom .key-hint{display:none}#app .resource-strip{align-items:flex-start;flex-wrap:wrap}
 #app .source-links{grid-template-columns:1fr}#app .resource-drawer{padding:20px}
 body.fullscreen #app .viewer-layout>div{position:static!important;transform:none!important;width:100%!important;height:auto!important}
 body.fullscreen #app .slide-stage:has(.fund-slide){height:calc(100dvh - 82px - env(safe-area-inset-bottom))!important;overflow-y:auto!important;padding:0!important;touch-action:pan-y pinch-zoom}
 body.fullscreen #app .viewer-bottom{min-height:82px!important;gap:8px;flex-wrap:nowrap}
 body.fullscreen #app .viewer-bottom .slide-progress{display:none}body.fullscreen #app .viewer-bottom .controls{flex-wrap:nowrap}
 body.fullscreen #app .viewer-bottom .button{font-size:11px;padding:10px!important}
 body.fullscreen #exit-presentation{font-size:10px!important;padding:10px!important}
 #app .material-row{flex-wrap:wrap;gap:12px;padding:18px 0}.material-row .material-info{flex:1 1 calc(100% - 65px)}
 #app .catalog-tools{flex-wrap:wrap;gap:16px}#app .category-tabs{flex-wrap:wrap;gap:8px}#app .local-search{width:100%;min-height:44px;box-sizing:border-box}
 #app .course-layout{grid-template-columns:minmax(0,1fr)}#app .course-layout .side-note{margin-top:0}
 #app .site-footer{gap:28px}#app .gemini-heading h2{font-size:clamp(26px,7vw,36px)}
 #app #gemini-chat-form{min-width:0}#app #gemini-query{min-width:0;font-size:16px}
 #app .gemini-question-chips button{min-height:44px;white-space:normal;text-align:left}
}
@media(prefers-reduced-motion:reduce){body.fullscreen #app .viewer-bottom{transition:none}}

/* Fullscreen is a viewport-sized surface, without a second scaled frame. */
@media(min-width:900px) and (hover:hover) and (pointer:fine){
 body.fullscreen #app .viewer-layout>div{position:absolute!important;inset:0!important;width:100%!important;height:100dvh!important;transform:none!important}
 body.fullscreen #app .slide-stage:has(.fund-slide),body.fullscreen #app .slide-stage>.fund-slide{width:100%!important;height:100dvh!important;min-height:0!important;max-height:none!important}
 body.fullscreen #app .fund-body{width:100%!important;padding:clamp(20px,3vh,45px) clamp(24px,3vw,55px)!important}
 body.fullscreen #app .fund-title .fund-body,body.fullscreen #app .fund-question .fund-body{height:calc(100dvh - 60px)!important;min-height:0!important}
 body.fullscreen #app .fund-slide h1{font-size:clamp(32px,4vw,68px)!important}
 body.fullscreen #app .fund-question h1{font-size:clamp(38px,5.4vw,86px)!important}
 body.fullscreen #app .fund-photo img{height:min(44dvh,440px)!important}
 body.fullscreen #app .fund-takeaway .fund-body,body.fullscreen #app .fund-keytakeaway .fund-body{min-height:0!important}
 body.fullscreen #app .slide-stage:not(:has(.fund-slide)){height:100dvh!important;min-height:0!important;overflow:auto!important}
}

body.fullscreen #app .viewer-top,body.fullscreen #app .viewer-head{display:none!important}
@media(max-width:899px){#app .viewer-top .brand{display:flex!important}#app .viewer-top .language-picker{display:flex!important;margin-left:auto}#app .viewer-top .brand-wordmark{width:110px!important}#app .viewer-top .language-picker button{min-height:36px;min-width:32px}}