:root{--ink:#244748;--muted:#60746c;--green:#518c62;--line:#d5dfd2;--blue:#e7f2ff;--pink:#ffe8e7;--yellow:#fff2ce;--mint:#e9f4dc;--purple:#eee8fb}*{box-sizing:border-box}body{margin:0;background:#faf9f4;color:var(--ink);font:15px/1.5 Arial,sans-serif}header{background:white;border-bottom:1px solid var(--line)}.brand,main{max-width:1260px;margin:auto;padding:20px 30px}.brand{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand img{width:390px;max-width:70vw}.hero{display:flex;justify-content:space-between;align-items:center;background:var(--mint);border:2px solid #b7d49e;border-radius:26px;padding:24px 30px;box-shadow:0 5px 0 #d8e9c9;margin-bottom:20px}h1{font:bold 36px/1.15 Georgia,serif;margin:10px 0}h2{font:26px Georgia,serif;margin:0 0 14px}h3{font-size:17px;margin:0 0 12px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700}.hero p{margin:10px 0 0}.hero-art{font-size:55px;position:relative;white-space:nowrap}.hero-art span{display:inline-block;transform:rotate(-10deg);background:white;border-radius:20px;padding:8px;box-shadow:3px 5px #c4dba9}button,.button{font:inherit;background:white;color:var(--ink);border:1px solid #bfcec4;padding:9px 16px;border-radius:20px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:#5c9264;background:#f0f7ec}button.primary,.active{background:#518c62!important;color:white!important;border-color:#518c62!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c87c4d;outline-offset:2px}button:disabled{opacity:.6;cursor:wait}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}#tabs{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:0;background:#faf9f4;z-index:5;padding:12px 0 16px}#tabs button{font-weight:bold;padding:12px 18px}.session{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px}.session strong{color:#735637}#notice:not(:empty){border-left:4px solid #c87c4d;background:#fff2ce;padding:10px;margin:10px 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:12px 0 22px}.stat,.card{border:2px solid #cbdacb;border-radius:20px;padding:20px;background:white;box-shadow:0 4px 0 #dce4d8}.stat:nth-child(1){background:var(--blue);border-color:#b3cee6}.stat:nth-child(2){background:var(--mint);border-color:#c2d8ad}.stat:nth-child(3){background:var(--yellow);border-color:#ead495}.stat:nth-child(4){background:var(--purple);border-color:#ccbfdf}.stat small{display:block}.stat b{font-size:27px;display:block;margin:8px 0}.graphs{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:20px 0}.card.blue{background:var(--blue)}.card.pink{background:var(--pink)}.card.mint{background:var(--mint)}.card.purple{background:var(--purple)}.chart{width:100%;height:auto;display:block}.chart text{font:12px Arial;fill:var(--ink)}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.legend i{width:10px;height:10px;display:inline-block;border-radius:50%;margin-right:5px}.bar-line{display:grid;grid-template-columns:minmax(90px,1fr) 2fr 90px;gap:10px;align-items:center;margin:12px 0;font-size:13px}.bar-track{height:18px;background:#fff9;border-radius:12px;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:12px;background:#72a884}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;min-width:0}input,select,textarea{font:inherit;width:100%;padding:9px 10px;border:1px solid #b8cabe;border-radius:10px;background:white;color:var(--ink);min-width:0}textarea{min-height:65px}.quiet,small{color:var(--muted)}small{font-size:12px}.row{border:1px solid #cdddc6;border-radius:16px;background:#eff6e7;margin:10px 0}.row:nth-child(3n+2){background:#edf5fc;border-color:#bdd3e5}.row:nth-child(3n){background:#fff0dd;border-color:#e3cfab}.row>summary{display:grid;grid-template-columns:32px minmax(0,1fr) 125px 125px 22px;gap:12px;align-items:center;padding:16px;cursor:pointer;list-style:none}.row>summary:after{content:'+';font-size:23px;text-align:center}.row[open]>summary:after{content:'−'}.row>summary small{display:block}.row-body{padding:0 18px 18px}.row-body .fields{margin-bottom:10px}.empty{text-align:center;background:white;border:2px dashed #cbdacb;border-radius:20px;padding:30px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid #cfdbcc;padding:10px;white-space:nowrap}th{font-weight:bold}td:last-child{white-space:normal}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.progress{height:18px;border-radius:20px;background:#fff;overflow:hidden;margin:12px 0}.progress span{display:block;background:#72a884;height:100%}.flag{border-radius:12px;padding:6px 10px;background:#fff1ac;font-size:12px}.flag.red{background:#ffd5d0}.wide{grid-column:1/-1}details.add{margin-top:20px}details.add>summary{font-weight:bold;cursor:pointer}.add form{margin-top:15px}footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.gate{text-align:center;padding:25px}.donut{max-width:240px;margin:auto}.tsp-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.remove{color:#934337}#view>section{margin-bottom:20px}@media(max-width:950px){.stats{grid-template-columns:repeat(2,1fr)}.graphs,.split{grid-template-columns:1fr}.fields{grid-template-columns:repeat(2,1fr)}.hero-art{font-size:38px}}@media(max-width:600px){.brand,main{padding:15px}.brand img{width:230px}.hero{padding:20px}.hero-art{display:none}h1{font-size:29px}.stat{padding:15px}.stat b{font-size:22px}.row>summary{grid-template-columns:26px minmax(0,1fr) 22px;gap:8px}.row>summary:after{grid-column:3;grid-row:1}.row>summary>span:nth-child(3){grid-column:2}.row>summary>span:nth-child(4){grid-column:2}.fields{grid-template-columns:1fr}.tsp-fields{grid-template-columns:repeat(3,1fr)}#tabs button{padding:9px 12px;font-size:13px}.bar-line{grid-template-columns:80px 1fr 75px}}@media print{header,.shared-site-navigation,#tabs,.session,button,.button,details.add,footer,#notice{display:none!important}body{background:white}.card,.stat{box-shadow:none;break-inside:avoid}.graphs{display:block}.card{margin-bottom:15px}details.row .row-body{display:block}main{padding:0}.hero-art{display:none}}

[hidden]{display:none!important}.card,.stat,.graphs>*,.split>*{min-width:0}.graphs{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.play-icon{width:24px;height:24px;vertical-align:middle;margin-right:5px;flex:none}.hero-art .play-icon{width:60px;height:60px;margin:0}.icon-text{display:inline}.chart{min-width:0}.bar-line{min-width:0}.bar-line>strong{font-size:12px}.legend span{overflow-wrap:anywhere}.card>form{margin-top:15px}@media(max-width:950px){.graphs,.split{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.session{font-size:12px}.stat b{font-size:21px}.bar-line{grid-template-columns:65px minmax(0,1fr) 75px;gap:6px}}

/* Clear holdings rows share one readable type scale. */
.investment-row>summary{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(80px,.6fr) repeat(4,minmax(110px,1fr));gap:14px;align-items:center;padding:16px;list-style:none}
.investment-row>summary span{min-width:0}.investment-row>summary small{display:block;font-size:12px;color:var(--muted);font-weight:400}.investment-row>summary b,.investment-row>summary strong{font-size:14px;font-weight:700}
.investment-row>summary b{font-variant-numeric:tabular-nums}.investment-gain b{color:#23684a}.investment-loss b{color:#9b3d40}.investment-row[open]>summary{background:#e8f3ed}
.investment-row{overflow:hidden}.holding-goal{padding:12px;background:#f7f0d9;border-radius:8px}
.investment-graph table td{font-variant-numeric:tabular-nums;text-align:right}.investment-graph table th{white-space:nowrap}
@media(max-width:1000px){.investment-row>summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.investment-row .holding-name{grid-column:1/-1}}
@media(max-width:550px){.investment-row>summary{grid-template-columns:repeat(2,minmax(0,1fr))}.brand,main{padding:16px}.hero{padding:20px}.hero-art{display:none}}
.activity-scroll{overflow-x:auto;margin-bottom:20px}.activity-row{display:grid;grid-template-columns:minmax(190px,1.5fr) 145px 140px minmax(145px,1fr) 120px 105px;gap:14px;align-items:center;background:color-mix(in srgb,var(--row-color) 20%,white);border-left:6px solid var(--row-color);border-radius:10px;padding:14px;margin:10px 0;min-width:940px}.activity-row strong,.plan-summary strong{font-size:14px}.activity-row small{display:block;font-weight:400;font-size:12px;margin-top:4px}.activity-row label{margin:0;font-size:12px}.activity-row input{width:100%;padding:9px;font-variant-numeric:tabular-nums}.activity-row .complete-check{display:flex;align-items:center;gap:7px;font-weight:700}.activity-row input[type=checkbox]{width:18px;height:18px}.activity-row.completed{background:#e1f3e6;border-color:#3e895a}.plan-summary{display:flex;align-items:center;gap:20px;padding:14px;margin:9px 0;border-left:6px solid var(--row-color);background:color-mix(in srgb,var(--row-color) 18%,white);border-radius:10px}.plan-summary span{flex:1;font-size:13px}.contribution-parts{font-size:12px}@media(max-width:600px){.plan-summary{flex-wrap:wrap}}@media print{.activity-scroll{overflow:visible}.activity-row{min-width:0;grid-template-columns:1.5fr repeat(5,1fr);gap:6px;padding:8px}.activity-row button,.plan-summary button{display:none}}

.investment-row:nth-of-type(3n+1){background:#eaf3e9}.investment-row:nth-of-type(3n+2){background:#eaf1fb}.investment-row:nth-of-type(3n){background:#f6edf8}.activity-scroll+.card{margin-top:16px}

.benefit-row{display:grid;grid-template-columns:minmax(160px,1.4fr) 155px 165px 145px 160px 70px 85px;gap:12px;align-items:end;padding:14px;margin:12px 0;border-left:6px solid var(--row-color);background:color-mix(in srgb,var(--row-color) 20%,white);border-radius:10px;min-width:1080px}.benefit-row label{margin:0;font-size:12px}.benefit-row input,.benefit-row select{width:100%;padding:9px}.benefit-row button{margin-bottom:0}
/* Compact statement and investment rows. */
#tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#tabs button{font-weight:700;padding:15px 12px}.simple-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:12px 0}.simple-row label{flex:1 1 145px;min-width:130px}.simple-row label input,.simple-row select{width:100%;box-sizing:border-box}.simple-row strong{flex:2 1 210px}.simple-row small{display:block}.simple-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.simple-heading h3{margin:8px 0}.snapshot-list{border-top:1px solid #d3ded6}.snapshot-list form:nth-child(odd),.simple-investment:nth-child(odd){background:#eef5fc}.snapshot-list form,.simple-investment{border-radius:10px;padding:8px 12px;margin:8px 0}.simple-investment:nth-child(even){background:#f0f6eb}.simple-investment details{margin:0 0 10px}.card>details{margin-top:12px}.card small{line-height:1.5}@media(max-width:600px){#tabs{grid-template-columns:1fr}.simple-heading{flex-wrap:wrap}.simple-row label{min-width:140px}.simple-row button{min-height:40px}}
.chart{display:block;width:100%;max-width:660px;max-height:220px;margin:12px auto;height:auto}.compact-projection{padding:12px!important;margin:12px 0!important}.compact-projection h3{margin:0 0 8px}.compact-projection .simple-row{padding:6px 0;gap:8px}.compact-projection .simple-row label{flex:1 1 130px}.change-row{background:#f2f7eb;border-radius:8px;padding:8px!important;margin:6px 0}.compact-projection .quiet{margin:8px 0;font-size:13px}.compact-projection .chart{max-height:210px}.snapshot-list{max-height:230px;overflow:auto}
.compact-limit{padding:12px!important}.limit-near{background:#fff3ce}.limit-over{background:#ffe0dd;font-weight:700}.limit-check input{width:auto!important}.compact-limit label input[type=checkbox]{width:auto}
 .retirement-help{padding:14px 18px}.retirement-help>summary{font-weight:700;cursor:pointer}.retirement-help h3{margin-top:24px}.retirement-help h4{margin:20px 0 6px}.retirement-help p{line-height:1.55;max-width:960px}.retirement-help .table-wrap{overflow-x:auto}.retirement-help table{width:100%;margin:12px 0}.retirement-help th,.retirement-help td{padding:10px;text-align:left;vertical-align:top}.retirement-help .planned-limits{margin-top:18px}.retirement-main{min-width:0}
/* Compact personal account and benefit summaries */
.organized-group{margin:22px 0}.organized-group h3{font-size:17px;margin:8px 0}.organized-box{border:1px solid #bddbd5;border-radius:12px;margin:9px 0;background:#fff;overflow:visible;box-shadow:0 2px 5px #173b4309}.organized-box>summary.account-summary{display:grid;grid-template-columns:minmax(230px,2fr) repeat(4,minmax(120px,1fr));gap:12px;align-items:center;position:relative;list-style:none;background:color-mix(in srgb,var(--box-color,#bce8d7) 22%,white);border-left:6px solid var(--box-color,#6bc4a6);border-radius:11px;padding:13px 32px 13px 14px;cursor:pointer}.organized-box>summary:after{content:'＋';position:absolute;right:10px;font-weight:bold}.organized-box[open]>summary:after{content:'−'}.benefit-box>summary.account-summary{grid-template-columns:minmax(230px,2fr) repeat(3,minmax(140px,1fr))}.summary-title,.summary-metric{display:flex;flex-direction:column;gap:5px;min-width:0}.summary-title b,.summary-metric b{font-size:16px;line-height:1.3}.summary-title small,.summary-metric small{font-size:12px;color:#43646b}.summary-metric b{font-variant-numeric:tabular-nums;white-space:nowrap}.organized-body{padding:16px}.organized-body>details{margin:14px 0}.estimate-update{padding:12px;border-left:4px solid #91cbbb;background:#f7fbf9;margin:14px 0}.estimate-update input{min-width:100px}.deduction-row{padding:12px;margin:9px 0;background:#edf4fb;border-radius:8px}.people-tools,.add-tool{margin:14px 0;padding:12px;border:1px solid #cbded9;border-radius:10px}.tip-wrap{position:relative;display:inline-block;align-self:center}.info-tip{border:0;background:#e4f1f6;padding:5px 9px;color:#17485a;border-radius:50%;min-height:30px}.tip-content{display:none;position:absolute;bottom:100%;left:0;width:280px;max-width:75vw;padding:12px;background:#173b43;color:white;border-radius:9px;z-index:20;box-shadow:0 3px 12px #0002;font-size:13px;line-height:1.5}.tip-wrap:hover .tip-content,.tip-wrap:focus-within .tip-content,.tip-open .tip-content{display:block}.organized-body .simple-row{gap:10px;align-items:end}.organized-body input[type=number]{padding-left:10px;text-align:right}.organized-body .graph,.organized-body svg[role=img]{max-height:230px}.organized-body button{font-size:13px}.holding-box{margin:10px 0}.holding-box>summary{padding:10px;background:#eaf5fc;border-radius:8px}@media(max-width:1000px){.organized-box>summary.account-summary{grid-template-columns:minmax(180px,2fr) repeat(4,minmax(90px,1fr));gap:8px}.benefit-box>summary.account-summary{grid-template-columns:minmax(180px,2fr) repeat(3,minmax(90px,1fr))}.summary-title b,.summary-metric b{font-size:14px}}@media(max-width:700px){.organized-box{overflow:auto}.organized-box>summary.account-summary{min-width:700px}.benefit-box>summary.account-summary{min-width:630px}.organized-body{min-width:0}.organized-body .simple-row{flex-wrap:wrap}}
/* V0.16: reference-style one-line summaries and readable record tables. */
.organized-box>summary.account-summary{padding:12px 34px 12px 15px;gap:18px;grid-template-columns:minmax(300px,2.5fr) repeat(4,minmax(100px,1fr));min-height:48px;border-radius:8px;font-size:14px}.benefit-box>summary.account-summary{grid-template-columns:minmax(330px,2.5fr) repeat(3,minmax(125px,1fr))}.line-name b,.line-number b,.benefit-number b{font-size:14px;font-weight:700;line-height:1.5}.line-number{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.line-number small{font-size:11px;color:#42646b}.benefit-number{white-space:nowrap}.line-name{overflow-wrap:anywhere}.organized-body{padding:12px 16px}.compact-records{width:100%;border-collapse:collapse;font-size:14px;margin:4px 0 10px;table-layout:fixed}.compact-records th,.compact-records td{padding:9px 10px;text-align:left;vertical-align:middle;border-bottom:1px solid #e1ece7}.compact-records th{font-weight:700;font-size:13px;background:#f3f8f6}.compact-records .amount-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.record-actions{white-space:nowrap;width:150px}.table-action{display:inline;padding:0 2px;border:0;border-radius:0;background:transparent;color:#225c69;font-size:13px;min-height:26px;box-shadow:none;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.table-action:hover{background:transparent;color:#133840}.record-toolbar{display:flex;align-items:center;gap:5px;margin:0 0 10px;justify-content:flex-end}.compact-table-wrap{overflow-x:auto}.compact-estimate{padding:0;margin:12px 0 24px;background:transparent;border:0}.deduction-table-wrap{margin-left:30px}.deduction-records{font-size:13px}.deduction-records td:first-child{width:25%}.deduction-records th{background:#f5f8fc}.deduction-records .tip-wrap{margin-left:6px}.deduction-records .info-tip{padding:0 4px;background:transparent;min-height:24px}.deduction-records td:nth-child(4){white-space:normal}.row-comment{display:block;font-size:12px;color:#57717a;margin:5px 0}.add-deduction-link{margin:2px 0 0 38px}.compact-add{margin:10px 0!important}.organized-body>details{margin:9px 0}.quiet-history{margin-bottom:15px}.record-editor{border:1px solid #adcfc1;border-radius:12px;width:min(880px,calc(100vw - 40px));max-height:85vh;padding:20px;color:#173b43}.record-editor::backdrop{background:#173b4355}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.editor-heading h3{margin:0}.editor-heading>button{border:0;background:transparent;font-size:25px;padding:2px 10px}.record-editor .simple-row{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.record-editor label{flex:1 1 200px}.record-editor input,.record-editor select{width:100%}.record-editor .deduction-row{background:transparent;padding:0;margin:0}.organized-body .simple-row>button{align-self:end}@media(max-width:1100px){.organized-box>summary.account-summary{grid-template-columns:minmax(240px,2fr) repeat(4,minmax(95px,1fr));gap:12px}.benefit-box>summary.account-summary{grid-template-columns:minmax(260px,2fr) repeat(3,minmax(125px,1fr))}}@media(max-width:700px){.organized-box>summary.account-summary{min-width:740px}.benefit-box>summary.account-summary{min-width:690px}.compact-records{min-width:580px}.deduction-records{min-width:720px}.deduction-table-wrap{margin-left:15px}}
#tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#tabs button{padding:10px 12px}@media(max-width:650px){#tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.people-tools,.add-tool{display:inline-block;margin:6px 10px 8px 0;padding:8px 12px;vertical-align:top}.people-tools[open],.add-tool[open]{display:block}.organized-group{margin:12px 0}.organized-group h3{margin:6px 0;font-size:15px}.organized-box{margin:6px 0}.organized-box>summary:after{content:'+'}.organized-box[open]>summary:after{content:'−'}
.organized-box>summary.account-summary{grid-template-columns:minmax(230px,2fr) repeat(4,minmax(115px,1fr));gap:12px}.benefit-box>summary.account-summary{grid-template-columns:minmax(280px,2fr) repeat(3,minmax(125px,1fr))}.line-name small{display:block;font-size:12px;font-weight:400}.account-summary select{max-width:145px;font-size:12px;padding:4px}.account-summary label{font-size:11px;display:flex;flex-direction:row;gap:5px;align-items:center}.account-summary input{width:65px;padding:4px}.account-summary .info-tip{padding:0 2px;min-height:20px;background:transparent}.account-summary .tip-content{white-space:normal}.organized-body>[data-add-report]{margin-bottom:12px}@media(max-width:800px){.organized-box>summary.account-summary{min-width:790px}}

.growth-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex-basis:100%;width:100%}.growth-choice{background:#fff;border:1px solid #b9d4c7;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.growth-choice>span:first-child{display:flex;align-items:center;gap:8px}.growth-choice input[type=radio]{appearance:auto;width:18px;height:18px;flex:none}.calculated-rate{font-size:22px;font-weight:700}.growth-choice small{font-size:12px;font-weight:400}.growth-choice label{margin:0}.growth-choice input[type=number]{max-width:180px}@media(max-width:600px){.growth-choices{grid-template-columns:1fr}}

.activity-row{background:#eef5fc;border-radius:9px;padding:10px 12px;margin:8px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-activity{margin-top:15px;border-top:1px solid #c9d9cf;padding-top:12px}.planning-toolbar{margin:8px 0 15px}.planning-help{flex-basis:100%;font-size:13px;font-weight:400;line-height:1.6}.suggested-age::placeholder{color:#74827f}.new-estimate{background:#edf5fc;padding:12px;border-radius:12px}.growth-choice{flex:initial}#planning-dialog{width:min(1000px,calc(100vw - 50px))}.account-summary .line-name small{display:flex;align-items:center;gap:5px;flex-wrap:wrap}

/* ===== V8.7.255 appearance refinements (presentation only; no calculation changes) ===== */
:root{--shadow:0 1px 2px #1d3b2d14,0 8px 20px -10px #1d3b2d40;--radius:18px;--green-strong:#3d7a55}
body{font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{letter-spacing:-.01em}
button,.button,summary{transition:background-color .15s,border-color .15s,box-shadow .15s}
button.primary,.active{background:var(--green-strong)!important;border-color:var(--green-strong)!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Hero: calmer, a little shorter, with a soft gradient instead of a hard offset shadow */
.hero{background:linear-gradient(135deg,#eef7e4 0%,#e1f1e8 100%);border:1px solid #bcd7b0;box-shadow:var(--shadow);padding:22px 30px}
.hero h1{font-size:clamp(28px,4vw,38px);margin:8px 0 6px}
.hero p{font-size:17px;color:#3c5b57;max-width:58ch}
.eyebrow{color:#3c6a52}

/* Cards and stat tiles */
.stat,.card{border-width:1px;border-radius:var(--radius);box-shadow:var(--shadow)}
.stat b{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:28px;line-height:1.15}
.stat-label{text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700;color:#4d6962}
.summary-strip{margin:4px 0 22px}
#notice:not(:empty){border-radius:0 10px 10px 0}

/* Sticky tab bar */
#tabs{background:#faf9f4ee;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#tabs button{border-radius:14px}
#tabs button:not(.active):hover{box-shadow:var(--shadow)}

/* Account rows */
.organized-box{border-radius:14px;border-color:#cfe0d8;box-shadow:var(--shadow)}
.organized-box>summary.account-summary:hover{background:color-mix(in srgb,var(--box-color,#bce8d7) 34%,white)}
.line-number b,.summary-metric b,.benefit-number b{font-variant-numeric:tabular-nums}
.line-number small,.line-name small{color:#4d6962}
.organized-group h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:#4d6962;margin:6px 0}

/* Phones: show every account figure without sideways scrolling inside each row */
@media(max-width:800px){
 .organized-box{overflow:visible}
 .organized-box>summary.account-summary,.benefit-box>summary.account-summary{min-width:0!important;grid-template-columns:1fr 1fr;gap:10px 16px;padding:14px 40px 14px 14px}
 .organized-box>summary.account-summary>:first-child{grid-column:1/-1}
 .organized-box>summary:after{top:12px}
 .account-summary select{max-width:100%}
 .organized-body{overflow-x:auto}
 .stat b{font-size:22px}
}

/* Phones: one-row, swipeable tab bar instead of a tall sticky block */
@media(max-width:650px){
 #tabs{display:flex!important;overflow-x:auto;flex-wrap:nowrap;gap:8px;padding:10px 0;scrollbar-width:none}
 #tabs::-webkit-scrollbar{display:none}
 #tabs button{flex:0 0 auto;white-space:nowrap}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .hero{padding:18px}
 .hero p{font-size:15px}
}