[data-role="site-header"] {
  padding: 1.25rem max(2.4rem, calc((100% - 1194px) / 2));
  display: flex; align-items: center; gap: 3rem; background: var(--blue); color: #fff;
}
[data-role="guide-mark"] {
  display: flex; flex-direction: column; justify-content: center; flex-shrink: 0;
  min-height: 52px; font-family: var(--heading); font-size: 19px; font-weight: 700;
  line-height: 1.35; color: #fff; text-decoration: none;
}
[data-role="guide-mark"] span:last-child { font-family: Seravek, "Gill Sans", "Trebuchet MS", sans-serif; font-size: 17px; font-weight: 400; }
[data-role="split-nav"] { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
[data-role="nav-left"], [data-role="nav-right"] { display: flex; flex-wrap: wrap; gap: .3rem; }
[data-role="split-nav"] a {
  display: inline-flex; align-items: center; min-height: 44px; min-width: 44px;
  padding: .4rem .8rem; border-radius: 999px; font-size: 17px; color: #fff;
  text-decoration: underline; text-decoration-color: #ffffff80;
}
[data-role="split-nav"] a:hover, [data-role="split-nav"] a[aria-current] { color: var(--ink); background: var(--yellow); text-decoration-color: currentColor; }
@media (max-width: 1050px) {
  [data-role="site-header"] { padding: 1.2rem 1.4rem; gap: 1rem; align-items: flex-start; flex-direction: column; }
  [data-role="guide-mark"] { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0 .7rem; }
  [data-role="split-nav"] { width: 100%; align-items: flex-start; gap: .5rem; }
  [data-role="nav-left"] { flex: 1; }
  [data-role="nav-right"] { flex: 1.5; justify-content: flex-end; }
}
@media (max-width: 440px) {
  [data-role="site-header"] { padding: .9rem 1rem 1rem; gap: .5rem; }
  [data-role="guide-mark"] { gap: 0 .5rem; }
  [data-role="nav-left"], [data-role="nav-right"] { flex-direction: column; }
  [data-role="nav-right"] { align-items: flex-end; }
  [data-role="split-nav"] a { padding-inline: .7rem; }
}