/* Sites adaptation of the original Industry / Hi-Vis Night design. */
.site-root { display: block; }
.hdr-nav a:hover, .hdr-nav a:focus-visible { color: var(--color-accent-700) !important; text-decoration: underline !important; }
.dispatch-prep {
  max-width: 62ch;
  margin: 20px 0 0;
  padding: 14px 18px;
  border-left: 3px solid var(--color-accent);
  background: var(--color-surface);
  font: 15px/1.6 var(--font-body);
}
.dispatch-prep strong { display: block; color: var(--color-accent-700); text-transform: uppercase; letter-spacing: .04em; }
.mobile-actions { display: none; }
@media (max-width: 760px) {
  .hdr-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 16px;
    padding: 4px 0 10px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .hdr-nav a { flex: 0 0 auto; white-space: nowrap; }
  .hdr-sep { display: none; }
  .mobile-actions { display: flex; gap: 0; padding: 0; min-height: 56px; }
  .mobile-actions a {
    display: flex; align-items: center; justify-content: center; flex: 1;
    min-height: 56px; color: #15171a; text-decoration: none; font: 600 17px/1 var(--font-heading);
  }
  .mobile-actions a + a { border-left: 1px solid #15171a; background: #ffbf5c; }
  .mobile-actions a:focus-visible { outline: 3px solid #fff; outline-offset: -4px; }
}