@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/geist-variable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/geist-mono-variable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--canvas: #ffffff;--surface: #f5f7f9;--surface-2: #eef0f4;--line: #e0e3e8;--line-strong: #caced4;--ink: #0f141d;--ink-2: #3c434d;--ink-3: #5d646f;--ink-4: #7f8793;--brand: #115e3e;--brand-hover: #074c31;--brand-50: #e9f8ef;--brand-100: #cfeddc;--focus: #1f8a5b;--finance-50: #e8f8ee;--finance-200: #c3e9d2;--finance-500: #008c53;--finance-700: #005e35;--fitness-50: #fff0e6;--fitness-200: #fad6c0;--fitness-500: #b2580b;--fitness-700: #7a3800;--health-50: #ffeeef;--health-200: #fdd1d5;--health-500: #b74b5e;--health-700: #7d2e3d;--maths-50: #ebf4ff;--maths-200: #cae0ff;--maths-500: #3c73c5;--maths-700: #234c88;--converters-50: #e4f7fd;--converters-200: #bae7f4;--converters-500: #0086aa;--converters-700: #005a74;--datetime-50: #faf3e3;--datetime-200: #ecddb9;--datetime-500: #966d00;--datetime-700: #664800;--markets-50: #f5f1ff;--markets-200: #e2d8fc;--markets-500: #7f5fbb;--markets-700: #553d80;--home-50: #eff7e7;--home-200: #d4e5c2;--home-500: #5c8311;--home-700: #3b5700;--hue-50: var(--brand-50);--hue-200: var(--brand-100);--hue-500: var(--brand);--hue-700: var(--brand);--good: #1a7a46;--warn: #a14a00;--bad: #b42318;--warn-50: #fff6ec;--bad-50: #fef3f2;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--fs-2xs: .75rem;--fs-xs: .8125rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.1875rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.75rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4.5rem;--sp-9: 7rem;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 20, 29, .06);--shadow-sm: 0 1px 2px rgba(15, 20, 29, .06), 0 2px 6px rgba(15, 20, 29, .05);--shadow-pop: 0 0 0 1px rgba(15, 20, 29, .06), 0 12px 32px -6px rgba(15, 20, 29, .18), 0 4px 10px -4px rgba(15, 20, 29, .08);--maxw: 1200px;--gutter: 1.25rem;--header-h: 64px;--ease: cubic-bezier(.2, .7, .2, 1);--dur-1: .11s;--dur-2: .18s;--dur-3: .28s;--paper: var(--canvas);--paper-dim: var(--surface);--paper-dim-2: var(--surface-2);--signal: var(--brand);--signal-ink: var(--brand);--signal-soft: var(--brand-50);--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--glass-border: var(--line);--glass-border-strong: var(--line-strong);--text-0: var(--ink);--text-1: var(--ink-2);--text-2: var(--ink-3);--text-3: var(--ink-4);--finance: var(--finance-500);--finance-soft: var(--finance-50);--finance-glow: var(--finance-50);--fitness: var(--fitness-500);--fitness-soft: var(--fitness-50);--fitness-glow: var(--fitness-50);--health: var(--health-500);--health-soft: var(--health-50);--health-glow: var(--health-50);--maths: var(--maths-500);--maths-soft: var(--maths-50);--maths-glow: var(--maths-50);--converters: var(--converters-500);--converters-soft: var(--converters-50);--converters-glow: var(--converters-50);--datetime: var(--datetime-500);--datetime-soft: var(--datetime-50);--datetime-glow: var(--datetime-50);--markets: var(--markets-500);--markets-soft: var(--markets-50);--markets-glow: var(--markets-50);--home: var(--home-500);--home-soft: var(--home-50);--home-glow: var(--home-50)}body.niche-finance,.hue-finance{--hue-50: var(--finance-50);--hue-200: var(--finance-200);--hue-500: var(--finance-500);--hue-700: var(--finance-700)}body.niche-fitness,.hue-fitness{--hue-50: var(--fitness-50);--hue-200: var(--fitness-200);--hue-500: var(--fitness-500);--hue-700: var(--fitness-700)}body.niche-health,.hue-health{--hue-50: var(--health-50);--hue-200: var(--health-200);--hue-500: var(--health-500);--hue-700: var(--health-700)}body.niche-maths,.hue-maths{--hue-50: var(--maths-50);--hue-200: var(--maths-200);--hue-500: var(--maths-500);--hue-700: var(--maths-700)}body.niche-converters,.hue-converters{--hue-50: var(--converters-50);--hue-200: var(--converters-200);--hue-500: var(--converters-500);--hue-700: var(--converters-700)}body.niche-datetime,.hue-datetime{--hue-50: var(--datetime-50);--hue-200: var(--datetime-200);--hue-500: var(--datetime-500);--hue-700: var(--datetime-700)}body.niche-markets,.hue-markets{--hue-50: var(--markets-50);--hue-200: var(--markets-200);--hue-500: var(--markets-500);--hue-700: var(--markets-700)}body.niche-home,.hue-home{--hue-50: var(--home-50);--hue-200: var(--home-200);--hue-500: var(--home-500);--hue-700: var(--home-700)}body,[class*=hue-]{--accent: var(--hue-500);--accent-soft: var(--hue-50);--accent-glow: var(--hue-50)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--canvas);color:var(--ink-2);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.6;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body>main{flex:1 0 auto}img,svg{display:block;max-width:100%}svg.ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}p{margin:0}hr{border:0;border-top:1px solid var(--line);margin:0}[hidden]{display:none!important}h1,h2,h3,h4{margin:0;font-family:var(--font-sans);color:var(--ink);font-weight:600;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(1.875rem,1.2rem + 2.6vw,2.75rem);letter-spacing:-.032em;line-height:1.08;font-weight:650}h2{font-size:clamp(1.375rem,1.1rem + 1.1vw,1.75rem);line-height:1.2}h3{font-size:1.0625rem;letter-spacing:-.012em;line-height:1.3}p,li{text-wrap:pretty}.mono,.num,output,.result-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}::selection{background:var(--brand);color:#fff}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-xs)}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}@media(min-width:720px){:root{--gutter: 2rem}}.section{padding-block:var(--sp-7)}.stack>*+*{margin-top:var(--sp-4)}.cluster{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3)}.grid{display:grid;gap:var(--sp-4)}@media(min-width:720px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}.lede{font-size:var(--fs-lg);line-height:1.5;color:var(--ink-2);max-width:60ch}.muted{color:var(--ink-3)}.small{font-size:var(--fs-sm)}.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}.skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:var(--ink);color:#fff;padding:.6em 1em;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:500}.skip-link:focus{left:8px}.precis-mesh{display:none}.reveal{opacity:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tile{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--hue-50);color:var(--hue-700);box-shadow:inset 0 0 0 1px var(--hue-200)}.tile svg{width:20px;height:20px}.tile--sm{width:32px;height:32px;border-radius:9px}.tile--sm svg{width:16px;height:16px}.tile--lg{width:52px;height:52px;border-radius:15px}.tile--lg svg{width:26px;height:26px}.ico{width:1em;height:1em;flex:none}.ico-16{width:16px;height:16px}.ico-18{width:18px;height:18px}.ico-20{width:20px;height:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.1rem;border-radius:var(--r-sm);border:1px solid transparent;font-weight:550;font-size:var(--fs-sm);line-height:1;white-space:nowrap;transition:background var(--dur-1),border-color var(--dur-1),color var(--dur-1),transform var(--dur-1)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#262e3b}.btn-brand{background:var(--brand);color:#fff}.btn-brand:hover{background:var(--brand-hover)}.btn-ghost{background:var(--canvas);color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{background:var(--surface);border-color:var(--ink-4)}.btn-sm{min-height:36px;padding:0 .85rem;font-size:var(--fs-xs)}.btn-block{width:100%}.icon-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-sm);color:var(--ink-2);transition:background var(--dur-1),color var(--dur-1)}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn svg{width:20px;height:20px}.icon-btn[aria-expanded=true]{background:var(--surface-2);color:var(--ink)}.count-dot{position:absolute;top:3px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--brand);color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center}.count-dot[hidden]{display:none}.chip{display:inline-flex;align-items:center;gap:.4rem;height:32px;padding:0 .8rem;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--canvas);font-size:var(--fs-sm);color:var(--ink-2);font-weight:500;transition:background var(--dur-1),border-color var(--dur-1),color var(--dur-1)}a.chip:hover,button.chip:hover{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--hue-500)}.chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.badge{display:inline-flex;align-items:center;gap:.35rem;height:24px;padding:0 .6rem;border-radius:var(--r-pill);background:var(--hue-50);color:var(--hue-700);font-size:var(--fs-xs);font-weight:550}kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;background:var(--canvas);color:var(--ink-3);font-family:var(--font-sans);font-size:11px;font-weight:500;line-height:1}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}.site-header__row{display:flex;align-items:center;gap:var(--sp-3);height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);font-weight:650;font-size:1.1875rem;letter-spacing:-.035em}.brand__mark{width:30px;height:30px;flex:none}.brand:hover .brand__dot{transform:translateY(-2px)}.brand__dot{transition:transform var(--dur-2) var(--ease)}.primary-nav{display:none;align-items:center;gap:2px;margin-left:var(--sp-2)}.primary-nav a,.nav-btn{display:inline-flex;align-items:center;gap:.3rem;height:36px;padding:0 .7rem;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:500;color:var(--ink-2);transition:background var(--dur-1),color var(--dur-1)}.primary-nav a:hover,.nav-btn:hover{background:var(--surface-2);color:var(--ink)}.primary-nav a.is-active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--hue-500);border-radius:var(--r-sm) var(--r-sm) 0 0}.nav-btn[aria-expanded=true]{background:var(--surface-2);color:var(--ink)}.nav-btn svg{width:14px;height:14px;transition:transform var(--dur-2) var(--ease)}.nav-btn[aria-expanded=true] svg{transform:rotate(180deg)}@media(min-width:980px){.primary-nav{display:flex}}.search-trigger{display:flex;align-items:center;gap:.6rem;flex:1;max-width:420px;margin-left:auto;height:40px;padding:0 .6rem 0 .8rem;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--canvas);color:var(--ink-3);font-size:var(--fs-sm);text-align:left;transition:border-color var(--dur-1),background var(--dur-1)}.search-trigger:hover{border-color:var(--ink-4);background:var(--surface)}.search-trigger svg{width:17px;height:17px;flex:none}.search-trigger__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-trigger kbd{display:none}@media(min-width:720px){.search-trigger kbd{display:inline-grid}}@media(max-width:719px){.search-trigger{flex:none;margin-left:auto;width:40px;padding:0;justify-content:center;border-color:transparent}.search-trigger__label{display:none}}.site-header__actions{display:flex;align-items:center;gap:2px}.menu-btn{display:grid}@media(min-width:980px){.menu-btn{display:none}}.mega{position:absolute;left:0;right:0;top:100%;background:var(--canvas);border-bottom:1px solid var(--line);box-shadow:0 24px 40px -24px #0f141d38}.mega__inner{display:grid;gap:var(--sp-6);padding-block:var(--sp-5) var(--sp-6);grid-template-columns:1fr}@media(min-width:980px){.mega__inner{grid-template-columns:1fr 260px}}.mega__cats{display:grid;gap:4px;grid-template-columns:repeat(2,1fr)}@media(min-width:1100px){.mega__cats{grid-template-columns:repeat(2,1fr)}}.mega-cat{display:flex;align-items:center;gap:var(--sp-3);padding:10px;border-radius:var(--r-md);transition:background var(--dur-1)}.mega-cat:hover{background:var(--surface)}.mega-cat__name{display:block;color:var(--ink);font-weight:600;font-size:var(--fs-sm);line-height:1.25}.mega-cat__desc{display:block;color:var(--ink-3);font-size:var(--fs-xs);line-height:1.35}.mega__side{border-left:1px solid var(--line);padding-left:var(--sp-6)}.mega__title{font-size:var(--fs-xs);font-weight:600;color:var(--ink-3);margin-bottom:var(--sp-2)}.mega__side a{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:7px 0;font-size:var(--fs-sm);color:var(--ink-2)}.mega__side a:hover{color:var(--brand)}.mega__side a svg{width:14px;height:14px;color:var(--ink-4)}.mega__all{margin-top:var(--sp-2);font-weight:550;color:var(--brand)!important}.mobile-menu{position:fixed;inset:var(--header-h) 0 0 0;z-index:49;background:var(--canvas);overflow-y:auto;padding:var(--sp-4) var(--gutter) var(--sp-8)}.mobile-menu a.m-link{display:flex;align-items:center;gap:var(--sp-3);padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:550}.mobile-menu a.m-link small{margin-left:auto;color:var(--ink-3);font-weight:450;font-size:var(--fs-sm)}.mobile-menu__sub{display:flex;flex-wrap:wrap;gap:var(--sp-4);padding-top:var(--sp-5);font-size:var(--fs-sm);color:var(--ink-3)}@media(min-width:980px){.mobile-menu{display:none!important}}body.menu-open{overflow:hidden}.palette-overlay{position:fixed;inset:0;z-index:100;background:#0f141d6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:min(12vh,110px) var(--sp-4) var(--sp-4);animation:fade-in var(--dur-2) var(--ease)}.palette{width:100%;max-width:640px;max-height:min(72vh,620px);display:flex;flex-direction:column;background:var(--canvas);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);overflow:hidden;animation:pop-in var(--dur-3) var(--ease)}.palette__bar{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);border-bottom:1px solid var(--line)}.palette__bar svg{width:20px;height:20px;color:var(--ink-3);flex:none}.palette__input{flex:1;min-width:0;height:58px;border:0;background:none;font-size:1.0625rem;color:var(--ink)}.palette__input::placeholder{color:var(--ink-4)}.palette__input:focus-visible{outline:none}.palette__close{font-size:11px}.palette__body{flex:1;overflow-y:auto;padding:var(--sp-2);overscroll-behavior:contain}.palette__group{padding:var(--sp-3) var(--sp-3) var(--sp-1);font-size:var(--fs-xs);font-weight:600;color:var(--ink-3)}.p-item{display:flex;align-items:center;gap:var(--sp-3);padding:8px var(--sp-3);border-radius:var(--r-md);cursor:pointer;scroll-margin:8px}.p-item[aria-selected=true]{background:var(--surface-2)}.p-item__text{flex:1;min-width:0}.p-item__name{display:block;color:var(--ink);font-weight:550;font-size:var(--fs-sm);line-height:1.3}.p-item__name mark{background:none;color:var(--brand);font-weight:650}.p-item__desc{display:block;color:var(--ink-3);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-item__cat{color:var(--ink-3);font-size:var(--fs-xs);white-space:nowrap}.p-item__go{width:16px;height:16px;color:var(--ink-4);opacity:0}.p-item[aria-selected=true] .p-item__go{opacity:1}.palette__empty{padding:var(--sp-7) var(--sp-4);text-align:center;color:var(--ink-3);font-size:var(--fs-sm)}.palette__empty strong{display:block;color:var(--ink);font-size:var(--fs-md);margin-bottom:4px}.palette__foot{display:none;align-items:center;gap:var(--sp-4);padding:10px var(--sp-4);border-top:1px solid var(--line);background:var(--surface);font-size:var(--fs-xs);color:var(--ink-3)}.palette__foot span{display:inline-flex;align-items:center;gap:6px}@media(min-width:720px){.palette__foot{display:flex}}@media(max-width:719px){.p-item__cat{display:none}}body.palette-open{overflow:hidden}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}}.popover{position:absolute;top:calc(100% + 6px);right:0;z-index:60;width:min(360px,calc(100vw - 24px));max-height:70vh;overflow-y:auto;background:var(--canvas);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);animation:pop-in var(--dur-2) var(--ease)}.pop-anchor{position:relative}.popover__head{padding:var(--sp-4) var(--sp-4) var(--sp-2)}.popover__head h2{font-size:var(--fs-md);letter-spacing:-.01em}.popover__head p{font-size:var(--fs-xs);color:var(--ink-3);margin-top:2px}.popover__group{padding:var(--sp-2) var(--sp-4) var(--sp-3);border-top:1px solid var(--line)}.popover__group h3{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-xs);font-weight:600;color:var(--hue-700);margin-bottom:4px}.popover__group h3 button{font-weight:500;color:var(--ink-3);font-size:var(--fs-xs)}.popover__group h3 button:hover{color:var(--bad)}.pv-row{display:flex;justify-content:space-between;gap:var(--sp-4);padding:4px 0;font-size:var(--fs-sm)}.pv-row span:first-child{color:var(--ink-3)}.pv-row span:last-child{color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-xs);text-align:right}.popover__empty{padding:var(--sp-4);border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--ink-3)}.popover__foot{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--line);background:var(--surface);font-size:var(--fs-xs);color:var(--ink-3);border-radius:0 0 var(--r-lg) var(--r-lg)}.count-dot.just-updated{animation:bump .5s var(--ease)}@keyframes bump{40%{transform:scale(1.35)}}.toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,12px);display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--ink);color:#fff;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:500;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:opacity var(--dur-2),transform var(--dur-2) var(--ease)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast svg{width:16px;height:16px;color:#7ee2a8}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:var(--sp-4);font-size:var(--fs-sm);color:var(--ink-3)}.breadcrumb a{color:var(--ink-3);border-radius:4px}.breadcrumb a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.breadcrumb .breadcrumb-sep{color:var(--ink-4)}.breadcrumb [aria-current]{color:var(--ink-2)}.site-footer{margin-top:var(--sp-9);border-top:1px solid var(--line);background:var(--surface)}.site-footer__top{display:grid;gap:var(--sp-6);padding-block:var(--sp-7) var(--sp-6);grid-template-columns:1fr 1fr}@media(min-width:900px){.site-footer__top{grid-template-columns:1.4fr repeat(4,1fr)}}.site-footer__brand{grid-column:1 / -1}@media(min-width:900px){.site-footer__brand{grid-column:auto}}.site-footer__brand p{margin-top:var(--sp-3);max-width:30ch;color:var(--ink-3);font-size:var(--fs-sm)}.site-footer h2{font-size:var(--fs-sm);font-weight:600;letter-spacing:0;margin-bottom:var(--sp-3)}.site-footer li a{display:inline-block;padding:4px 0;color:var(--ink-3);font-size:var(--fs-sm)}.site-footer li a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.site-footer__bottom{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);justify-content:space-between;padding-block:var(--sp-5);border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-3)}.site-footer__bottom p{max-width:70ch}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm);font-weight:550;color:var(--ink)}.field>label .hint{font-weight:400;font-size:var(--fs-xs);color:var(--ink-3);text-align:right}.field input[type=text],.field input[type=number],.field input[type=date],.field input[type=time],.field input[type=search],.field select,.field textarea{width:100%;min-height:46px;padding:0 .85rem;background:var(--canvas);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-sm);font-size:1rem;font-variant-numeric:tabular-nums;transition:border-color var(--dur-1),box-shadow var(--dur-1),background var(--dur-1);-webkit-appearance:none;appearance:none}.field input::placeholder{color:var(--ink-4)}.field input:hover,.field select:hover{border-color:var(--ink-4)}.field input:focus,.field select:focus{outline:none;border-color:var(--hue-500);box-shadow:0 0 0 3px var(--hue-200)}.field input[type=number]{-moz-appearance:textfield}.field input[type=number]::-webkit-outer-spin-button,.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field select{padding-right:2.4rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235d646f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap input{flex:1}.input-affix{position:absolute;top:0;bottom:0;display:flex;align-items:center;color:var(--ink-3);font-size:var(--fs-sm);font-weight:500;pointer-events:none}.input-affix--pre{left:.85rem;font-size:1rem}.input-affix--post{right:.85rem}.input-wrap.has-pre input{padding-left:1.7rem}.input-wrap.has-post input{padding-right:var(--affix-w, 3rem)}.field-row{display:grid;gap:var(--sp-4);grid-template-columns:1fr}@media(min-width:560px){.field-row-2{grid-template-columns:1fr 1fr}.field-row-3{grid-template-columns:repeat(3,1fr)}}.radio-group{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--surface-2);border-radius:var(--r-md);max-width:100%}.radio-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 1rem;border-radius:9px;font-size:var(--fs-sm);font-weight:500;color:var(--ink-3);cursor:pointer;transition:background var(--dur-1),color var(--dur-1),box-shadow var(--dur-1)}.radio-chip:hover{color:var(--ink)}.radio-chip input{position:absolute;opacity:0;pointer-events:none}.radio-chip:has(input:checked){background:var(--canvas);color:var(--ink);box-shadow:var(--shadow-sm)}.radio-chip:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}.field-limit-note{display:none;font-size:var(--fs-xs);line-height:1.4;color:var(--warn)}.field.has-limit-warning .field-limit-note{display:block}.field.has-limit-warning input{border-color:var(--warn);box-shadow:0 0 0 3px #a14a0024}.note{padding:12px 14px;border-radius:var(--r-sm);background:var(--surface);border-left:3px solid var(--hue-500);font-size:var(--fs-sm);line-height:1.5;color:var(--ink-3)}.note.warn{background:var(--warn-50);border-left-color:var(--warn);color:var(--warn)}.precis-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.precis-table th,.precis-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}.precis-table th{font-size:var(--fs-xs);font-weight:600;color:var(--ink-3);background:var(--surface);white-space:nowrap}.precis-table th:first-child{border-radius:var(--r-xs) 0 0 0}.precis-table th:last-child{border-radius:0 var(--r-xs) 0 0}.precis-table td.num{color:var(--ink);text-align:right}.precis-table th:has(+th),.precis-table th{text-align:left}.precis-table tr:last-child td{border-bottom:0}.bar-track{height:8px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.bar-fill{height:100%;border-radius:var(--r-pill);background:var(--hue-500);transition:width var(--dur-3) var(--ease)}.bar-row{display:flex;flex-direction:column;gap:6px;margin-block:var(--sp-3)}.bar-row__label{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--ink-3)}.dial{position:relative;width:176px;height:176px;margin-inline:auto}.dial svg{width:100%;height:100%;transform:rotate(-90deg)}.dial circle{fill:none;stroke-width:11}.dial .track{stroke:var(--surface-2)}.dial .fill{stroke:var(--hue-500);stroke-linecap:round;transition:stroke-dashoffset var(--dur-3) var(--ease)}.dial__value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dial__value .num{font-family:var(--font-sans);letter-spacing:-.04em;font-size:var(--fs-3xl);font-weight:600;color:var(--ink);line-height:1}.dial__value .lbl{font-size:var(--fs-sm);color:var(--ink-3)}.faq-list{margin-top:var(--sp-4);border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:18px 40px 18px 0;color:var(--ink);font-weight:580;font-size:var(--fs-md);line-height:1.4}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before,.faq-item summary:after{content:"";position:absolute;right:4px;top:50%;width:14px;height:2px;margin-top:-1px;background:var(--ink-3);border-radius:2px;transition:transform var(--dur-2) var(--ease),opacity var(--dur-2)}.faq-item summary:after{transform:rotate(90deg)}.faq-item[open] summary:after{transform:rotate(0);opacity:0}.faq-item summary:hover{color:var(--brand)}.faq-item summary:focus-visible{outline-offset:2px}.faq-a{padding:0 40px 20px 0;color:var(--ink-2)}.faq-a p{margin:0}.faq-a a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.ad-slot{max-width:900px;min-height:100px;margin:var(--sp-5) auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.glass{background:var(--canvas);border:1px solid var(--line);border-radius:var(--r-lg)}.card{padding:var(--sp-5)}.card-link{display:block}.card h3{margin-bottom:var(--sp-2)}.card p{color:var(--ink-3);font-size:var(--fs-sm)}.calc-head{padding-block:var(--sp-5) var(--sp-5)}.calc-head__row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--sp-4) var(--sp-6);margin-top:var(--sp-4)}.calc-head__main{display:flex;gap:var(--sp-4);align-items:flex-start;min-width:0;flex:1 1 520px}.calc-head__main .tile{margin-top:4px}.calc-head .lede{margin-top:var(--sp-2);font-size:1.0625rem;color:var(--ink-3)}.calc-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.calc-actions .btn{min-height:38px;padding:0 .85rem}.calc-actions .btn svg{width:16px;height:16px}.calc-actions .btn[aria-pressed=true]{background:var(--hue-50);border-color:var(--hue-200);color:var(--hue-700)}.calc-actions .btn[aria-pressed=true] svg{fill:currentColor}.calc-meta{display:flex;flex-wrap:wrap;gap:6px var(--sp-4);margin-top:var(--sp-4);font-size:var(--fs-xs);color:var(--ink-3)}.calc-meta li{display:inline-flex;align-items:center;gap:6px}.calc-meta svg{width:14px;height:14px;color:var(--hue-500)}.calc-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5);align-items:start}@media(min-width:960px){.calc-shell{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:var(--sp-6)}}.calc-shell .calc-panel{padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--canvas);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--sp-4)}.calc-shell .calc-panel>*+*{margin-top:0}@media(min-width:720px){.calc-shell .calc-panel{padding:var(--sp-6);gap:var(--sp-5)}}.calc-panel .field-row{gap:var(--sp-4)}.calc-panel h3{font-size:var(--fs-md)}.calc-panel [style*="display:none"]{margin-top:0!important}.calc-shell .calc-result{position:relative;padding:var(--sp-5);border:1px solid var(--hue-200);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--hue-50),color-mix(in srgb,var(--hue-50) 55%,#fff));box-shadow:none}@media(min-width:960px){.calc-shell .calc-result{position:sticky;top:calc(var(--header-h) + 20px);padding:var(--sp-6)}}.calc-result .result-label{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:600;color:var(--hue-700)}.calc-result .result-label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hue-500)}.calc-result .result-headline{display:block;margin-top:var(--sp-2);padding:0;background:none;border:0;box-shadow:none;font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;font-size:clamp(2.125rem,1.3rem + 3.6vw,3.5rem);font-weight:600;line-height:1.05;letter-spacing:-.045em;color:var(--ink);overflow-wrap:anywhere}.calc-result .result-headline.is-updated,.calc-result .result-headline span.is-updated{animation:result-flash .7s var(--ease)}@keyframes result-flash{0%{color:var(--hue-500);transform:translateY(2px)}to{color:var(--ink);transform:none}}.calc-result>.small.muted,.calc-result>.muted.small{display:block;margin-top:6px;color:var(--hue-700);opacity:.85}.calc-result .result-breakdown{margin-top:var(--sp-5);display:flex;flex-direction:column;background:var(--canvas);border:1px solid var(--hue-200);border-radius:var(--r-md);overflow:hidden}.calc-result .result-breakdown:empty{display:none}.result-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);padding:11px 14px;font-size:var(--fs-sm);color:var(--ink-2);border-top:1px solid var(--line)}.result-row:first-child{border-top:0}.result-row .num{color:var(--ink);font-size:var(--fs-sm);text-align:right;font-weight:500}.result-row.total{background:var(--surface);color:var(--ink);font-weight:600}.result-row.total .num{font-weight:650;color:var(--hue-700)}.calc-result .note{margin-top:var(--sp-4);background:#ffffffb3}.calc-result .precis-table{background:var(--canvas);border-radius:var(--r-md)}.copy-result{position:absolute;top:var(--sp-4);right:var(--sp-4)}@media(min-width:960px){.copy-result{top:var(--sp-5);right:var(--sp-5)}}.copy-result.btn{min-height:32px;padding:0 .7rem;background:#fffc}.copy-result svg{width:14px;height:14px}.result-dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:45;display:flex;align-items:center;gap:var(--sp-3);padding:10px 10px 10px 16px;border-radius:var(--r-lg);background:var(--ink);color:#fff;box-shadow:var(--shadow-pop);transform:translateY(140%);transition:transform var(--dur-3) var(--ease)}.result-dock.is-visible{transform:none}.result-dock__text{flex:1;min-width:0;display:flex;flex-direction:column}.result-dock__label{font-size:11px;color:#ffffffa6;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-dock__value{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:1.3125rem;font-weight:600;letter-spacing:-.03em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-dock .btn{min-height:38px;background:#fff;color:var(--ink)}@media(min-width:960px){.result-dock{display:none}}.calc-article{padding-top:var(--sp-8)}.calc-article .content-block{max-width:740px;padding:0}.content-block h2{margin-bottom:var(--sp-3)}.content-block h2:not(:first-child){margin-top:var(--sp-7)!important}.content-block>p{color:var(--ink-2);font-size:1.0625rem;line-height:1.75}.content-block>p+p{margin-top:var(--sp-4)}.content-block a{color:var(--brand);text-decoration:underline;text-decoration-color:var(--brand-100);text-underline-offset:3px;text-decoration-thickness:2px;transition:text-decoration-color var(--dur-1)}.content-block a:hover{text-decoration-color:var(--brand)}.content-block ul{list-style:disc;padding-left:1.2rem;color:var(--ink-2);line-height:1.75}.also{padding-top:var(--sp-6)}.also h2{font-size:var(--fs-md);font-weight:600;color:var(--ink-2);margin-bottom:var(--sp-3);letter-spacing:-.01em}.also__list{display:flex;flex-wrap:wrap;gap:6px 8px}.also__list li{font-size:var(--fs-sm);color:var(--ink-3);padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.related{padding-top:var(--sp-7)}.related h2{font-size:var(--fs-xl);margin-bottom:var(--sp-4)}.related__grid{display:grid;gap:var(--sp-3);grid-template-columns:1fr}@media(min-width:720px){.related__grid{grid-template-columns:repeat(3,1fr)}}@media print{.site-header,.site-footer,.calc-actions,.related,.also,.result-dock,.copy-result,.ad-slot,.calc-article,.breadcrumb,.skip-link{display:none!important}.calc-shell{grid-template-columns:1fr 1fr}.calc-shell .calc-result{position:static;background:#fff}}.row-card{display:flex;align-items:center;gap:var(--sp-3);padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);transition:border-color var(--dur-1),background var(--dur-1),box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.row-card:hover{border-color:var(--hue-500);background:color-mix(in srgb,var(--hue-50) 40%,#fff);box-shadow:var(--shadow-sm)}.row-card__text{flex:1;min-width:0}.row-card__name{display:block;color:var(--ink);font-weight:600;font-size:var(--fs-md);line-height:1.3;letter-spacing:-.01em}.row-card__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;color:var(--ink-3);font-size:var(--fs-sm);line-height:1.4}.row-card__tag{align-self:flex-start;color:var(--ink-3);font-size:var(--fs-xs);white-space:nowrap}.row-card__go{width:16px;height:16px;color:var(--ink-4);transition:transform var(--dur-2) var(--ease),color var(--dur-1);flex:none}.row-card:hover .row-card__go{transform:translate(3px);color:var(--hue-700)}.row-list{display:grid;gap:var(--sp-3);grid-template-columns:1fr}@media(min-width:720px){.row-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.row-list.cols-3{grid-template-columns:repeat(3,1fr)}}.hero{position:relative;padding-block:var(--sp-8) var(--sp-7);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;opacity:.55;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 20%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse 70% 80% at 70% 20%,#000 0%,transparent 72%)}.hero__grid{display:grid;gap:var(--sp-7);align-items:center}@media(min-width:1000px){.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--sp-8)}}.hero h1{font-size:clamp(2.5rem,1.3rem + 4.6vw,4.25rem);line-height:1.02;letter-spacing:-.045em;font-weight:650}.hero h1 em{font-style:normal;color:var(--brand)}.hero .lede{margin-top:var(--sp-4);font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);color:var(--ink-3);max-width:52ch}.hero-search{display:flex;align-items:center;gap:var(--sp-3);width:100%;max-width:560px;margin-top:var(--sp-6);height:56px;padding:0 var(--sp-3) 0 var(--sp-4);text-align:left;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--canvas);color:var(--ink-3);font-size:1.0625rem;box-shadow:var(--shadow-sm);transition:border-color var(--dur-1),box-shadow var(--dur-2)}.hero-search:hover{border-color:var(--ink-4);box-shadow:var(--shadow-sm),0 0 0 4px var(--surface-2)}.hero-search svg{width:20px;height:20px;color:var(--ink-3);flex:none}.hero-search span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-quick{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);max-width:620px}.hero-quick>span{font-size:var(--fs-sm);color:var(--ink-3);margin-right:2px}.hero-proof{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin-top:var(--sp-6);font-size:var(--fs-sm);color:var(--ink-3)}.hero-proof li{display:inline-flex;align-items:center;gap:7px}.hero-proof svg{width:16px;height:16px;color:var(--brand)}.quick{background:var(--canvas);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:0 1px 2px #0f141d0d,0 24px 48px -24px #0f141d38;overflow:hidden}.quick__tabs{display:flex;gap:2px;padding:8px;background:var(--surface);border-bottom:1px solid var(--line)}.quick__tab{flex:1;min-height:38px;border-radius:9px;font-size:var(--fs-sm);font-weight:550;color:var(--ink-3);transition:background var(--dur-1),color var(--dur-1)}.quick__tab:hover{color:var(--ink)}.quick__tab[aria-selected=true]{background:var(--canvas);color:var(--ink);box-shadow:var(--shadow-sm)}.quick__panel{padding:var(--sp-5);display:grid;gap:var(--sp-4)}.quick__panel[hidden]{display:none}.quick__out{padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);background:var(--hue-50);border:1px solid var(--hue-200)}.quick__out .lbl{font-size:var(--fs-sm);font-weight:600;color:var(--hue-700)}.quick__out .big{display:block;margin-top:2px;font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;font-size:clamp(2.125rem,1.4rem + 2.4vw,3rem);font-weight:600;letter-spacing:-.045em;line-height:1.1;color:var(--ink)}.quick__out .sub{display:block;margin-top:2px;font-size:var(--fs-sm);color:var(--hue-700);opacity:.85}.quick__split{display:flex;height:10px;border-radius:var(--r-pill);overflow:hidden;margin-top:var(--sp-4);background:var(--canvas)}.quick__split i{display:block;height:100%;transition:width var(--dur-3) var(--ease)}.quick__legend{display:flex;flex-wrap:wrap;gap:4px var(--sp-4);margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--ink-3)}.quick__legend span{display:inline-flex;align-items:center;gap:6px}.quick__legend b{font-weight:600;color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-xs)}.quick__legend i{width:8px;height:8px;border-radius:2px}.quick__more{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:550;color:var(--brand)}.quick__more:hover{text-decoration:underline;text-underline-offset:3px}.quick__more svg{width:15px;height:15px}.sec-head{display:flex;align-items:end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}.sec-head p{margin-top:6px;color:var(--ink-3)}.sec-head a{font-size:var(--fs-sm);font-weight:550;color:var(--brand);white-space:nowrap}.sec-head a:hover{text-decoration:underline;text-underline-offset:3px}.yours{padding-block:0 var(--sp-6)}.yours__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.yours__row>span{font-size:var(--fs-sm);font-weight:600;color:var(--ink);margin-right:var(--sp-2)}.cat-grid{display:grid;gap:var(--sp-4);grid-template-columns:1fr}@media(min-width:640px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.cat-grid{grid-template-columns:repeat(4,1fr)}}.cat-tile{display:flex;flex-direction:column;padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--canvas);transition:border-color var(--dur-1),box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.cat-tile:hover{border-color:var(--hue-500);box-shadow:0 12px 28px -14px #0f141d33;transform:translateY(-2px)}.cat-tile__top{display:flex;align-items:center;justify-content:space-between}.cat-tile__count{font-size:var(--fs-xs);font-weight:600;color:var(--hue-700);background:var(--hue-50);padding:3px 9px;border-radius:var(--r-pill)}.cat-tile h3{margin-top:var(--sp-4);font-size:var(--fs-lg)}.cat-tile p{margin-top:4px;font-size:var(--fs-sm);color:var(--ink-3);line-height:1.45}.cat-tile ul{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--line);display:grid;gap:2px}.cat-tile li a{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:var(--fs-sm);color:var(--ink-2)}.cat-tile li a:hover{color:var(--hue-700)}.cat-tile li a svg{width:13px;height:13px;color:var(--ink-4);opacity:0;transition:opacity var(--dur-1),transform var(--dur-2) var(--ease)}.cat-tile li a:hover svg{opacity:1;transform:translate(2px)}.cat-tile__all{margin-top:auto;padding-top:var(--sp-3);font-size:var(--fs-sm);font-weight:600;color:var(--hue-700);display:inline-flex;align-items:center;gap:6px}.cat-tile__all svg{width:14px;height:14px;transition:transform var(--dur-2) var(--ease)}.cat-tile:hover .cat-tile__all svg{transform:translate(3px)}.principles{display:grid;gap:var(--sp-6) var(--sp-7);grid-template-columns:1fr}@media(min-width:720px){.principles{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.principles{grid-template-columns:repeat(4,1fr)}}.principle h3{margin-top:var(--sp-4);font-size:var(--fs-md)}.principle p{margin-top:6px;font-size:var(--fs-sm);color:var(--ink-3);line-height:1.55}.band{background:var(--surface);border-block:1px solid var(--line)}.hub-head{padding-block:var(--sp-5) var(--sp-6)}.hub-head__row{display:flex;gap:var(--sp-5);align-items:flex-start;margin-top:var(--sp-5)}.hub-head__row .tile{margin-top:6px}.hub-head .lede{margin-top:var(--sp-3);color:var(--ink-3)}.hub-bar{position:sticky;top:var(--header-h);z-index:30;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block:1px solid var(--line)}.hub-bar__row{display:flex;align-items:center;gap:var(--sp-4);min-height:60px}.hub-filter{position:relative;flex:0 1 280px}.hub-filter svg{position:absolute;left:12px;top:50%;width:16px;height:16px;margin-top:-8px;color:var(--ink-3);pointer-events:none}.hub-filter input{width:100%;height:38px;padding:0 12px 0 36px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--canvas);font-size:var(--fs-sm);-webkit-appearance:none;appearance:none}.hub-filter input:focus{outline:none;border-color:var(--hue-500);box-shadow:0 0 0 3px var(--hue-200)}.hub-jump{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}.hub-jump::-webkit-scrollbar{display:none}.hub-jump .chip{flex:none}.hub-jump .chip.is-current{background:var(--hue-50);border-color:var(--hue-200);color:var(--hue-700)}.hub-section{padding-top:var(--sp-7);scroll-margin-top:calc(var(--header-h) + 72px)}.hub-section__head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.hub-section__head h2{font-size:var(--fs-xl)}.hub-section__head .n{margin-left:auto;font-size:var(--fs-sm);color:var(--ink-3)}.hub-empty{padding:var(--sp-8) 0;text-align:center;color:var(--ink-3)}.hub-empty strong{display:block;color:var(--ink);font-size:var(--fs-lg);margin-bottom:4px}.hub-more{margin-top:var(--sp-9)}.hub-more .cat-grid{grid-template-columns:repeat(2,1fr)}@media(min-width:1040px){.hub-more .cat-grid{grid-template-columns:repeat(4,1fr)}}.mini-cat{display:flex;align-items:center;gap:var(--sp-3);padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--dur-1),background var(--dur-1)}.mini-cat:hover{border-color:var(--hue-500);background:color-mix(in srgb,var(--hue-50) 40%,#fff)}.mini-cat strong{display:block;color:var(--ink);font-size:var(--fs-sm);line-height:1.25}.mini-cat small{color:var(--ink-3);font-size:var(--fs-xs)}.mini-cats{display:grid;gap:var(--sp-3);grid-template-columns:1fr 1fr}@media(min-width:1040px){.mini-cats{grid-template-columns:repeat(4,1fr)}}.page-head{padding-block:var(--sp-6) var(--sp-5)}.page-head h1{margin-top:var(--sp-5);max-width:22ch}.page-head .updated{margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--ink-3)}.prose{max-width:720px;padding-bottom:var(--sp-6)}.prose>*+*{margin-top:var(--sp-4)}.prose h2{margin-top:var(--sp-7)!important;font-size:var(--fs-xl)}.prose h3{margin-top:var(--sp-5)!important}.prose p,.prose li{color:var(--ink-2);font-size:1.0625rem;line-height:1.75}.prose .lede{font-size:1.25rem;line-height:1.55;color:var(--ink-2)}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--brand)!important;text-decoration:underline;text-decoration-color:var(--brand-100);text-underline-offset:3px;text-decoration-thickness:2px}.prose a:hover{text-decoration-color:var(--brand)}.prose ul{list-style:disc;padding-left:1.3rem}.prose ul li+li{margin-top:6px}.prose .card{margin-top:var(--sp-5);padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.notfound{padding-block:var(--sp-8) var(--sp-5);text-align:center}.notfound .big{font-family:var(--font-mono);font-size:clamp(4rem,3rem + 8vw,8rem);font-weight:600;letter-spacing:-.06em;line-height:1;color:var(--ink)}.notfound .big span{color:var(--brand)}.notfound p{margin:var(--sp-4) auto 0;max-width:46ch;color:var(--ink-3);font-size:var(--fs-lg)}.notfound .hero-search{margin-inline:auto}