/* Landscape controls float above media; empty overlay space passes gestures through. */
.codex-overlay-toggle{display:none}
@media screen and (orientation:landscape){
 @media(max-width:1000px),(pointer:coarse) and (max-height:600px){
  body[data-codex-family='library'] .viewer{position:relative}
  body[data-codex-family='library'] .viewer-tools,
  body[data-codex-family='step1'] .md .sbar{position:absolute;top:calc(8px + var(--codex-safe-top));left:calc(8px + var(--codex-safe-left));right:auto;bottom:auto;z-index:6;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 72px - var(--codex-safe-left));height:44px;min-height:44px;max-height:44px;padding:0;margin:0;border:0;background:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;pointer-events:none;overscroll-behavior:contain}
  body[data-codex-family='library'] .viewer-tools::-webkit-scrollbar,
  body[data-codex-family='step1'] .md .sbar::-webkit-scrollbar{display:none}
  body[data-codex-family='library'] .viewer-tools>.codex-plate-nav{display:contents;padding:0;border:0;background:none;pointer-events:none}
  body[data-codex-family='library'] .viewer-tools .codex-touch-hint,
  body[data-codex-family='step1'] .md .sbar .hint,
  body[data-codex-family='step1'] .md .sbar .cnt{display:none}
  body[data-codex-family='step1'] .md .sbar .zbar{display:contents}
  body[data-codex-family='library'] .viewer-tools button,
  body[data-codex-family='step1'] .md .sbar button,
  .codex-overlay-toggle{position:relative;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;margin:0;border:1px solid #ffffff80;border-radius:50%;background:#f8faf7ee;color:var(--codex-track,#0b4a3d);box-shadow:2px 2px 8px #001b1840;font:600 13px/1 var(--codex-sans,Arial,sans-serif);transform:none;pointer-events:auto;touch-action:manipulation}
  body[data-codex-family='library'] .viewer-tools .viewer-zoom,
  body[data-codex-family='step1'] .md .sbar .viewer-zoom{font-size:0;order:0}
  :is(.viewer-tools,.sbar) .viewer-zoom:after{content:'Zoom';font:600 11px/1 var(--codex-sans,Arial,sans-serif)}
  :is(.viewer-tools,.sbar) .viewer-zoom[aria-pressed='true']:after{content:'Fit'}
  body[data-codex-family='library'] .viewer-tools .codex-plate-nav button{font-size:0}
  body[data-codex-family='library'] .viewer-tools .codex-plate-nav button:after{font:600 22px/1 var(--codex-sans,Arial,sans-serif)}
  body[data-codex-family='library'] .viewer-tools .codex-plate-nav button:first-of-type:after{content:'←'}
  body[data-codex-family='library'] .viewer-tools .codex-plate-nav button:last-of-type:after{content:'→'}
  body[data-codex-family='library'] .viewer-tools .navarrow{position:relative;left:auto;right:auto;top:auto;font-size:23px;order:2}
  body[data-codex-family='library'] .stage{flex:1 1 0;height:auto;padding-top:4px;padding-bottom:4px}
  body[data-codex-family='step1'] .md .view{flex:1 1 0;min-height:0}
  body[data-codex-family='step1'] .md .sbar .zf-focus{display:inline-flex;justify-content:center;align-items:center;font-size:11px}
  .codex-overlay-toggle{position:absolute;display:grid;place-items:center;top:calc(8px + var(--codex-safe-top));right:12px;z-index:7;font-size:24px;cursor:pointer}
  .codex-overlay-toggle:focus-visible,:is(.viewer-tools,.sbar) button:focus-visible{outline:3px solid var(--codex-track,#0b4a3d);outline-offset:2px}
  body[data-codex-family='step1'] .md.dg.focus .codex-overlay-toggle{right:calc(72px + var(--codex-safe-right))}
  body[data-codex-family='step1'] .md.dg.focus .sbar{max-width:calc(100% - 136px - var(--codex-safe-left) - var(--codex-safe-right))}
  body[data-codex-family='library'] .viewer.codex-controls-collapsed .viewer-tools,
  body[data-codex-family='step1'] .md .stage.codex-controls-collapsed .sbar{display:none}
  body[data-codex-family='step1'] .md .sheet{bottom:calc(var(--codex-overlay-foot,0px) + 8px + var(--codex-safe-bottom));max-height:min(200px,calc(50% - 16px));overflow-y:auto}
 }
}