:root{--bg:#f6f7f4;--white:#fff;--ink:#193c33;--muted:#586b63;--green:#155d4d;--deep:#103b32;--mint:#e4f3e9;--line:#dce6df;--gold:#ac8143;--warn:#fff5e6;--shadow:0 5px 18px rgba(28,66,52,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}h1,h2,h3,p{margin-top:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#176e5a}a:hover{text-decoration:underline}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b4d9c7;outline-offset:2px}
.banner{position:relative;min-height:245px;color:white;background:#184e40;overflow:hidden;border-radius:0}.banner-photo{position:absolute;inset:0;background:url('header-madinah.png') center 52% /cover no-repeat}.banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,40,32,.80),rgba(16,49,41,.60) 54%,rgba(11,49,39,.38))}.banner-content{position:relative;max-width:1110px;margin:auto;padding:33px 24px 35px;text-align:center}.eyebrow{font-size:11px;letter-spacing:2.8px;font-weight:850;color:#f9e7bd}.banner h1{font-size:clamp(32px,4.2vw,43px);letter-spacing:-1.1px;line-height:1.1;margin:7px 0 7px;text-shadow:0 2px 12px #082a2354}.banner-sub{margin:0;font-size:16px;color:#f3f9f5}.dua{font-size:14px;color:#f7edd3;max-width:680px;margin:15px auto 0;line-height:1.5}.shell{max-width:1110px;margin:auto;padding:0 18px 90px}.desk-nav{display:flex;gap:5px;padding:12px 0 16px;position:sticky;top:0;z-index:8;background:rgba(246,247,244,.94);backdrop-filter:blur(12px)}.navbutton{display:flex;align-items:center;gap:5px;justify-content:center;color:#526960;font-weight:760;border:0;background:none;border-radius:12px;padding:10px 11px}.navbutton.active{background:#dceee5;color:#165b48}.navbutton:hover{background:#ecf5ef}.navbutton .ico{font-weight:900}.mobile-nav{display:none}
.intro{padding:15px 0 13px}.intro h2{font-size:clamp(27px,3.5vw,35px);line-height:1.2;letter-spacing:-.75px;margin:10px 0 8px}.intro p{font-size:17px;color:var(--muted);max-width:850px;margin:0 0 5px}.overline{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:840;color:#567d64}.panel,.choicecard{background:var(--white);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);padding:23px;margin-bottom:16px}.panel h3{font-size:21px;line-height:1.26;margin-bottom:12px}.panel p{margin-bottom:10px}.panel.soft{background:#ecf6ef}.panel.warn{background:var(--warn);border-color:#efddbd}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.choicecard{padding:24px;display:flex;flex-direction:column}.choicecard.a{border-top:5px solid #23725e}.choicecard.b{border-top:5px solid #b28b45}.choicecard h3{font-size:26px;line-height:1.17;letter-spacing:-.45px;margin:12px 0 10px}.choicecard p{color:var(--muted);min-height:78px}.choicecard .btn{margin-top:auto}.planbadge{display:inline-flex;width:max-content;border-radius:999px;padding:6px 12px;font-weight:850;font-size:13px}.planbadge.a{background:#d9f1e5;color:#155842}.planbadge.b{background:#f8ead2;color:#7b551c}.statline{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:11px 0}.statline span{color:var(--muted);font-size:14px}.statline b{white-space:nowrap}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted,.lightnote{color:var(--muted)}.lightnote{font-size:13px}.small{font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:12px;padding:11px 17px;min-height:45px;background:#f8fbf8;color:var(--green);font-weight:780;text-decoration:none}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.outline{background:#fff;color:var(--green);border-color:#c8dfd0}.btn:hover{filter:brightness(.98)}.btn.full{width:100%}.quicknav,.actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.compare-table{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 12px;vertical-align:top}th{background:#eef5ef;color:#446358;font-size:12px;text-transform:uppercase;letter-spacing:.6px}tr:last-child td{border:0}td:first-child{font-weight:730}table td:not(:first-child){width:33%}.pick-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pick{padding:14px;border:1px solid var(--line);border-radius:12px;display:flex;gap:8px;align-items:center;cursor:pointer}.pick:has(input:checked){background:#e9f5ed;border-color:#73b29b}.pick input{accent-color:#196951;width:18px;height:18px}.metricgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;box-shadow:var(--shadow)}.metric small{display:block;color:var(--muted);font-size:13px;min-height:42px}.metric b{display:block;font-size:25px;letter-spacing:-.5px;line-height:1.3;margin-top:4px}.progress{height:9px;background:#dce7dc;border-radius:999px;overflow:hidden;margin-top:14px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#2d856a,#c29f56);border-radius:999px}.timeline{display:grid;gap:16px}.timeitem{display:flex;gap:14px;align-items:start}.numbubble{background:#e3f2e9;color:var(--green);min-width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-weight:850}.timeitem b{font-size:17px}.timeitem p{font-size:15px;color:var(--muted);margin:4px 0}.highlight{padding:14px;border-radius:12px;background:#edf6ee;border:1px solid #d6e8d9;margin:13px 0;font-size:16px}.gate{border-top:1px solid var(--line);padding:13px 0;display:flex;gap:10px;align-items:flex-start}.gate input{margin-top:3px;width:20px;height:20px;accent-color:#1c765b}.taskrow{display:flex;gap:12px;align-items:start;padding:15px 0;border-top:1px solid var(--line)}.taskrow:first-child{border-top:0}.taskcopy{flex:1;min-width:0}.taskcopy b{font-size:15px;line-height:1.35;display:block}.taskcopy .completed{text-decoration:line-through;color:#869a8a}.taskcopy small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.tasknote{font-size:12px;color:#627669;margin-top:6px!important}.ticklabel input{position:absolute;opacity:0}.ticklabel{cursor:pointer}.taskcheck{width:25px;height:25px;display:block;border:2px solid #b8d3c3;border-radius:7px;background:white}.ticklabel input:checked+.taskcheck{background:#27765c;border-color:#27765c}.ticklabel input:checked+.taskcheck:after{content:'✓';display:block;color:white;font-size:19px;text-align:center;line-height:20px}.smallbutton{background:#eaf4ed;border:1px solid #d1e4d8;border-radius:10px;min-height:34px;padding:6px 10px;color:var(--green);font-size:13px;font-weight:750}.fields,.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:5px;font-size:14px;color:#536960;margin:0 0 10px}.field span{font-weight:760}.field input,.field select,.field textarea{width:100%;border:1px solid #cfdfd3;border-radius:10px;background:white;color:#143e32;padding:11px;min-height:47px;font-size:16px}.field textarea{min-height:115px}.kidsgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.kidsgrid .panel h3{font-size:25px}.notebody{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}.source-links{display:flex;gap:10px;flex-wrap:wrap}.source-links a{display:inline-flex;border:1px solid #cde0d4;padding:9px 12px;border-radius:10px;background:#f6fbf6;text-decoration:none;font-size:14px}.footer{font-size:12px;color:var(--muted);padding:18px 0 14px;border-top:1px solid var(--line);margin-top:20px}.footer strong{color:var(--ink)}.editor{width:min(620px,96vw);max-height:90vh;overflow:auto;border:none;border-radius:17px;padding:24px;background:#fff;color:var(--ink);box-shadow:0 30px 90px #0004}.editor::backdrop{background:rgba(7,29,22,.6)}.editor h2{font-size:23px}.modal-head{text-align:right;margin-bottom:8px}
@media(max-width:900px){.metricgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.kidsgrid{grid-template-columns:1fr}.shell{padding:0 14px 120px}.desk-nav{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:space-evenly;background:rgba(255,255,255,.98);padding:7px 5px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -3px 12px #1f3d2d13;border-top:1px solid var(--line)}.mobile-nav .navbutton{flex:1;display:flex;flex-direction:column;font-size:11px;padding:7px 2px;gap:2px;min-width:0}.mobile-nav .ico{font-size:19px}.intro{padding-top:20px}.compare-grid{gap:10px}.choicecard{padding:19px}.choicecard h3{font-size:23px}}
@media(max-width:680px){.banner{min-height:210px}.banner-content{padding:25px 15px}.banner h1{font-size:31px}.banner-sub{font-size:14px}.dua{font-size:12px}.intro h2{font-size:27px}.intro p{font-size:15px}.compare-grid{grid-template-columns:1fr}.choicecard p{min-height:auto}.panel{padding:17px;border-radius:13px}.metricgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:13px}.metric b{font-size:19px;overflow-wrap:anywhere}.metric small{min-height:52px}.pick-options{grid-template-columns:1fr}.fields,.filters{grid-template-columns:1fr}.btn{font-size:14px;padding:10px 12px}.choicecard h3{font-size:24px}.quicknav .btn{flex:1}.compare-table{margin:0 -2px}table{min-width:530px}.panel h3{font-size:19px}}
@media print{.banner{min-height:auto}.banner-photo,.banner-shade,.desk-nav,.mobile-nav,.btn,.smallbutton,.quicknav,.editor,.pick-options{display:none!important}.banner{color:#172e27;background:none}.shell{padding:0}body{background:white}.panel,.choicecard{box-shadow:none;break-inside:avoid}.compare-grid{display:grid;grid-template-columns:1fr 1fr}h1{color:#173b32;text-shadow:none!important}.banner h1{color:#173b32}.banner-sub,.dua{color:#294b3f}}

@media(max-width:680px){.compare-table{overflow:visible} .compare-table table{min-width:0!important;display:block;width:100%}.compare-table thead{display:none}.compare-table tbody{display:block}.compare-table tr{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:10px;background:#fff}.compare-table td{display:block!important;width:auto!important;border:0!important;padding:11px 12px;overflow-wrap:anywhere;font-size:14px}.compare-table td:first-child{grid-column:1/-1;background:#eff6f1;color:#345c4a;font-weight:820}.compare-table td:nth-child(2){border-right:1px solid var(--line)!important}.compare-table td:nth-child(2):before{content:"ARCHIVED";display:block;letter-spacing:.6px;color:#216a55;font-weight:830;font-size:10px;margin-bottom:5px}.compare-table td:nth-child(3):before{content:"PROJECT";display:block;letter-spacing:.6px;color:#9b7536;font-weight:830;font-size:10px;margin-bottom:5px}}

/* Education-first decision gate */
.education-first{border:1px solid #b6d9be;background:#f0f8f2}.edu-danger{border:2px solid #bb6b50;background:#fff3ee}.edu-status{display:inline-flex;align-items:center;border-radius:10px;margin:5px 7px 5px 0;padding:9px 12px;font-size:13px;font-weight:780;line-height:1.4}.edu-status.danger{color:#973e32;background:#fff0e8;border:1px solid #e7b5a5}.edu-status.caution{color:#70501b;background:#fff2d8;border:1px solid #e9d6a9}.bigmoney{font-size:27px;color:#195441;letter-spacing:-.5px}.education-first .statline b{white-space:normal;overflow-wrap:anywhere}@media(max-width:680px){.bigmoney{font-size:24px}.edu-status{display:flex;width:100%;margin:8px 0}.education-first{padding:17px}}

/* v4.3: clear, compact project process on the comparison screen */
.project-overview{background:#fff}
.project-overview .overview-plans{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0 2px;margin:12px 0 16px}
.project-overview .overview-plans p{margin-bottom:12px}
.overview-steps{padding-left:25px;margin:3px 0 18px}
.overview-steps li{padding:5px 0 8px 4px;line-height:1.5}
.overview-steps li::marker{font-weight:800;color:var(--green)}
@media(max-width:680px){.overview-steps{padding-left:23px}.overview-steps li{padding-left:2px}.project-overview h3{font-size:20px}}

/* v4.4 moving expense ledger — readable on phones */
.ledger-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.ledger-summary-grid>div{background:#f4f8f5;border:1px solid #dce9e0;border-radius:12px;padding:14px;min-width:0}.ledger-summary-grid small{display:block;color:#567165;font-size:12px;line-height:1.35;min-height:32px}.ledger-summary-grid b{display:block;font-size:22px;margin-top:4px;letter-spacing:-.6px;overflow-wrap:anywhere}.negative{color:#ac413a!important}.ledger-alert{background:#fff0ec!important;border-color:#efb4a7!important}.ledger-balance{background:#edf5ed;border:1px solid #c9dfd0;border-radius:12px;padding:13px 15px;margin:14px 0}.ledger-balance p{margin:6px 0 0}.segmented{display:flex;background:#edf3ee;border:1px solid var(--line);border-radius:12px;padding:3px;gap:3px}.segmented button{border:0;background:transparent;border-radius:9px;font-weight:800;color:var(--green);padding:9px 16px}.segmented button.selected{background:white;box-shadow:0 1px 5px #0001}.envelope-list{display:grid;gap:10px}.envelope{border:1px solid var(--line);background:#fbfdfb;padding:13px;border-radius:12px}.envelope .row{gap:5px}.envelope-values{display:flex;flex-wrap:wrap;gap:14px;margin-top:7px;color:var(--muted);font-size:13px}.envelope-values strong{color:var(--ink)}.ledger-filters{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px}.ledger-item{padding:15px 0;border-top:1px solid var(--line)}.ledger-item h4{font-size:17px;margin:8px 0 0}.ledger-item p{margin:7px 0}.ledger-item-head{display:flex;justify-content:space-between;gap:13px;align-items:flex-start}.ledger-money{font-size:19px;font-weight:850;white-space:nowrap;text-align:right}.ledger-money small{display:block;font-size:12px;font-weight:500;color:var(--muted)}.ledger-pill{font-size:10px;letter-spacing:.5px;font-weight:900;border-radius:99px;padding:5px 8px}.ledger-pill.planned{background:#fff2dc;color:#8a641e}.ledger-pill.paid{background:#dcefe2;color:#1c6e50}.ledger-empty{padding:24px;text-align:center;background:#f6faf6;border:1px dashed #bfd3c5;border-radius:12px;color:var(--muted)}
@media(max-width:900px){.ledger-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-summary-grid b{font-size:21px}}@media(max-width:680px){.ledger-filters{grid-template-columns:1fr}.ledger-summary-grid>div{padding:11px}.ledger-summary-grid b{font-size:20px}.segmented button{padding:8px 12px}.ledger-item-head{gap:7px}.ledger-money{font-size:17px}.mobile-nav .navbutton{font-size:10px;padding:7px 1px}.mobile-nav .ico{font-size:18px}}

/* v4.5: clear itemized daily spending for Plan B */
.expense-clarity{background:#fff;}
.expense-subhead{font-weight:820;color:var(--green);font-size:12px;letter-spacing:.5px;text-transform:uppercase;background:#f3f8f4;padding:9px 12px;margin:13px 0 2px;border-radius:8px}
.expense-breakdown-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:10px 6px;border-bottom:1px solid var(--line);font-size:15px}
.expense-breakdown-row b{font-variant-numeric:tabular-nums;white-space:nowrap}
.expense-breakdown-row small{color:var(--muted);display:block;line-height:1.35;font-size:12px}
.expense-breakdown-total{display:flex;justify-content:space-between;gap:14px;padding:13px 12px;border-radius:9px;background:#eaf4ed;margin-top:10px;font-weight:820;align-items:baseline}
.expense-breakdown-total b{font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:410px){.expense-breakdown-row{font-size:14px}.expense-breakdown-total b{font-size:18px}}

/* v5: large, calm, phone-first layout for a family financial planner */
body{font-size:18px;line-height:1.55;background:#f5f8f5;color:#18392f;-webkit-text-size-adjust:100%}
.shell{max-width:1100px}.banner-sub{font-size:17px}.footer{font-size:13px;line-height:1.5}
.desk-nav{gap:4px;justify-content:space-between}.desk-nav .navbutton{font-size:15px;min-height:48px;padding:10px 9px}
.v5-intro{padding:23px 1px 20px}.v5-intro h2{font-size:clamp(29px,4vw,39px);line-height:1.15;letter-spacing:-.8px;margin:8px 0 13px;color:#123f31}.v5-intro p{font-size:18px;line-height:1.5;color:#4c6558;max-width:820px;margin:0 0 14px}
.v5-assumed{display:inline-block;padding:11px 13px;border:1px solid #e1d3ad;background:#fff8e8;border-radius:11px;color:#785a1d;font-size:15px}
.v5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 18px}
.v5-metric{background:#fff;border:1px solid #dbe7df;box-shadow:0 2px 12px #173b2520;border-radius:16px;padding:19px 20px;min-width:0}
.v5-metric-top{display:flex;align-items:center;gap:10px;color:#526a60;font-size:16px;line-height:1.3;font-weight:700;min-height:34px}
.v5-icon{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;font-size:23px;background:#ecf5ee;border-radius:10px;flex-shrink:0}
.v5-metric strong{display:block;font-size:clamp(25px,3vw,34px);line-height:1.22;letter-spacing:-.6px;color:#113e30;margin-top:8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.v5-metric small{display:block;color:#62766b;font-size:14px;line-height:1.36;margin-top:5px}
.v5-metric-hero{background:#ecf6ee;border-color:#b9d9c6}.v5-green{background:#eef9f1;border-color:#bcdcc5}.v5-red{background:#fff1ed;border-color:#ebbcaf}.v5-red strong,.v5-negative{color:#a13932!important}.v5-positive{color:#116749!important}
.v5-section{margin-bottom:22px}.v5-title{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-bottom:13px}.v5-title h3,.v5-card h3{font-size:24px;line-height:1.23;letter-spacing:-.5px;margin:0 0 12px}.v5-title h3{margin:0}.v5-title>span{font-size:14px;color:#557366}
.v5-card{background:white;border:1px solid #dae7dd;box-shadow:0 2px 12px #153c2b10;border-radius:17px;padding:23px;margin-bottom:16px}.v5-card p{margin:8px 0 14px;font-size:17px;color:#3f584c;line-height:1.5}
.v5-line{padding:13px 0;border-bottom:1px solid #e5eee8;display:flex;justify-content:space-between;gap:15px;align-items:baseline;font-size:17px}
.v5-line>div{flex:1}.v5-line small{display:block;color:#65766e;font-size:13px}.v5-line b{font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}
.v5-total{border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#e8f5eb;margin-top:16px;line-height:1.35}.v5-total span{font-size:17px;font-weight:780}.v5-total strong{font-size:25px;letter-spacing:-.5px;overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums}.v5-total-alt{background:#f7f8f4}
.v5-hint{font-size:15px!important;color:#617567!important;line-height:1.48!important;margin-top:14px!important}.v5-big{font-size:35px;font-weight:850;line-height:1.3}.v5-big small{font-size:15px;font-weight:600;color:#577264}.v5-footnote{font-size:16px;color:#4c5f54}
.v5-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.v5-shortcut{border:1px solid #d3e4d9;background:white;border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;color:#183d30;min-height:90px;text-align:left;width:100%}.v5-shortcut:hover{background:#f1f9f3}.v5-short-icon{font-size:28px;line-height:1}.v5-shortcut>span:nth-child(2){flex:1;min-width:0}.v5-shortcut b{display:block;font-size:17px}.v5-shortcut small{display:block;font-size:14px;color:#65786b;margin-top:3px;line-height:1.3}.v5-arrow{font-size:28px;font-weight:600;color:#69967d}
.v5-field{display:flex;flex-direction:column;gap:7px;font-size:17px;font-weight:760;color:#254b3b;margin:14px 0}.v5-field small{font-weight:450;font-size:14px;color:#63766c;line-height:1.35}.v5-field input,.v5-field select,.v5-field textarea{border:1.5px solid #bad1c4;background:#fff;border-radius:11px;padding:13px 14px;color:#13392d;width:100%;font-size:20px;line-height:1.3;min-height:52px;max-width:100%}
.v5-field textarea{font-size:17px;line-height:1.4}.v5-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.v5-details{border:1px solid #dce8de;background:#fafdfa;border-radius:13px;padding:14px;margin:16px 0}.v5-details summary{font-size:17px;font-weight:760;color:#255b44;cursor:pointer;min-height:35px}
.v5-budget-list{margin-top:14px}.v5-budget-row{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #e4ece5}.v5-budget-icon{font-size:27px;display:flex;align-items:center;justify-content:center;background:#f0f7f2;border-radius:11px;width:43px;height:43px;flex-shrink:0}.v5-budget-label{min-width:0;flex:1}.v5-budget-label b{display:block;font-size:17px;line-height:1.25}.v5-budget-label small{display:block;font-size:13px;color:#6b7d71;line-height:1.3;margin-top:4px}.v5-currency{color:#567362;font-weight:750}.v5-budget-row input{width:104px;min-height:51px;border:1.5px solid #bfd7c7;padding:8px 11px;border-radius:10px;font-size:20px;font-weight:800;text-align:right;color:#1a5942;background:white}
.v5-allocation{border:1px solid #e0ebe2;border-radius:12px;padding:11px 14px;margin:11px 0;background:#fdfefd}.v5-allocation .v5-field{margin:6px 0}.v5-allocation-meta{font-size:13px;display:flex;flex-wrap:wrap;gap:8px 15px;color:#607767;padding:7px 0}.v5-allocation-meta b{color:#234d39}.v5-toggle{display:flex;align-items:center;gap:11px;background:#f4f8f5;border-radius:10px;padding:12px;margin:12px 0;font-size:16px;font-weight:720}.v5-toggle input{width:23px;height:23px;accent-color:#237459}
.v5-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:1px 0 14px;margin:-2px 0 10px;scroll-snap-type:x proximity}.v5-tabs button{white-space:nowrap;flex-shrink:0;scroll-snap-align:start;background:#fff;border:1px solid #ceded2;padding:12px 17px;border-radius:12px;font-size:16px;color:#426453;font-weight:800;min-height:50px}.v5-tabs button.current{background:#1a654d;color:#fff;border-color:#1a654d}
.v5-status{background:#e8f6eb;border:1px solid #bbd9c5;color:#256045;border-radius:11px;padding:13px 15px;margin-bottom:16px;font-size:16px;font-weight:680}
.v5-record{padding:15px 0;display:flex;gap:10px;justify-content:space-between;align-items:start;border-top:1px solid #e2eae4}.v5-record b{display:block;font-size:16px}.v5-record small{display:block;font-size:13px;color:#67786e;line-height:1.35;margin-top:5px}.v5-record>div:last-child{text-align:right;flex-shrink:0}.v5-record strong{font-size:17px;white-space:nowrap}.v5-link{display:block;background:none;border:0;text-decoration:underline;color:#25694d;font-size:14px;font-weight:760;margin-left:auto;margin-top:7px}.v5-empty{background:#f5f8f5;color:#5d7566;text-align:center;padding:20px 10px;border-radius:12px;font-size:16px}
.v5-kid-row{background:#fff;border:0;border-top:1px solid #dfebe2;width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:17px 0;text-align:left}.v5-kid-row b{display:block;font-size:18px}.v5-kid-row small{display:block;color:#698072;margin-top:4px;font-size:13px}.v5-kid-row strong{font-size:17px;color:#216b4c;white-space:nowrap}.v5-month{max-width:280px}.v5-card .btn{min-height:46px;font-size:16px}.v5-card a{font-weight:750;font-size:16px;overflow-wrap:anywhere}
@media(min-width:900px){.v5-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.shell{padding-bottom:115px}.mobile-nav{justify-content:space-around;gap:0;padding:5px 3px calc(10px + env(safe-area-inset-bottom))}.mobile-nav .navbutton{font-size:13px!important;min-width:0;min-height:63px;gap:2px;padding:6px 4px!important}.mobile-nav .ico{font-size:25px!important;line-height:1.15}.mobile-nav .navbutton.active{color:#166247;background:#e7f5eb}.banner{min-height:207px}}
@media(max-width:600px){.shell{padding-left:12px;padding-right:12px}.banner{min-height:198px}.banner-content{padding:21px 13px 27px}.banner h1{font-size:32px}.banner-sub{font-size:14px}.dua{font-size:13px}.v5-intro{padding:19px 3px 14px}.v5-intro h2{font-size:31px}.v5-intro p{font-size:17px}.v5-assumed{font-size:14px}.v5-grid{gap:9px}.v5-metric{padding:14px;border-radius:14px}.v5-metric-top{font-size:14px;gap:7px;min-height:34px}.v5-icon{font-size:20px;width:32px;height:32px}.v5-metric strong{font-size:24px}.v5-metric small{font-size:12px}.v5-card{padding:17px;border-radius:14px}.v5-title h3,.v5-card h3{font-size:22px}.v5-shortcuts{grid-template-columns:1fr}.v5-shortcut{min-height:74px;padding:12px 15px}.v5-line{font-size:15px}.v5-line b{font-size:17px}.v5-total span{font-size:16px}.v5-total strong{font-size:22px}.v5-fields{grid-template-columns:1fr}.v5-budget-row{gap:6px}.v5-budget-icon{width:36px;height:36px;font-size:21px}.v5-budget-label b{font-size:15px}.v5-budget-label small{font-size:12px}.v5-budget-row input{width:83px;font-size:19px;padding:7px}.v5-currency{font-size:16px}.v5-kid-row strong{font-size:15px}.v5-status{font-size:15px}.mobile-nav .navbutton{font-size:12px!important}.v5-record small{max-width:195px}}
@media(max-width:370px){.v5-metric strong{font-size:21px}.v5-metric-top{font-size:13px}.v5-grid{gap:7px}.v5-metric{padding:11px}.v5-total strong{font-size:20px}.mobile-nav .navbutton{font-size:11px!important}}
@media print{.v5-shortcuts,.v5-tabs,.v5-link{display:none!important}.v5-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-card,.v5-metric{break-inside:avoid;box-shadow:none}}
/* Keep the most important amounts together on narrow iPhones. */
.v5-total strong{white-space:nowrap;overflow-wrap:normal;flex-shrink:0}
.v5-total span{min-width:0}
@media(max-width:400px){.v5-total{gap:7px;padding:13px 11px}.v5-total strong{font-size:20px}.v5-total span{font-size:15px}}


/* v5.1: colorful Plan B-only moving ledger */
.ledger-preview-clean,.ledger-hero-panel{background:linear-gradient(180deg,#ffffff 0%,#f7fbf7 100%)}
.ledger-plan-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#ffedd1,#ffe3b1);border:1px solid #efcf93;color:#7a5820;font-weight:900;font-size:13px;letter-spacing:.4px}
.ledger-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.ledger-card{border-radius:16px;padding:15px 16px;min-width:0;border:1px solid #d7e5db;box-shadow:0 2px 10px rgba(18,54,39,.06)}
.ledger-card small{display:block;font-size:12px;line-height:1.3;color:#446357;min-height:30px}
.ledger-card b{display:block;font-size:22px;line-height:1.2;margin-top:6px;letter-spacing:-.5px;overflow-wrap:anywhere}
.ledger-card.paid{background:linear-gradient(135deg,#eaf7ef 0%,#d8f2e0 100%);border-color:#b9dec7}
.ledger-card.planned{background:linear-gradient(135deg,#fff8df 0%,#ffeec0 100%);border-color:#edd79b}
.ledger-card.forecast{background:linear-gradient(135deg,#eef4ff 0%,#dfe9ff 100%);border-color:#c3d4f9}
.ledger-card.over{background:linear-gradient(135deg,#fff0eb 0%,#ffdcd2 100%);border-color:#efb6a7}
.envelope-list.colorful{gap:12px}
.envelope-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.ledger-cat-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}
.envelope.education .ledger-cat-icon{background:#efe8ff}.envelope.rent .ledger-cat-icon{background:#e3f3ff}.envelope.moving .ledger-cat-icon{background:#fff1dd}.envelope.immigration .ledger-cat-icon{background:#e8f7ec}.envelope.emergency .ledger-cat-icon{background:#ffe7e7}.envelope.extra .ledger-cat-icon{background:#f0f1f2}
.envelope.education{background:#fcf9ff;border-color:#dfd3fb}.envelope.rent{background:#f7fbff;border-color:#cfe3ff}.envelope.moving{background:#fffaf0;border-color:#f1d7a4}.envelope.immigration{background:#f5fcf7;border-color:#cde7d4}.envelope.emergency{background:#fff7f7;border-color:#f0c9c9}.envelope.extra{background:#f9fafb;border-color:#dde2e6}
.ledger-item{border-top:0;border:1px solid #dce8df;background:#fff;border-radius:15px;padding:14px 15px;margin-top:12px;box-shadow:0 1px 8px rgba(18,54,39,.04)}
.ledger-item.card-education{background:#fcfaff;border-color:#e4d6fb}.ledger-item.card-rent{background:#f8fbff;border-color:#d4e7ff}.ledger-item.card-moving{background:#fffaf1;border-color:#f4deb3}.ledger-item.card-immigration{background:#f5fcf7;border-color:#d3e8d8}.ledger-item.card-emergency{background:#fff7f7;border-color:#f1cccc}.ledger-item.card-extra{background:#fafbfb;border-color:#dfe4e7}
@media(max-width:900px){.ledger-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ledger-color-grid{grid-template-columns:1fr 1fr}.ledger-plan-badge{font-size:12px;padding:9px 12px}.ledger-cat-icon{width:36px;height:36px;font-size:19px}.ledger-card b{font-size:20px}}
@media(max-width:460px){.ledger-color-grid{grid-template-columns:1fr 1fr;gap:9px}.ledger-card{padding:12px}.ledger-card small{min-height:26px;font-size:11px}.ledger-card b{font-size:18px}.envelope-head{gap:8px}.ledger-plan-badge{width:100%;justify-content:center}}

/* Faiz Private Edition · refined emerald and champagne-gold visual system */
:root{--bg:#f6f4ed;--white:#fffefc;--ink:#17332e;--muted:#61736c;--green:#154d3e;--deep:#102f2a;--gold:#b68b48;--line:#e6dfd1;--mint:#eaf3ed;--shadow:0 8px 30px rgba(22,48,39,.075)}
html{background:var(--bg)}body{background:radial-gradient(circle at 5% 25%,rgba(218,194,135,.10),transparent 30%),#f8f6f0;color:var(--ink);font-size:18px;line-height:1.58}
.banner{background:#0e2e2b;min-height:290px;border-bottom:4px solid #bc985c}
.banner-photo{background-position:center 52%}
.banner-shade{background:linear-gradient(91deg,rgba(8,27,25,.91) 0%,rgba(12,38,34,.74) 55%,rgba(20,45,37,.47) 100%)}
.banner-content{padding:29px 22px 37px}
.private-label{display:inline-flex;align-items:center;gap:9px;border:1px solid #e8d4a16e;background:rgba(7,29,28,.46);color:#eedbb2;padding:9px 19px;border-radius:999px;font-size:11px;letter-spacing:1.7px;font-weight:850;margin-bottom:20px;backdrop-filter:blur(6px)}
.private-mark{font-size:15px;color:#e8bd67}
.banner .eyebrow{font-size:10px;letter-spacing:4px;color:#d5b57b}
.banner h1{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-1.5px;font-size:clamp(38px,5vw,54px);line-height:1.12;margin:11px auto;color:#fffdf5;text-shadow:0 5px 22px #08251b99}
.banner-sub{font-size:18px;color:#f6e9ca;font-weight:450;letter-spacing:.45px}
.gold-rule{width:96px;height:1px;margin:19px auto;background:linear-gradient(90deg,transparent,#e6c584,transparent)}
.banner .dua{font-size:15px;max-width:680px;color:#f8f6ef;margin:9px auto 0;line-height:1.58}
.shell{max-width:1120px}
.desk-nav{background:rgba(248,246,240,.91);border-bottom:1px solid #dfd5c8;backdrop-filter:blur(16px);gap:7px;padding:13px 2px}
.navbutton{font-size:15px;font-weight:770;color:#4b6559;border-radius:11px}
.navbutton.active{background:#123d34;color:#f8e6bd;box-shadow:0 4px 14px #123b2e26}
.navbutton:hover{background:#e9ede4}
.navbutton.active:hover{background:#123d34}
.overline{font-size:11px;letter-spacing:2px;color:#a47d3f;font-weight:900}
.v5-intro,.intro{padding-top:26px}
.v5-intro h2,.intro h2{font-family:Georgia,"Times New Roman",serif;color:#12372f;letter-spacing:-.9px;font-size:clamp(33px,4vw,44px);font-weight:650;line-height:1.13}
.v5-intro p,.intro p{color:#5e6e66;font-size:18px}
.v5-card,.panel{background:#fffefa;border:1px solid #e5ded1;border-radius:19px;box-shadow:0 8px 28px rgba(31,51,41,.055)}
.v5-card{padding:26px}
.v5-card h3,.v5-title h3,.panel h3{font-family:Georgia,"Times New Roman",serif;font-weight:680;color:#173a30;letter-spacing:-.45px}
.v5-metric{background:#fffefa;border:1px solid #e7dfd0;border-radius:17px;box-shadow:0 4px 18px #1b382313;padding:21px}
.v5-metric-top{font-size:15px;color:#586e61}
.v5-metric strong{color:#103f32;font-size:clamp(25px,3.2vw,36px)}
.v5-icon{background:#f5eedf;color:#80602f;border:1px solid #ecdfc5}
.v5-metric-hero,.v5-green{background:linear-gradient(145deg,#143d33,#245b48)!important;border-color:#2f6b54!important;color:#fffdf0}
.v5-metric-hero .v5-metric-top,.v5-green .v5-metric-top,.v5-metric-hero small,.v5-green small{color:#e9e8d9!important}
.v5-metric-hero strong,.v5-green strong{color:#fff8de!important}
.v5-red{background:#fff2eb!important;border-color:#e8c5b3!important}
.v5-total{background:linear-gradient(100deg,#e9f2e7,#f4f1df);border:1px solid #d7e4d4}
.v5-total strong,.v5-big{color:#154a3c}
.v5-shortcut{background:linear-gradient(130deg,#fffefb,#f9f5ec);border:1px solid #e5dac8;box-shadow:0 3px 12px #2b38260b;min-height:89px}
.v5-shortcut:hover{background:#f3efe4;border-color:#cdb58b}
.v5-short-icon,.v5-budget-icon{background:#f3ede0;border:1px solid #e9ddc6;border-radius:12px;padding:7px;flex-shrink:0}
.v5-arrow{color:#b18b4c}
.v5-field input,.v5-field select,.v5-field textarea,.field input,.field select,.field textarea{border:1.5px solid #cfcdbf;background:#fffefa;color:#183a2e;border-radius:12px;min-height:49px}
.v5-field input:focus,.field input:focus,.field textarea:focus{outline:2px solid #c8aa70;outline-offset:1px}
.v5-tabs button{border:1px solid #ded3bd;background:#fffcf6;color:#4a6357}
.v5-tabs button.current{background:#133f34;border-color:#133f34;color:#f6e9c8}
.btn.primary{background:linear-gradient(120deg,#164a3a,#246149)!important;border:1px solid #235e4b!important;color:#fff8e8!important;font-weight:800;box-shadow:0 3px 10px #173f3020}
.btn.outline{background:#fffdf7;border:1px solid #b6ad96;color:#245141}
.smallbutton{color:#255441}
.ledger-hero-panel{background:linear-gradient(145deg,#fffdf8,#f6f1e6)}
.ledger-plan-badge{background:#e9d7ad;border-color:#d7b578;color:#583d19}
.ledger-card.paid{background:#e5f3e7}.ledger-card.planned{background:#fff2d7}.ledger-card.forecast{background:#ebf0fc}.ledger-card.over{background:#fff0e9}
.v5-status{background:#eaf2e8;border-color:#d3e1d1}
.v5-assumed{background:#fff3de;border-color:#e5d4ac}
.brand-rights{text-align:center;background:linear-gradient(145deg,#103b34,#1b5544)!important;border-color:#b69556!important;color:#fff8e8!important;box-shadow:0 12px 35px #0d372735}
.brand-rights h3{color:#f9e4b1!important;font-size:32px}
.brand-rights p{color:#faf8e9!important;font-size:17px}
.brand-rights .v5-hint{color:#f1e3c5!important;font-size:14px!important}
.lux-seal{font-family:Georgia,serif;width:69px;height:69px;display:flex;align-items:center;justify-content:center;margin:3px auto 17px;border:2px solid #c8a66a;border-radius:50%;font-size:40px;color:#eed1a0;outline:1px solid #c8a66a;outline-offset:5px}
.private-footer{text-align:center;border-top:2px solid #bf9754;color:#5b6d5f;margin-top:40px;padding:25px 12px 35px;font-size:13px;line-height:1.5}
.private-footer strong{font-size:15px;display:block;color:#23473b;margin:7px 0}
.private-footer p{font-size:12px;max-width:760px;margin:8px auto}
.footer-lock{letter-spacing:2px;font-weight:900;color:#95723b;font-size:12px;margin-bottom:7px}
.private-footer .version{font-size:12px;color:#977742}
@media(max-width:900px){.mobile-nav{background:rgba(255,253,246,.97);border-top:1px solid #decfb3;box-shadow:0 -8px 22px #183b2a13;backdrop-filter:blur(15px)}.mobile-nav .navbutton{border-radius:11px;min-height:60px;font-weight:750}.mobile-nav .navbutton.active{color:#f7e3ad;background:#163f33}.mobile-nav .ico{font-size:25px!important}}
@media(max-width:600px){body{font-size:18px}.banner{min-height:251px}.banner-content{padding:19px 13px 25px}.private-label{margin-bottom:13px;padding:7px 12px;font-size:9px;letter-spacing:1.2px}.banner h1{font-size:35px;letter-spacing:-1.1px}.banner .eyebrow{font-size:9px;letter-spacing:2.5px}.banner-sub{font-size:16px}.banner .dua{font-size:13px;line-height:1.46}.gold-rule{margin:12px auto}.shell{padding-left:13px;padding-right:13px}.v5-intro h2,.intro h2{font-size:34px}.v5-intro p,.intro p{font-size:17px}.v5-card,.panel{padding:19px;border-radius:15px}.v5-card h3,.v5-title h3{font-size:23px}.v5-metric{padding:16px 13px}.v5-metric strong{font-size:24px}.v5-metric-top{font-size:14px}.v5-metric small{font-size:12px}.v5-shortcut b{font-size:17px}.ledger-card b{font-size:19px}.mobile-nav .navbutton{font-size:12px!important}.mobile-nav .ico{font-size:24px!important}.brand-rights h3{font-size:28px}.private-footer{padding-bottom:29px}}
@media(max-width:375px){.v5-metric strong{font-size:21px}.v5-metric{padding:12px 10px}.mobile-nav .navbutton{font-size:11px!important}.mobile-nav .ico{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.banner{border-bottom:2px solid #d1b077}.banner-photo,.banner-shade{display:none}.banner-content{padding:10px}.banner h1{color:#163b31;text-shadow:none}.banner .dua,.banner-sub{color:#253f33}.private-label{color:#785e2d}.mobile-nav{display:none}}