/* Desktop dropdowns. The existing small-screen navigation remains in place. */
.site-nav .nav-disclosure,
.site-nav .nav-dropdown { display:none!important; }

@media screen and (min-width:981px) {
  .site-header { overflow:visible; }
  .site-nav > .nav-main { display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; align-items:center; gap:.15rem!important; padding:0!important; }
  .site-nav .nav-item { position:relative; margin:0; padding:0; list-style:none; }
  .site-nav .nav-top-row { display:flex; align-items:stretch; border-radius:999px; }
  .site-nav .nav-top-link { display:flex; align-items:center; min-height:44px; padding:.45rem .15rem .45rem .65rem!important; border-radius:999px 0 0 999px!important; white-space:nowrap; }
  .site-nav .nav-disclosure { display:inline-flex!important; align-items:center; justify-content:center; flex:none; width:32px; min-height:44px; padding:0; border:0; border-radius:0 999px 999px 0; background:transparent; color:var(--v11-ink); cursor:pointer; font:inherit; }
  .site-nav .nav-disclosure svg { transition:transform .15s ease; pointer-events:none; }
  .site-nav .nav-disclosure[aria-expanded=true] svg { transform:rotate(180deg); }
  .site-nav .nav-top-row:hover,
  .site-nav .nav-top-row:focus-within,
  .site-nav .nav-item.is-open > .nav-top-row,
  .site-nav .nav-item.is-current-section > .nav-top-row { background:var(--v11-soft); }
  .site-nav .nav-top-link:hover,
  .site-nav .nav-top-link[aria-current=page] { background:transparent!important; }
  .site-nav .nav-disclosure:hover { background:var(--v11-line); }
  .site-nav :is(a,button):focus-visible { outline:3px solid var(--v11-ink)!important; outline-offset:3px; }

  .site-nav .nav-dropdown:not([hidden]) { display:block!important; }
  .site-nav .nav-dropdown { position:absolute; z-index:50; top:calc(100% + 10px); left:0; width:350px; max-width:calc(100vw - 32px); padding:.7rem; border:1px solid var(--v11-line); border-top:3px solid var(--v11-accent); border-radius:16px; background:var(--v11-paper); color:var(--v11-ink); box-shadow:0 14px 35px #241a3a26; }
  .site-nav .nav-item:nth-last-child(-n+3) > .nav-dropdown { left:auto; right:0; }
  .site-nav .nav-dropdown::before { content:""; position:absolute; left:0; right:0; top:-14px; height:14px; }
  .site-nav .nav-dropdown-kicker { margin:0; padding:.3rem .55rem .65rem; font:700 .75rem/1.4 'Atkinson',sans-serif; letter-spacing:.04em; color:var(--v11-accent)!important; }
  .site-nav .nav-dropdown > ul { display:block!important; max-height:calc(100dvh - 185px); overflow-y:auto; overscroll-behavior:contain; margin:0!important; padding:0!important; list-style:none; }
  .site-nav .nav-dropdown li { margin:0; padding:0; }
  .site-nav .nav-dropdown a { display:block; min-height:44px; padding:.55rem!important; border-radius:9px!important; white-space:normal; line-height:1.3; color:var(--v11-ink)!important; text-decoration:none; }
  .site-nav .nav-dropdown a:hover,
  .site-nav .nav-dropdown a:focus-visible,
  .site-nav .nav-dropdown a[aria-current=page] { background:var(--v11-soft)!important; }
  .site-nav .nav-link-title { display:block; font-size:1rem; font-weight:700; }
  .site-nav .nav-link-description { display:block; margin-top:.2rem; font-size:.86rem; font-weight:400; line-height:1.4; color:var(--v11-muted); }
  html[data-theme=contrast] .site-nav .nav-dropdown { border:2px solid #000; background:#fff; color:#000; }
  html[data-theme=contrast] .site-nav .nav-dropdown :is(a,span,p) { color:#000!important; }
  html[data-theme=contrast] .site-nav .nav-dropdown a:is(:hover,:focus-visible) { background:#f0f0f0!important; }
  html[data-theme=contrast] .site-header { background:#fff!important; border-color:#000!important; }
  html[data-theme=contrast] .site-header :is(.brand,.brand-name,.brand-alt),
  html[data-theme=contrast] .site-nav :is(.nav-top-link,.nav-disclosure) { color:#000!important; }
  html[data-theme=contrast] .site-nav .nav-disclosure { background:transparent!important; }
  html[data-theme=contrast] .site-nav .nav-disclosure:hover { background:#e0e0e0!important; }
  html[data-theme=contrast] .site-nav .nav-top-row:is(:hover,:focus-within),
  html[data-theme=contrast] .site-nav .nav-item:is(.is-open,.is-current-section) > .nav-top-row { background:#f0f0f0; }
  html[data-theme=contrast] .site-nav :is(a,button):focus-visible { outline-color:#000!important; }
}
@media (prefers-reduced-motion:reduce) {
  .site-nav .nav-disclosure svg { transition:none; }
}

/* Claude 2026-10-23: on phones and tablets, show each section's pages under it in the menu (titles only). */
@media screen and (max-width:980px) {
  .site-nav > .nav-main { grid-template-columns:1fr 1fr!important; align-items:start; }
  .site-nav .nav-item { list-style:none; margin:0; padding:0; }
  .site-nav .nav-top-link { font-size:1.08rem!important; font-weight:800!important; }
  .site-nav .nav-dropdown { display:block!important; position:static; margin:0 0 .5rem .55rem; padding:0; border:0; background:none; box-shadow:none; }
  .site-nav .nav-dropdown-kicker, .site-nav .nav-link-description { display:none!important; }
  .site-nav .nav-dropdown > ul { display:block!important; margin:0!important; padding:0 0 0 .35rem!important; list-style:none; border-left:2px solid var(--v11-line); }
  .site-nav .nav-dropdown li { margin:0; padding:0; }
  .site-nav .nav-dropdown a { display:flex!important; align-items:center; min-height:44px; padding:.4rem .6rem!important; font-size:.98rem!important; font-weight:500!important; line-height:1.3; white-space:normal; }
  .site-nav .nav-link-title { font-weight:500; }
}
@media screen and (max-width:680px) {
  .site-nav > .nav-main { grid-template-columns:1fr!important; }
}
