/* Phone top bar, shared by every page and linked last in <head>.
   Below 768px the header is fixed at the top: logo left, one Contact pill
   right. Fixed, not sticky, so it never scrolls away; the body padding is the
   spacer, so the bar covers nothing and the page does not jump. */
.hdr-only-phone{display:none}
@media (max-width:767px){
  :root{--bar-h:61px}
  html{scroll-padding-top:var(--bar-h)}
  /* Guards: no script, class or transition may hide or move the bar on a phone. */
  header{position:fixed!important;top:0!important;left:0;right:0;z-index:1000;transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;display:block!important}
  body{padding-top:var(--bar-h)}
  header .hdr-inner{padding:0;max-width:none}
  header nav{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 16px;box-sizing:border-box;height:var(--bar-h);gap:10px}
  header .hdr-back{display:none}
  header .btn-teal.hdr-cta{display:inline-flex;min-height:44px;padding:0 18px;font-size:.9rem}
}