/* Shared, consistent chrome for /resources/* pages. Activated when has class .resources-unified (added by resources-chrome.js) */ /* Keep layout aligned across pages with/without vertical scrollbar. We force a real scrollbar to be always present, so layout never "jumps" between pages and there is no reserved empty gap in the header when a page does not overflow. */ html{ overflow-y: scroll; } :root{ --r-bg:#f5f6f7; --r-panel:#fff; --r-ink:#0b0b0b; --r-muted:#6b7280; --r-line:#e6e7eb; --r-soft:#f3f4f6; --r-shadow:0 8px 24px rgba(0,0,0,.08); --r-radius:16px; --r-link:#111827; } .resources-unified{ margin:0; background:var(--r-bg) !important; color:var(--r-ink) !important; font:14px/1.45 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,system-ui,sans-serif !important; } .resources-unified a{ color:var(--r-link); text-decoration:none; } .resources-unified a:hover{ text-decoration:underline; } /* Navigation should not look like accent links */ .resources-unified .breadcrumbs a{ color:var(--r-muted) !important; } /* Some pages mark active items in blue; keep them dark for consistency */ .resources-unified .toc a.active, .resources-unified .toc-mobile a.active, .resources-unified .sidenav a[aria-current="page"], .resources-unified .edu-sidenav__link[aria-current="page"]{ color:var(--r-link) !important; } .resources-unified .toc a.active{ background:var(--r-soft) !important; border-color:var(--r-line) !important; font-weight:600; } /* Header */ .resources-unified header.site{ position:sticky; top:0; z-index:10; background:#fff; border-bottom:1px solid var(--r-line); } .resources-unified .site__inner{ max-width:1200px !important; margin:0 auto !important; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 14px; } .resources-unified .site__title{ font-weight:700; font-size:16px; line-height:1.65 !important; } .resources-unified .wrapper{ max-width:1200px !important; margin:0 auto !important; padding:14px; } /* Breadcrumbs */ .resources-unified .breadcrumbs{ font-size:12px; color:var(--r-muted); /* Top spacing should match other blocks around breadcrumbs */ margin:12px 0 12px; } .resources-unified .breadcrumbs__sep{ margin:0 4px; } .resources-unified .breadcrumbs__current{ color:#111; } /* Buttons used across resources pages */ .resources-unified .btn{ display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border-radius:12px; border:1px solid var(--r-line); background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.05); color:#111; text-decoration:none; } .resources-unified .btn:hover{ text-decoration:none; filter:brightness(0.995); } .resources-unified .btn:focus-visible{ outline:2px solid #111; outline-offset:2px; } /* Footer */ .resources-unified .footer{ margin:18px 0 8px; color:var(--r-muted); font-size:12px; text-align:center; } /* Make legacy pages match edges without rewriting their layout */ .resources-unified .panel, .resources-unified .card, .resources-unified .sidenav, .resources-unified .edu-sidenav{ box-shadow:var(--r-shadow); } /* Keep existing cards radius consistent */ .resources-unified .card, .resources-unified .panel{ border-radius:var(--r-radius); } /* The dropdowns inside resources pages (if any) shouldn't be clipped by containers */ .resources-unified .wrapper, .resources-unified main{ overflow:visible; }