.site-nav a.nav-account-portal,
.site-nav a.nav-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 9px 12px;
    box-sizing: border-box;
    flex: 0 0 174px;
    width: 174px;
    height: 54px;
    border-radius: 7px;
    white-space: nowrap;
    line-height: 1.25;
}
.site-nav a.nav-account-portal {
    color: var(--mint);
    background: transparent;
    border: 1px solid rgba(92, 230, 165, .45);
    transition: color .2s ease, border-color .2s ease;
}
.site-nav a.nav-account-portal:hover,
.site-nav a.nav-account-portal:focus-visible { color: var(--mint-bright); border-color: var(--mint); }
.site-nav a.nav-account-portal:focus-visible { outline: 2px solid var(--mint); outline-offset: 4px; }
.nav-account-caption { color: var(--muted); font-size: 10px; font-weight: 400; letter-spacing: 0; }
.nav-cta .nav-account-caption { color: rgba(9,18,13,.8); }

/* Keep the two-line account link clear of the other links on smaller screens. */
@media (max-width: 1200px) {
    .site-header .header-inner { min-height: 70px; }
    .site-header .menu-toggle { position: relative; z-index: 2; width: 44px; height: 44px; display: grid; place-content: center; gap: 7px; padding: 0; color: var(--ink); background: transparent; border: 1px solid var(--line); border-radius: 8px; }
    .site-header .menu-toggle span:not(.sr-only) { width: 19px; height: 1px; display: block; background: currentColor; transition: transform .2s ease; }
    .site-header .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
    .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2) { transform: translateY(-4px) rotate(-45deg); }
    .site-header .site-nav { position: fixed; inset: 70px 0 auto; display: grid; align-items: stretch; gap: 0; max-height: calc(100dvh - 70px); overflow-y: auto; padding: 15px 17px 22px; background: rgba(8,12,14,.98); border-bottom: 1px solid var(--line); transform: translateY(-130%); visibility: hidden; }
    .site-header .site-nav.is-open { transform: translateY(0); visibility: visible; }
    .site-header .site-nav a { padding: 14px 8px; border-bottom: 1px solid var(--line); }
    .site-header .site-nav a.nav-account-portal { margin-top: 12px; padding: 10px 12px; border: 1px solid rgba(92,230,165,.45); }
    .site-header .site-nav .nav-cta { margin-top: 12px; padding: 13px; text-align: center; border: 0; }
    .site-header .site-nav a.nav-account-portal,
    .site-header .site-nav a.nav-cta { width: 100%; height: 56px; }
}