/* ============================================================= PP Resources — Documentation-Style Layout Uses ppv2 design tokens: deep dark sidebar, warm cream content ============================================================= */ /* Navbar + language selector styles live in pp-nav.css (global) */ body { overflow-x: hidden; } /* Dark strip behind navbar — Resources has a light bg (no dark hero), so this provides contrast on load, then fades when the pill kicks in. Anchored to the classic banner's height: the banner pushes .nav down by --classic-banner-h, so the strip has to start there too or the nav's white text ends up on the cream page background. Height tracks the nav (46px inner + 2x16px padding, dropping to 2x12px under 480px). */ .nav-bg { position: fixed; top: var(--classic-banner-h, 0px); left: 0; right: 0; height: 78px; background: #0F0A1E; z-index: 99; transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1); } .nav-bg--hidden { opacity: 0; pointer-events: none; } @media (max-width: 479px) { .nav-bg { height: 70px; } } /* --- Layout Shell --- */ .resources-layout { display: grid; grid-template-columns: 280px 1fr 240px; min-height: 100vh; padding-top: 72px; } /* --- Sidebar (dark deep, like ppv2 ds-sidebar) --- Outer