/* Homepage shapes and typography, with the calculator's original colour key. */
:root{font-family:'Nunito Sans',Arial,sans-serif;background:#f7f8fa;--line:#dfe3e6;--pink:#bf3568;color:#25252b}
body{background:#f7f8fa}
h1,h2,h3,.brand{font-family:'Plus Jakarta Sans','Nunito Sans',Arial,sans-serif;letter-spacing:0}
body>header{width:min(1440px,calc(100% - 48px));margin:22px auto 0;padding:17px 24px;border:1px solid #e1e4e8;border-radius:999px;background:#fff;color:#25252b;box-shadow:0 12px 38px #2020240b;gap:24px}
.brand{color:#25252b;font-size:15px;font-weight:700;flex-shrink:0}.brand small{color:#64646e;font-size:11px}.monogram{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-size:25px;background:#202024;color:#fff}
.school-links{border:0;display:flex;align-items:center;gap:22px}.school-links a{font-size:13px;font-weight:700;text-decoration:none;color:#62626c}.school-links a:hover{color:var(--pink)}.school-links .school-book{background:#202024;color:#fff;border-radius:999px;padding:12px 20px}
main{max-width:1440px;padding:32px 24px 40px}.page-title{margin-bottom:20px;gap:24px}h1{font-size:32px;line-height:1.3;max-width:750px}.eyebrow{font-size:11px;line-height:1.6}.badge{padding:9px 14px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:12px;flex-shrink:0}
button,select{border-radius:999px;min-height:42px;padding:10px 16px;font-weight:700;font-size:13px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#fbedf2;border-color:#d787a5}button:active:not(:disabled){background:#f7dce7}
.calculator-toolbar{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:0}.calculator-toolbar button{background:#fff;color:#4e4e59}.calculator-toolbar #print{background:#202024;color:#fff;border-color:#202024}
.scenario-strip{border-top:0;gap:36px;padding:22px 0;margin-bottom:24px}.scenario-strip small{font-size:12px}.scenario-strip b{font-size:19px}.local-status{color:#62626c}
.workspace{grid-template-columns:330px minmax(0,1fr);gap:32px}aside{border-radius:24px;padding:22px;box-shadow:0 8px 28px #25252b05}.aside-title h2{font-size:17px}.aside-title{margin-bottom:16px}
:root .input-group{margin-bottom:0;padding:10px 0}.input-group summary{font-size:13px;line-height:1.6;padding:8px 0;font-weight:800;min-height:38px}.field{margin:16px 0;gap:12px}.field span{font-size:13px;color:#55555f;max-width:160px}
input[type=number],input[type=text]{width:132px;min-height:43px;border-radius:12px;padding:10px;font-size:14px;background:#f7f8fa;border-color:#dfe3e6;font-weight:600}input:focus,select:focus{outline:3px solid #f0cada;outline-offset:2px;background:#fff}input[type=checkbox]{width:20px;height:20px;flex-shrink:0}
.note,.method p{color:#62626c;font-size:13px;line-height:1.7}.schedule-input{font-size:13px!important}.kenya-data p,.kenya-data li{font-size:13px}.kenya-data summary{min-height:35px;padding:6px 0}.kenya-data-heading h2{font-size:15px}
#views{background:#eceef1;padding:5px;border-radius:999px;border:0;width:fit-content;max-width:100%;gap:3px}#views button{min-height:41px;border:0;border-radius:999px;padding:9px 19px;color:#64646e;background:transparent}#views button.active{background:#fff;color:var(--pink);box-shadow:0 3px 10px #2020240c}
.result-heading{margin:26px 0 18px}.result-heading h2{font-size:20px;line-height:1.5}.year-controls{flex-wrap:wrap}.year-controls button{border-radius:999px;min-height:38px;padding:8px 13px;font-size:12px}.year-controls select{min-height:38px;padding:7px 10px}.year-controls button.active{background:#202024;color:#fff}
#simple-takeaway{padding:0 0 0 20px;border-left:4px solid var(--pink);margin:24px 0 28px}#simple-takeaway h2{font-size:19px}#simple-takeaway p{font-size:15px;line-height:1.8}#simple-takeaway .note{font-size:13px}
#summary{gap:18px}.metric{border-radius:24px;padding:24px;border-top:4px solid var(--tone);box-shadow:0 7px 22px #25252b05}.metric h3{font-size:16px;line-height:1.6;margin-bottom:12px;color:var(--tone)}.result-story{font-size:14px;line-height:1.75;min-height:48px}.metric small{font-size:12px}.metric strong{font-size:26px!important;line-height:1.5}.simple-numbers dt{font-size:13px}.simple-numbers dd{font-size:17px}.simple-numbers div{padding:14px 0}.simple-numbers div:last-child{padding-bottom:0}
.budget-result{border-radius:22px;padding:22px}.budget-result h3{font-size:15px;line-height:1.5}.budget-result p{font-size:13px;line-height:1.75}.budget-grid{gap:18px}.decision-lens h2,#affordability h2,#stress-results h2{font-size:19px;line-height:1.5}.priority-list li{font-size:14px;padding:16px 0}
.result-details{padding:18px 0}.result-details>summary{font-size:15px;min-height:42px;padding:8px 0}.result-details>summary:hover,.input-group summary:hover{color:var(--pink)}.result-cautions summary{min-height:34px;font-size:13px}.table-wrap{border-radius:16px}thead{background:#eef0f3}th,td{font-size:13px;padding:14px}.bar-track,.bar{height:15px;border-radius:999px}.bar-row{font-size:13px;grid-template-columns:160px minmax(0,1fr) 145px;gap:14px}
.trajectory-heading h2{font-size:19px}.trajectory-heading label{font-size:13px;flex-wrap:wrap}.chart-panel svg text,#trajectory-chart text{fill:#555560}.chart-legend,#trajectory-legend{font-size:12px;line-height:1.6}.chart-title h3{font-size:14px;line-height:1.6}.visual-tabs button{border-radius:999px;border:1px solid var(--line);margin:0;padding:9px 14px;font-size:12px}.visual-tabs .active{background:#202024;color:#fff;border-color:#202024}.flow strong{line-height:1.5}
#math-paywall .premium-inline-panel{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 10px 35px #20202408;padding:28px}#math-paywall .premium-inline-panel h3{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:23px;line-height:1.5}#math-paywall .premium-inline-button{background:var(--pink);border-radius:999px;min-height:48px}#math-paywall .premium-pass-upsell{border-radius:999px;color:#9c2851;border-color:#e9bacb;background:#fdf0f5}#math-paywall .premium-inline-panel-copy p{line-height:1.8;color:#62626c}#math-paywall .premium-inline-panel-meta{border-radius:18px;background:#f7f8fa}
.premium-consult-chip,.premium-restore-chip{position:static!important;display:inline-flex!important;margin:12px 0 0 12px!important;box-shadow:none!important}.premium-consult-chip{background:#202024!important;color:#fff!important}
@media(min-width:721px){aside{top:20px;max-height:calc(100vh - 40px)}}
@media(max-width:1100px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:24px}.field span{max-width:138px}input[type=text],input[type=number]{width:120px}.metric{padding:20px}.bar-row{grid-template-columns:125px minmax(0,1fr) 130px}}
@media(max-width:720px){body>header{width:calc(100% - 28px);margin:14px auto 0;border-radius:24px;padding:16px;flex-wrap:wrap;gap:16px}.school-links{width:100%;gap:16px;justify-content:space-between}.school-links a{font-size:12px}.school-links .school-book{padding:10px 14px}.monogram{width:42px;height:42px;font-size:23px}.brand{font-size:15px}main{padding:26px 14px 30px}h1{font-size:27px;line-height:1.35}.page-title{margin-bottom:18px}.calculator-toolbar{justify-content:flex-start;gap:7px;padding-bottom:16px}.calculator-toolbar button{padding:9px 12px;font-size:12px}.scenario-strip{gap:18px;display:grid;grid-template-columns:1fr 1fr}.scenario-strip b{font-size:16px}.workspace{grid-template-columns:1fr;gap:28px}aside{padding:20px;border-radius:24px}.field span{max-width:calc(100% - 146px)}input[type=text],input[type=number]{width:134px}.result-heading h2{font-size:19px}.year-controls{gap:6px;justify-content:flex-start}.year-controls label{margin-left:auto}#views{width:100%;display:flex}#views button{flex:1;padding:9px 8px;font-size:12px;white-space:nowrap}.metric{padding:22px}.result-story{min-height:0}.bar-row{grid-template-columns:100px minmax(0,1fr) 108px;font-size:11px;gap:8px}.trajectory-heading label{line-height:1.7}.trajectory-heading select{max-width:100%;font-size:12px}.chart-legend,#trajectory-legend{font-size:11px}#math-paywall .premium-inline-panel{padding:22px}.kenya-data-heading{align-items:flex-start;gap:12px}#simple-takeaway p{font-size:14px}.budget-result{padding:20px}.visual-tabs{gap:7px}.visual-tabs button{font-size:11px}.premium-consult-chip,.premium-restore-chip{margin-left:14px!important}}
@media(prefers-reduced-motion:reduce){button,select{transition:none}}
.metric h3{color:#303039;display:flex;align-items:center;gap:10px}.metric h3::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--tone);flex-shrink:0}
.school-logo{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0}@media(max-width:720px){.school-logo{width:42px;height:42px}}
@media print{body>header,.calculator-toolbar,.school-links{display:none!important}main{max-width:none;padding:0}aside{box-shadow:none}.metric,.budget-result{box-shadow:none;border-radius:8px}.premium-consult-chip,.premium-restore-chip{display:none!important}}