/* sl-header-mobile.css — phone/tablet rules for <header class="site"> on pages that do NOT load
   /framework/sl-redo.css. web-ops-head (Nikolai Volkov), row tq-1788203630040-cff1, 2026-10-15.
   Copied from sl-redo.css's MOBILE HEADER block (+ its nav-search cap). Linked alone by pages that
   already carry the desktop header rules inline but none for phones (bridge/educator,
   bridge/families, resources/bcba-ce-tx: nav ran to x=1013 / .nav-right to x=639 at 390px), and
   together with sl-header.css by pages that carried no header rules at all.
   Desktop (>1100px) is untouched by this file. */
/* Phones and tablets: WRAP, never hide — the Store pill, Sign in, ES and cart stay reachable. */
@media (max-width:1100px){
  header.site img.logo{max-width:100%}
  header.site .wrap{flex-wrap:wrap;gap:10px 14px;padding:12px 16px}
  header.site nav{display:flex!important;flex-wrap:wrap;gap:8px 14px;margin-left:0;width:100%;order:3;padding:0}
  header.site nav a{font-size:14px}
  header.site .nav-right{margin-left:auto;flex-wrap:wrap;gap:12px;max-width:100%}
  header.site .nav-search{max-width:100%;min-width:0}
  header.site .nav-search input{width:120px;min-width:0}
}