@font-face{font-family:space grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-variable.woff2)format("woff2")}@font-face{font-family:jetbrains mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-variable.woff2)format("woff2")}:root{--bg:#ffffff;--bg-alt:#f2f1ec;--line:#111417;--text:#111417;--muted:rgba(17, 20, 23, 0.62);--faint:rgba(17, 20, 23, 0.45);--yellow:#ffe600;--yellow-ink:#111417;--ok:#0e9256;--err:#d81b39;--font-sans:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--shadow:5px 5px 0 0 var(--line);--shadow-sm:2px 2px 0 0 var(--line)}[data-theme=dark]{--bg:#16181b;--bg-alt:#1e2126;--line:#e8eaed;--text:#f0f2f4;--muted:rgba(240, 242, 244, 0.62);--faint:rgba(240, 242, 244, 0.45);--ok:#3ddc97;--err:#ff6369;color-scheme:dark}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;min-height:100svh;display:flex;flex-direction:column}main{flex-grow:1}img{max-width:100%;display:block}button{font:inherit;color:inherit;background:0 0;border:0;cursor:pointer}a{color:inherit;text-decoration:none}h1{font-size:32px;font-weight:700;letter-spacing:-.01em;line-height:1.15;text-transform:uppercase}:focus-visible{outline:2px solid var(--line);outline-offset:2px}::selection{background:var(--yellow);color:var(--yellow-ink)}.icon{width:16px;height:16px;flex-shrink:0;display:inline-block;vertical-align:-.15em}.icon-sm{width:14px;height:14px}.icon-lg{width:20px;height:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.small{font-size:14px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.py-page{padding-block:24px 32px}.container{width:100%;max-width:1024px;margin-inline:auto;padding-inline:16px}.container-narrow{max-width:768px}.container-post{max-width:672px}.section{margin-top:56px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title{font-size:20px;font-weight:700;letter-spacing:-.01em}.card-grid{margin-top:16px;display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:24px}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.card-grid.three{grid-template-columns:repeat(3,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:500;border:2px solid var(--line);background:var(--bg);padding:8px 16px;font-size:14px;line-height:1.2;transition:translate .1s ease,box-shadow .1s ease}.btn-sm{padding:5px 10px;font-size:13px}.btn-xs{padding:3px 8px;font-size:12px}.btn-square{padding:5px;width:32px;height:32px}.btn-primary{background:var(--yellow);color:var(--yellow-ink);border-color:#111417;box-shadow:var(--shadow-sm)}.btn-primary:hover{translate:-1px -1px;box-shadow:3px 3px 0 0 var(--line)}.btn-ghost{border-color:transparent;background:0 0}.btn-ghost:hover{background:var(--bg-alt)}.btn-soft{background:var(--bg);box-shadow:var(--shadow-sm)}.btn-soft:hover{translate:-1px -1px;background:var(--yellow);color:var(--yellow-ink);border-color:#111417}.copy-btn .when-copied{display:none}.copy-btn.copied .when-idle{display:none}.copy-btn.copied .when-copied{display:inline-flex;align-items:center;gap:6px;color:var(--ok)}.site-header{position:sticky;top:0;z-index:50;border-bottom:2px solid var(--line);background:var(--bg)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:8px;height:56px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--yellow);color:var(--yellow-ink);border:2px solid #111417;flex-shrink:0}.primary-nav ul{display:flex;align-items:center;gap:4px;list-style:none}.nav-link{display:inline-block;padding:6px 10px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.nav-link:hover{background:var(--bg-alt)}.nav-link.active{background:var(--yellow);color:var(--yellow-ink)}.header-actions{display:flex;align-items:center;gap:4px}.theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:inline-block}.dropdown{position:relative}.dropdown summary{list-style:none;cursor:pointer}.dropdown summary::-webkit-details-marker{display:none}.dropdown-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:208px;background:var(--bg);border:2px solid var(--line);box-shadow:var(--shadow);list-style:none;padding:6px}.dropdown-panel a{display:block;padding:8px 10px}.dropdown-panel a:hover{background:var(--yellow);color:var(--yellow-ink)}@media(min-width:768px){.md-hidden{display:none}}@media(max-width:767.98px){.max-md-hidden{display:none}}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--yellow);color:var(--yellow-ink);border:2px solid #111417;padding:8px 14px;font-weight:600}.skip-link:focus-visible{left:8px}.kicker{display:inline-block;background:var(--yellow);color:var(--yellow-ink);padding:4px 10px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.25em;text-transform:uppercase}.panel{background:var(--bg);border:2px solid var(--line);box-shadow:var(--shadow)}.panel-body{display:flex;flex-direction:column;gap:20px;padding:20px}@media(min-width:640px){.panel-body{padding:24px}}.readout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#ffe600;border:2px solid #111417;color:#111417;padding:14px 16px;box-shadow:var(--shadow)}.readout [data-role=answer]{font-family:var(--font-mono);font-weight:600;font-size:18px}.readout .btn-ghost{color:#111417}.readout .btn-ghost:hover{background:rgba(17,20,23,.1)}.readout .copy-btn.copied .when-copied{color:#0e6b40}.card-link{display:block;background:var(--bg);border:2px solid var(--line);padding:16px;transition:box-shadow .12s ease,translate .12s ease}.card-link:hover{box-shadow:5px 5px 0 0 var(--yellow);translate:-1px -1px}.card-link h3{font-size:16px;font-weight:500}.card-link .factor{margin-top:4px;font-family:var(--font-mono);font-size:14px;color:var(--muted)}.category-card{display:flex;align-items:center;gap:12px;padding:16px}.category-tile{display:grid;place-items:center;width:40px;height:40px;background:var(--yellow);color:var(--yellow-ink);border:2px solid #111417;flex-shrink:0}.category-card h3{font-size:16px;font-weight:500}.category-card p{font-size:14px;color:var(--muted)}.guide-card{padding:0;overflow:hidden}.guide-card figure img{aspect-ratio:16/9;width:100%;object-fit:cover}.guide-card .guide-body{padding:16px;display:flex;flex-direction:column;gap:4px}.guide-card .guide-meta{font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.field label,.field-label{display:block;margin-bottom:4px;font-size:14px;font-weight:500}.input-wrap{display:flex;align-items:center;gap:8px;border:2px solid var(--line);background:var(--bg);padding:0 12px;height:44px;font-family:var(--font-mono)}.input-wrap.lg{height:52px;font-size:18px}.input-wrap input{flex:1;min-width:0;border:0;background:0 0;color:inherit;font:inherit;height:100%}.input-wrap input:focus{outline:none}.input-wrap:focus-within{outline:2px solid var(--line);outline-offset:2px}.input-wrap .unit{color:var(--muted);font-size:14px;white-space:nowrap}.input-wrap.input-error{border-color:var(--err);color:var(--err)}.select{width:100%;height:44px;border:2px solid var(--line);background:var(--bg);color:inherit;font:inherit;padding:0 8px}.select.lg{height:52px}.pair-grid{display:grid;gap:12px}.uni-grid{display:grid;gap:12px}.swap-icon{color:var(--faint);margin-inline:auto;rotate:90deg}@media(min-width:640px){.pair-grid{grid-template-columns:1fr auto 1fr;align-items:end}.pair-grid .swap-icon{rotate:none;margin-bottom:14px}.uni-grid{grid-template-columns:repeat(2,1fr);align-items:end}.uni-grid .swap-icon{display:none}}@media(min-width:1024px){.uni-grid{grid-template-columns:1fr 1.3fr auto 1.3fr}.uni-grid .swap-icon{display:block;rotate:none;margin-bottom:14px}}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{border:2px solid var(--line);background:var(--bg);padding:5px 12px;font-size:13px;font-weight:500}.pill:hover{background:var(--bg-alt)}.pill.active{background:var(--yellow);color:var(--yellow-ink);border-color:#111417;box-shadow:var(--shadow-sm)}.widget-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row .btn{font-family:var(--font-mono)}.reverse-link{display:inline-flex;align-items:center;gap:5px;font-size:14px;color:var(--muted)}.reverse-link:hover{background:var(--yellow);color:var(--yellow-ink)}.breadcrumbs{font-size:14px;color:var(--muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none}.breadcrumbs a:hover{background:var(--yellow);color:var(--yellow-ink)}.breadcrumbs [aria-current=page]{color:var(--text)}.page-title{margin-top:12px}.answer-line{margin-top:8px;font-family:var(--font-mono);font-size:18px;color:var(--muted)}.formula-block{margin-top:32px;border-left:4px solid var(--yellow);padding-left:16px}.formula-block h2,.block-label{font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.formula-block .formulas{margin-top:8px;font-family:var(--font-mono);display:flex;flex-direction:column;gap:4px}.formula-block .example{margin-top:8px;font-size:14px;color:var(--muted)}.content-section{margin-top:40px}.content-section>h2{font-size:20px;font-weight:700;letter-spacing:-.01em}@media(min-width:768px){.content-section>h2{font-size:24px}}.faq-item{margin-top:20px}.faq-item h3{font-size:18px;font-weight:600}.faq-item p{margin-top:6px;color:var(--muted)}.faq-item p strong{color:var(--text)}.related-chips{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.sources-note{margin-top:40px;font-size:14px;color:var(--muted)}.updated-note{margin-top:8px;font-size:14px;color:var(--faint)}.link-accent{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;text-decoration-color:var(--yellow)}.link-accent:hover{background:var(--yellow);color:var(--yellow-ink);text-decoration:none}.table-grid{margin-top:16px;display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:1024px){.table-grid{grid-template-columns:repeat(2,1fr)}}.table-wrap{border:2px solid var(--line);overflow-x:auto}.ref-table{width:100%;border-collapse:collapse;font-size:14px;font-family:var(--font-mono)}.ref-table th,.ref-table td{text-align:right;padding:8px 14px}.ref-table thead th{font-family:var(--font-sans);font-weight:600;border-bottom:2px solid var(--line);background:var(--bg-alt)}.ref-table tbody th{font-weight:400}.ref-table tbody tr:nth-child(even){background:var(--bg-alt)}.hero{padding-top:40px;padding-bottom:24px;text-align:center}.hero h1{margin-top:12px;font-size:32px}.hero .sub{margin:12px auto 0;max-width:576px;font-size:18px;color:var(--muted)}@media(min-width:768px){.hero{padding-top:56px}.hero h1{font-size:52px}}.hero-widget{max-width:768px;margin-inline:auto}.trust-strip{display:flex;flex-wrap:wrap;justify-content:center;column-gap:32px;row-gap:8px;font-size:14px;color:var(--muted);list-style:none}.trust-strip li{display:flex;align-items:center;gap:6px}.site-footer{margin-top:64px;border-top:2px solid var(--line)}.footer-grid{display:grid;gap:32px;padding-block:40px 0;grid-template-columns:1fr}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-tagline{margin-top:12px;max-width:320px;font-size:14px;color:var(--muted)}.footer-heading{font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.footer-list{margin-top:12px;display:flex;flex-direction:column;gap:8px;font-size:14px;list-style:none}.footer-list a:hover{background:var(--yellow);color:var(--yellow-ink)}.footer-note{margin-top:40px;border-top:2px solid var(--line);padding-block:24px 40px;font-size:14px;color:var(--muted)}.post-meta{margin-top:16px;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.lede{margin-top:8px;font-size:18px;color:var(--muted)}.featured-img{margin-top:24px;width:100%;border:2px solid var(--line)}.post-list{margin-top:32px;display:flex;flex-direction:column;gap:20px}.post-card{position:relative;display:flex;flex-direction:column}.post-card figure{flex-shrink:0}.post-card figure img{width:100%;height:100%;object-fit:cover}.post-card .post-body{padding:20px;display:flex;flex-direction:column;gap:6px}.post-card h2{font-size:18px;font-weight:600}.post-card .stretch::after{content:"";position:absolute;inset:0}.post-card .desc{font-size:14px;color:var(--muted)}@media(min-width:640px){.post-card{flex-direction:row}.post-card figure{width:208px}}.error-hero{padding-block:64px 0;text-align:center}.error-hero h1{margin-top:8px}.error-hero p.lead{margin-top:12px;color:var(--muted)}.error-hero .btn{margin-top:24px}.prose{color:var(--text)}.prose h2{margin:40px 0 12px;font-size:20px;font-weight:700;letter-spacing:-.01em}@media(min-width:768px){.prose h2{font-size:24px}}.prose h3{margin:28px 0 8px;font-size:18px;font-weight:600}.prose h4{margin:20px 0 8px;font-size:16px;font-weight:600}.prose p{margin-top:16px}.prose a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;text-decoration-color:var(--yellow)}.prose a:hover{background:var(--yellow);color:var(--yellow-ink);text-decoration:none}.prose ul,.prose ol{margin-top:16px;padding-left:24px;display:flex;flex-direction:column;gap:6px}.prose li::marker{color:var(--faint)}.prose strong{font-weight:600}.prose code{font-family:var(--font-mono);font-size:14px;background:var(--bg-alt);padding:2px 6px}.prose pre{margin-top:16px;background:var(--bg-alt);border:2px solid var(--line);padding:16px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{margin-top:16px;border-left:4px solid var(--yellow);padding-left:16px;font-style:italic;color:var(--muted)}.prose hr{margin-block:32px;border:0;border-top:2px solid var(--line)}.prose table{margin-top:16px;width:100%;border-collapse:collapse;border:2px solid var(--line);font-size:14px}.prose th,.prose td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--bg-alt)}.prose thead th{background:var(--bg-alt);border-bottom:2px solid var(--line);font-weight:600}.prose img{margin-top:16px;border:2px solid var(--line)}.prose figure{margin-top:16px}.prose figure img{margin-top:0}.prose figcaption{margin-top:8px;font-size:14px;color:var(--muted)}