*{box-sizing:border-box}html{font:17px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#193b44;background:#f7f6f0}body{margin:0}a{color:#1d625e;text-underline-offset:.2em}a:hover{color:#123b40}button,input,textarea{font:inherit}:focus-visible{outline:3px solid #b85b0b;outline-offset:3px}header,main,footer{max-width:1190px;margin:auto;padding:24px 30px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #d7ded8}.brand{font-size:1.6rem;font-weight:800;letter-spacing:-.045em;color:#193b44;text-decoration:none}.brand span{display:block;font-size:.73rem;font-weight:500;letter-spacing:0;color:#536761}nav,footer div,.links{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:.9rem}.intro{max-width:800px;padding:28px 0 35px}h1{font-size:clamp(2rem,4.3vw,3.3rem);line-height:1.12;letter-spacing:-.045em;margin:.25em 0 .55em}h2{font-size:1.35rem;letter-spacing:-.025em}h3{font-size:1.05rem;margin-top:1.7em}.lead{font-size:1.16rem;color:#435d61}.eyebrow{font-size:.72rem;letter-spacing:.13em;font-weight:750;color:#536d60}.workspace{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.35fr);gap:24px;align-items:start}.input-card,.output-card{background:#fff;border:1px solid #d8e0d9;border-radius:18px;padding:26px;min-width:0;box-shadow:0 4px 20px #17324705}.output-card{border-top:5px solid #447858}fieldset{border:0;margin:0;padding:0;min-width:0}.field{display:flex;flex-direction:column;gap:5px;margin:0 0 20px}label{font-weight:650;font-size:.91rem}input,textarea{width:100%;min-width:0;padding:10px 12px;border:1px solid #a4b4ac;border-radius:7px;color:#193b44;background:#fff}input[aria-invalid=true]{border:2px solid #a3312b}.hint,.small,.exact{font-size:.81rem;color:#5a6b66}.hint{line-height:1.4}.buttons{display:flex;gap:10px;flex-wrap:wrap}button{border:1px solid #2b614d;border-radius:7px;background:#2b614d;color:white;padding:10px 15px;font-size:.86rem;font-weight:650;cursor:pointer}button.secondary{background:white;color:#2b614d}button:disabled{opacity:.4;cursor:default}.note{background:#f0f5ec;border-radius:9px;padding:16px;margin-top:24px;font-size:.87rem}.note p{margin:.4em 0}.note strong{color:#355744}#error{color:#a3312b;font-size:.9rem;min-height:1.4em}#error:empty{margin-bottom:0}.big-result{font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:760;letter-spacing:-.04em;line-height:1.12;margin:.35em 0;color:#2b614d;overflow-wrap:anywhere}.range{border-top:1px solid #dde5db;border-bottom:1px solid #dde5db;padding:9px 0;margin:22px 0}.range p{margin:.3em 0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.metric{min-width:0}.metric dt{font-size:.8rem;color:#536b60}.metric dd{margin:5px 0;font-weight:650;overflow-wrap:anywhere}.metric dd.exact{font-size:.74rem;font-weight:400}.exact{overflow-wrap:anywhere}.nearest{font-size:1.15rem;overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:.8rem}th,td{text-align:left;border-bottom:1px solid #dfe6db;padding:8px 9px}th{background:#f0f5ec}td{white-space:nowrap}.table-wrap{max-width:100%;overflow-x:auto;border-radius:6px}.reading{max-width:790px;margin:35px auto 50px}.reading h2{margin-top:1.8em}.reading li{margin-bottom:.6em}.reading p{overflow-wrap:anywhere}.email{overflow-wrap:anywhere}.links{margin-top:22px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f5ec;padding:14px;border-radius:7px;font-size:.85rem}footer{border-top:1px solid #d7ded8;margin-top:48px;font-size:.86rem;color:#536761}.skip{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:2}.skip:focus{top:10px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#copy-status{font-size:.82rem;color:#375946}textarea{resize:vertical}@media(max-width:850px){.workspace{grid-template-columns:1fr}.intro{padding-top:22px}}@media(max-width:480px){header,main,footer{padding:20px 16px}header{align-items:start;gap:16px}.brand{font-size:1.4rem}.brand span{max-width:145px;font-size:.67rem}nav{gap:8px;flex-direction:column}.input-card,.output-card{padding:19px}.big-result{font-size:2rem}.intro .lead{font-size:1.05rem}h1{font-size:2.2rem}.reading{margin-top:25px}.metrics{grid-template-columns:1fr}.metric dd{font-size:.95rem}.metric dd.exact{font-size:.76rem}button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
