@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./young-serif-latin-400-normal.DIMmNPI9.woff2)format("woff2"),url(./young-serif-latin-400-normal.D1tz0Z9s.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-normal.BrHNak5F.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-400-normal.BbWidj28.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-700-normal.GZI4o3u0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-700-normal.BK6Glc0m.woff)format("woff")}:root{--hue:85;--bg:oklch(.985 .003 var(--hue));--surface:oklch(.955 .012 var(--hue));--mustard:oklch(.83 .145 var(--hue));--mustard-deep:oklch(72% .15 75);--mustard-soft:oklch(.93 .06 var(--hue));--ink:oklch(24% .025 60);--ink-soft:oklch(40% .025 60);--line:oklch(.86 .02 var(--hue));--line-ink:oklch(24% .025 60/.35);--tomato:oklch(55% .17 35);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--text-sm:clamp(.875rem, .85rem + .15vw, .95rem);--text-base:clamp(1rem, .96rem + .25vw, 1.125rem);--text-lg:clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--text-xl:clamp(1.55rem, 1.3rem + 1.2vw, 2.2rem);--text-2xl:clamp(2.1rem, 1.6rem + 2.6vw, 3.6rem);--radius:10px;--ease:cubic-bezier(.22, 1, .36, 1);--display:"Young Serif", Georgia, serif;--body:"Atkinson Hyperlegible", system-ui, sans-serif}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 var(--text-base)/1.6 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;font-weight:400;line-height:1.12}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}li,p{text-wrap:pretty}p{max-width:68ch}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{-webkit-text-decoration-color:var(--mustard-deep);text-decoration-color:var(--mustard-deep)}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:4px}.num{font-variant-numeric:tabular-nums}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--space-4);top:var(--space-4);background:var(--ink);color:var(--bg);padding:var(--space-2) var(--space-4);z-index:50}.wrap{width:min(1120px,100% - 2rem);margin-inline:auto}.prose{gap:var(--space-4);display:grid}.prose ol,.prose ul{gap:var(--space-2);padding-left:1.2em;display:grid}.prose h2{margin-top:var(--space-8)}.prose h3{margin-top:var(--space-4)}.block{padding-block:clamp(2.5rem,2rem + 3vw,5rem)}.lede{font-size:var(--text-lg);color:var(--ink-soft);max-width:60ch}.site-head{background:var(--ink);color:var(--bg)}.site-head .wrap{justify-content:space-between;gap:var(--space-4);min-height:60px}.brand,.site-head .wrap{align-items:center;display:flex}.brand{gap:var(--space-2);font-family:var(--display);min-height:44px;font-size:1.3rem;text-decoration:none}.brand b{color:var(--mustard);font-weight:400}.nav{gap:var(--space-1);flex-wrap:wrap;display:flex}.nav a{padding:var(--space-2) var(--space-3);min-height:44px;font-size:var(--text-sm);border-radius:999px;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.nav a.router-link-active,.nav a:hover{color:var(--mustard);background:oklch(100% 0 0/.1)}.menu-btn{display:none}@media (width<=860px){.menu-btn{align-items:center;gap:var(--space-2);color:inherit;font:700 var(--text-sm) var(--body);padding:0 var(--space-4);cursor:pointer;background:0 0;border:1.5px solid oklch(100% 0 0/.4);border-radius:999px;min-height:44px;display:inline-flex}.nav{background:var(--ink);padding:var(--space-2) var(--space-4) var(--space-6);z-index:20;flex-direction:column;display:none;position:absolute;top:60px;left:0;right:0}.nav.open{display:flex}.site-head{position:relative}}.band{background:var(--mustard);position:relative;overflow:hidden}.band .wrap{gap:var(--space-6);padding-block:clamp(2rem,1.5rem + 3vw,4rem);display:grid;position:relative}.band.grad:before{content:"";background:repeating-linear-gradient(to bottom,var(--line-ink) 0 2px,transparent 2px 12px) 0/18px 100% no-repeat,repeating-linear-gradient(to bottom,var(--ink) 0 2px,transparent 2px 60px) 0/32px 100% no-repeat;width:48px;display:none;position:absolute;inset:0 auto 0 0}@media (width>=700px){.band.grad:before{display:block}.band.grad .wrap{padding-left:40px}}.crumbs{font-size:var(--text-sm);gap:var(--space-2);color:var(--ink-soft);flex-wrap:wrap;display:flex}.crumbs a{color:var(--ink)}.tool{background:var(--bg);border-radius:var(--radius);box-shadow:0 2px 0 var(--ink),0 14px 30px -18px oklch(30% .05 60/.6);gap:var(--space-4);padding:clamp(1rem,.8rem + 1vw,1.75rem);display:grid}.field{gap:var(--space-1);display:grid}.field label,.lbl{font-weight:700;font-size:var(--text-sm)}input[type=number],input[type=search],input[type=text],select,textarea{font:700 1.15rem/1.3 var(--body);color:var(--ink);background:var(--bg);border:2px solid var(--ink);min-height:52px;padding:var(--space-2) var(--space-3);border-radius:8px;width:100%}textarea{resize:vertical;min-height:180px;font-size:1rem;font-weight:400;line-height:1.5}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;padding-right:36px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mustard-deep);outline-offset:1px}.row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;display:grid}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border:2px solid var(--ink);background:var(--ink);color:var(--mustard);font:700 1rem var(--body);cursor:pointer;transition:transform .12s var(--ease),background .12s;border-radius:999px;text-decoration:none;display:inline-flex}.btn:hover{background:oklch(32% .03 60)}.btn:active{transform:translateY(1px)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--mustard-soft)}.btn[disabled]{opacity:.5;pointer-events:none}.swap{width:48px;height:48px;padding:0}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:44px;padding:0 var(--space-4);border:1.5px solid var(--ink);font:700 var(--text-sm) var(--body);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;text-decoration:none;display:inline-flex}.chip:hover,.chip[aria-pressed=true]{background:var(--ink);color:var(--mustard)}.result{background:var(--mustard-soft);padding:var(--space-4);gap:var(--space-1);border-radius:8px;display:grid}.result .big{font-family:var(--body);letter-spacing:-.01em;font-size:clamp(1.8rem,1.4rem + 2vw,2.8rem);font-weight:700;line-height:1.1}.result .sub{color:var(--ink-soft);font-size:var(--text-sm)}.answer{font-family:var(--body);font-weight:700;font-size:var(--text-xl);max-width:30ch;line-height:1.2}.tbl-wrap{border:2px solid var(--ink);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}td,th{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--line)}th{background:var(--ink);color:var(--bg);font-weight:700}td{font-variant-numeric:tabular-nums}tr:nth-child(2n) td{background:var(--surface)}tr:last-child td{border-bottom:0}.cols{gap:var(--space-12);display:grid}@media (width>=960px){.cols{grid-template-columns:minmax(0,1fr) 300px}}.aside{gap:var(--space-4);align-content:start;display:grid}.aside h2{font-size:var(--text-lg)}.linklist{padding:0;list-style:none;display:grid}.linklist a{justify-content:space-between;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--line);min-height:44px;text-decoration:none;display:flex}.linklist a:hover{color:var(--tomato)}.explainer{background:var(--surface);border-radius:var(--radius);gap:var(--space-4);padding:clamp(1rem,.8rem + 1.5vw,2rem);display:grid}.explainer .stage{gap:var(--space-6);align-items:center;display:grid}@media (width>=760px){.explainer .stage{grid-template-columns:auto 1fr}}input[type=range]{width:100%;accent-color:var(--ink);min-height:44px}.faq{gap:var(--space-2);display:grid}.faq details{border-bottom:1.5px solid var(--ink)}.faq summary{cursor:pointer;padding:var(--space-3) 0;justify-content:space-between;gap:var(--space-4);min-height:44px;font-weight:700;list-style:none;display:flex}.faq summary:after{content:"+";font-family:var(--display);font-size:1.4rem;line-height:1}.faq details[open] summary:after{content:"–"}.faq details>div{padding-bottom:var(--space-4)}.hub{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.hub h3{font-size:var(--text-lg);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid var(--ink)}.site-foot{background:var(--ink);color:oklch(.9 .01 var(--hue));padding-block:var(--space-12);margin-top:var(--space-16);font-size:var(--text-sm)}.site-foot .wrap{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.site-foot a{padding:var(--space-1) 0;text-decoration:none;display:block}.site-foot a:hover,.site-foot h2{color:var(--mustard)}.site-foot h2{margin-bottom:var(--space-2);font-size:1.1rem}.ai-out{white-space:pre-wrap;background:var(--bg);border:1.5px dashed var(--ink);padding:var(--space-4);border-radius:8px;min-height:3em}.err{color:var(--tomato);font-weight:700}.muted{color:var(--ink-soft);font-size:var(--text-sm)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media print{.noprint,.site-foot,.site-head{display:none!important}.band{background:0 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=699px){.band.grad:after{content:"";background:repeating-linear-gradient(to right,var(--line-ink) 0 2px,transparent 2px 12px) bottom/100% 10px no-repeat,repeating-linear-gradient(to right,var(--ink) 0 2px,transparent 2px 60px) bottom/100% 20px no-repeat;height:22px;position:absolute;bottom:0;left:0;right:0}.band.grad .wrap{padding-bottom:calc(clamp(2rem,1.5rem + 3vw,4rem) + 16px)}}
