.cs-shell{max-width:1280px;margin:0 auto;padding-left:clamp(24px,4vw,64px);padding-right:clamp(24px,4vw,64px)}.cs-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dim);font-size:11px;font-weight:400}.cs-label .cs-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;display:inline-block}.cs-crumb{padding-top:40px;padding-bottom:32px}.cs-crumb a{color:var(--color-text-mid);align-items:center;gap:8px;font-size:13px;transition:color .18s;display:inline-flex}.cs-crumb a:hover{color:var(--color-accent)}.cs-frame{grid-template-columns:96px minmax(0,680px) 1fr;align-items:start;gap:48px;display:grid}.cs-margin-num{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-text-faint);padding-top:10px;font-size:11px;position:sticky;top:96px}.cs-col{min-width:0}@media (max-width:900px){.cs-frame{grid-template-columns:1fr;gap:12px}.cs-margin-num{padding-top:0;position:static}}.cs-header-block{padding-top:16px;padding-bottom:clamp(64px,10vh,112px)}.cs-header-label{align-items:center;gap:10px;margin-bottom:28px;display:inline-flex}.cs-header-title{font-family:var(--font-serif);letter-spacing:-.02em;max-width:14ch;margin:0 0 28px;font-size:clamp(64px,10vw,136px);font-weight:400;line-height:.96}.cs-header-sub{font-family:var(--font-sans);color:var(--color-text-mid);max-width:48ch;margin:0 0 40px;font-size:clamp(20px,1.8vw,26px);font-weight:300;line-height:1.45}.cs-header-sub .cs-em{color:var(--color-accent);font-style:italic;font-family:var(--font-serif);font-size:1.08em}.cs-header-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-dim);max-width:56ch;font-size:12px}.cs-header-meta .cs-k{color:var(--color-text-faint)}.cs-header-meta .cs-sep{color:var(--color-text-faint);margin:0 10px}.cs-metrics{border-top:1px solid var(--color-line-soft);border-bottom:1px solid var(--color-line-soft);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.cs-metric{border-right:1px solid var(--color-line-soft);flex-direction:column;gap:8px;padding:36px 28px 36px 0;display:flex}.cs-metric:not(:first-child){padding-left:28px}.cs-metric:last-child{border-right:0}.cs-metric-v{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-text);font-size:clamp(56px,6vw,80px);font-weight:400;line-height:1}.cs-metric-v .cs-accent{color:var(--color-accent);font-style:italic}.cs-metric-k{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dim);font-size:11px}@media (max-width:720px){.cs-metrics{grid-template-columns:1fr}.cs-metric{border-right:0;border-bottom:1px solid var(--color-line-soft);padding:24px 0}.cs-metric:not(:first-child){padding-left:0}.cs-metric:last-child{border-bottom:0}}.cs-section{padding-top:clamp(72px,10vh,120px);padding-bottom:0}.cs-section-last{padding-bottom:clamp(72px,10vh,120px)}.cs-h2{font-family:var(--font-serif);letter-spacing:-.015em;max-width:20ch;margin:0 0 32px;font-size:clamp(36px,4.4vw,56px);font-weight:400;line-height:1.02}.cs-h2 .cs-it{font-style:italic}.cs-h3{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--color-text);margin:0 0 18px;font-size:clamp(22px,2vw,28px);font-weight:400;line-height:1.2}.cs-h3 .cs-it{font-style:italic}.cs-prose p{color:var(--color-text);max-width:65ch;margin:0 0 1.3em;font-size:17.5px;line-height:1.7}.cs-prose p.cs-quiet{color:var(--color-text-mid)}.cs-prose p em{color:var(--color-text);font-style:italic}.cs-prose code{font-family:var(--font-mono);background:#0003;border-radius:3px;padding:1px 6px;font-size:.9em}.cs-tldr{border-left:2px solid var(--color-accent);background:color-mix(in oklab, var(--color-accent) 4%, transparent);padding:28px 32px}.cs-tldr .cs-tldr-label{margin-bottom:14px}.cs-tldr p{font-family:var(--font-serif);color:var(--color-text);letter-spacing:-.005em;max-width:42ch;margin:0;font-size:clamp(22px,2.2vw,28px);line-height:1.35}.cs-tldr p em{color:var(--color-accent);font-style:italic}.cs-bl{border-top:1px solid var(--color-line-soft);max-width:65ch;margin:28px 0 0;padding:0;list-style:none}.cs-bl li{border-bottom:1px solid var(--color-line-soft);color:var(--color-text);grid-template-columns:28px 1fr;gap:16px;padding:16px 0;font-size:16px;line-height:1.55;display:grid}.cs-bl li .cs-idx{font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.1em;padding-top:3px;font-size:11px}.cs-callout{border:1px solid var(--color-line);background:var(--color-bg-card);border-radius:10px;max-width:65ch;margin:36px 0 0;padding:28px 32px}.cs-callout .cs-cl-label{margin-bottom:12px}.cs-callout p{font-family:var(--font-serif);color:var(--color-text);letter-spacing:-.005em;margin:0;font-size:22px;line-height:1.4}.cs-callout p .cs-accent{color:var(--color-accent);font-style:italic}.cs-figure{max-width:1080px;margin:40px 0 12px}@media (min-width:901px){.cs-figure{width:calc(100% + 280px)}}.cs-figure-frame{border:1px solid var(--color-line);background:var(--color-bg);border-radius:10px;position:relative;overflow:hidden}.cs-figure-frame svg{width:100%;height:auto;display:block}.cs-fig-corner{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dim);z-index:1;font-size:10px;position:absolute;top:14px;left:16px}.cs-figure-cap{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-text-dim);text-transform:uppercase;margin-top:14px;font-size:11px}.cs-code{background:var(--color-bg-inset);border:1px solid var(--color-line-soft);border-radius:10px;max-width:780px;margin:32px 0 0;padding:22px 24px;overflow-x:auto}.cs-code .cs-code-label{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cs-code pre{font-family:var(--font-mono);color:var(--color-text);margin:0;font-size:13px;line-height:1.7}.cs-code .cs-tok-k{color:var(--color-accent)}.cs-code .cs-tok-s{color:#b9c2a5}.cs-code .cs-tok-c{color:var(--color-text-dim);font-style:italic}.cs-code .cs-tok-v{color:var(--color-text-mid)}.cs-compare{grid-template-columns:1fr 1fr;gap:16px;max-width:920px;margin-top:36px;display:grid}.cs-compare-col{border:1px solid var(--color-line-soft);background:var(--color-bg-card);border-radius:10px;padding:24px}.cs-compare-col.cs-after{border-color:var(--color-accent-dim);background:color-mix(in oklab, var(--color-accent) 4%, var(--color-bg-card))}.cs-compare-col .cs-cc-label{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cs-compare-col .cs-cc-body{font-family:var(--font-serif);color:var(--color-text);font-size:18px;line-height:1.45}.cs-compare-col .cs-cc-body em{color:var(--color-accent);font-style:italic}@media (max-width:720px){.cs-compare{grid-template-columns:1fr}}.cs-chart-wrap{border:1px solid var(--color-line-soft);background:var(--color-bg-card);border-radius:10px;max-width:920px;margin:36px 0 0;padding:28px 28px 20px}.cs-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:22px;display:flex}.cs-chart-title{font-family:var(--font-serif);letter-spacing:-.005em;font-size:22px}.cs-chart-legend{font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.08em;text-transform:uppercase;gap:18px;font-size:11px;display:flex}.cs-chart-legend .cs-sw{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:8px;display:inline-block}.cs-chart svg{width:100%;height:auto;display:block}.cs-related{border-top:1px solid var(--color-line-soft);margin-top:clamp(64px,10vh,96px);padding-top:clamp(80px,12vh,120px)}.cs-related-head{grid-template-columns:200px 1fr;align-items:baseline;gap:48px;margin-bottom:32px;display:grid}.cs-related-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cs-r-card{background:var(--color-bg-card);border:1px solid var(--color-line-soft);border-radius:12px;flex-direction:column;gap:18px;min-height:220px;padding:28px;transition:border-color .2s,background .2s;display:flex}.cs-r-card:hover{border-color:var(--color-accent-dim);background:var(--color-bg-raised)}.cs-r-card .cs-r-cat{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);font-size:11px}.cs-r-card .cs-r-title{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-size:clamp(28px,3vw,36px);line-height:1}.cs-r-card .cs-r-desc{color:var(--color-text-mid);max-width:40ch;margin:0;font-size:14.5px;line-height:1.55}.cs-r-card .cs-r-link{color:var(--color-text);align-items:center;gap:8px;margin-top:auto;font-size:13px;display:inline-flex}.cs-r-card:hover .cs-r-link{color:var(--color-accent)}.cs-r-card .cs-r-link .cs-arrow{transition:transform .18s}.cs-r-card:hover .cs-r-link .cs-arrow{transform:translate(3px)}@media (max-width:720px){.cs-related-grid{grid-template-columns:1fr}.cs-related-head{grid-template-columns:1fr;gap:12px}}