@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400..700&display=swap');

:root { --ink:#1A0033; --purple:#5F00B2; --paper:#FFFFFF; --soft:#F5F5F5; --mineral:#E8EEF0; --mineral-strong:#C8D6DA; --slate:#26363B; --line:#DEDEDE; --muted:#595959; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:#000; font-family:"DM Sans",Arial,sans-serif; font-weight:500; }
a { color:inherit; }
.skip { position:absolute; left:18px; top:-70px; z-index:20; padding:9px 12px; background:#fff; color:#000; }
.skip:focus { top:14px; }
.wrap { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.site-header { position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); }
.nav { min-height:69px; display:flex; align-items:center; gap:26px; }
.brand { display:inline-flex; line-height:0; }
.brand img { width:78px; height:auto; }
.nav-links { margin-left:auto; display:flex; gap:24px; font-size:14px; }
.nav-links a { text-decoration:none; }
.nav-links a:hover,.footer a:hover { text-decoration:underline; text-underline-offset:5px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:8px 15px; border:1px solid var(--ink); border-radius:30px; background:var(--ink); color:#fff; font-weight:700; text-decoration:none; }
.button.secondary { background:#fff; color:var(--ink); }
.menu { display:none; margin-left:auto; border:0; background:transparent; font:700 14px "DM Sans"; }
.hero { padding:100px 0 92px; background:var(--slate); color:#fff; }
.eyebrow { margin:0 0 20px; color:#D9D6DC; font:500 13px "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; }
.hero h1,.page-title { max-width:900px; margin:0; font-size:clamp(48px,8vw,94px); font-weight:500; line-height:.96; letter-spacing:-.05em; }
.hero p { max-width:690px; margin:28px 0 0; color:#E8E5EA; font-size:20px; line-height:1.5; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.hero .button { border-color:#fff; background:#fff; color:var(--ink); }
.hero .button.secondary { background:transparent; color:#fff; }
.section { padding:80px 0; border-bottom:1px solid var(--line); }
main > .section:nth-child(odd) { background:var(--mineral); }
.section h2 { max-width:760px; margin:0 0 18px; font-size:clamp(34px,5vw,58px); font-weight:500; line-height:1.05; letter-spacing:-.04em; }
.section-lede { max-width:720px; color:#333; font-size:18px; line-height:1.6; }
.grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:38px; }
.card { min-height:240px; padding:25px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.card-number { display:block; margin-bottom:52px; color:var(--purple); font:500 12px "DM Mono",monospace; }
.card h3 { margin:0 0 10px; font-size:23px; font-weight:600; line-height:1.15; }
.card p { margin:0; color:#4A4A4A; line-height:1.55; }
.card a { display:inline-block; margin-top:18px; color:var(--purple); font-weight:700; }
.content-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,1fr); gap:70px; }
.prose { max-width:760px; }
.prose h2 { margin:52px 0 14px; font-size:30px; letter-spacing:-.02em; }
.prose h2:first-child { margin-top:0; }
.prose h3 { margin:30px 0 10px; font-size:20px; }
.prose p,.prose li { color:#333; font-size:17px; line-height:1.7; }
.prose code { padding:2px 6px; border-radius:6px; background:var(--soft); color:var(--purple); font-family:"DM Mono",monospace; }
.side { align-self:start; position:sticky; top:105px; padding:22px; border:1px solid var(--line); border-radius:16px; background:var(--soft); }
.side strong { display:block; margin-bottom:12px; }
.side a { display:block; padding:7px 0; color:#333; font-size:14px; }
.role { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; padding:24px 0; border-top:1px solid var(--line); }
.role h3 { margin:0 0 7px; font-size:24px; }
.role p { margin:0; color:#444; }
.role span { color:var(--muted); font:500 13px "DM Mono",monospace; }
.footer {
  position:relative;
  z-index:1;
  padding:32px 0 24px;
  border-top:1px solid #DEDEDE;
  background:#F5F5F5;
  color:#1A0033;
  box-shadow:none;
}
.footer.is-light {
  border-top-color:#DEDEDE;
  background:#F5F5F5;
  color:#1A0033;
  box-shadow:none;
}
.footer-grid { min-height:151px; display:grid; grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr)); gap:32px; }
.footer img { width:62px; height:auto; }
.footer small { display:block; margin-top:14px; color:#595959; font-size:12px; line-height:1.55; }
.footer.is-light small,.footer.is-light h2 { color:#595959; }
.footer h2 { margin:0 0 12px; color:#6F6874; font-size:11px; font-weight:500; letter-spacing:.15em; text-transform:uppercase; }
.footer a { display:block; margin:10px 0; font-size:13px; font-weight:500; text-decoration:none; }
.template-note { padding:14px 0; border-bottom:1px solid #FFFFFF33; background:#370066; color:#fff; text-align:center; font-size:13px; }
.template-note a { font-weight:700; }

/* Editorial routes: derived from foam.ai's restrained paper, careers, and docs layouts. */
.editorial-main,.docs-main { background:#fff; font-weight:400; }
.narrow { width:min(1060px,calc(100% - 48px)); margin-inline:auto; }
.page-intro { padding:56px 0 42px; border-bottom:0; }
.page-intro .eyebrow { color:#6F6874; }
.page-intro h1 { margin:0; font-size:clamp(38px,5vw,58px); font-weight:500; line-height:1; letter-spacing:-.045em; }
.page-intro p:last-child { max-width:680px; margin:30px 0 0; color:#333; font-size:20px; line-height:1.55; }
.paper-index { --research-title:clamp(28px,4vw,43px); --research-body:16px; --research-action:13px; --research-meta:11px; padding:0 0 38px; font-weight:500; }
.paper-row { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:64px; align-items:center; min-height:300px; padding:44px 0; border-bottom:1px solid var(--line); }
.paper-date { margin:8px 0 19px; color:#6F6874; font:500 var(--research-meta) "DM Mono",monospace; text-transform:uppercase; }
.paper-body h2 { max-width:690px; margin:0; font-size:var(--research-title); font-weight:500; line-height:1.03; letter-spacing:-.04em; }
.paper-body p { max-width:650px; margin:0 0 18px; color:#414141; font-size:var(--research-body); line-height:1.6; }
.paper-body a,.paper-status { color:var(--purple); font-size:var(--research-action); font-weight:700; text-underline-offset:5px; }
.paper-visual { position:relative; width:100%; min-height:190px; margin:0; padding:24px; border:1px solid #C8D6DA; background:#F5F5F5; }
.paper-visual::before { content:""; position:absolute; inset:12px; border-left:1px solid #C8D6DA; border-bottom:1px solid #C8D6DA; pointer-events:none; }
.paper-visual.scribbled::after { content:""; position:absolute; right:-5px; top:-15px; width:72px; height:48px; background:url('/assets/scribble-pointer.svg') center/contain no-repeat; transform:rotate(10deg); pointer-events:none; }
.mini-bars,.issue-bars { display:grid; align-content:center; gap:14px; }
.mini-bars > div,.issue-bars > div { position:relative; z-index:1; display:grid; grid-template-columns:78px 1fr 50px; gap:9px; align-items:center; }
.mini-bars span,.issue-bars span { color:#595959; font:500 10px "DM Mono",monospace; }
.mini-bars i,.issue-bars i { display:block; width:var(--value); height:11px; background:#26363B; }
.mini-bars .accent i,.issue-bars .accent i { background:#5F00B2; }
.mini-bars b,.issue-bars b { font-size:11px; text-align:right; }
.issue-bars > div { grid-template-columns:86px 1fr 58px; }
.issue-bars figcaption { position:relative; z-index:1; margin-top:7px; color:#5F00B2; font-size:12px; font-weight:700; }
.experiment-visual { display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:center; }
.matrix-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.matrix-grid span { aspect-ratio:1; border:1px solid #5F00B2; background:#fff; }
.matrix-grid span:nth-child(2),.matrix-grid span:nth-child(5) { background:#E8EEF0; }
.matrix-grid span:nth-child(3),.matrix-grid span:nth-child(6) { background:#C8D6DA; }
.experiment-visual figcaption { position:relative; z-index:1; }
.experiment-visual strong,.experiment-visual span,.experiment-visual em { display:block; }
.experiment-visual strong { font-size:25px; letter-spacing:-.04em; }
.experiment-visual span { margin-top:4px; color:#595959; font:500 10px "DM Mono",monospace; }
.experiment-visual em { margin-top:17px; color:#5F00B2; font-style:normal; font-weight:700; }
.gap-map { display:grid; align-content:center; }
.gap-map > div { position:relative; z-index:1; display:grid; grid-template-columns:repeat(5,1fr); align-items:center; }
.gap-map > div::before { content:""; position:absolute; left:9%; right:9%; top:50%; border-top:1px solid #5F00B2; }
.gap-map span { position:relative; display:grid; place-items:center; width:36px; height:36px; margin:auto; border:1px solid #5F00B2; background:#fff; color:#5F00B2; font:500 10px "DM Mono",monospace; }
.gap-map figcaption { position:relative; z-index:1; display:flex; justify-content:space-between; margin-top:30px; color:#595959; font-size:12px; }
.gap-map strong { color:#000; }
.column-chart { display:flex; align-items:flex-end; gap:18px; padding:30px 28px 44px; }
.column-chart > div { position:relative; z-index:1; display:flex; flex:1; flex-direction:column; justify-content:flex-end; align-items:center; height:118px; }
.column-chart i { display:block; width:100%; height:var(--value); background:#26363B; }
.column-chart .accent i { background:#5F00B2; }
.column-chart b { margin-top:6px; font-size:10px; }
.column-chart figcaption { position:absolute; left:28px; bottom:14px; color:#595959; font:500 10px "DM Mono",monospace; }
.utility-figure,.reduction-figure,.accuracy-figure,.gaps-figure { min-height:224px; padding:28px; background:#fff; }
.utility-figure::before,.reduction-figure::before,.accuracy-figure::before,.gaps-figure::before { display:none; }
.utility-axis { display:grid; grid-template-columns:1fr 1fr 1fr; padding-bottom:10px; border-bottom:1px solid #C8D6DA; color:#595959; font:500 9px/1.3 "DM Mono",monospace; }
.utility-axis span:nth-child(2) { text-align:center; }
.utility-axis span:last-child { text-align:right; }
.utility-marks { display:flex; align-items:center; gap:15px; height:74px; border-bottom:1px solid #C8D6DA; }
.utility-marks i { position:relative; display:block; width:34px; height:2px; background:#5F00B2; transform:rotate(-38deg); }
.utility-marks i::after { content:""; position:absolute; right:-1px; top:-3px; width:7px; height:7px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(45deg); color:#5F00B2; }
.utility-marks .short { transform:rotate(-20deg); }
.utility-marks .flat { width:30px; background:#6F6874; transform:none; }
.utility-marks .flat::after { color:#6F6874; }
.utility-marks .loss { margin-left:auto; background:#26363B; transform:rotate(32deg); }
.utility-marks .loss::after { color:#26363B; }
.utility-marks .tiny { width:24px; }
.utility-figure figcaption,.reduction-figure figcaption,.accuracy-figure figcaption { display:flex; justify-content:space-between; gap:18px; margin-top:19px; }
.utility-figure figcaption strong,.reduction-figure figcaption strong,.accuracy-figure figcaption strong { font-size:15px; }
.utility-figure figcaption span,.reduction-figure figcaption span,.accuracy-figure figcaption span { max-width:190px; color:#595959; font-size:11px; line-height:1.45; text-align:right; }
.reduction-figure,.accuracy-figure { display:grid; align-content:center; gap:14px; }
.reduction-row,.accuracy-figure > div { display:grid; grid-template-columns:100px 1fr 58px; gap:10px; align-items:center; }
.reduction-row span,.accuracy-figure span { color:#595959; font:500 10px "DM Mono",monospace; }
.reduction-row i,.accuracy-figure i { display:block; width:var(--value); min-width:3px; height:13px; background:#26363B; }
.reduction-row.accent i,.accuracy-figure .accent i { background:#5F00B2; }
.reduction-row b,.accuracy-figure b { font-size:11px; text-align:right; }
.reduction-figure figcaption,.accuracy-figure figcaption { padding-top:7px; border-top:1px solid #C8D6DA; }
.gaps-figure ol { list-style:none; margin:0; padding:0; }
.gaps-figure li { display:grid; grid-template-columns:34px 1fr; gap:12px; padding:7px 0; border-bottom:1px solid #DEDEDE; }
.gaps-figure li b { color:#5F00B2; font:500 10px "DM Mono",monospace; }
.gaps-figure li span { font-size:12px; }
.gaps-figure figcaption { margin-top:17px; color:#595959; font-size:11px; }
.sketch-figure { min-height:218px; padding:21px 19px 17px; border:0; background:#F7F8F8; overflow:hidden; }
.sketch-figure::before { inset:44px 18px 42px; border-color:#C8D6DA; }
.sketch-answer { position:relative; z-index:2; margin:0 0 18px; color:#1A0033; font-size:var(--research-title); font-weight:500; line-height:1; letter-spacing:-.04em; }
.sketch-kicker { position:relative; z-index:2; margin-bottom:20px; color:#595959; font:500 var(--research-meta)/1.35 "DM Mono",monospace; letter-spacing:.04em; text-transform:uppercase; }
.sketch-figure figcaption { position:relative; z-index:2; margin-top:17px; color:#595959; font:500 var(--research-meta)/1.4 "DM Mono",monospace; }
.utility-sketch::before { display:none; }
.utility-sketch img { display:block; width:100%; height:112px; object-fit:contain; }
.utility-sketch figcaption { max-width:280px; }
.horizontal-sketch { display:grid; align-content:center; }
.sketch-bar-row { position:relative; z-index:2; display:grid; grid-template-columns:72px minmax(0,1fr) 49px; gap:8px; align-items:center; margin:9px 0; }
.sketch-bar-row span,.sketch-bar-row b { font:500 var(--research-meta)/1.25 "DM Mono",monospace; }
.sketch-bar-row span { color:#595959; }
.sketch-bar-row b { text-align:right; }
.sketch-bar-row i { display:block; width:var(--value); min-width:4px; height:13px; background:#26363B; clip-path:polygon(1% 7%,98% 0,100% 88%,0 100%); transform:rotate(-.25deg); }
.sketch-bar-row.is-accent i { background:#5F00B2; transform:rotate(.35deg); }
.horizontal-sketch figcaption { display:flex; justify-content:space-between; gap:16px; padding-top:10px; border-top:1px solid #C8D6DA; }
.horizontal-sketch figcaption strong { color:#1A0033; font-size:var(--research-action); }
.compression-sketch .sketch-bar-row { grid-template-columns:48px minmax(0,1fr) 57px; }
.compression-sketch .is-accent i { height:8px; min-width:8px; }
.lifecycle-sketch::before { display:none; }
.lifecycle-sketch ol { position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:6px; list-style:none; margin:30px 0 0; padding:0; }
.lifecycle-sketch ol::before { content:""; position:absolute; left:8%; right:8%; top:17px; height:8px; background:url('/assets/scribble-single-line.svg') center/100% 100% no-repeat; opacity:.72; transform:rotate(-.8deg); }
.lifecycle-sketch li { position:relative; z-index:2; text-align:center; }
.lifecycle-sketch li::before { content:""; display:block; width:9px; height:9px; margin:13px auto 15px; border:2px solid #5F00B2; background:#F7F8F8; transform:rotate(7deg); }
.lifecycle-sketch li:nth-child(even)::before { transform:rotate(-9deg); }
.lifecycle-sketch li b,.lifecycle-sketch li strong,.lifecycle-sketch li span { display:block; }
.lifecycle-sketch li b { color:#5F00B2; font:500 var(--research-meta) "DM Mono",monospace; }
.lifecycle-sketch li strong { margin-top:4px; font-size:var(--research-meta); }
.lifecycle-sketch li span { margin-top:4px; color:#595959; font-size:var(--research-meta); line-height:1.25; }
.lifecycle-sketch figcaption { max-width:275px; }
.quick-figure { min-height:218px; }
.quick-figure::before { inset:76px 18px 43px; }
.quick-figure .sketch-bar-row { grid-template-columns:86px minmax(0,1fr) 54px; }
.quick-figure.lifecycle-sketch ol { margin-top:10px; }
.quick-figure.lifecycle-sketch figcaption { max-width:none; }
.column-sketch::before { inset:44px 18px 55px; }
.sketch-columns { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; align-items:end; height:136px; }
.sketch-columns > div { display:grid; grid-template-rows:19px 86px 31px; align-items:end; text-align:center; }
.sketch-columns b { font:500 var(--research-meta) "DM Mono",monospace; }
.sketch-columns i { display:block; width:72%; height:var(--value); min-height:4px; margin:0 auto; background:#26363B; clip-path:polygon(4% 1%,97% 0,100% 97%,0 100%); transform:rotate(-.45deg); }
.sketch-columns .is-accent i { background:#5F00B2; transform:rotate(.5deg); }
.sketch-columns span { padding-top:7px; color:#595959; font:500 var(--research-meta)/1.25 "DM Mono",monospace; }
.column-sketch figcaption { padding-top:7px; border-top:1px solid #C8D6DA; }
.editorial-close { padding:76px 0 82px; background:#1A0033; color:#fff; }
.editorial-close .eyebrow { color:#BDB6C3; }
.editorial-close h2 { max-width:760px; margin:0 0 18px; font-size:clamp(40px,6vw,68px); font-weight:500; line-height:1; letter-spacing:-.05em; }
.editorial-close p { max-width:640px; margin:0 0 28px; color:#D9D6DC; font-size:18px; line-height:1.55; }
.editorial-close .button { border-color:#fff; background:#fff; color:var(--ink); }
.careers-intro { padding-bottom:42px; }
.career-copy { padding:0 0 82px; }
.prose-column { max-width:920px; }
.career-lede { max-width:820px; margin:0 0 76px; font-size:clamp(23px,3vw,34px); line-height:1.35; letter-spacing:-.025em; }
.prose-column > section { padding:46px 0; border-top:1px solid var(--line); }
.prose-column > section:first-child { border-top:0; }
.prose-column h2 { margin:0 0 26px; font-size:clamp(26px,3.5vw,38px); font-weight:500; letter-spacing:-.035em; }
.problem-list { list-style:none; margin:0; padding:0; }
.problem-list li { display:grid; grid-template-columns:48px 1fr; gap:16px; padding:18px 0; border-top:1px solid var(--line); font-size:19px; line-height:1.45; }
.problem-list span { color:var(--purple); font:500 12px "DM Mono",monospace; }
.team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.team-grid article { min-width:0; }
.team-grid img { display:block; width:min(82%,176px); aspect-ratio:1/1.08; object-fit:cover; background:var(--soft); }
.team-grid p { margin:15px 0 0; color:#444; font-size:14px; line-height:1.55; }
.team-grid strong { color:#000; font-weight:700; }
.job-row { display:grid; grid-template-columns:1fr auto; gap:36px; padding:25px 0; border-top:1px solid var(--line); text-decoration:none; }
.job-row:last-child { border-bottom:1px solid var(--line); }
.job-row strong,.job-row small { display:block; }
.job-row strong { font-size:21px; }
.job-row small { max-width:640px; margin-top:7px; color:#555; font-size:14px; line-height:1.5; }
.job-row em { color:#595959; font:normal 500 12px "DM Mono",monospace; }
.career-details { margin-top:0; padding-bottom:0 !important; }
.career-details p { margin:8px 0; line-height:1.55; }
.simple-main { min-height:58vh; background:#fff; border-bottom:1px solid var(--line); }
.simple-document { width:min(820px,calc(100% - 48px)); margin-inline:auto; padding:62px 0 92px; font-weight:400; }
.simple-document h1 { margin:0; font-size:clamp(38px,5vw,58px); font-weight:500; line-height:1; letter-spacing:-.045em; }
.simple-document > p { max-width:730px; color:#333; font-size:17px; line-height:1.7; }
.simple-document .updated { margin:18px 0 40px; color:#6F6874; font:500 12px "DM Mono",monospace; text-transform:uppercase; }
.simple-document h2 { margin:52px 0 18px; padding-top:28px; border-top:1px solid var(--line); font-size:23px; font-weight:600; letter-spacing:-.02em; }
.simple-document ul { max-width:700px; margin:0; padding-left:20px; }
.simple-document li { padding:5px 0; color:#333; font-size:16px; line-height:1.55; }
.legal-copy { max-width:730px; }
.legal-copy h2 { margin:52px 0 18px; padding-top:28px; border-top:1px solid var(--line); font-size:23px; font-weight:600; letter-spacing:-.02em; }
.legal-copy h3 { margin:30px 0 12px; font-size:18px; line-height:1.3; }
.legal-copy p,.legal-copy li { color:#333; font-size:16px; line-height:1.7; }
.legal-copy p { margin:0 0 18px; }
.legal-copy ul { margin:0 0 24px; padding-left:20px; }
.legal-copy a { color:var(--purple); text-underline-offset:4px; }
.simple-resources { margin-top:54px; padding-top:28px; border-top:1px solid var(--line); }
.simple-resources h2 { margin:0 0 16px; padding:0; border:0; color:#6F6874; font:500 12px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.simple-resources a { display:block; width:max-content; margin:10px 0; font-weight:600; text-underline-offset:5px; }
.text-link { color:var(--purple); font-weight:700; text-underline-offset:5px; }
.review-note { margin:0 0 34px; padding:18px 0; border-block:1px solid var(--line); color:#444 !important; font-size:14px !important; }
.docs-main { border-bottom:1px solid var(--line); }
.docs-wrap { width:min(1320px,calc(100% - 48px)); margin-inline:auto; display:grid; grid-template-columns:210px minmax(0,760px) 160px; gap:64px; align-items:start; }
.docs-nav,.docs-toc { position:sticky; top:105px; padding:54px 0; font-size:13px; }
.docs-nav strong,.docs-toc strong { display:block; margin-bottom:16px; font-size:13px; }
.docs-nav a,.docs-toc a { display:block; padding:7px 0; color:#666; text-decoration:none; }
.docs-nav a.active { color:var(--purple); font-weight:700; }
.docs-article { padding:66px 0 90px; }
.docs-article > .eyebrow { color:#6F6874; }
.docs-article h1 { margin:0; font-size:clamp(38px,5vw,58px); font-weight:500; line-height:1; letter-spacing:-.045em; }
.docs-lede { margin:24px 0 54px; color:#444; font-size:19px; line-height:1.6; }
.docs-article section { padding:34px 0; border-top:1px solid var(--line); scroll-margin-top:110px; }
.docs-article h2 { margin:0 0 15px; font-size:29px; font-weight:600; letter-spacing:-.03em; }
.docs-article p,.docs-article li { color:#333; font-size:16px; line-height:1.7; }
.docs-article ul { padding-left:20px; }
.docs-article li + li { margin-top:8px; }
.docs-article code { color:var(--purple); font:500 14px "DM Mono",monospace; }
.docs-article table { width:100%; border-collapse:collapse; margin:20px 0 24px; }
.docs-article th,.docs-article td { padding:15px 0; border-top:1px solid var(--line); text-align:left; vertical-align:top; }
.docs-article th { width:150px; font-weight:600; }
.next-links { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border-block:1px solid var(--line); }
.next-links a { padding:20px; background:#F5F5F5; text-decoration:none; }
.next-links strong,.next-links span { display:block; }
.next-links span { margin-top:8px; color:#555; font-size:13px; }
@media (max-width:820px) {
  .grid { grid-template-columns:1fr 1fr; }
  .content-layout { grid-template-columns:1fr; gap:34px; }
  .side { position:static; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .paper-row { grid-template-columns:minmax(0,1fr) 280px; gap:36px; }
  .team-grid { grid-template-columns:1fr 1fr; }
  .docs-wrap { grid-template-columns:170px minmax(0,1fr); gap:34px; }
  .docs-toc { display:none; }
}
@media (max-width:620px) {
  .wrap { width:calc(100% - 34px); }
  .nav { min-height:64px; }
  .nav-links { display:none; position:absolute; top:64px; left:0; right:0; padding:10px 17px; border-bottom:1px solid var(--line); background:#fff; flex-direction:column; }
  .nav-links.open { display:flex; }
  .menu { display:block; }
  .nav > .button { display:none; }
  .hero { padding:72px 0; }
  .hero p { font-size:18px; }
  .section { padding:58px 0; }
  .grid,.footer-grid { grid-template-columns:1fr; }
  .role { grid-template-columns:1fr; }
  .narrow { width:calc(100% - 34px); }
  .page-intro { padding:64px 0 52px; }
  .paper-row { grid-template-columns:1fr; gap:30px; padding:38px 0; }
  .paper-visual { min-height:175px; }
  .team-grid,.job-row,.docs-wrap,.next-links { grid-template-columns:1fr; }
  .job-row { gap:12px; }
  .docs-nav { position:static; padding:20px 0; border-bottom:1px solid var(--line); display:flex; gap:16px; overflow:auto; }
  .docs-nav strong { display:none; }
  .docs-nav a { flex:0 0 auto; }
  .docs-article { padding-top:48px; }
  .simple-document { width:calc(100% - 34px); padding:48px 0 70px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }