/* Layout switch. >=900px: floating windows on a fixed desktop. <900px: windows stacked in a column. */
@media (min-width:900px){
  html,body{height:100%;overflow:hidden}
  #site-header{position:fixed;top:12px;left:10px;z-index:2}
  #desktop{position:fixed;left:0;top:0;right:0;bottom:var(--fh);z-index:5;pointer-events:none}
  #desktop .window{position:absolute;pointer-events:auto}
  #desktop .title-bar{touch-action:none}
  #desktop .window.maximized{left:0!important;top:0!important;width:100%!important;height:100%;display:flex;flex-direction:column;border-radius:0}
  .window.maximized .window-body{flex:1;min-height:0;overflow:auto}
  .window.maximized .explorer{flex:1;height:auto;min-height:0}
  .legal-main{flex-wrap:nowrap;white-space:nowrap}
  .legal{display:flex;flex-wrap:wrap}
}

@media (max-width:899px){
  body{overflow-x:hidden}
  #site-header{position:relative;z-index:2;padding:16px 16px 0}
  .icons{flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:8px}
  #desktop{position:relative;z-index:3;display:flex;flex-direction:column;gap:16px;padding:16px 16px calc(var(--fh) + 16px)}
  #desktop .window{position:relative!important;left:auto!important;top:auto!important;width:auto!important}
  .title-bar{padding-top:6px;padding-bottom:6px}
  .title-bar-controls button::after{content:"";position:absolute;left:-1px;right:-1px;top:-12px;bottom:-12px}
  .title-bar-controls [data-act="max"]{display:none}
  .window-body button,.dlg button,.xp-link-btn{min-height:44px}
  .tree-item{min-height:44px}
  .explorer{grid-template-columns:1fr;height:auto}
  .pane{max-height:none}
  .pane-tree{max-height:180px}
  .tasks{display:none}
  .taskbar{height:44px}
  .legal{display:flex;flex-direction:column}
  .legal-main .sep{display:none}
  .legal-main{column-gap:12px}
  .legal a{display:inline-flex;align-items:center;min-height:44px}
  .sm-item{min-height:44px}
  .legal-table th{white-space:normal;width:auto}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}