:root{--ink:#172126;--muted:#5f6d73;--paper:#f8f9f7;--white:#fff;--line:#d9dfdc;--accent:#096b69;--soft:#eaf2f0;--mono:Consolas,"Liberation Mono",monospace;--sans:Inter,"Segoe UI",Arial,sans-serif;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}button,input{font:inherit}.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:10;padding:8px 12px;background:var(--ink);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);background:rgba(248,249,247,.96)}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:15px;font-weight:680;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;font:700 11px var(--mono)}.site-header nav{display:flex;gap:32px}.site-header nav a{font-size:14px;text-decoration:none;color:#3c494e}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--accent)}.hero{min-height:530px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;padding-block:86px}.eyebrow{margin:0 0 16px;color:var(--accent);font:700 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero h1,.page-heading h1{max-width:760px;margin:0;font-size:clamp(42px,5vw,68px);line-height:1.05;letter-spacing:-.045em;font-weight:670}.lede{max-width:690px;margin:24px 0 30px;color:var(--muted);font-size:19px;line-height:1.55}.button{display:inline-flex;align-items:center;gap:25px;padding:12px 16px 12px 18px;color:#fff;background:var(--accent);font-weight:650;text-decoration:none}.button:hover{background:#075452}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3b9996;outline-offset:3px}.signal-panel svg{display:block;width:100%;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.grid path{fill:none;stroke:#dfe4e1}.wave{fill:none;stroke:var(--accent);stroke-width:2}.axis{stroke:#889599}.signal-labels{display:flex;justify-content:space-between;margin-top:8px;color:#7a8589;font:11px var(--mono);text-transform:uppercase}.section{padding-block:88px}.section-heading,.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.section-heading{margin-bottom:34px}.section h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.03em}.text-link{justify-self:end;color:var(--accent);font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--line)}.category{min-height:275px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}.category-number{margin:0 0 36px;color:#879195;font:12px var(--mono)}.category h3{margin:0 0 15px;font-size:19px}.category ul{list-style:none;margin:0;padding:0}.category li,.category li a{display:flex;justify-content:space-between;gap:12px}.category li{padding:8px 0;border-top:1px solid #edf0ee;color:var(--muted);font-size:13px}.category li a{width:100%;color:var(--ink);text-decoration:none}.category li a:hover{color:var(--accent)}.status{align-self:center;white-space:nowrap;color:#7b8689;font:700 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.status.live{color:var(--accent)}.muted-section{background:#edf1ef;border-block:1px solid var(--line)}.split{align-items:start}.split>p{max-width:570px;margin:0;color:var(--muted);font-size:18px}.site-footer{padding:60px 0 25px;color:#cbd3d3;background:#182326}.footer-grid{display:grid;grid-template-columns:2fr 1fr 2fr;gap:60px}.footer-brand{color:#fff}.footer-grid h2{margin:0 0 15px;color:#fff;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.footer-grid p{max-width:450px;margin:15px 0 0;color:#9ca9aa;font-size:13px}.footer-grid a:not(.brand){display:block;width:max-content;margin:7px 0;font-size:13px}.copyright{margin-top:48px;padding-top:20px;border-top:1px solid #344044;color:#7f8d90;font:11px var(--mono)}
.page-main{padding-block:35px 100px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:55px;color:#748085;font-size:12px}.breadcrumbs a{color:var(--accent)}.page-heading{margin-bottom:70px}.page-heading.compact{max-width:850px;margin-bottom:50px}.page-heading h1{font-size:clamp(40px,5vw,62px)}.tool-list{border-top:1px solid var(--ink)}.tool-list section{display:grid;grid-template-columns:270px 1fr;border-bottom:1px solid var(--line)}.tool-list section>h2{margin:0;padding:28px 30px 28px 0;font-size:20px}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.tool-row:last-child{border-bottom:0}.tool-row h3{margin:0;font-size:16px}.tool-row p{margin:4px 0 0;color:var(--muted);font-size:13px}.tool-row h3 a{text-decoration:none}.tool-row h3 a:hover{color:var(--accent)}.tool-row.disabled{color:#677377;background:transparent}.calculator{margin-bottom:90px;border:1px solid var(--line);background:#fff}.tabs{display:flex;padding:0 22px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs button{min-height:58px;padding:0 20px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:none;white-space:nowrap;cursor:pointer;font-size:14px}.tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink);font-weight:650}.calc-grid{display:grid;grid-template-columns:1.1fr .9fr}.input-side,.result-side{padding:42px}.input-side{border-right:1px solid var(--line)}.input-side h2{margin:0 0 5px;font-size:24px}.input-side>p{margin:0 0 28px;color:var(--muted);font-size:14px}.level-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:11px}.field{display:block;margin-bottom:18px;color:#47555a;font-size:13px;font-weight:650}.input-unit{display:flex;align-items:center;margin-top:7px;border:1px solid #bdc7c4;background:#fff}.input-unit:focus-within{border-color:var(--accent)}.input-unit input{min-width:0;width:100%;padding:11px 12px;border:0;outline:0;color:var(--ink);background:transparent;font-family:var(--mono)}.input-unit>span{padding:0 12px;color:#738084;font:12px var(--mono)}.remove-row{width:42px;border:1px solid var(--line);color:#637074;background:#fff;cursor:pointer}.remove-row:hover{color:#8f2f27}.remove-row:disabled{opacity:.4;cursor:not-allowed}.secondary-button{padding:9px 12px;border:1px solid #aab6b3;color:var(--accent);background:#fff;cursor:pointer;font-size:13px;font-weight:650}.result-side{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#f3f6f4}.result-label{margin:0;color:var(--muted);font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.result{margin-top:15px;font:500 clamp(52px,7vw,78px)/1 var(--mono);letter-spacing:-.06em}.result-unit{margin:7px 0 40px;color:var(--accent);font:14px var(--mono)}.formula{width:100%;padding-top:18px;border-top:1px solid var(--line)}.formula>span{display:block;margin-bottom:7px;color:#778286;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.formula code,.worked-formula code{font-family:var(--mono);font-size:12px;word-break:break-word}.error{min-height:24px!important;margin:5px 0 0!important;color:#9d3128!important}.article-content{max-width:850px;margin-inline:auto}.article-content section{margin-bottom:55px}.article-content h2,.rule-box h2{margin:0 0 16px;font-size:28px;letter-spacing:-.025em}.article-content p{color:#4e5c61}.worked-formula{margin:22px 0;padding:20px;border-left:3px solid var(--accent);background:#edf3f1}.rule-box{margin-top:70px;padding:30px;border:1px solid var(--line);background:#fff}.rule-box dl{margin:0}.rule-box dl div{display:grid;grid-template-columns:180px 1fr;gap:25px;padding:15px 0;border-top:1px solid var(--line)}.rule-box dt{font-weight:650}.rule-box dd{margin:0;color:var(--muted)}
@media(max-width:800px){.shell{width:min(100% - 32px,var(--max))}.header-inner{min-height:64px}.site-header nav{gap:18px}.hero{min-height:auto;grid-template-columns:1fr;gap:40px;padding-block:62px}.hero h1{font-size:44px}.section{padding-block:65px}.section-heading,.split{grid-template-columns:1fr;gap:20px}.text-link{justify-self:start}.category-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.tool-list section{grid-template-columns:1fr}.tool-list section>h2{padding-bottom:15px}.tool-row{border-left:0}.calc-grid{grid-template-columns:1fr}.input-side{border-right:0;border-bottom:1px solid var(--line)}.input-side,.result-side{padding:30px}}
@media(max-width:520px){.site-header .brand span:last-child{display:none}.site-header nav{gap:15px}.hero h1,.page-heading h1{font-size:38px}.lede{font-size:17px}.category-grid{grid-template-columns:1fr}.category{min-height:auto}.tabs{padding-inline:5px}.tabs button{padding-inline:13px;font-size:12px}.input-side,.result-side{padding:24px 20px}.result{font-size:52px}.footer-grid{grid-template-columns:1fr}.rule-box dl div{grid-template-columns:1fr;gap:4px}.page-main{padding-bottom:70px}.breadcrumbs{margin-bottom:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}