/* HDRALL1 (11 Nov 2026; Troy 11 Nov 2026 17:32, 17:34, 17:42, 17:54 and 18:05 "1-6 yes", recorded in CHAT DECISIONS): the one top bar on every page.
   hdrall1.py gives every page the same bar (id sitebar): the site name, the way back, the Menu button, the language button, then (on the pages that have them) the words pair and
   Light / Dark; and the "Ask a question or search the site" bar (form.uxb1-bar) as the bar's last child. This file is the look: no word is written here.
   1. the ask bar is on its own row under the top row, the full width of the bar, at every width;
   2. the Menu button is the plainly main control and is as tall, and the same type size, as the buttons beside it;
   3. the language button stays in view with the bar: a computer (1100 px and up): the bar is fixed (topbar.css); a phone or a narrow window: the bar is sticky, and the rows above
      the Menu row (name, way back, words, Light / Dark) scroll away while the Menu row, which holds the language button, and the ask row stay (hdrall1.js sets --hdr-extra, the height
      that scrolls away, and --hdr-stuck, the height that stays); nothing is covered, because a sticky bar takes its own room in the page;
   4. the open menu never covers or cuts the row under the bar (a fixed panel under the bar's bottom edge on a phone, a panel taller than the window scrolls inside itself).
   Colours: only the house colours topbar.css and buttons.css already use (HS.2). */

/* 1. the ask bar, its own row */
html body .band.sb .in>form.uxb1-bar{order:20;flex:1 1 100%;width:100%;min-width:0;max-width:none;margin:0}
html body .band.sb .in>form.uxb1-bar input{flex:1 1 auto;min-width:0}

/* 2. the Menu button: the main control (filled in the page's own white and navy), the same height and type size as every button beside it (buttons.css sets them with !important, so these are too) */
html body .band.sb :is(button#hubnavb,a#hubback,a#hubprev,a.backbtn,a.lang1-sw,.btn):not(#_){font-size:15px!important;line-height:1.1!important;min-height:44px!important;height:auto!important;padding:0 14px!important;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
html body .band.sb a.backbtn:not(#_){background:var(--des1-navy,#012169)!important;color:#FFFFFF!important;border:1px solid var(--des1-band-line,#7FA2F0)!important;border-radius:8px!important;font-weight:400!important;text-decoration:none}
html body .band.sb button#hubnavb:not(#_){background:#FFFFFF!important;color:var(--des1-navy,#012169)!important;border:2px solid #FFFFFF!important;font-weight:700!important}
html body .band.sb button#hubnavb:not(#_):hover{background:#FFFFFF!important;color:var(--des1-navy,#012169)!important;border-color:var(--des1-red,#C8102E)!important}
@media (max-width:460px),(min-width:1100px) and (max-width:1279.98px){
  html body .band.sb :is(button#hubnavb,a#hubback,a#hubprev,a.backbtn,a.lang1-sw,.btn):not(#_){font-size:14px!important;padding:0 11px!important}
}

/* the language button's own place when a page's miss-note comes after the bar */
html body .lang1-miss{max-width:1180px;margin:8px auto 0;box-sizing:border-box}

/* 3. a phone or a narrow window (under 1100 px): the bar is sticky; the Menu row and the ask row stay */
@media (max-width:1099.98px){
  html body .band.sb{position:sticky;top:calc(-1 * var(--hdr-extra,0px));z-index:9990}
  html body .band.sb .in{justify-content:flex-start;gap:8px 8px;align-items:center}
  html body .band.sb .ctl{display:contents}
  html body .band.sb .in>a.site{order:1;flex:1 1 100%}
  html body .band.sb .ctl>*{order:3}
  html body .band.sb .in::after{content:"";order:7;flex:0 0 100%;height:0}
  html body .band.sb #hubnav{order:8}
  html body .band.sb a.lang1-sw{order:9}
  html body .band.sb .lang1-bar{order:9}
  html{scroll-padding-top:calc(var(--hdr-stuck,0px) + 12px)}
}

/* 4. the open menu: under the bar's bottom edge (hdrall1.js keeps --hdr-bottom), never wider than the window, scrolling inside itself when taller than the window; on a computer
   topbar.css already puts it under the fixed bar */
@media (max-width:1099.98px){
  html body .band.sb #hubnavp.mn.mn,html body #hubnavp.mn.mn{position:fixed;left:12px;right:12px;top:var(--hdr-bottom,120px);width:auto;max-width:none;
    max-height:calc(100vh - var(--hdr-bottom,120px) - 12px);overflow:auto}
}

/* the "Show the changes" button of the members' documents sat in the old fixed strip (which this bar replaces): it sits at the bottom right (on a computer above the Back to the top button), as it did on a phone before, and above the changes bar when that is open */
html body #chgtoggle:not(#_){height:32px;background:var(--ground,#F4F6F5);color:var(--ink,#0E1A33);border:1px solid color-mix(in srgb,var(--ink,#0E1A33) 28%,transparent);border-radius:3px;padding:0 13px;font:500 14px/30px -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;cursor:pointer}
html body.show-chg #chgtoggle:not(#_){background:#E8B03C;border-color:#E8B03C;color:#0E1A33}
@media (min-width:1100px){html body #chgtoggle:not(#_){top:auto;bottom:76px;right:16px}}
@media (max-width:1099.98px){html body #chgtoggle:not(#_){top:auto;bottom:14px;right:14px}html body.show-chg #chgtoggle:not(#_){bottom:124px;left:14px;right:auto}}
@media print{html body .band.sb{display:none!important}}

/* the members' home pages: the "Ask the pack" band is drawn 24 px wider than the page column on each side (hub.css), but the column's padding is 20 px between 760 and 880 px wide,
   so the page scrolled sideways by 4 px (found by tools/hdrall1_browser.mjs at 768 px; it was there before this job) */
@media (min-width:601px) and (max-width:899.98px){html body section#ask{margin-left:-20px;margin-right:-20px}}