:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0d1526;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{width:min(1288px,calc(100% - 64px));margin-inline:auto}.site-header{border-bottom:1px solid #dce4e7}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:780;letter-spacing:-.055em;font-size:2.8rem;color:#09626a;text-decoration:none}.header-note{font-size:1.22rem;color:#42516a}.leaf{color:#228a3d;font-size:1.7em;line-height:0;vertical-align:-.11em;margin-left:.2em}.intro{margin:37px 0 35px}.intro h1{font-size:clamp(2.7rem,4.1vw,3.65rem);line-height:1.1;letter-spacing:-.06em;margin:0 0 8px;font-weight:760}.intro p{font-size:1.46rem;line-height:1.4;color:#53627b;margin:0}.workspace{display:grid;grid-template-columns:minmax(380px,486px) 1fr;gap:28px}.inputs-panel,.results-panel,.methodology{border:1px solid #d7e2e9;border-radius:7px}.inputs-panel{padding:23px 26px 32px;background:linear-gradient(115deg,#fff,#f8fafb)}.workspace h2{font-size:2rem;letter-spacing:-.055em;line-height:1.2;margin:0 0 20px}.field-row{display:grid;grid-template-columns:1fr 205px;align-items:center;gap:12px;margin:0 0 18px}.field-row label{font-size:1.12rem;color:#344860}.number-wrap{display:flex;align-items:stretch;min-height:51px;border:1px solid #cad9e2;border-radius:7px;background:#fff;overflow:hidden}.number-wrap:focus-within{outline:3px solid #9cddce;outline-offset:2px}.number-wrap input{min-width:0;width:100%;padding:10px 15px;border:0;outline:0;font:500 1.14rem/1.2 inherit;color:#10182a;background:transparent}.number-wrap input::-webkit-outer-spin-button,.number-wrap input::-webkit-inner-spin-button{appearance:none;margin:0}.number-wrap span{display:grid;place-items:center;min-width:57px;padding:0 8px;background:#f3f7f9;color:#5d718a;border-left:1px solid #e2e9ed}.calculate{width:100%;min-height:62px;border:0;border-radius:8px;background:#00646a;color:#fff;font:650 1.25rem/1.2 inherit;cursor:pointer;margin-top:19px}.calculate:hover{background:#00545b}.calculate:focus-visible{outline:3px solid #4a9c81;outline-offset:3px}.calculate span{font-size:1.6rem;margin-left:7px}.error{color:#a12d2d;font-size:.95rem}.results-panel{padding:23px 26px 20px;background:linear-gradient(115deg,#f8fdf9,#f4faf5);border-color:#d3e9d8}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:17px 0 33px}.metrics>div{padding:3px 17px 4px 0;min-width:0}.metrics>div+div{padding-left:28px;border-left:1px solid #d4e7d8}.metric-label{display:block;color:#263d54;font-size:1rem;white-space:nowrap}.metrics strong{display:block;margin-top:8px;color:#006337;font-size:clamp(2.3rem,3.45vw,3.7rem);font-weight:760;letter-spacing:-.065em;line-height:1.1;white-space:nowrap}.metrics small{font-size:.7em;font-weight:700}.results-panel h3{font-size:1.15rem;letter-spacing:-.02em;margin:0 0 22px}.results-panel h3 span{font-weight:500;color:#3d5064}.chart-wrap{display:grid;grid-template-columns:70px 1fr;gap:4px;align-items:center}.chart-y-label{color:#3d5064;font-size:.95rem;line-height:1.1}.chart{min-height:214px;position:relative;padding:0 14px 30px 18px}.grid-lines{position:absolute;left:18px;right:14px;top:0;bottom:49px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#c9dcd7 calc(25% - 1px),#c9dcd7 25%);border-bottom:1px solid #8ea9a5}.bars{height:165px;display:flex;align-items:flex-end;justify-content:space-around;gap:18px;position:relative}.bar-group{height:100%;width:min(23%,112px);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar-group strong{font-size:.89rem;line-height:1;white-space:nowrap;margin-bottom:4px}.bar{display:block;width:100%;background:linear-gradient(160deg,#0e8882,#137d7d);min-height:2px}.bar-label{position:absolute;top:calc(100% + 6px);font-size:.95rem;color:#344860}.chart-x-label{position:absolute;bottom:0;left:18px;right:14px;text-align:center;color:#344860;font-size:.9rem}.caution{background:#e6f4e8;border:1px solid #d4e9d7;border-radius:7px;padding:13px 19px;color:#286342;font-size:1rem;margin:23px 0 0}.caution .leaf{font-size:1.8em;margin:0 12px 0 0}.methodology{display:grid;grid-template-columns:1.1fr .88fr 1.12fr;align-items:center;gap:0;margin:30px 0 0;padding:24px 30px;background:#fbfcfd}.method-heading{display:flex;align-items:center;gap:20px}.method-icon{font-size:2.8rem;color:#465c68}.methodology h2{font-size:1.2rem;margin:0 0 4px;letter-spacing:-.02em}.methodology p{font-size:.97rem;color:#35485e;line-height:1.42;margin:0}.method-heading p,.methodology small{color:#65778d}.methodology>p{padding-left:36px;border-left:1px solid #d5e0e5}.footnote{font-size:.86rem;color:#66778b;margin:16px 0 40px}@media(max-width:900px){.shell{width:min(730px,calc(100% - 32px))}.header-inner{min-height:68px}.brand{font-size:2rem}.header-note{font-size:.95rem}.intro{margin:30px 0 25px}.intro p{font-size:1.1rem}.workspace{grid-template-columns:1fr}.metrics strong{font-size:2.8rem}.methodology{grid-template-columns:1fr;gap:18px}.methodology>p{border:0;padding:0}}@media(max-width:540px){.shell{width:calc(100% - 24px)}.header-note{display:none}.intro h1{font-size:2.12rem}.intro p{font-size:.98rem}.inputs-panel,.results-panel{padding:18px 16px}.workspace h2{font-size:1.5rem}.field-row{grid-template-columns:1fr 105px;gap:8px;margin-bottom:12px}.field-row label{font-size:.85rem}.number-wrap{min-height:42px}.number-wrap input{padding:8px;font-size:.9rem}.number-wrap span{min-width:31px;font-size:.8rem}.calculate{min-height:48px;font-size:1rem}.metrics{grid-template-columns:1fr;gap:9px;margin:4px 0 22px}.metrics>div,.metrics>div+div{padding:0;border:0}.metric-label{font-size:.85rem}.metrics strong{font-size:2rem;margin-top:1px}.results-panel h3{font-size:.98rem;margin-bottom:13px}.chart-wrap{grid-template-columns:45px 1fr}.chart-y-label{font-size:.74rem}.chart{padding-left:6px;padding-right:3px}.grid-lines{left:6px;right:3px}.bars{gap:8px}.bar-group{width:27%}.bar-group strong{font-size:.72rem}.bar-label,.chart-x-label{font-size:.75rem}.caution{font-size:.78rem;padding:10px}.methodology{padding:16px;margin-top:17px}.methodology p{font-size:.84rem}}

/* Keep labels and control type readable at narrower desktop widths. */
.number-wrap input{font-family:inherit;font-size:1.14rem;font-weight:500;line-height:1.2}
.calculate{font-family:inherit;font-size:1.25rem;font-weight:650;line-height:1.2}
.metric-label{white-space:normal;min-height:2.35em;line-height:1.18;font-size:.94rem}
.metrics strong{font-size:clamp(2.15rem,3.25vw,3.45rem)}
@media(max-width:540px){.number-wrap input{font-size:.9rem}.calculate{font-size:1rem}.metric-label{min-height:0}}