/* Shared public navigation and distinct, responsive advertising (v5). Cards untouched. */
.site-header .site-nav{max-width:980px;margin:0 auto;padding:6px 14px 12px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;position:relative}
.site-nav-link,.site-nav-more>summary{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:rgba(255,255,255,.10);color:#fff;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer;list-style:none;white-space:nowrap}
.site-nav-link:hover,.site-nav-more>summary:hover{background:rgba(255,255,255,.22)}
.site-nav-more>summary::-webkit-details-marker{display:none}.site-nav-more{position:relative}
.site-nav-panel{position:absolute;z-index:100;right:0;top:calc(100% + 6px);width:min(310px,86vw);max-height:65vh;overflow-y:auto;display:grid;grid-template-columns:1fr;gap:2px;padding:7px;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:9px;box-shadow:0 12px 28px rgba(0,0,0,.24)}
.site-nav-panel a{display:block;color:var(--text);padding:10px;border-radius:5px;font-size:13px;text-decoration:none}.site-nav-panel a:hover{background:rgba(90,140,180,.16)}
.ads-placement{clear:both;display:block;width:100%;min-height:90px;margin:22px 0;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center}
.ads-label{display:block;font-size:11px;line-height:16px;opacity:.66;margin-bottom:4px}
@media(max-width:640px){.site-header .site-nav{display:flex;justify-content:flex-start;gap:6px;padding:8px 12px;flex-wrap:wrap}.site-nav-link,.site-nav-more>summary{font-size:12px;min-height:36px;padding:7px 9px}.site-nav-panel{right:auto;left:0}}

/* v5.0.1 — keep the menu above page content, and respect <details> closed state.
   Previously display:grid forced the dropdown visible even when <details> was closed. */
.site-header{
  position:relative;
  z-index:100;
  overflow:visible;
}
.site-header .site-nav{z-index:1;overflow:visible}
.site-nav-more{position:relative;z-index:2}
.site-nav-more:not([open]) > .site-nav-panel{display:none}
.site-nav-more[open] > .site-nav-panel{
  display:grid;
  z-index:110;
  pointer-events:auto;
  background:#fff;
  color:#1e293b;
  border-color:#cbd5e1;
  box-shadow:0 14px 40px rgba(0,0,0,.35);
}
.site-nav-more[open] > summary{background:rgba(255,255,255,.22)}
.site-nav-more[open] > .site-nav-panel a{color:#1e293b}
.site-nav-more[open] > .site-nav-panel a:hover,
.site-nav-more[open] > .site-nav-panel a:focus-visible{background:#e8f2ff}
body.dark .site-nav-more[open] > .site-nav-panel{
  background:#111c2d;
  border-color:#334155;
  color:#e2e8f0;
}
body.dark .site-nav-more[open] > .site-nav-panel a{color:#e2e8f0}
body.dark .site-nav-more[open] > .site-nav-panel a:hover,
body.dark .site-nav-more[open] > .site-nav-panel a:focus-visible{background:#263850}
/* Specificity also overrides page-level inline CSS loaded after this file. */
body > .site-header{position:relative;z-index:100;overflow:visible}
body > .quick-actions{z-index:200}
