:root{color-scheme:light;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 144px;--text-xs: .8125rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-display-s: clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section: clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title: clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead: clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--color-error: oklch(52% .19 27);--color-success: oklch(50% .12 150);--container: 1440px;--gutter: 64px;--gap-columns: 32px;--section-gap-s: 120px;--section-gap: 144px;--section-gap-l: 176px;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-sticky-nav: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--color-paper: oklch(95% .02 300);--color-paper-2: oklch(92% .03 300);--color-paper-3: oklch(89% .035 300);--color-ink: oklch(18% .02 300);--color-ink-2: oklch(28% .03 300);--color-muted: oklch(46% .05 300);--color-rule: oklch(84% .04 300);--color-rule-2: oklch(70% .08 295);--color-accent: oklch(50% .25 290);--color-accent-deep: oklch(43% .22 290);--color-accent-soft: oklch(86% .08 295);--color-accent-ink: oklch(97% .01 300);--color-focus: oklch(50% .25 290);--font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;--font-body: "Onest", ui-sans-serif, sans-serif;--font-outlier: "JetBrains Mono", ui-monospace, monospace;--radius-card: 16px;--radius-pill: 999px;--rule-hair: 1px;--shadow-card: 0 1px 2px oklch(18% .02 300 / .06);--tracking-display: -.03em;--display-weight: 500}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--color-accent)}::selection{background:color-mix(in oklab,var(--color-accent) 25%,transparent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:var(--display-weight, 700);font-synthesis:none;letter-spacing:var(--tracking-display);line-height:1.05;overflow-wrap:break-word;min-width:0;text-wrap:balance}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);line-height:1.45;max-width:52ch}p{margin:0;text-wrap:pretty}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);box-sizing:border-box}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-slot]{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--color-paper-2, var(--color-paper)),var(--color-paper-3, var(--color-paper)))}[data-slot]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media(max-width:60rem){:root{--gutter: 24px;--section-gap-s: 80px;--section-gap: 96px;--section-gap-l: 120px}}@media(max-width:40rem){:root{--gutter: 16px;--section-gap-s: 56px;--section-gap: 72px;--section-gap-l: 96px;--gap-columns: 16px}}@media(prefers-reduced-motion:reduce){*:not(.keep-motion),*:not(.keep-motion):before,*:not(.keep-motion):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-slot]:has(>img){isolation:isolate;background:color-mix(in oklab,var(--color-accent),white 82%);outline:1px solid color-mix(in oklab,var(--color-ink) 8%,transparent);outline-offset:-1px}[data-slot]>img{z-index:0;filter:grayscale(1) contrast(1.1);mix-blend-mode:multiply}[data-slot]:has(>img):before{content:"";position:absolute;inset:0;z-index:1;background:color-mix(in oklab,var(--color-accent),black 55%);mix-blend-mode:lighten;pointer-events:none}h1,h2,h3{text-transform:lowercase}.btn,.pill,.nav a,label.field span{font:500 var(--text-sm)/1 var(--font-display);text-transform:lowercase}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--space-lg);border-radius:var(--radius-pill);border:0;cursor:pointer;text-decoration:none;transition:background-color var(--dur-micro) var(--ease-out)}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{background:var(--color-accent-deep)}.btn--secondary{background:transparent;color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-ink)}.btn--secondary:hover{background:var(--color-paper-2)}.pill{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px var(--color-rule-2);color:var(--color-muted);background:transparent}.skip{position:absolute;left:var(--space-md);top:-80px;background:var(--color-ink);color:var(--color-paper);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);z-index:var(--z-modal)}.skip:focus{top:var(--space-md)}.site-head{padding-block:var(--space-lg)}.site-head .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.wordmark{font:500 var(--text-xl)/1 var(--font-display);letter-spacing:var(--tracking-display);text-decoration:none;text-transform:lowercase}.nav{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.nav a:not(.btn){text-decoration:none;color:var(--color-ink-2);padding-block:var(--space-xs)}.nav a:not(.btn):hover{color:var(--color-accent)}.nav a[aria-current=page]{color:var(--color-accent)}main{min-height:60vh}.section{padding-block:var(--section-gap-s)}.section--band{background:var(--color-paper-2)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);align-items:end;margin-bottom:var(--space-xl)}.section-head p{color:var(--color-ink-2)}.hero{padding-block:var(--space-2xl) var(--section-gap-s)}.hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap-columns);align-items:start}.hero .rows li:nth-child(n+6){display:none}.hero h1{margin-bottom:var(--space-lg)}.hero .lead{margin-bottom:var(--space-xl);color:var(--color-ink-2)}.actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.calc{background:var(--color-paper-2);border-radius:var(--radius-card);padding:var(--space-lg);box-shadow:var(--shadow-card)}.section--band .calc{background:var(--color-paper)}.calc-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.calc label.field{display:grid;gap:var(--space-xs)}.calc label.field span{color:var(--color-muted)}.calc select,.calc input{width:100%;min-height:48px;padding:0 var(--space-md);border-radius:var(--radius-pill);border:0;background:var(--color-paper);color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-rule-2);font-family:var(--font-body)}.section--band .calc select,.section--band .calc input{background:var(--color-paper-2)}.calc select:focus-visible,.calc input:focus-visible{box-shadow:inset 0 0 0 1.5px var(--color-ink);outline:2px solid var(--color-focus);outline-offset:2px}.calc-note{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-md);max-width:none}.rows{list-style:none;margin:0;padding:0}.rows li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:var(--space-md);align-items:baseline;padding-block:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule)}.rows li:first-child{border-top:0}.rows .who{font:500 var(--text-md)/1.2 var(--font-display);text-transform:lowercase}.rows .who small{display:block;font:400 var(--text-sm)/1.3 var(--font-body);color:var(--color-muted);text-transform:none;margin-top:var(--space-2xs)}.rows .per,.rows .total{font-variant-numeric:tabular-nums}.rows .total{font:300 var(--text-2xl)/1 var(--font-display);text-align:right}.rows .per{color:var(--color-ink-2);text-align:right}.rows li.best .total{color:var(--color-accent)}.rows .bar{grid-column:1 / -1;height:4px;border-radius:var(--radius-pill);background:var(--color-accent-soft);position:relative;overflow:hidden}.rows .bar:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--color-rule-2);border-radius:inherit}.rows li.best .bar:after{background:var(--color-accent)}.rows li{row-gap:var(--space-sm)}.figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.figures>div{padding:var(--space-lg);border-left:var(--rule-hair) solid var(--color-rule);display:grid;gap:var(--space-sm);align-content:start}.figures>div:first-child{border-left:0;padding-left:0}.figure{font:300 var(--text-display-s)/.95 var(--font-display);letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums}.figure small{font:500 var(--text-md)/1 var(--font-display);letter-spacing:0;color:var(--color-muted);margin-left:var(--space-xs);text-transform:lowercase}.figures .accent{color:var(--color-accent)}.figures p{color:var(--color-ink-2)}.answer{background:var(--color-accent-soft);border-radius:var(--radius-card);padding:var(--space-md) var(--space-lg);max-width:70ch}.answer h2{font-size:var(--text-title);margin:0 0 var(--space-xs);max-width:none}.answer p{color:var(--color-ink)}.prose td:first-child,.prose th:first-child{position:sticky;left:0;background:var(--color-paper);font-weight:500}.prose td{font-variant-numeric:tabular-nums}.byline{color:var(--color-muted);font-size:var(--text-sm)}.rows .head{color:var(--color-muted);font:500 var(--text-sm)/1 var(--font-display);text-transform:lowercase}.rows .head span:nth-child(n+2){text-align:right}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-columns)}.card{background:var(--color-paper-2);border-radius:var(--radius-card);padding:var(--space-lg);display:grid;gap:var(--space-md);align-content:start}.section--band .card{background:var(--color-paper)}.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--color-accent);text-decoration:underline}.card p{color:var(--color-ink-2)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.steps>div{padding:var(--space-lg);border-left:var(--rule-hair) solid var(--color-rule)}.steps>div:first-child{border-left:0;padding-left:0}.steps h3{margin-bottom:var(--space-sm)}.article{padding-block:var(--space-2xl) var(--section-gap-s)}.article .meta{color:var(--color-muted);font-size:var(--text-sm);margin-block:var(--space-md) var(--space-xl)}.prose{max-width:70ch}.prose>*+*{margin-top:var(--space-md)}.prose p{max-width:none}.prose h2{font-size:var(--text-2xl);margin-top:var(--space-xl);max-width:none}.prose h3{font-size:var(--text-xl);margin-top:var(--space-lg);max-width:none}.prose ul,.prose ol{padding-left:var(--space-lg)}.prose li+li{margin-top:var(--space-xs)}.prose a{color:var(--color-accent-deep)}.prose img{border-radius:var(--radius-card);margin-block:var(--space-md)}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-sm);display:block;overflow-x:auto}.prose th,.prose td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule)}.prose th{font:500 var(--text-sm)/1.2 var(--font-display);color:var(--color-muted);text-transform:lowercase}.prose td.num,.prose th.num{text-align:right}.prose iframe,.prose video{max-width:100%}.prose pre{overflow-x:auto;padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);font-family:var(--font-outlier);font-size:var(--text-sm)}.callout{background:var(--color-paper-2);border-radius:var(--radius-card);padding:var(--space-md) var(--space-lg);color:var(--color-ink-2);max-width:70ch}.callout a{color:var(--color-accent-deep)}.sources{color:var(--color-muted);font-size:var(--text-sm)}.list{list-style:none;margin:0;padding:0}.list li{padding-block:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);align-items:baseline}.list li a{text-decoration:none;font:500 var(--text-lg)/1.25 var(--font-display)}.list li a:hover{color:var(--color-accent);text-decoration:underline}.list li span{color:var(--color-muted);font-size:var(--text-sm)}.site-foot{background:var(--color-paper-2);padding-block:var(--space-2xl);margin-top:var(--section-gap-s)}.foot-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:var(--gap-columns)}.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.foot-grid a:not(.wordmark){text-decoration:none;color:var(--color-ink-2)}.foot-grid a:not(.wordmark):hover{color:var(--color-accent);text-decoration:underline}.foot-grid h3{font-size:var(--text-md);margin-bottom:var(--space-sm);color:var(--color-muted)}.disclosure{margin-top:var(--space-xl);color:var(--color-muted);font-size:var(--text-sm);max-width:80ch}@media(max-width:60rem){.hero-grid,.section-head,.cards,.steps,.foot-grid,.figures{grid-template-columns:minmax(0,1fr)}.figures>div{border-left:0;padding-left:0;border-top:var(--rule-hair) solid var(--color-rule)}.figures>div:first-child{border-top:0}.steps>div{border-left:0;padding-left:0;border-top:var(--rule-hair) solid var(--color-rule)}.steps>div:first-child{border-top:0}.calc-controls{grid-template-columns:minmax(0,1fr)}}@media(max-width:40rem){.rows li{grid-template-columns:minmax(0,1fr) auto}.rows .per{display:none}.rows .head span:nth-child(2){display:none}}
