:root{--canvas:#f5f7fb;--card:#fff;--ink:#101a2e;--muted:#5c6779;--line:#dce3ed;--accent:#1f56ea;--soft:#eaeffe;--good:#0f7b4a;--mono:ui-monospace,"SF Mono",Consolas,monospace;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.6 var(--sans)}a{color:var(--accent)}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(1060px,calc(100% - 36px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}.brand{color:var(--ink);font-weight:800;font-size:1.18rem;text-decoration:none;letter-spacing:-.025em}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:8px;background:var(--accent);color:#fff;font:700 16px var(--mono)}.header-nav{display:flex;gap:18px;flex-wrap:wrap}.header-nav a{font-size:.92rem;text-decoration:none}.header-nav a:hover{text-decoration:underline}.breadcrumb{margin:25px 0 12px;color:var(--muted);font-size:.88rem}.breadcrumb a{text-decoration:none}.eyebrow{color:var(--accent);font-size:.77rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.page-intro{margin:0 0 24px}.page-intro h1{max-width:850px;margin:8px 0 10px;font-size:clamp(2rem,4.5vw,3.3rem);line-height:1.12;letter-spacing:-.045em}.page-intro p{max-width:750px;margin:0;color:var(--muted);font-size:1.06rem}.tool-card,.content-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px rgba(16,26,46,.055)}.tool-card{padding:25px;margin:24px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field label{display:block;margin-bottom:7px;font-weight:700}.field input,.field select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #bfcadd;border-radius:9px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus{outline:3px solid #b8c9ff;outline-offset:1px;border-color:var(--accent)}.field-help{margin:6px 0 0;color:var(--muted);font-size:.85rem}.results{margin-top:22px;border-top:1px solid var(--line);padding-top:21px}.results h2{margin:0 0 12px;font-size:1.2rem}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fafcff}.result .label{display:block;color:var(--muted);font-size:.84rem}.result strong{display:block;margin-top:3px;font:700 clamp(1rem,2.4vw,1.35rem)/1.35 var(--mono);overflow-wrap:anywhere}.result.primary{background:var(--soft);border-color:#c5d3ff}.result.primary strong{color:#183fb0}.error{padding:14px;border-radius:9px;background:#fff1ec;color:#983b1d}.note{color:var(--muted);font-size:.92rem}.content-card{padding:23px 25px;margin:18px 0}.content-card h2{margin:0 0 8px;font-size:1.35rem}.content-card p{margin:8px 0}.content-card ul{margin:8px 0;padding-left:22px}.related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.related a{display:block;padding:16px 18px;border:1px solid #c7d5ff;border-radius:11px;background:var(--soft);font-weight:700;text-decoration:none}.related a:hover{background:#dbe5ff}.site-footer{margin-top:45px;border-top:1px solid var(--line);padding:24px 0 35px;color:var(--muted);font-size:.87rem}.site-footer a{color:inherit}code{font-family:var(--mono);font-size:.92em}::selection{background:#c5d3ff}@media(max-width:650px){.header-row{align-items:flex-start;flex-direction:column;padding:14px 0}.header-nav{gap:9px 16px}.form-grid,.result-grid,.related{grid-template-columns:1fr}.tool-card,.content-card{padding:18px}.page-intro h1{font-size:2.15rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}