.mobile-menu{display:none}
@media(max-width:1100px){
  .site-nav a{display:inline-flex;align-items:center;min-height:44px}
  .film-rail-controls button,.film-rail-controls a,.ltx-retry{min-height:44px}
  .film-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:5px}
  .film-detail-tabs button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
}
@media(max-width:1000px){
  .site-header{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));gap:12px}
  .site-header .wordmark{margin-right:auto;min-height:44px;justify-content:center}
  .mobile-menu{display:block;flex:none}
  .mobile-menu>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-width:64px;min-height:44px;padding:8px 4px;font-size:13px;line-height:1.3;list-style:none;cursor:pointer}
  .mobile-menu>summary::-webkit-details-marker{display:none}
  .mobile-menu>summary svg{width:16px;height:16px;transition:transform .2s}
  .mobile-menu[open]>summary svg{transform:rotate(180deg)}
  .mobile-menu-panel{position:absolute;left:0;right:0;top:calc(100% - 1px);max-height:calc(var(--plp-visual-height,100dvh) - 76px);overflow-y:auto;overscroll-behavior:contain;background:var(--paper);padding:12px max(24px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));border-top:1px solid var(--line);border-bottom:1px solid #a9b0aa;box-shadow:0 14px 22px rgb(27 34 38 / .08)}
  .mobile-menu-panel>a{display:flex;align-items:center;min-height:52px;padding:12px 0;border-bottom:1px solid var(--line);font-size:19px;line-height:1.3;letter-spacing:-.02em}
  .mobile-menu-panel>a:last-child{border-bottom:0}
  .mobile-menu-panel>a:focus-visible{outline-offset:3px}
  .footer a,.document-footer a{display:inline-flex;align-items:center;min-height:44px}
  .footer>div,.document-footer{flex-wrap:wrap;gap:8px 24px}
  .film-motion-toggle{min-height:44px}
  .development-menu-tabs button{grid-template-columns:19px minmax(0,1fr) 13px}
  .development-menu-tabs button>span:nth-child(2){min-width:0;overflow-wrap:break-word}
  .program-menu-links a{min-width:0}
}
@media(max-width:600px){
  .site-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:8px}
  .site-header .wordmark{width:106px}
  .site-header .wordmark>span{font-size:11px}
  .site-header .wordmark strong{font-size:26px}
  .site-header .header-book{font-size:13px;gap:0;min-height:44px}
  .site-header .header-book svg{display:none}
  .mobile-menu>summary{min-width:60px}
  .mobile-menu-panel{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .label-bottom{flex-wrap:wrap}
}
@media(max-width:355px){
  .development-menu-tabs button{grid-template-columns:minmax(0,1fr) 13px;gap:8px}
  .development-menu-tabs button>span:first-child{display:none}
  .development-menu-tabs button>span:nth-child(2){font-size:14px}
}
/* Reserve complete tap rows inside the existing film stage. */
@media(min-width:701px) and (max-width:1000px) and (prefers-reduced-motion:no-preference){
  .horizon-hero.is-scene-open .hero-bottomline{display:flex;align-items:center;gap:16px;bottom:12px}
  .horizon-hero.is-scene-open .hero-study-note{display:block;margin:0;text-align:right;max-width:15ch;line-height:1.4}
  .horizon-hero.is-scene-open .hero-chapter-name,.horizon-hero.is-scene-open .hero-action p{display:none}
  .horizon-hero.is-scene-open .hero-action .button{min-height:44px}
}
@media(max-width:700px){
  .ltx-controller button{min-height:44px}
  .film-rail-controls button,.film-rail-controls a,.ltx-retry{min-height:44px}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
  .film-rail-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 12px}
  .film-rail-controls a{grid-column:1/-1;justify-self:start}
  .film-detail{width:max(160px,calc((100% - 48px)*.43));min-width:160px}
  .film-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:5px;flex-wrap:nowrap}
  .film-detail-tabs button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:5px 0}
}
@media(max-width:700px) and (min-height:741px) and (orientation:portrait) and (prefers-reduced-motion:no-preference){.film-detail{bottom:315px}}
@media(max-width:700px) and (max-height:740px) and (orientation:portrait) and (prefers-reduced-motion:no-preference){
  .film-rail-reading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .ltx-controller{row-gap:6px}
  .film-detail{bottom:264px}
}
@media(max-width:355px) and (max-height:740px) and (orientation:portrait) and (prefers-reduced-motion:no-preference){
  .film-detail{width:160px;padding:9px;bottom:276px}
  .film-detail-lens{aspect-ratio:2.75/1}
}
@media(max-width:1000px) and (max-height:520px) and (orientation:landscape) and (prefers-reduced-motion:no-preference){
  .film-editorial{top:88px}
  .film-editorial h3{top:0;font-size:clamp(32px,calc(16svh - 16px),48px);line-height:.94}
  .ltx-direction-rail{bottom:56px}
  .ltx-controller button{min-height:44px}
  .film-rail-controls{display:flex;flex-wrap:nowrap;gap:16px}
  .film-rail-controls button,.film-rail-controls a,.ltx-retry{min-height:44px}
  .film-rail-controls a{margin-left:auto}
  .film-rail-reading,.film-detail>p[data-film-detail-copy]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .film-detail{width:max(166px,calc((100% - 48px)*.28));bottom:160px;min-width:160px}
  .film-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:5px}
  .film-detail-tabs button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:5px 0}
  .horizon-controls button,.horizon-hero .hero-action .button{min-height:44px}
  .horizon-hero.is-scene-open .hero-action .button{min-height:44px}
}
@media(max-width:1000px) and (max-height:360px) and (orientation:landscape) and (prefers-reduced-motion:no-preference){.film-editorial{top:86px}.film-editorial h3{font-size:28px}}
@media(max-height:520px) and (orientation:landscape){.mobile-menu-panel{max-height:calc(var(--plp-visual-height,100dvh) - 76px);padding-top:8px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.mobile-menu-panel>a{font-size:17px;min-height:48px}}
@media(prefers-reduced-motion:reduce){.mobile-menu>summary svg{transition:none}}