/* audience-v1.css — the header "Who it's for" menu and its footer column (site-pages, 2026-10-26).
   The owner's seven audience rows (Carriers, Dispatch Company, Brokers, Shippers, Driver Recruitment, Drivers, Truck Map), each a page.
   Loaded AFTER chrome-v3.css and signin-v1.css, which stay byte-identical (both pinned): the panel reuses .hq-signin-pop's look,
   so only the trigger, its no-popover fallback and the six-column footer live here. Immutable: a change is audience-v2.css. */
.hq-aud{position:relative;display:flex;align-items:center}
.hq-aud-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:0;border:0;background:none;color:var(--hq-text-2);font:inherit;cursor:pointer}
.hq-aud-btn:hover{color:var(--hq-text)}
.hq-aud-btn .hq-ico{width:14px;height:14px}
.hq-aud-fb{display:none}
.hq-aud-pop{width:280px}
.hq-aud-pop a{display:flex;align-items:center}
.hq-aud-pop a[aria-current="page"] .hq-si-l{color:var(--hq-blue-ink)}
.hq-drawer-links .hq-si-beta{margin-left:8px}
/* the panel opens under its own trigger where the browser can anchor it; elsewhere it keeps the Sign in panel's right-hand place */
.hq-aud-btn{anchor-name:--hq-aud}
@supports (position-anchor:--hq-aud){
  .hq-aud-pop{position-anchor:--hq-aud;top:calc(anchor(bottom) + 10px);left:anchor(left);right:auto}
}
/* a browser without the popover attribute: no dead button, a plain link to the footer column */
@supports not selector(:popover-open){
  .hq-aud-btn{display:none}
  .hq-aud-fb{display:inline}
}
/* the footer gains one column (Who it's for) beside Product, Sign in, Company and Talk to us */
@media (min-width:1101px){
  .hq-fgrid{grid-template-columns:1.3fr 1fr 1fr 1.25fr 1fr 1.25fr;gap:28px}
}