@font-face{font-family:"Source Sans 3 Fallback";src:local("Arial");size-adjust:104.7%;ascent-override:94%;descent-override:26%;line-gap-override:0%}@font-face{font-family:Syne Fallback;src:local("Arial Black"),local("Arial");size-adjust:102%;ascent-override:90%;descent-override:22%;line-gap-override:0%}:root{--bg: #f3f6f8;--bg-elevated: #ffffff;--ink: #142033;--ink-soft: #4a5a6d;--line: #d5dee7;--accent: #c44a00;--accent-deep: #a63f00;--signal: #0b6e4f;--shadow: 0 12px 40px rgba(20, 32, 51, .08);--radius: 14px;--font-display: "Syne", "Syne Fallback", sans-serif;--font-body: "Source Sans 3", "Source Sans 3 Fallback", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--grid: rgba(20, 32, 51, .04)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body);font-size:1.05rem;line-height:1.6;background:linear-gradient(180deg,#f7fafc 0%,var(--bg) 40%,#e8eef3 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);z-index:-1}a{color:var(--signal);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent-deep)}img{max-width:100%}.site-header{border-bottom:1px solid var(--line);background:#ffffffdb;backdrop-filter:blur(10px);position:sticky;top:0;z-index:40}.site-header__inner,.site-footer__inner,.wrap{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}.brand{display:flex;flex-direction:column;gap:.1rem;text-decoration:none;color:inherit}.brand__name{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.brand__tag{font-size:.78rem;color:var(--ink-soft)}.nav{display:flex;flex-wrap:wrap;gap:.85rem 1.1rem;font-size:.95rem}.nav a{color:var(--ink-soft);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.hero{padding:2.4rem 0 1.2rem;animation:rise .7s ease both}.hero__eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:.75rem}.hero__eyebrow:before{content:"";width:.55rem;height:.55rem;border-radius:2px;background:var(--accent);transform:rotate(45deg)}.hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 .75rem;max-width:16ch}.hero__lead{margin:0;max-width:46rem;color:var(--ink-soft);font-size:1.12rem}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}.pill{border:1px solid var(--line);background:var(--bg-elevated);border-radius:999px;padding:.35rem .75rem;font-size:.86rem;color:var(--ink-soft)}.pill strong{color:var(--ink);font-weight:600}.layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.25rem;align-items:start;padding-bottom:2rem}@media(max-width:900px){.layout-grid{grid-template-columns:1fr}}.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.calculator{padding:1.15rem;animation:rise .75s ease .05s both}.calculator__toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.9rem}@media(max-width:700px){.calculator__toolbar{grid-template-columns:1fr}}label.field{display:flex;flex-direction:column;gap:.35rem;font-size:.86rem;font-weight:600;color:var(--ink-soft)}.field input,.field select,.expr-input{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;background:#fbfcfd}.expr-input{width:100%;font-family:var(--font-mono);font-size:1rem;margin-bottom:.75rem}.expr-input:focus,.field input:focus,.field select:focus{outline:2px solid rgba(232,93,4,.35);border-color:var(--accent)}.examples{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.9rem}.examples button{appearance:none;border:1px dashed var(--line);background:#f8fafb;color:var(--ink);border-radius:999px;padding:.35rem .7rem;font-family:var(--font-mono);font-size:.82rem;cursor:pointer}.examples button:hover{border-style:solid;border-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.5rem}.btn{appearance:none;border:0;border-radius:999px;padding:.75rem 1.2rem;font-family:var(--font-display);font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-deep)}.btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}a.btn-primary,a.btn-ghost{text-decoration:none}.error{margin-top:.75rem;padding:.75rem .9rem;border-radius:10px;background:#fff1eb;color:#9a3412;border:1px solid #ffd4c2}.result{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.result__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:700;margin-bottom:.35rem}.result__math{font-size:1.25rem;overflow-x:auto;padding:.4rem 0}.steps{margin-top:1rem;display:grid;gap:.75rem}.step{border:1px solid var(--line);border-radius:12px;padding:.85rem .95rem;background:#fbfcfd}.step__rule{font-family:var(--font-display);font-weight:700;margin-bottom:.25rem}.step__note{color:var(--ink-soft);font-size:.92rem;margin-bottom:.45rem}.step__math{overflow-x:auto;font-size:.98rem}.sidebar{display:grid;gap:1rem}.prose{padding:1.5rem;animation:rise .8s ease .1s both}.prose h2,.prose h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.2}.prose h2{font-size:1.55rem;margin-top:0}.prose h3{font-size:1.2rem;margin-top:1.6rem}.prose p,.prose li{color:var(--ink-soft)}.prose ul{padding-left:1.2rem}.faq details{border-top:1px solid var(--line);padding:.85rem 0}.faq details:first-child{border-top:0}.faq summary{cursor:pointer;font-weight:700;font-family:var(--font-display)}.faq summary h3{display:inline;margin:0;font-size:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit;line-height:inherit}.sidebar-label{margin:0 0 .5rem;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--ink)}.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:1rem}.related a{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:12px;padding:.85rem;background:#fbfcfd}.related a:hover{border-color:var(--accent)}.related strong{display:block;font-family:var(--font-display);margin-bottom:.2rem}.related span{color:var(--ink-soft);font-size:.9rem}.site-footer{border-top:1px solid var(--line);padding:1.5rem 0 2rem;color:var(--ink-soft);font-size:.92rem}.site-footer__inner{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:space-between}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}