/* Drawer controls are absent from desktop layout. */
.mobile-atlas-bar,.sidebar-drawer-heading,.sidebar-backdrop{display:none}
@media(max-width:900px){
  :root{--mobile-bar-height:56px}
  .mobile-atlas-bar{height:var(--mobile-bar-height);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 12px;background:var(--sidebar);border-bottom:1px solid var(--line)}
  .mobile-atlas-brand{color:var(--text);font-size:16px;letter-spacing:.015em;font-weight:500}
  .mobile-menu-button,.sidebar-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--selection);color:var(--text);font:14px Plex Sans,Arial,sans-serif;cursor:pointer}
  .mobile-menu-button:hover,.sidebar-close:hover{border-color:var(--accent);background:var(--hover)}
  .mobile-menu-button svg,.sidebar-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .workspace,.workspace.reading{height:calc(100vh - var(--mobile-bar-height));height:calc(100dvh - var(--mobile-bar-height));grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
  .workspace>.sidebar{position:fixed;inset:0 auto 0 0;z-index:160;width:min(340px,calc(100vw - 48px));height:100vh;height:100dvh;max-height:none;padding:0 14px max(14px,env(safe-area-inset-bottom));display:flex;overflow:hidden;border-right:1px solid var(--line);background:var(--sidebar);transform:translateX(-100%);visibility:hidden;transition:transform .18s ease;box-shadow:12px 0 36px #0004}
  .sidebar-open .workspace>.sidebar{transform:translateX(0);visibility:visible}
  .sidebar-drawer-heading{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;min-height:56px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;background:var(--sidebar)}
  .workspace .sidebar>.brand{display:block;padding:12px 8px 16px}
  .workspace .sidebar .brand-image{max-width:210px;margin:8px 0}
  .workspace .sidebar>nav{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:12px}
  .workspace .sidebar>.sidebar-footer{height:auto;padding:12px 8px 0;flex-shrink:0}
  .workspace .sidebar .theme-toggle{position:static;width:100%;margin-bottom:12px}
  .sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:150;border:0;background:#0008;cursor:pointer;touch-action:manipulation}
  .workspace .whitepaper-view{height:100%;min-height:0}
  .workspace .whitepaper-index-links{max-height:35dvh;min-height:0}
  .workspace .diagram-lab>.diagram-toolbar{flex-wrap:wrap}
  .skip-link{z-index:170}
}
@media(max-width:900px) and (max-height:560px){
  .workspace>.sidebar{overflow-y:auto}
  .workspace .sidebar>nav{flex:none;overflow:visible}
  .sidebar-drawer-heading{position:sticky;top:0;z-index:1}
  .workspace .sidebar .brand-image{max-width:140px}
}
@media(prefers-reduced-motion:reduce){.workspace>.sidebar{transition:none}}