:root{--ink:#162b38;--muted:#52616b;--brass:#a5772f;--paper:#f6f5f0;--line:#d9dfdf;--navy:#102c3c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#835c20}header,main,footer{max-width:1200px;margin:auto;padding:26px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;font-weight:800;font-size:19px;letter-spacing:-.5px}.brand span{display:block;font-size:10px;letter-spacing:2.5px;font-weight:600;color:var(--brass)}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--brass)}h1{font-size:clamp(32px,4.4vw,54px);line-height:1.12;letter-spacing:-1.8px;max-width:900px;margin:18px 0}h2{font-size:24px;line-height:1.3;letter-spacing:-.5px}h3{line-height:1.3}.intro{padding:38px 0 28px}.lede{color:var(--muted);font-size:18px;max-width:760px}.benefits{font-size:13px;color:var(--muted)}.home-hero{padding:50px 0 46px;position:relative}.home-hero h1{max-width:780px;font-size:clamp(40px,5.8vw,68px)}.home-hero .lede{max-width:630px}.hero-rule{width:70px;height:4px;background:var(--brass);margin-top:30px}.directory{padding:10px 0 28px}.group-heading{display:flex;align-items:center;gap:18px}.group-heading:after{content:'';height:1px;background:var(--line);flex:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:8px;padding:24px;text-decoration:none;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--brass);transform:translateY(-2px)}.card h3{font-size:18px;margin:0 0 10px}.card p{font-size:14px;color:var(--muted);margin:0 0 20px}.card span{margin-top:auto;font-size:13px;color:#805a20;font-weight:700}.calculator{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;align-items:start}.input-panel{padding:28px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h2{margin:0}.currency-label{max-width:110px;font-size:12px}label{display:block;font-size:14px;font-weight:600;margin-bottom:17px}input,select,button{font:inherit}input,select{display:block;width:100%;min-height:46px;padding:10px 12px;border:1px solid #acb9bf;border-radius:5px;color:var(--ink);background:#fff;margin-top:6px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #bf9147;outline-offset:3px}button{cursor:pointer;border:1px solid #9caeb6;background:white;color:var(--ink);border-radius:5px;padding:11px 18px;font-size:14px;font-weight:650}button:hover{background:#edf0ef}button:disabled{opacity:.5;cursor:default}.primary{background:var(--navy);color:white;border-color:var(--navy)}.primary:hover{background:#294958}.result-panel{background:var(--navy);color:#fff;padding:30px;min-height:100%;min-width:0}.result-panel .eyebrow{color:#dbb877}.metric{padding:15px 0;border-bottom:1px solid #ffffff25}.metric span{display:block;font-size:13px;color:#d5e0e5}.metric strong{font-size:24px;font-variant-numeric:tabular-nums;font-weight:650;display:block;overflow-wrap:anywhere}.main-metric strong{font-size:clamp(36px,4vw,54px);letter-spacing:-1.5px}.result-note{color:#c8d6dd;font-size:12px;margin-top:26px}.hint{font-size:12px;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:700;margin-bottom:10px}.entry{background:#f5f6f3;border:1px solid var(--line);padding:16px;border-radius:5px;margin-bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.entry label:first-child{grid-column:1/-1}.entry button{justify-self:start;grid-column:1/-1;font-size:12px;padding:7px 12px}.copy{max-width:820px;padding:24px 0}.copy section{margin-bottom:30px}.formula{background:#edece4;border-left:3px solid var(--brass);padding:18px 22px}.example{border:1px solid var(--line);border-radius:6px;padding:20px 24px;background:white}.example h3{margin-top:0}details{border-bottom:1px solid var(--line);padding:15px 0}summary{font-weight:650;cursor:pointer}.related{display:flex;gap:10px;flex-wrap:wrap}.related a{font-size:14px;border:1px solid var(--line);padding:10px 14px;border-radius:4px;background:#fff}table{width:100%;border-collapse:collapse;font-size:13px;margin-top:20px}caption{text-align:left;font-weight:650;padding-bottom:10px}th,td{text-align:left;padding:9px 7px;border-bottom:1px solid #ffffff30}td{font-variant-numeric:tabular-nums}.table-scroll{overflow:auto}.class-counts{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;margin-top:20px}footer{border-top:1px solid var(--line);margin-top:50px;padding-top:35px;padding-bottom:40px;color:var(--muted);font-size:12px}footer nav{display:grid;grid-template-columns:repeat(4,1fr);font-size:12px;gap:10px 20px;margin:24px 0}footer .legal{display:flex;gap:20px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:10px;z-index:10}[hidden]{display:none!important}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.calculator{grid-template-columns:1fr}.result-panel{min-height:0}footer nav{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header,main,footer{padding-left:20px;padding-right:20px}header{align-items:start}header nav{gap:12px;font-size:12px}.brand{font-size:15px}.brand span{font-size:8px;letter-spacing:1.4px}.cards{grid-template-columns:1fr}.home-hero{padding-top:30px}.intro{padding-top:24px}.input-panel,.result-panel{padding:22px}.entry{grid-template-columns:1fr}.entry label{grid-column:1}.card{padding:22px}h1{letter-spacing:-1px}footer nav{gap:12px}.actions button{flex-grow:1}}@media print{body{background:white;color:#000;font-size:11pt}header,footer,.actions,.hint,#share-output,#notice,.related,.currency-label,#custom-wrap,.entry button,#add-row,.skip{display:none!important}main{padding:0;max-width:none}.intro{padding:0}h1{font-size:25pt}.calculator{display:block;border:0}.input-panel,.result-panel{padding:10px 0;background:white;color:#000}.metric span,.result-note{color:#333}.main-metric strong{font-size:30pt}#fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}fieldset{grid-column:1/-1}input,select{border:0;padding:0;min-height:0;color:#000;appearance:none}label{margin-bottom:8px}#results{break-inside:avoid}details{display:block}details p{display:block}.copy{padding-top:10px}.result-panel .eyebrow{color:#000}.metric{border-bottom:1px solid #ccc}.entry{break-inside:avoid}th,td{border-bottom:1px solid #ccc}}

.embed-code{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:8px;background:white}.embed-code h2{margin-top:0}.embed-code textarea{width:100%;font:12px/1.5 monospace;resize:vertical;padding:10px}/* Compact widget controls; full-page layouts retain their existing rules. */
.embed{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.embed main{flex:1;min-height:0;overflow:auto;width:100%;padding:10px;max-width:760px;margin:0 auto}
.embed h1{font-size:22px;line-height:1.15;letter-spacing:-.7px;margin:0 0 8px}
.embed .calculator{grid-template-columns:1fr}
.embed .input-panel,.embed .result-panel{padding:10px}
.embed .panel-heading h2{display:none}
.embed .panel-heading{justify-content:flex-start}
.embed label{font-size:12px;line-height:1.3;margin-bottom:6px}
.embed .currency-label{display:flex;align-items:center;gap:8px;max-width:none;margin-bottom:6px}
.embed .currency-label select{width:auto;min-width:90px;margin-top:0}
.embed input,.embed select{min-height:40px;padding:6px 9px}
.embed .hint{margin:6px 0}
.embed .input-panel>.hint{line-height:1.35}
.embed .result-panel>.eyebrow{margin:0 0 4px}
.embed .metric{padding:5px 0}
.embed .main-metric{line-height:1.3}
.embed .main-metric strong{font-size:34px}
.embed .result-note{margin:6px 0 0}
.embed #fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.embed #fields>fieldset{grid-column:1/-1}
.embed .entry{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;padding:6px;margin-bottom:5px;gap:0 8px}
.embed .entry label{grid-column:auto;min-width:0;margin-bottom:4px}
.embed .entry label:first-child{grid-column:1/-1;line-height:18px}
.embed .entry input{margin-top:4px}
.embed .entry button{grid-column:1/-1;position:absolute;top:4px;right:6px;min-height:22px;padding:2px 6px;font-size:11px;line-height:16px}
.embed #add-row{padding:6px 12px}
.embed #notice:empty,.embed #share-output:empty{display:none}
.powered-by{flex:none;text-align:center;padding:10px 8px;background:var(--navy);color:white;font-size:13px;font-weight:650;border-top:1px solid var(--line)}
.powered-by a:hover{color:#dbb877}
@media print{.embed-code{display:none!important}}