/* October 2026 navigation system: composed hierarchy, protected brand marks. */
:root {
  --nav-system-navy: #102338;
  --nav-system-cream: #f1e8d8;
  --nav-system-paper: #f8f6f1;
  --nav-system-ink: #172b40;
  --nav-system-gold: #b69c70;
}

/* Anna and REAL: separate identity from destinations so the masthead breathes. */
@media (min-width: 1391px) {
  .site-header,
  .r-header {
    background: linear-gradient(to bottom, var(--nav-system-navy) 0 76px, var(--nav-system-cream) 76px 128px) !important;
    border-bottom: 1px solid rgba(16, 35, 56, .10);
  }

  .site-header .nav-inner,
  .r-header .r-header-inner {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 76px 52px !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 128px !important;
    margin: 0 !important;
    padding: 0 clamp(28px, 4vw, 72px) !important;
    box-sizing: border-box !important;
  }

  /* Keep the supplied logo files, their proportions, and their clear space. */
  .site-header .brand,
  .r-header .r-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    width: 224px !important;
    max-width: 224px !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  .site-header .brand img,
  .r-header .r-brand img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }

  .site-header .header-signature,
  .r-header .r-header-note,
  .site-header .menu-button,
  .r-header .r-menu { display: none !important; }

  .site-header .site-nav,
  .r-header .r-nav,
  #real-nav {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(8px, 1vw, 18px) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .site-header .site-nav > a:not(.nav-cta),
  .r-header .r-nav > a:not(.r-nav-cta),
  #real-nav > a:not(.r-nav-cta):not(.nav-cta) {
    position: relative;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--nav-system-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Manrope, Inter, Arial, sans-serif !important;
    font-size: clamp(10px, .62vw, 12px) !important;
    font-weight: 700 !important;
    letter-spacing: .045em !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    transition: color .18s ease !important;
  }

  .site-header .site-nav > a:not(.nav-cta)::after,
  .r-header .r-nav > a:not(.r-nav-cta)::after,
  #real-nav > a:not(.r-nav-cta):not(.nav-cta)::after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: 5px;
    left: 5px;
    height: 1px;
    background: var(--nav-system-gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease;
  }

  .site-header .site-nav > a:not(.nav-cta):hover,
  .site-header .site-nav > a:not(.nav-cta):focus-visible,
  .site-header .site-nav > a:not(.nav-cta)[aria-current],
  .r-header .r-nav > a:not(.r-nav-cta):hover,
  .r-header .r-nav > a:not(.r-nav-cta):focus-visible,
  .r-header .r-nav > a:not(.r-nav-cta)[aria-current],
  #real-nav > a:not(.r-nav-cta):not(.nav-cta):hover,
  #real-nav > a:not(.r-nav-cta):not(.nav-cta):focus-visible,
  #real-nav > a:not(.r-nav-cta):not(.nav-cta)[aria-current] {
    color: #775e38 !important;
    background: transparent !important;
  }

  .site-header .site-nav > a:not(.nav-cta):hover::after,
  .site-header .site-nav > a:not(.nav-cta):focus-visible::after,
  .site-header .site-nav > a:not(.nav-cta)[aria-current]::after,
  .r-header .r-nav > a:not(.r-nav-cta):hover::after,
  .r-header .r-nav > a:not(.r-nav-cta):focus-visible::after,
  .r-header .r-nav > a:not(.r-nav-cta)[aria-current]::after,
  #real-nav > a:not(.r-nav-cta):not(.nav-cta):hover::after,
  #real-nav > a:not(.r-nav-cta):not(.nav-cta):focus-visible::after,
  #real-nav > a:not(.r-nav-cta):not(.nav-cta)[aria-current]::after { transform: scaleX(1); }

  /* Subtle spacing groups give the long destination list a readable rhythm. */
  .site-header .site-nav > a:not(.nav-cta):nth-child(3),
  .site-header .site-nav > a:not(.nav-cta):nth-child(7),
  .site-header .site-nav > a:not(.nav-cta):nth-child(9),
  .r-header .r-nav > a:not(.r-nav-cta):nth-child(4),
  .r-header .r-nav > a:not(.r-nav-cta):nth-child(7),
  #real-nav > a:not(.r-nav-cta):not(.nav-cta):nth-child(4),
  #real-nav > a:not(.r-nav-cta):not(.nav-cta):nth-child(7) {
    margin-left: clamp(6px, .7vw, 14px) !important;
  }

  .site-header .site-nav .nav-cta,
  .r-header .r-nav .r-nav-cta,
  #real-nav .r-nav-cta,
  #real-nav .nav-cta {
    position: absolute !important;
    top: -64px !important;
    right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 21px !important;
    color: var(--nav-system-ink) !important;
    background: var(--nav-system-cream) !important;
    border: 1px solid rgba(241, 232, 216, .62) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    font-family: Manrope, Inter, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .055em !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    transition: background .18s ease, border-color .18s ease !important;
  }

  .site-header .site-nav .nav-cta:hover,
  .site-header .site-nav .nav-cta:focus-visible,
  .r-header .r-nav .r-nav-cta:hover,
  .r-header .r-nav .r-nav-cta:focus-visible,
  #real-nav .r-nav-cta:hover,
  #real-nav .nav-cta:hover {
    color: var(--nav-system-ink) !important;
    background: #fbf8f1 !important;
    border-color: var(--nav-system-gold) !important;
  }

  .site-header .site-nav .nav-cta .cta-arrow {
    padding: 0 !important;
    border: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .r-header .r-nav .r-nav-cta::after,
  #real-nav .r-nav-cta::after { content: "↗"; font-size: 16px; }
}

/* The compact menu uses the same palette and a calm panel, with the existing controls. */
@media (max-width: 1390px) {
  .site-header,
  .r-header { background: var(--nav-system-navy) !important; }

  .site-header .nav-inner,
  .r-header .r-header-inner {
    position: relative !important;
  }

  .site-header .site-nav.is-open,
  .r-header .r-nav.r-open,
  #real-nav.r-open {
    padding: 12px 16px 16px !important;
    background: var(--nav-system-paper) !important;
    border: 1px solid rgba(16, 35, 56, .13) !important;
    border-top: 1px solid rgba(16, 35, 56, .13) !important;
    box-shadow: 0 16px 34px rgba(9, 22, 36, .18) !important;
  }

  .site-header .site-nav > a:not(.nav-cta),
  .r-header .r-nav > a:not(.r-nav-cta),
  #real-nav > a:not(.r-nav-cta):not(.nav-cta) {
    color: var(--nav-system-ink) !important;
    border-bottom-color: rgba(16, 35, 56, .13) !important;
  }

  .site-header .site-nav > a:not(.nav-cta):hover,
  .site-header .site-nav > a:not(.nav-cta):focus-visible,
  .r-header .r-nav > a:not(.r-nav-cta):hover,
  .r-header .r-nav > a:not(.r-nav-cta):focus-visible,
  #real-nav > a:not(.r-nav-cta):not(.nav-cta):hover,
  #real-nav > a:not(.r-nav-cta):not(.nav-cta):focus-visible {
    color: #775e38 !important;
  }

  .site-header .site-nav .nav-cta,
  .r-header .r-nav .r-nav-cta,
  #real-nav .r-nav-cta,
  #real-nav .nav-cta {
    color: var(--nav-system-paper) !important;
    background: var(--nav-system-navy) !important;
    border-color: var(--nav-system-navy) !important;
  }
}

@media (max-width: 620px) {
  .site-header .site-nav.is-open,
  .r-header .r-nav.r-open,
  #real-nav.r-open { padding: 9px 12px 13px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .site-header .site-nav a::after,
  .r-header .r-nav a::after,
  #real-nav a::after { transition: none !important; }
}

/* Refined Oct 22: contained, clearly divided desktop masthead. */
@media (min-width: 1391px) {
  .service-bar {
    background: var(--nav-system-navy) !important;
    border-bottom: 1px solid rgba(248, 246, 241, .14) !important;
  }
  .service-bar .service-bar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: min(1680px, calc(100% - 80px)) !important;
    max-width: none !important;
    height: 34px !important;
    margin: 0 auto !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    font-size: 10px !important;
    letter-spacing: .1em !important;
  }
  .service-bar .service-bar-inner > div {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .site-header {
    padding: 0 !important;
    background: var(--nav-system-navy) !important;
    border-bottom: 0 !important;
  }
  .site-header .nav-inner {
    grid-template-columns: 270px minmax(0, 1fr) auto !important;
    grid-template-rows: 72px 56px !important;
    width: min(1680px, calc(100% - 80px)) !important;
    max-width: none !important;
    min-height: 128px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: var(--nav-system-navy) !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }
  .site-header .brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 256px !important;
    max-width: 256px !important;
    justify-self: start !important;
    align-self: center !important;
  }
  .site-header .brand img {
    width: 100% !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }
  .site-header .header-signature {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin: 0 0 0 20px !important;
    color: rgba(248, 246, 241, .82) !important;
    font-family: Manrope, Inter, Arial, sans-serif !important;
    font-size: 13px !important;
    letter-spacing: .01em !important;
    line-height: 1.4 !important;
  }
  .site-header .header-signature small {
    display: block !important;
    margin-top: 3px !important;
    color: rgba(217, 197, 158, .9) !important;
    font-size: 9px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }
  .site-header .site-nav {
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0 8px !important;
    background: var(--nav-system-cream) !important;
    border: 1px solid rgba(16, 35, 56, .17) !important;
    border-radius: 2px !important;
    box-shadow: 0 5px 14px rgba(4, 14, 24, .08) !important;
  }
  .site-header .site-nav > a:not(.nav-cta) {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border-right: 1px solid rgba(16, 35, 56, .15) !important;
    font-size: 10px !important;
    letter-spacing: .035em !important;
  }
  .site-header .site-nav > a:not(.nav-cta)::after {
    right: 12px !important;
    bottom: 2px !important;
    left: 12px !important;
  }
  .site-header .site-nav .nav-cta {
    position: static !important;
    flex: 0 0 auto !important;
    min-height: 40px !important;
    margin: 0 0 0 auto !important;
    padding: 0 15px !important;
    color: var(--nav-system-paper) !important;
    background: var(--nav-system-navy) !important;
    border: 1px solid var(--nav-system-navy) !important;
    font-size: 10px !important;
    letter-spacing: .035em !important;
  }
  .site-header .site-nav .nav-cta:hover,
  .site-header .site-nav .nav-cta:focus-visible {
    color: var(--nav-system-navy) !important;
    background: #fffdf8 !important;
  }
}

@media (min-width: 1391px) and (max-width: 1570px) {
  .site-header .nav-inner { grid-template-columns: 238px minmax(0, 1fr) auto !important; }
  .site-header .brand { width: 228px !important; max-width: 228px !important; }
  .site-header .site-nav > a:not(.nav-cta) { padding-inline: 9px !important; font-size: 9px !important; }
  .site-header .site-nav .nav-cta { padding-inline: 11px !important; font-size: 9px !important; }
}

@media (max-width: 1390px) {
  .site-header .nav-inner {
    width: min(100%, 1240px) !important;
    margin-inline: auto !important;
    padding-inline: clamp(18px, 3vw, 32px) !important;
    border-bottom: 1px solid rgba(248, 246, 241, .12) !important;
  }
  .site-header .brand { width: min(256px, 58vw) !important; max-width: 256px !important; }
  .site-header .brand img { width: 100% !important; height: auto !important; }
  .site-header .menu-button {
    border: 1px solid rgba(248, 246, 241, .34) !important;
    border-radius: 2px !important;
  }
  .site-header .site-nav.is-open {
    left: max(12px, calc((100% - 1240px) / 2)) !important;
    right: max(12px, calc((100% - 1240px) / 2)) !important;
    width: auto !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 620px) {
  .service-bar .service-bar-inner {
    gap: 8px !important;
    padding-inline: 14px !important;
    font-size: 8px !important;
    letter-spacing: .055em !important;
  }
  .service-bar .service-bar-inner > div { gap: 6px !important; }
  .site-header .nav-inner { padding-inline: 14px !important; }
  .site-header .brand { width: min(236px, 62vw) !important; }
}


/* REAL pages use the same contained panels while preserving both supplied marks. */
@media (min-width: 1391px) {
  .r-topline { background: var(--nav-system-navy) !important; }
  .r-topline .r-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: min(1680px, calc(100% - 80px)) !important;
    max-width: none !important;
    min-height: 34px !important;
    margin: 0 auto !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid rgba(248, 246, 241, .14) !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
  }
  .r-header { padding: 0 !important; background: var(--nav-system-navy) !important; }
  .r-header .r-header-inner {
    display: grid !important;
    grid-template-columns: 380px minmax(0, 1fr) auto !important;
    grid-template-rows: 72px 56px !important;
    width: min(1680px, calc(100% - 80px)) !important;
    max-width: none !important;
    min-height: 128px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: var(--nav-system-navy) !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }
  .r-header .r-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-self: start !important;
    gap: 12px !important;
    width: 370px !important;
    max-width: 370px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .r-header .r-brand-anna { display: block !important; flex: 0 0 224px !important; }
  .r-header .r-brand-anna img {
    display: block !important;
    width: 224px !important;
    height: auto !important;
    max-height: 36px !important;
    object-fit: contain !important;
  }
  .r-header .r-brand-rule {
    display: block !important;
    flex: 0 0 1px !important;
    width: 1px !important;
    height: 30px !important;
    background: rgba(248, 246, 241, .28) !important;
  }
  .r-header .r-brand-real {
    display: block !important;
    flex: 0 0 72px !important;
    width: 72px !important;
    height: auto !important;
    max-height: 34px !important;
    object-fit: contain !important;
  }
  .r-header .r-header-note {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin-left: 20px !important;
    color: rgba(248, 246, 241, .82) !important;
    font-family: Manrope, Inter, Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  .r-header .r-header-note small {
    display: block !important;
    margin-top: 3px !important;
    color: rgba(217, 197, 158, .9) !important;
    font-size: 9px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }
  .r-header .r-nav,
  #real-nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0 8px !important;
    background: var(--nav-system-cream) !important;
    border: 1px solid rgba(16, 35, 56, .17) !important;
    border-radius: 2px !important;
    box-shadow: 0 5px 14px rgba(4, 14, 24, .08) !important;
  }
  .r-header .r-nav > a:not(.r-nav-cta),
  #real-nav > a:not(.r-nav-cta) {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    padding: 0 15px !important;
    border-right: 1px solid rgba(16, 35, 56, .15) !important;
    font-size: 10px !important;
    letter-spacing: .035em !important;
  }
  .r-header .r-nav .r-nav-cta,
  #real-nav .r-nav-cta {
    position: static !important;
    flex: 0 0 auto !important;
    min-height: 40px !important;
    margin: 0 0 0 auto !important;
    padding: 0 17px !important;
    color: var(--nav-system-paper) !important;
    background: var(--nav-system-navy) !important;
    border: 1px solid var(--nav-system-navy) !important;
    font-size: 10px !important;
    letter-spacing: .035em !important;
  }
}
@media (min-width: 1391px) and (max-width: 1570px) {
  .r-header .r-header-inner { grid-template-columns: 348px minmax(0, 1fr) auto !important; }
  .r-header .r-brand { width: 338px !important; max-width: 338px !important; gap: 10px !important; }
  .r-header .r-brand-anna { flex-basis: 206px !important; }
  .r-header .r-brand-anna img { width: 206px !important; }
  .r-header .r-brand-real { flex-basis: 68px !important; width: 68px !important; }
  .r-header .r-nav > a:not(.r-nav-cta),
  #real-nav > a:not(.r-nav-cta) { padding-inline: 11px !important; font-size: 9px !important; }
  .r-header .r-nav .r-nav-cta,
  #real-nav .r-nav-cta { padding-inline: 13px !important; font-size: 9px !important; }
}
@media (max-width: 1390px) {
  .r-header .r-header-inner { width: min(100%, 1240px) !important; margin-inline: auto !important; }
  .r-header .r-menu { border: 1px solid rgba(248, 246, 241, .34) !important; border-radius: 2px !important; }
  .r-header .r-nav.r-open,
  #real-nav.r-open {
    left: max(12px, calc((100% - 1240px) / 2)) !important;
    right: max(12px, calc((100% - 1240px) / 2)) !important;
    width: auto !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 1391px) {
  .site-header .site-nav { grid-column: 1 / -1 !important; grid-row: 2 !important; }
}

/* Final alignment pass: keep the approved masthead, align its edges, and balance the signature. */
@media (min-width: 1391px) {
  .service-bar .service-bar-inner {
    padding-inline: 0 !important;
    line-height: 1 !important;
  }

  .site-header .header-signature {
    justify-self: end !important;
    margin: 0 14px 0 20px !important;
    text-align: right !important;
  }
}


/* Oct 22 masthead finish: balanced descriptor and fine, readable nav dividers. */
@media (min-width: 1391px) {
  .r-header .r-header-note {
    justify-self: end !important;
    margin: 0 14px 0 20px !important;
    text-align: right !important;
  }

  .r-header .r-nav > a:not(.r-nav-cta),
  #real-nav > a:not(.r-nav-cta) {
    border-right: 0 !important;
    background-image:
      linear-gradient(rgba(16, 35, 56, .15), rgba(16, 35, 56, .15)),
      linear-gradient(rgba(255, 255, 255, .82), rgba(255, 255, 255, .82)) !important;
    background-position: right 50%, calc(100% - 1px) 50% !important;
    background-repeat: no-repeat !important;
    background-size: 1px 22px, 1px 22px !important;
  }
}

@media (min-width: 1391px) and (max-width: 1570px) {
  .r-header .r-header-note {
    margin-right: 12px !important;
  }
}


/* Final visual QA: paired hairline separators that remain visible at desktop scale. */
@media (min-width: 1391px) {
  .r-header .r-nav > a:not(.r-nav-cta),
  #real-nav > a:not(.r-nav-cta) {
    position: relative !important;
    border-right: 0 !important;
    background-image: none !important;
  }

  .r-header .r-nav > a:not(.r-nav-cta)::before,
  #real-nav > a:not(.r-nav-cta)::before {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    width: 1px !important;
    height: 22px !important;
    background: rgba(133, 115, 77, .58) !important;
    box-shadow: 1px 0 0 rgba(255, 255, 255, .92) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }
}

/* Compact, correctly contrasted masthead for the privacy and confirmation pages. */
.status-masthead-agent {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 16px max(20px, calc((100% - 1240px) / 2)) !important;
  box-sizing: border-box !important;
  background: var(--real-navy, #111b28) !important;
  border-bottom: 1px solid rgba(248, 246, 241, .14) !important;
}

.status-masthead-agent > a:first-child {
  display: flex !important;
  align-items: center !important;
  flex: 0 1 310px !important;
  min-width: 0 !important;
}

.status-masthead-agent > a:first-child img {
  display: block !important;
  width: min(292px, 100%) !important;
  height: auto !important;
  max-height: 44px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.status-masthead-agent > a:last-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(248, 246, 241, .34) !important;
  color: #f6f3ed !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.status-masthead-agent > a:last-child:hover,
.status-masthead-agent > a:last-child:focus-visible {
  background: rgba(248, 246, 241, .1) !important;
}

body.r-status {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

body.r-status .r-status-card {
  margin: clamp(24px, 5vh, 56px) auto !important;
}

@media (max-width: 620px) {
  .status-masthead-agent {
    min-height: 68px !important;
    gap: 12px !important;
    padding: 12px 16px !important;
  }

  .status-masthead-agent > a:first-child {
    flex-basis: 220px !important;
  }

  .status-masthead-agent > a:first-child img {
    width: min(220px, 100%) !important;
    max-height: 36px !important;
  }

  .status-masthead-agent > a:last-child {
    min-height: 36px !important;
    padding-inline: 10px !important;
    font-size: .62rem !important;
  }
}


/* Final spacing correction: equal link insets and no hidden group offsets. */
@media (min-width: 1391px) {
  .site-header .site-nav > a:not(.nav-cta),
  .r-header .r-nav > a:not(.r-nav-cta),
  #real-nav > a:not(.r-nav-cta):not(.nav-cta) {
    padding-left: clamp(9px, .72vw, 13px) !important;
    padding-right: clamp(9px, .72vw, 13px) !important;
  }

  .site-header .site-nav > a:not(.nav-cta):nth-child(3),
  .site-header .site-nav > a:not(.nav-cta):nth-child(7),
  .site-header .site-nav > a:not(.nav-cta):nth-child(9),
  .r-header .r-nav > a:not(.r-nav-cta):nth-child(4),
  .r-header .r-nav > a:not(.r-nav-cta):nth-child(7),
  #real-nav > a:not(.r-nav-cta):not(.nav-cta):nth-child(4),
  #real-nav > a:not(.r-nav-cta):not(.nav-cta):nth-child(7) {
    margin-left: 0 !important;
  }
}


/* Keep non-first link insets equal to both neighboring edges. */
@media (min-width: 1391px) {
  .site-header .site-nav > a:not(.nav-cta):not(:first-child),
  .r-header .r-nav > a:not(.r-nav-cta):not(:first-child),
  #real-nav > a:not(.r-nav-cta):not(.nav-cta):not(:first-child) {
    padding-left: clamp(9px, .72vw, 13px) !important;
    padding-right: clamp(9px, .72vw, 13px) !important;
  }
}