/* signin-v1.css — the header Sign in menu and its footer block (2026-10-26).
   Loaded AFTER chrome-v3.css (which stays byte-identical: it is immutable and
   pinned). New rules only live here; a change means a new file name (signin-v2). */
.hq-signin{position:relative;display:flex}
.hq-signin-btn{gap:6px}
.hq-signin-btn .hq-ico{width:14px;height:14px}
.hq-signin-fb{display:none}
/* the panel is a popover: top layer, light dismiss, Escape, no layout shift, no JavaScript */
.hq-signin-pop{position:fixed;inset:auto;top:66px;right:max(16px,calc((100% - 1120px)/2 + 24px));left:auto;margin:0;box-sizing:border-box;width:340px;max-width:calc(100vw - 24px);max-height:calc(100vh - 80px);overflow:auto;padding:6px;background:var(--hq-panel);color:var(--hq-text);border:1px solid var(--hq-line-2);border-radius:12px;font-family:var(--hq-font)}
.hq-signin-pop a{display:block;box-sizing:border-box;min-height:56px;padding:10px 12px;border-radius:8px;color:var(--hq-text);text-decoration:none}
.hq-signin-pop a:hover{background:var(--hq-panel-2)}
.hq-si-l{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1.3}
.hq-si-h{display:block;margin-top:2px;font-size:13px;font-weight:400;line-height:1.35;color:var(--hq-text-3)}
.hq-si-beta{flex:none;padding:3px 7px;border:1px solid var(--hq-amber-ink);border-radius:999px;font-size:12px;font-weight:600;line-height:1;color:var(--hq-amber-ink)}
.hq-foot .hq-si-beta{margin-left:6px;font-size:11px;padding:2px 6px}
/* a browser without the popover attribute: no dead button, a plain link to the footer block */
@supports not selector(:popover-open){
  .hq-signin-btn,.hq-signin-pop{display:none}
  .hq-signin-fb{display:inline-flex}
}
@media (max-width:760px){
  .hq-signin .hq-btn{height:44px;padding:0 14px}
  .hq-signin-pop{top:58px;left:12px;right:12px;width:auto;max-width:none}
}
@media (max-width:420px){
  .hq-signin .hq-btn{padding:0 12px}
}
/* 2026-10-26 (landing-ship, before this file's first deploy; haulglide.com answered 404 for it): at 360 px the header's
   actions ran 2 px past the screen in Chromium and squeezed the menu button to 40 px in WebKit (site-homepage D2).
   16 px gutters, tighter gaps and no shrinking buttons on the narrowest phones. */
@media (max-width:380px){
  .hq-nav .hq-wrap{padding:0 16px;gap:8px}
  .hq-nav .hq-brand{gap:8px}
  .hq-actions{gap:8px}
  .hq-signin .hq-btn{padding:0 10px}
  .hq-actions>*{flex:none}
}