:root{--bg:#f6f8fa;--surface:#fff;--text:#17212b;--muted:#5b6875;--line:#dfe5eb;--accent:#204e75;--accent-2:#173954;--focus:#8bc6f0;--success:#1f6b46;--radius:14px}*{box-sizing:border-box}[hidden]{display:none!important}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;line-height:1.55}a{color:var(--accent)}a:hover{text-decoration-thickness:2px}.wrap{width:min(1120px,calc(100% - 32px));margin-inline:auto}header{background:var(--surface);border-bottom:1px solid var(--line)}.nav{min-height:68px;display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}.brand{font-weight:800;text-decoration:none;color:var(--text)}nav a{margin-left:18px;text-decoration:none;color:var(--muted)}main{padding:30px 0 72px}.hero{max-width:820px;margin-bottom:26px}.hero h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.05;margin:.2em 0}.eyebrow{font-weight:800;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 22px #17212b0f}.content-card{padding:26px;margin-top:24px}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}@media(max-width:820px){.grid{grid-template-columns:1fr}main{padding-top:20px}.nav{padding-block:12px}.nav nav{width:100%;display:flex;gap:10px 14px;flex-wrap:wrap;overflow:visible;padding-bottom:2px}.nav nav a{margin-left:0;white-space:nowrap}}label{font-weight:700;display:block;margin-bottom:6px}input,select{width:100%;padding:12px 13px;border:1px solid #c9d3dd;border-radius:10px;background:#fff;font:inherit}input:focus,select:focus{outline:3px solid var(--focus);border-color:var(--accent)}.field{margin-bottom:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.row{grid-template-columns:1fr}}button{cursor:pointer;border:0;border-radius:10px;padding:13px 16px;font-weight:800;font:inherit}.primary{background:var(--accent);color:#fff}.secondary{background:#e9eef3;color:var(--text)}.result{padding:22px}.result-primary{font-size:2.45rem;font-weight:900;line-height:1.05}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.metric{border-top:1px solid var(--line);padding-top:12px}.metric strong{display:block;font-size:1.12rem}.note{font-size:.9rem;color:var(--muted);padding:12px;background:#f3f6f8;border-radius:10px}.error{color:#9b2c2c;font-weight:700;padding:10px 12px;background:#fff2f2;border:1px solid #f3c2c2;border-radius:10px}.actions{display:flex;gap:10px;flex-wrap:wrap}.tool-list{display:grid;gap:14px}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.link-grid a{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#fff}.link-grid a span{color:var(--muted);font-size:.92rem}.link-grid a:hover{border-color:#aabac8;box-shadow:0 3px 12px #17212b0d}@media(max-width:720px){.link-grid{grid-template-columns:1fr}}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f3f6f8;padding:3px 7px;border-radius:6px}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--text);color:#fff;padding:10px 14px;border-radius:8px;z-index:100}.skip-link:focus{left:8px}.breadcrumbs{margin:0 0 20px;font-size:.9rem;color:var(--muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.breadcrumbs li:not(:last-child):after{content:"›";margin-left:6px;color:#8a97a4}.breadcrumbs a{text-decoration:none}.breadcrumbs [aria-current=page]{font-weight:700;color:var(--text)}.hub-section{margin-top:30px}.hub-section h2{margin-bottom:10px}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#eaf0f5;color:var(--accent-2);font-size:.8rem;font-weight:800}.prose{max-width:820px}.prose li{margin:.45rem 0}.callout{border-left:4px solid var(--accent);padding:14px 16px;background:#eef5fa;border-radius:0 10px 10px 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:24px}.footer-links{display:flex;flex-direction:column;gap:7px}.footer-links a{color:var(--muted)}@media(max-width:720px){.footer-grid{grid-template-columns:1fr}}footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:.92rem}footer strong{color:var(--text)}