/* sl-edu-look-20261026.css: the education portal (education.special-learning.com, /var/www/WEB, V8 views) on the one shell.
   Mira (MOLTBOT), October 26, 2026. Loaded after fable5-store.css. The canonical header and footer are projected by
   site-chrome.php + shared-nav.js from footer.tpl (same as the store); the legacy chrome hides only when that projection is present,
   so a page without the script keeps its old header. Preimages: header.tpl.pre-look-*, footer.tpl.pre-look-*. */
body:has(header.site) header#header{display:none !important}
body:has(header.site) footer#footer > :not(script):not(link):not(noscript):not(style){display:none !important}
body:has(header.site) #navigation,body:has(header.site) #menu-new{display:none !important}
#sl-canonical-footer{clear:both;width:100%;display:block}
#sl-canonical-footer footer[role="contentinfo"]{width:100%;max-width:none;margin:0;float:none}
body:has(header.site){padding-top:0 !important;margin-top:0 !important}
body{background:#F5F0EB}
#sl-nav-v5-root,#sl-canonical-header{position:relative;z-index:60}

/* 11:26 PM 10/26/2026 (Mira): /login on a phone (Chris QA 447098 item 2): legacy sidebar column hidden, instruction box fluid.
   Scoped to the legacy layout whose box sits directly in #content (only /login today). /providers, /providers/home and /about/autism
   keep their 950px two-column layout: hiding their sidebar lets the legacy footer band overlap the text (checked 10/26). */
body:has(header.site):has(#content > .main-container) #rightcolumn{display:none !important}
body:has(header.site) #content > .main-container,body:has(header.site) #content > .main-container *{max-width:100% !important;box-sizing:border-box}
body:has(header.site) #content > .main-container{width:auto !important;max-width:min(673px,100%) !important;float:none !important;margin-left:auto;margin-right:auto}
body:has(header.site) #content > .main-container table,body:has(header.site) #content > .main-container img{max-width:100% !important;width:auto;height:auto}
body:has(header.site) #content > .main-container .header-blue{background-position:left top}
