/* Compact brand strip. All links share one stable hit area and focus treatment. */
.prehead {
  background: #243b56;
  color: #f4f7fa;
  border-bottom: 1px solid #46617d;
  font-size: var(--text-caption);
  line-height: 1.4;
}
.prehead ::selection {
  background: #a8d1ef;
  color: #192d43;
}
.prehead__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: min(1280px, calc(100% - 32px));
  min-height: 52px;
  margin-inline: auto;
}
.prehead__identity {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.prehead a,
.prehead a:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 6px;
  color: #f4f7fa;
  background: transparent;
  text-decoration: none;
  touch-action: manipulation;
  transition: background-color 0.15s;
}
.prehead .prehead__brand {
  flex-shrink: 0;
  margin-left: -12px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.035em;
}
.prehead__descriptor {
  padding-left: 16px;
  border-left: 1px solid #7894ad66;
  color: #c4d3e2;
  font-size: var(--text-small);
}
.prehead__emblem {
  display: block;
  flex: 0 0 38px;
  width: 38px;
  height: 28px;
  color: #a8d1ef;
}
.prehead__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-right: -12px;
}
.prehead__support-label {
  font-weight: 600;
}
.prehead__headset,
.prehead__hours {
  color: #a8d1ef;
}
.prehead__hours {
  font-size: var(--text-small);
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}
.prehead__chevron {
  color: #c4d3e2;
  margin-left: 2px;
}
.prehead a:hover {
  background: #304d6b;
  color: #ffffff;
  text-decoration: none;
}
.prehead a:focus-visible {
  background: #304d6b;
  outline: 2px solid #a8d1ef;
  outline-offset: -2px;
}
.prehead a:active {
  background: #3b5774;
}
@media (max-width: 700px) {
  .prehead {
    font-size: var(--text-small);
  }
  .prehead__inner {
    gap: 8px;
    min-height: 48px;
  }
  .prehead .prehead__brand {
    font-size: 13px;
  }
  .prehead__descriptor,
  .prehead__chevron {
    display: none;
  }
  .prehead__hours {
    font-size: 10px;
  }
  .prehead__actions {
    gap: 0;
  }
  .prehead:has(.prehead__dashboard) .prehead__identity {
    display: none;
  }
  .prehead__actions:has(.prehead__dashboard) {
    width: calc(100% + 24px);
    justify-content: space-between;
    margin-inline: -12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .prehead a {
    transition: none;
  }
}