:root { color-scheme: dark; }
.measurement-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.measurement-flow > div { position:relative; padding:16px 10px; border:1px solid #5a5357; background:#1c1b20; text-align:center; }
.measurement-flow > div:not(:last-child)::after { content:'→'; position:absolute; right:-14px; top:40%; color:#ffb19d; }
.measurement-flow small,.measurement-flow strong,.measurement-flow span { display:block; }
.measurement-flow small { margin-bottom:9px; font:10px/1.4 monospace; color:#edaa59; }
.measurement-flow strong { font-size:12px; line-height:1.8; }
.measurement-flow span { margin-top:8px; color:#c6b6af; font-size:10px; }
.prose pre { max-width:100%; padding:18px; overflow-x:auto; border:1px solid var(--line); background:#141318; line-height:1.65; }
.prose pre code { padding:0; background:transparent; font-size:12px; overflow-wrap:normal; }
@media(max-width:600px) {
 .measurement-flow { grid-template-columns:1fr; gap:18px; }
 .measurement-flow > div { padding:12px; }
 .measurement-flow > div:not(:last-child)::after { content:'↓'; right:calc(50% - 5px); top:auto; bottom:-20px; }
 .measurement-flow strong { font-size:14px; }
 .measurement-flow strong br { display:none; }
 .measurement-flow small { margin-bottom:4px; }
 .measurement-flow span { margin-top:4px; font-size:12px; }
}
.draft-label { border:1px solid rgba(255,128,112,.35); padding:8px 11px; color:var(--signal-soft); font-size:11px; letter-spacing:.05em; }
.article-heading { padding-top:24px; padding-bottom:48px; }
.article-heading h1 { font-size:clamp(30px,4vw,43px); line-height:1.55; letter-spacing:-.035em; }
.article-kicker { margin:0 0 20px; color:var(--signal-soft); font:10px/1.4 monospace; letter-spacing:.15em; }
.title-subline { display:block; margin-top:14px; color:var(--muted); font-size:.55em; font-weight:500; letter-spacing:.02em; }
.article-meta { flex-wrap:wrap; line-height:1.6; }
.prose .intro-copy { margin-bottom:27px !important; }
.prose a { color:var(--signal-soft); text-decoration:underline; text-underline-offset:4px; }
.prose code { padding:2px 5px; background:rgba(255,255,255,.05); color:#f0d0c7; font-size:.84em; overflow-wrap:anywhere; }
.code-card code { padding:0; background:none; }
.code-card { margin:28px 0; }
.code-toolbar { height:auto; min-height:43px; }
.experiment-scope { margin:32px 0; padding:21px 23px; border-left:2px solid var(--signal); background:rgba(217,26,1,.06); }
.experiment-scope > strong { font-size:13px; }
.experiment-scope p { margin:8px 0 0; font-size:13px; line-height:1.9; }
.lab-figure { margin:38px 0; padding:22px; border:1px solid rgba(255,128,112,.23); background:#121113; }
.figure-title { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:22px; color:var(--ink); font-size:13px; line-height:1.6; }
.figure-title > span { color:var(--signal-soft); font:10px/2 monospace; letter-spacing:.1em; }
.lab-figure figcaption { margin-top:16px; color:var(--muted); font-size:12px; line-height:1.9; }
.chart-figure { padding:0; background:none; border:0; }
.chart-figure img { display:block; width:100%; height:auto; background:#fafbfc; border:1px solid rgba(255,255,255,.16); border-radius:4px; }
.arrival-compare { display:grid; grid-template-columns:130px 1fr; gap:24px 20px; align-items:center; padding:10px 0; }
.arrival-label strong,.arrival-label small { display:block; }
.arrival-label strong { font-size:13px; }
.arrival-label small { margin-top:4px; font-size:10px; line-height:1.5; }
.arrival-track { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); height:54px; border-bottom:1px solid #514344; }
.arrival-track > span { display:flex; align-items:center; justify-content:center; border-left:1px dashed rgba(255,255,255,.12); }
.arrival-track i { display:block; width:7px; height:7px; border-radius:50%; background:#7eb9df; flex-shrink:0; }
.arrival-track > .burst-cluster { display:grid; grid-template-columns:repeat(2,7px); align-content:center; justify-content:center; gap:3px; }
.burst-cluster i { background:#f39265; }
.arrival-axis { display:flex; justify-content:space-between; font-size:9px; color:var(--dim); line-height:1.6; }
.table-scroll { margin:30px 0; overflow-x:auto; overscroll-behavior-inline:contain; }
.table-scroll:focus-visible { outline:1px solid var(--signal-soft); outline-offset:4px; }
.prose table { width:100%; border-collapse:collapse; font-size:12px; line-height:1.8; letter-spacing:0; }
.prose th,.prose td { padding:13px 11px; border-bottom:1px solid var(--line); text-align:left; white-space:nowrap; }
.prose thead th { color:var(--ink); background:rgba(255,255,255,.035); }
.prose tbody th { font-weight:500; }
.prose caption { caption-side:bottom; padding-top:13px; font-size:11px; line-height:1.85; text-align:left; white-space:normal; }
.budget-card { margin:32px 0; padding:24px; border:1px solid rgba(255,128,112,.3); text-align:center; background:rgba(217,26,1,.05); }
.budget-card span,.budget-card strong,.budget-card small { display:block; }
.budget-card span { font-size:12px; color:var(--signal-soft); }
.budget-card strong { margin:14px 0; font-size:clamp(16px,3vw,23px); letter-spacing:0; }
.budget-card b { color:var(--signal-soft); padding:0 7px; }
.budget-card small { font-size:11px; }
.method-details { margin:34px 0; border:1px solid var(--line); background:rgba(255,255,255,.02); }
.method-details summary { padding:17px 20px; cursor:pointer; color:var(--ink); font-size:14px; }
.method-details > div { padding:0 20px 20px; }
.method-details p { margin-bottom:0; font-size:12px; }
.method-list { display:grid; grid-template-columns:120px 1fr; margin:8px 0 24px; font-size:12px; line-height:1.9; }
.method-list dt,.method-list dd { margin:0; padding:10px 0; border-bottom:1px solid var(--line); }
.method-list dt { color:var(--ink); padding-right:14px; }
.evidence-links { margin-top:60px; padding:24px; border:1px solid var(--line); background:rgba(255,255,255,.015); }
.evidence-links h2 { margin:0 0 16px; padding:0; border:0; font-size:20px; }
.evidence-links p,.evidence-links li { font-size:12px; line-height:1.9; }
.evidence-links ul { margin:0 0 18px; }
.evidence-links .small-copy { margin:0; color:var(--dim); font-size:11px; }
.article-author { margin-top:55px; padding-top:24px; border-top:1px solid var(--line); }
.article-author strong { font-size:13px; }
.article-author p { margin:10px 0 0; font-size:12px; }
.draft-footer { padding:25px 5vw; border-top:1px solid var(--line); color:var(--dim); text-align:center; font:10px/1.8 monospace; letter-spacing:.1em; }
@media(max-width:600px) {
 .site-header { height:68px; padding:0 5vw; }
 .brand-logo { width:125px; height:auto; }
 .draft-label { font-size:9px; padding:6px; }
 .reading-progress { top:68px; }
 .article-shell { padding-top:35px; }
 .article-heading h1 { font-size:29px; }
 .desktop-break { display:none; }
 .article-heading { padding-bottom:36px; }
 .prose { font-size:15px; line-height:2.05; }
 .prose h2 { margin-top:50px; font-size:23px; }
 .lab-figure { padding:15px; }
 .chart-figure { padding:0; }
 .arrival-compare { grid-template-columns:1fr; gap:9px; }
 .arrival-label { display:flex; align-items:baseline; gap:12px; }
 .arrival-label small { margin:0; }
 .arrival-track { margin-bottom:15px; }
 .arrival-compare > div:empty { display:none; }
 .method-list { grid-template-columns:1fr; }
 .method-list dt { padding-bottom:0; border-bottom:0; }
 .method-list dd { padding-top:3px; }
 .experiment-scope,.evidence-links { padding:18px; }
}

.measurement-flow strong { overflow-wrap:anywhere; }

@media(max-width:600px) { .site-header .header-nav { display:none; } .site-header .header-actions { margin-left:auto; } }