.sml-dcf{--ink:#10233f;--muted:#53647a;--line:#dce4ed;--blue:#1769e0;--navy:#0b2344;--wash:#f4f8fc;max-width:1120px;margin:0 auto;color:var(--ink)}
.sml-dcf *{box-sizing:border-box}.sml-dcf__lede{font-size:1.1rem;max-width:820px;color:var(--muted)}
.sml-dcf__app{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:start;margin:28px 0}
.sml-dcf__form,.sml-dcf__results,.sml-dcf__details,.sml-dcf__guide{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(11,35,68,.06)}
.sml-dcf__form{padding:24px}.sml-dcf fieldset{border:0;padding:0;margin:0 0 22px}.sml-dcf legend{font-size:1.15rem;font-weight:750;margin-bottom:14px}
.sml-dcf__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sml-dcf label{display:flex;flex-direction:column;gap:6px;font-weight:700}.sml-dcf label span{font-size:.78rem;font-weight:400;color:var(--muted)}
.sml-dcf input,.sml-dcf select{width:100%;border:1px solid #b9c7d8;border-radius:8px;background:#fff;color:var(--ink);font:inherit;padding:10px 12px}.sml-dcf input:focus,.sml-dcf select:focus{outline:3px solid rgba(23,105,224,.2);border-color:var(--blue)}
.sml-dcf__percent{display:flex!important;align-items:center;border:1px solid #b9c7d8;border-radius:8px;overflow:hidden}.sml-dcf__percent:focus-within{outline:3px solid rgba(23,105,224,.2);border-color:var(--blue)}.sml-dcf__percent input{border:0;border-radius:0;outline:0!important}.sml-dcf__percent b{padding:0 12px;font-size:1rem;color:var(--ink)}
.sml-dcf__toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.sml-dcf__toolbar label{min-width:150px}.sml-dcf button{border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer}.sml-dcf__secondary{background:#e9f1fb;color:var(--navy)}.sml-dcf__secondary:hover{background:#d8e8fb}.sml-dcf__unit{font-size:.84rem;color:var(--muted);background:var(--wash);padding:12px;border-radius:8px}
.sml-dcf button:focus-visible{outline:3px solid rgba(23,105,224,.35);outline-offset:2px}.sml-dcf__mode{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.sml-dcf__mode label{display:flex;flex-direction:row;align-items:center;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--wash);font-size:.9rem}.sml-dcf__mode input{width:auto;margin:0 8px 0 0}
.sml-dcf__results{padding:26px;position:sticky;top:24px;background:linear-gradient(155deg,var(--navy),#123d70);color:#fff}.sml-dcf__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#a8cdf8;margin:0}.sml-dcf__results h2{color:#fff;font-size:1.1rem;margin:.4rem 0}.sml-dcf__headline{font-size:clamp(2.4rem,6vw,4.2rem);line-height:1;font-weight:800;margin:16px 0}.sml-dcf__comparison{color:#d9e9fb}.sml-dcf__metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sml-dcf__metrics div{background:rgba(255,255,255,.08);padding:12px;border-radius:8px}.sml-dcf__metrics span{display:block;font-size:.75rem;color:#bcd4ee}.sml-dcf__metrics strong{display:block;margin-top:4px}.sml-dcf__microcopy{font-size:.74rem;color:#bcd4ee;margin-bottom:0}
.sml-dcf__error,.sml-dcf__warning{padding:12px 14px;border-radius:8px;margin:12px 0}.sml-dcf__error{background:#fff0f0;color:#8a1c1c;border:1px solid #efb4b4}.sml-dcf__warning{background:#fff4cf;color:#3b2b00}
.sml-dcf__details,.sml-dcf__guide{padding:26px;margin:24px 0}.sml-dcf__table-wrap{overflow-x:auto}.sml-dcf table{width:100%;border-collapse:collapse;min-width:560px}.sml-dcf th,.sml-dcf td{padding:10px;border:1px solid var(--line);text-align:right;white-space:nowrap}.sml-dcf th:first-child{text-align:left}.sml-dcf thead th{background:var(--wash)}.sml-dcf td.is-base{background:#dcecff;font-weight:800;outline:2px solid var(--blue);outline-offset:-2px}
.sml-dcf__guide{box-shadow:none}.sml-dcf__guide h2{margin-top:1.6em}.sml-dcf__guide h2:first-child{margin-top:0}
@media(max-width:780px){.sml-dcf__app{grid-template-columns:1fr}.sml-dcf__results{position:static}.sml-dcf__fields{grid-template-columns:1fr}.sml-dcf__form,.sml-dcf__results,.sml-dcf__details,.sml-dcf__guide{padding:18px;border-radius:12px}.sml-dcf__metrics{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.sml-dcf__metrics{grid-template-columns:1fr}.sml-dcf__toolbar{align-items:stretch}.sml-dcf__toolbar>*{width:100%}}