/* Warm, editorial navigation: no colored icon tiles or moving card columns. */
:root{--mega-selected:#f8f3ef;--mega-ink:#200a02;--mega-copy:#62514b;--mega-rule:#e9dfd9}
#megaPanel{color:var(--mega-ink);background:var(--navigation-surface);border-top-color:var(--mega-rule);border-radius:0 0 30px 30px;box-shadow:0 24px 48px #200a0214;max-height:calc(100dvh - var(--header-h) - 20px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9cec7 transparent}
.mega-backdrop{background:#200a020d}
.developer-menu{grid-column:1/-1;width:min(800px,100%);margin:0 auto;padding:30px 0}
.developer-resources{display:grid;gap:8px}
.developer-resource{padding:24px 30px;border-radius:30px;color:var(--mega-ink);cursor:default}
.developer-resource:first-child{background:var(--mega-selected)}
.developer-resource-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.developer-resource-heading svg{width:23px;height:23px;flex:none}
.developer-resource-heading h3{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:0}
.developer-resource-heading .soon-badge{margin-left:4px;font-size:10px;line-height:1.5}
.developer-resource p{font-size:17px;line-height:1.6;margin:9px 0 0;color:var(--mega-copy)}
#megaPanel .mega-inner{grid-template-columns:minmax(300px,.38fr) minmax(0,1fr);column-gap:clamp(32px,4vw,64px)}
#megaPanel .mega-side{background:transparent;padding:32px 0;gap:8px}
#megaPanel .mega-side-label{padding:0 22px 16px;font-size:16px;font-weight:500;letter-spacing:-.015em;text-transform:none;color:var(--mega-ink)}
#megaPanel .hub{padding:23px 52px 23px 22px;border-radius:32px;background:transparent;text-align:left;color:var(--mega-ink);transition:background-color .22s ease}
#megaPanel .hub.active,#megaPanel .hub:is(:hover,:focus-visible){background:var(--mega-selected);color:var(--mega-ink)}
#megaPanel .hub-title{font-size:19px;font-weight:500;line-height:1.25;letter-spacing:-.025em;color:var(--mega-ink);margin-bottom:7px}
#megaPanel .hub-desc{font-size:14px;line-height:1.55;color:var(--mega-copy)}
#megaPanel .hub::after{right:25px;width:8px;height:8px;border-color:var(--mega-ink);opacity:1;transform:translate(0,-50%) rotate(45deg);transition:transform .22s cubic-bezier(.2,.7,.2,1)}
#megaPanel .hub:is(:hover,:focus-visible)::after{transform:translate(3px,-50%) rotate(45deg)}
#megaPanel .mega-grid{padding:32px 0 20px;column-gap:26px;row-gap:8px}
#megaPanel .mega-item{display:block;padding:18px 18px 20px;border-radius:22px;background:transparent;transform:none;transition:background-color .22s ease;animation-duration:.26s}
#megaPanel .mega-item:is(:hover,:focus-visible){background:var(--mega-selected);transform:none;color:var(--mega-ink)}
#megaPanel .mi-head{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;margin-bottom:10px}
#megaPanel .mi-tile{width:22px;height:24px;border-radius:0;background:transparent}
#megaPanel .mi-ico{width:21px;height:21px;color:var(--mega-ink);stroke-width:1.5}
#megaPanel .mi-title{font-size:18px;line-height:1.3;font-weight:500;letter-spacing:-.025em;color:var(--mega-ink)}
#megaPanel .mi-desc{display:block;font-size:14px;line-height:1.6;color:var(--mega-copy);max-width:34ch}
#megaPanel .mega-foot{padding:20px 18px 6px;margin-top:12px;border-color:var(--mega-rule);gap:18px}
#megaPanel .mf-note{font-size:12px;color:var(--mega-copy);line-height:1.6}
#megaPanel .mf-note b{color:var(--mega-ink);font-weight:500}
#megaPanel .mf-link{padding:10px 13px;font-size:13px;font-weight:500;letter-spacing:-.015em;color:var(--mega-ink);border-radius:999px;white-space:nowrap}
#megaPanel .mf-link:is(:hover,:focus-visible){background:var(--mega-selected);color:var(--mega-ink)}
#megaPanel :is(.hub,.mega-item,.mf-link):focus-visible{outline:2px solid #80685c;outline-offset:3px}
@media(max-height:740px) and (min-width:1101px){
 #megaPanel .mega-side{padding-top:24px;padding-bottom:24px}
 #megaPanel .hub{padding-top:18px;padding-bottom:18px}
 #megaPanel .mega-grid{padding-top:24px;padding-bottom:16px;row-gap:0}
 #megaPanel .mega-item{padding-top:14px;padding-bottom:16px}
}
@media(max-width:1100px){
 .mobile-developers .developer-resources{padding:10px 0 18px}
 .mobile-developers .developer-resource{padding:18px 16px;border-radius:22px}
 .mobile-developers .developer-resource-heading h3{font-size:18px}
 .mobile-developers .developer-resource-heading svg{width:20px;height:20px}
 .mobile-developers .developer-resource p{font-size:14px;margin-top:7px}
 .mobile-menu{color:var(--mega-ink)}
 .mobile-menu details{border-color:var(--mega-rule)}
 .mobile-menu summary{font-size:16px;font-weight:500;letter-spacing:-.02em;color:var(--mega-ink)}
 .mobile-menu details details summary{font-size:14px;padding:15px 12px;border-radius:20px}
 .mobile-menu :is(a:not(.btn),summary):is(:hover,:focus-visible){background:var(--mega-selected);color:var(--mega-ink)}
 .mobile-menu details details[open]>summary{background:var(--mega-selected)}
 .mobile-menu li{color:var(--mega-copy)}
 .mobile-menu :is(a,summary):focus-visible{outline:2px solid #80685c;outline-offset:2px}
}
@media(prefers-reduced-motion:reduce){#megaPanel .mega-item{opacity:1;animation:none}#megaPanel :is(.hub,.mega-item,.mf-link),#megaPanel .hub::after{transition:none}}