/* Only the main site's expanded digit navigation uses these rules. */

@media (min-width:1281px) {

  html[data-main-digit-nav] .site-header .nav-wrap { gap:24px; }

  html[data-main-digit-nav] .main-digit-nav { gap:10px; flex:none; white-space:nowrap; }

  html[data-main-digit-nav] .main-digit-nav a { padding-inline:8px; font-size:14px; }

  html[data-main-digit-nav] .main-digit-nav a.active::after { left:8px; right:8px; }

}

@media (max-width:1280px) {

  html[data-main-digit-nav] .main-digit-nav { display:none; }

  html[data-main-digit-nav] .menu-button { display:inline-grid; }

  html[data-main-digit-nav] .main-digit-nav.mobile-open {

    position:fixed; top:calc(var(--mobile-nav-top,72px) + 8px); left:20px; right:20px;

    z-index:300; display:grid; grid-template-columns:minmax(0,1fr); gap:0;

    max-height:calc(100dvh - 100px); overflow-y:auto; overscroll-behavior:contain;

    margin:0; padding:8px; border:1px solid var(--line); border-radius:14px;

    background:#fff; box-shadow:var(--shadow-md);

  }

  html[data-main-digit-nav] .main-digit-nav.mobile-open a {

    display:flex; align-items:center; justify-content:flex-start; min-height:44px;

    width:100%; padding:10px 14px; font-size:14px; white-space:nowrap;

  }

  html[data-main-digit-nav] .main-digit-nav.mobile-open a.active::after { display:none; }

  html[data-main-digit-nav] .menu-button[aria-expanded="true"] { color:var(--primary); border-color:#bfd0ff; background:var(--primary-soft); }

  html[data-main-digit-nav] body.nav-menu-open::before { content:""; position:fixed; z-index:89; inset:0; display:block; pointer-events:none; background:rgba(15,23,42,.15); }

  html[data-main-digit-nav] .nav-menu-scrim { position:fixed; z-index:90; inset:0; display:block; visibility:hidden; opacity:0; pointer-events:none; margin:0; padding:0; border:0; background:transparent; transition:opacity .2s ease,visibility .2s ease; }

  html[data-main-digit-nav] .nav-menu-scrim.is-open { visibility:visible; opacity:1; pointer-events:auto; }

}