:root {
  --navy:#173b63; --blue:#22547f; --pale:#dcecf6; --paper:#f4f7f9;
  --ink:#172433; --muted:#667484; --border:#cad8e2; --yellow:#fff2c8;
  --green:#e4f2dc; --red:#c72d2d; --orange:#d07a2d;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
button,input{font:inherit}
.hero{background:linear-gradient(120deg,#102f51,#22547f);color:white;display:flex;justify-content:space-between;gap:24px;padding:28px max(20px,calc((100vw - 1460px)/2))}
.hero h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;margin:4px 0 8px}.hero p{color:#dceaf4;margin:0}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.13em}
.actions{align-self:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.actions span{flex-basis:100%;font-size:.8rem;text-align:right}.actions button{background:white;border:0;border-radius:999px;color:var(--navy);cursor:pointer;font-weight:800;padding:10px 15px}.actions .secondary{background:transparent;border:1px solid #bcd1e0;color:white}
.tabs{background:white;border-bottom:1px solid var(--border);display:flex;gap:6px;overflow:auto;padding:11px max(20px,calc((100vw - 1460px)/2));position:sticky;top:0;z-index:5}.tabs button{background:transparent;border:0;border-radius:999px;color:#566576;cursor:pointer;font-weight:800;padding:10px 16px;white-space:nowrap}.tabs button.active{background:var(--navy);color:white}
main{margin:auto;max-width:1460px;padding:22px}.tab-panel{display:none}.tab-panel.active{display:block}
.intro{align-items:center;background:white;border:1px solid var(--border);border-left:6px solid var(--orange);border-radius:14px;display:flex;justify-content:space-between;margin-bottom:18px;padding:18px 20px}.intro h2{color:var(--navy);font-size:2rem;margin:0 0 5px}.intro p{color:var(--muted);margin:0}.badge{background:var(--green);border-radius:999px;color:#315923;font-size:.8rem;font-weight:800;padding:8px 11px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.grid-ion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.card{background:white;border:1px solid var(--border);border-radius:13px;box-shadow:0 10px 28px rgba(27,55,82,.07);margin-bottom:17px;overflow:hidden}.card h3{background:var(--navy);color:white;font-size:1rem;margin:0;padding:13px 15px}.card-body{padding:14px}
.info{margin:0}.info div{border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(130px,30%) 1fr}.info dt{background:var(--pale);color:var(--navy);font-weight:800;padding:9px 11px}.info dd{margin:0;padding:9px 11px}
.table-wrap{overflow:auto}table{border-collapse:collapse;font-size:.86rem;width:100%}th{background:var(--pale);color:var(--navy);text-align:left}th,td{border-bottom:1px solid var(--border);padding:7px 8px}
input{border:1px solid #e2ca72;border-radius:6px;min-width:70px;padding:7px 8px;width:100%}input[type=number]{background:var(--yellow)}input[type=text]{border-color:var(--border)}
.results{padding:10px}.result{align-items:center;background:var(--green);border:1px solid #c7dfbb;display:flex;justify-content:space-between;margin:6px 0;padding:9px}.result strong{color:#24531d}
.input-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px}.input-row label{color:var(--navy);display:grid;font-size:.78rem;font-weight:800;gap:5px}
.chart{border:1px solid var(--border);border-radius:10px;margin:10px;padding:10px}.chart h4{color:var(--navy);margin:0 0 4px;text-align:center}.chart canvas{display:block;height:240px;width:100%}.equation{background:#eef6fb;border-radius:6px;color:var(--navy);font-size:.76rem;padding:7px;text-align:center}.warning{background:#fff4e4;border-left:4px solid var(--orange);color:#754816;padding:10px}
.workflow ol{line-height:1.45;margin:0;padding:14px 20px 18px 40px}.workflow li{border-bottom:1px solid var(--border);padding:6px}
.formula-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.formula-strip div{background:white;border:1px solid var(--border);border-radius:10px;padding:12px}.formula-strip strong{color:var(--navy);display:block;font-size:1.3rem}
.print-heading{display:none}
@media(max-width:1050px){.grid-3,.grid-ion{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
@media(max-width:680px){.hero{flex-direction:column;padding:22px 17px}.actions{justify-content:flex-start}.actions span{text-align:left}.intro{align-items:flex-start;flex-direction:column;gap:10px}.grid-2,.input-row,.formula-strip{grid-template-columns:1fr}main{padding:15px}.info div{grid-template-columns:1fr}}
@media print{
  body{background:white}.hero,.tabs,.actions{display:none!important}main{max-width:none;padding:0}.tab-panel{display:none!important}.tab-panel.active{display:block!important}.card{break-inside:avoid;box-shadow:none}.intro{box-shadow:none}.chart canvas{max-height:210px}.grid-3,.grid-ion,.grid-2{grid-template-columns:1fr 1fr}.print-heading{display:block}
}