/* Keep the existing shared navigation comfortable with one more item. */
@media (min-width: 1051px) {
  header #main-nav { gap: clamp(8px, .8vw, 14px); }
}
/* The extra navigation item needs the existing compact menu at tablet widths. */
@media (min-width: 981px) and (max-width: 1050px) {
  header .menu-button { display:flex; align-items:center; gap:14px; border:1px solid var(--line); background:#fff; border-radius:6px; padding:9px 13px; font-size:14px; }
  header #main-nav { display:none; position:absolute; left:0; right:0; top:100%; background:#fff; border-bottom:1px solid var(--line); padding:20px 28px; align-items:stretch; max-height:calc(100dvh - var(--site-header-height,96px)); overflow-y:auto; overscroll-behavior:contain; }
  header #main-nav.open { display:flex; flex-direction:column; gap:0; }
  header #main-nav > a { font-size:16px; padding:13px 0; }
  header #main-nav .button { margin-top:10px; }
  #main-nav .role-nav > summary { font-size:16px; padding:13px 0; justify-content:space-between; }
  #main-nav .role-nav-links { position:static; width:100%; max-height:none; box-shadow:none; border-radius:8px; margin:0 0 8px; padding:6px; background:#f2f7fd; }
  #main-nav .role-nav-link { padding:11px 12px; min-height:60px; }
}