/* Exact foundations and dimensions from the approved documentation profile. */
@import './assets/design/modern-tokens.css';
:root{--paper:var(--bg-doc);--surface:var(--bg-doc);--subtle:#F5F6F7;--ink:var(--text);--muted:var(--text-muted);--line:var(--border);--accent:var(--primary);--accent-soft:var(--primary-soft);--sans:var(--font-doc);--display:var(--font-doc);--mono:var(--font-mono);--green:var(--primary)}
html{scroll-padding-top:120px}body{font:16px/1.75 var(--font-doc);background:var(--bg-doc)}
.shell{width:100%;max-width:none;padding:0}.shell>main{max-width:1620px;margin:auto;padding:40px 32px 65px}
.topbar{height:56px;padding:0 28px;display:grid;grid-template-columns:1fr minmax(260px,370px) 1fr;gap:24px;border:0;position:relative;background:var(--surface)}
.brand{font:500 23px/1 var(--font-body);letter-spacing:-1px;gap:8px;color:var(--heading);width:max-content}.brand img{width:30px;height:30px;object-fit:contain}.brand small{font:400 12px var(--font-doc);letter-spacing:0;margin-left:6px;padding-left:14px;border-color:var(--border)}
.topbar>.search-field{margin:0;width:100%;max-width:none;min-width:0;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--subtle);display:flex;align-items:center;gap:10px;padding:0 12px}.topbar>.search-field input{font:14px var(--font-doc);min-width:0;width:100%;color:var(--text);background:none;border:0;outline:0}.topbar>.search-field input::placeholder{color:var(--text-muted)}
.nav{justify-content:flex-end;gap:20px}.nav a{font:400 14px var(--font-doc)}.nav .dataset-link{border:0;background:none;padding:0;min-height:0}
.section-nav{height:44px;padding:0 28px;gap:32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-nav>a,.section-nav>button{font:400 14px var(--font-doc);padding:0 2px;border-bottom-width:2px}
.hero{padding:0;margin:0 0 28px}.hero-copy{display:block}.hero-copy>.eyebrow{font:12px/1.5 var(--font-doc);margin:0 0 30px;display:flex;align-items:center;gap:16px;color:var(--text-muted)}.hero-copy>.eyebrow a{color:var(--primary)}
.hero h1{font:600 28px/1.35 var(--font-doc);letter-spacing:-.5px;color:var(--heading);margin:0 0 24px}.hero-description{max-width:850px}.hero-description>p{font:400 16px/1.75 var(--font-doc);color:var(--text);margin:0 0 20px}.hero-description>.hero-lead{font-weight:600}.type-chips{display:none}
.stats-strip{padding:12px 0;margin-bottom:40px;border:0;background:none;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat,.stat:first-child{padding:0;border:0;align-items:flex-start;gap:10px}.stat-number{font:600 16px/1.75 var(--font-doc);color:var(--heading);letter-spacing:0}.stat-label{font:500 13px/1.75 var(--font-doc);color:var(--text)}.stat-note{font:400 12px/1.75 var(--font-doc);color:var(--text-muted)}
.board-heading{margin-bottom:18px}.section-label{display:none}.board-heading h2,.performance-section .board-heading h2{font:600 22px/1.4 var(--font-doc);letter-spacing:-.3px;color:var(--heading)}
.performance-card,.table-card{border-radius:8px;box-shadow:none;border-color:var(--border)}.performance-controls,.toolbar{padding:18px 20px;background:var(--surface)}.performance-controls select,.select-field select{background:var(--subtle);border-color:var(--border);font:13px var(--font-doc);height:36px;min-height:36px;border-radius:6px}.size-filter{background:var(--surface);padding:18px 20px}.performance-results{padding:20px}.size-filter-label,.select-field>span{font-family:var(--font-doc);letter-spacing:0}.size-preset{font-family:var(--font-doc);background:var(--subtle);border-radius:6px}.size-preset[aria-pressed=true]{border-color:transparent;background:var(--primary-soft);color:var(--primary)}
.button{font:400 13px var(--font-doc);border-radius:6px;box-shadow:none}.performance-notes{background:var(--subtle)}.site-footer{max-width:1556px;margin:auto;padding:24px 32px}
@media(max-width:900px){.topbar{grid-template-columns:auto minmax(180px,1fr) auto;gap:18px}.nav .nav-secondary,.nav .dataset-link{display:none}.stat{display:flex}}
@media(max-width:680px){.topbar{height:auto;min-height:56px;grid-template-columns:1fr auto;padding:12px 16px;gap:12px}.topbar>.search-field{grid-row:2;grid-column:1/-1}.brand small{display:block}.nav .docs-link{font-size:13px}.section-nav{padding:0 16px;gap:24px}.shell>main{padding:28px 16px 44px}.hero h1{font-size:28px}.hero-description>p{font-size:15px}.stats-strip{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:32px}.stat,.stat:first-child{padding:0}.stat-number{font-size:16px}.stat-label{font-size:12px}.board-heading h2,.performance-section .board-heading h2{font-size:22px}.performance-controls,.size-filter,.performance-results{padding:16px}.site-footer{padding:20px 16px}}