/* All-site menu: desktop hover/click and accessible mobile disclosure */
.site-topnav{position:sticky;top:0;z-index:100;background:rgba(7,17,29,.97);border-bottom:1px solid rgba(170,205,226,.17);backdrop-filter:blur(16px);color:#edf7fb}
.site-nav-inner{width:min(1240px,calc(100% - 32px));margin:auto;min-height:68px;display:flex;align-items:center;gap:13px;position:relative}
.site-brand{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:800;color:#edf7fb;text-decoration:none;white-space:nowrap}
.site-brand-mark{width:30px;height:30px;display:grid;place-items:center;background:#79f1d1;color:#07111d;border-radius:9px;font-weight:900}
.site-menu{display:flex;align-items:center;gap:1px;margin:auto}
.site-home,.site-category-link{color:#d7e7ef;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap;display:inline-flex;align-items:center;padding:9px 7px;min-height:42px;border-radius:8px}
.site-home:hover,.site-category-link:hover,.site-nav-panel a:hover{color:#79f1d1;background:rgba(121,241,209,.11)}
.site-nav-group{display:flex;align-items:center;position:relative}
.site-nav-expand{background:transparent;color:#aac5d0;border:0;min-height:40px;padding:5px 3px;font-size:13px;cursor:pointer}
.site-nav-panel{display:none;position:absolute;top:calc(100% - 1px);left:0;width:225px;max-height:min(75vh,550px);overflow-y:auto;grid-template-columns:1fr;gap:2px;padding:10px;border:1px solid rgba(170,205,226,.22);border-radius:0 0 14px 14px;background:#102236;box-shadow:0 16px 40px rgba(0,0,0,.45)}
.site-nav-panel a{display:block;padding:8px 10px;border-radius:7px;color:#d7e7ef;text-decoration:none;font-size:13px;line-height:1.4}
.site-nav-group.is-open .site-nav-panel{display:grid}
.site-buy{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;color:#79f1d1;text-decoration:none;border:1px solid rgba(121,241,209,.5);border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700}
.site-buy:hover{background:rgba(121,241,209,.12)}.site-menu-button,.site-mobile-buy{display:none}
.site-crumbs{width:min(1040px,calc(100% - 36px));margin:12px auto 0;padding:7px 0;font-size:12px;color:#9eb6c7;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.site-crumbs a{color:#9eb6c7;text-decoration:none}.site-crumbs a:hover{color:#79f1d1}.site-crumbs [aria-current="page"]{color:#e4f0f5}
@media(max-width:1120px){.site-nav-inner{min-height:62px}.site-menu-button{display:block;margin-left:auto;color:#edf7fb;border:1px solid rgba(170,205,226,.28);border-radius:9px;background:transparent;padding:9px;font-size:13px;cursor:pointer}
.site-menu{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 72px);overflow:auto;flex-direction:column;align-items:stretch;padding:11px;background:#102236;border:1px solid rgba(170,205,226,.22);border-radius:0 0 14px 14px;box-shadow:0 22px 44px rgba(0,0,0,.4)}.site-menu.is-open{display:flex}
.site-home,.site-category-link{font-size:15px;padding:11px}.site-nav-group{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid rgba(170,205,226,.12)}
.site-nav-expand{min-width:48px;font-size:18px}.site-nav-panel{position:static;grid-column:1/-1;width:100%;max-height:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px 8px 12px;margin:0 0 6px;border:0;border-radius:10px;background:rgba(255,255,255,.035);box-shadow:none}
.site-nav-group:not(.is-open) .site-nav-panel{display:none}
.site-mobile-buy{display:block;color:#79f1d1;text-decoration:none;padding:11px;font-weight:700}}
@media(max-width:520px){.site-buy{display:none}.site-nav-panel{grid-template-columns:1fr}}

/* Show every Codex article without making a long, narrow desktop menu. */
@media(min-width:1121px){#site-panel-2{width:440px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1120px){#site-panel-2{width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#site-panel-2{grid-template-columns:1fr}}

/* Keep rightmost dropdowns within the desktop viewport. */
@media(min-width:1121px){.site-menu .site-nav-group:nth-last-of-type(-n+2) .site-nav-panel{left:auto;right:0}}