/* Charcoal analytics dashboard: verified annual charts, live illustrative KPIs. */
.modern-page{--canvas:#282633;--panel:#1d1b27;--inner:#24222f;--line:#3b3847;--yellow:#ffd24a;--cyan:#7dd6df;background:var(--canvas)!important;color:#f5f4fa!important;font-family:Inter,Barlow,Arial,sans-serif!important;padding:0!important;font-size:14px}.modern-page h1,.modern-page h2,.modern-page h3{font-family:Inter,Barlow,Arial,sans-serif!important;font-weight:600!important}.modern-page .site-nav{max-width:1440px;width:100%;margin:0 auto;padding:16px 28px;background:transparent;color:#f7f6fb;border-bottom:1px solid var(--line);align-items:center;min-height:64px}.modern-page .site-nav .brand{font:700 20px Inter,Barlow,sans-serif;color:var(--yellow);letter-spacing:-.6px}.modern-page .site-nav nav{gap:23px}.modern-page .site-nav nav a{font:500 13px Inter,Barlow,sans-serif;background:none;border:0;border-radius:0;padding:10px 0;color:#b7b4c4;box-shadow:none;text-decoration:none;min-height:44px;display:flex;align-items:center}.modern-page .site-nav nav a[aria-current]{color:#fff;border-bottom:2px solid var(--yellow)}.modern-page .site-nav nav a:hover{color:var(--yellow)}.modern-page a:focus-visible,.modern-page button:focus-visible,.modern-page input:focus-visible,.modern-page select:focus-visible,.modern-page summary:focus-visible{outline:2px solid var(--yellow)!important;outline-offset:3px}
.modern-page .analytics-shell{max-width:1440px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:23px 28px 28px!important;margin:0 auto;gap:0}.analytics-shell>div.absolute{display:none}.modern-page .analytics-header{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(350px,.8fr);gap:24px!important;padding-bottom:0!important;margin-bottom:20px!important;align-items:start!important}.analytics-header>div{width:100%!important;min-width:0}.modern-page .analytics-header h1{font-size:30px!important;line-height:1.15;margin:0 0 16px!important;letter-spacing:-.8px;color:#fff}.analytics-header>div:first-child>div{align-items:flex-start!important;gap:14px!important}.chart-panel{background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:6px!important;padding:12px 16px!important;margin:0!important;backdrop-filter:none!important}.chart-panel h2{font-size:12px!important;font-weight:500!important;color:#bab6c8!important;text-transform:none!important;letter-spacing:0!important}.chart-panel .h-32{height:84px!important}.modern-page #selected-year-badge{display:none}.modern-page #year-select{font:500 12px Inter,Barlow,sans-serif;padding:7px 10px;min-height:36px;border-radius:4px;background:#2d2a38;color:#f0eef5;border:1px solid #4c475b}.modern-page #play-pause-btn{font-family:Inter,Barlow,sans-serif;background:var(--yellow)!important;color:#24212e!important;border:0!important;border-radius:4px!important;min-height:44px;height:auto!important;padding:10px 16px!important;box-shadow:none!important;white-space:nowrap}.modern-page #play-pause-btn svg{color:#24212e!important}.modern-page #play-pause-text{font-size:12px!important;font-weight:600!important;letter-spacing:0!important}.modern-page #play-pause-btn:active{transform:translateY(1px)}
.people-picker{min-width:0;flex:1}.person-picker-menu{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:0;max-width:620px}.person-picker-menu summary{display:flex;align-items:center;gap:12px;justify-content:space-between;cursor:pointer;min-height:44px;padding:10px 12px;font-size:14px;list-style:none}.person-picker-menu summary:after{content:'⌄';font-size:17px;color:var(--yellow)}.selection-count{font-size:12px;color:#a9a4b8;font-weight:400;margin-left:auto}.person-picker-menu>label{display:block;margin:10px 12px 7px;font-size:12px;color:#a9a4b8}.people-search{width:calc(100% - 24px);margin:0 12px 10px;padding:10px;background:#292633;border:1px solid #514c5f;border-radius:4px;font-size:14px;color:#fff;min-height:44px}.person-options{max-height:240px;overflow:auto;padding:0 12px}.person-options-group{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.person-options-group h3{font-size:12px;font-weight:600!important;color:#ccc6db;margin:9px 0;text-transform:none;letter-spacing:0}.person-choice{display:flex;align-items:center;gap:9px;padding:9px 8px;min-height:44px;cursor:pointer;font-size:14px;border-radius:4px;color:#e4dfef}.person-choice:hover{background:#302c3b}.person-choice:has(input:checked){background:#ffd24a13;color:#ffdc70}.person-choice input{accent-color:var(--yellow);width:16px;height:16px;flex-shrink:0}.person-choice small{font-size:12px;color:#918a9e;margin-left:auto}.person-choice[hidden],.person-options-group[hidden]{display:none}.selection-help,.people-empty{font-size:12px;margin:8px 12px 12px;line-height:1.5;color:#9790a5}.selected-people{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.selected-people button{font:500 12px Inter,Barlow,sans-serif;min-height:36px;padding:7px 10px;background:#36313e;color:#eee8f4;border:1px solid #5b4d36;border-radius:4px;cursor:pointer}.selected-people button:disabled{cursor:default;opacity:1;color:#f2d688}.modern-page input[type=number]{background:#2a2634!important;border:1px solid #4b4558!important;border-radius:4px!important;color:#fff;font-size:18px!important;min-height:44px;box-shadow:none!important}
.modern-page .salary-panel{display:grid!important;grid-template-columns:200px minmax(0,1fr);align-items:center!important;gap:18px!important;padding:14px 16px!important;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:6px!important;box-shadow:none!important;margin-bottom:20px!important;overflow:visible!important}.salary-panel>div:first-child{width:100%!important}.salary-panel>div:nth-child(2){width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px!important}.salary-panel label{font-size:12px!important;font-weight:500!important;color:#bdb6cc!important;text-transform:none!important;letter-spacing:0!important}.salary-panel>div:nth-child(2)>div{height:67px!important;padding:5px 7px!important;background:transparent!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}.salary-panel h3{font-size:12px!important;color:#b2abbe!important;letter-spacing:0!important;text-transform:none!important}.salary-panel [id^=personal-]{text-shadow:none!important}.salary-panel #personal-income{width:100%}.salary-panel .border-t{display:none}.salary-panel [id$=-total]{font-size:12px!important;color:#817a91!important}.salary-panel #personal-session,.salary-panel #personal-yearly{font-size:14px!important;color:#ffd875!important}.salary-panel #personal-daily,.salary-panel #personal-weekly,.salary-panel #personal-monthly{font-size:14px!important;color:#e4dfef!important}.salary-panel #pauseWidget-personal{border-radius:4px;background:var(--yellow);font-size:12px}
#dashboard-grid{display:grid!important;grid-template-columns:minmax(0,1fr);gap:18px!important;max-width:none;margin:0;transition:none!important}#dashboard-grid:has(>.comparison-summary),#dashboard-grid:has(>.comparison-unavailable){grid-template-columns:repeat(2,minmax(0,1fr))}.person-dashboard{--metric:var(--yellow);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:12px;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:16px}.person-dashboard:nth-of-type(3){--metric:var(--cyan)}.person-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:center;min-width:0}.person-heading h2{font-size:17px!important;letter-spacing:-.3px;margin:0;color:#fff}.profile-status{font-size:12px;color:#9992a8;white-space:nowrap}.wealth-kpi{position:relative;background:var(--inner);border:1px solid #403a4c;border-radius:5px;min-width:0;padding:16px 17px}.kpi-topline{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:14px;color:#e8e3ef}.live-indicator{font-size:12px;color:#9c94a9}.live-indicator:before{content:'';display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--metric)}.total-number{font:600 clamp(19px,5.2cqw,40px)/1.35 'JetBrains Mono',monospace;color:var(--metric);margin:10px 0 7px;white-space:nowrap;letter-spacing:-1px}.rate-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#aaa2b7;margin-bottom:8px}.rate-summary strong{font:500 14px 'JetBrains Mono',monospace;color:#f1eaf8;white-space:nowrap}.published-estimate{font-size:12px;line-height:1.5;color:#91889f;margin:0}.published-estimate strong{font-weight:500;color:#c9bed6}.annual-trend{margin-top:16px}.trend-heading{display:flex;justify-content:space-between;gap:9px;font-size:12px;color:#b1a7bf}.trend-heading span:last-child{color:#898196}.annual-trend svg{display:block;width:100%;height:111px;overflow:visible;margin-top:7px}.annual-line{fill:none;stroke:var(--metric);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.annual-point{fill:var(--panel);stroke:var(--metric);stroke-width:1.8}.trend-grid{stroke:#423b4f;stroke-width:.6;stroke-dasharray:2 5}.annual-trend text{fill:#9990a7;font:10px Inter,Barlow,sans-serif}.annual-trend .trend-bound{font-size:9px;fill:#6d657c}.pause-summary{margin-top:10px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#1d1b27;background:var(--yellow);padding:8px;border-radius:4px}.period-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.period-kpi{background:var(--inner);border:1px solid #383242;border-radius:5px;min-width:0;padding:13px 12px;display:flex;flex-direction:column;justify-content:center}.period-label{display:flex;justify-content:space-between;align-items:center;gap:8px}.period-label h3{font-size:14px!important;margin:0;color:#d9d1e3}.period-label time{font:12px Inter,Barlow,sans-serif;color:#8a809b;white-space:nowrap}.period-number{font:500 clamp(14px,7.3cqw,23px)/1.4 'JetBrains Mono',monospace;letter-spacing:-.6px;white-space:nowrap;color:#fff!important;margin:9px 0 4px!important}.period-context{font-size:12px;line-height:1.45;color:#80768f}.session-kpi{grid-column:1/-1;background:#ffd24a08;border-color:#73603c}.session-kpi .period-number{color:var(--metric)!important}.simulation-note{grid-column:1/-1;font-size:12px;line-height:1.5;color:#8d849d;margin:0}.compatibility-gauge{display:none}.comparison-summary{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:24px;padding:13px 20px;background:var(--panel);border:1px solid var(--line);border-radius:5px}.comparison-person{font-size:14px;color:#c8bfd8}.comparison-person strong{display:block;font:500 18px 'JetBrains Mono',monospace;color:var(--yellow);margin-top:6px}.comparison-person.second-person{text-align:right}.comparison-person.second-person strong{color:var(--cyan)}.comparison-difference{text-align:center;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 14px}.comparison-difference>span{font-size:12px;color:#948aa6}.comparison-difference>strong{display:block;font:600 23px 'JetBrains Mono',monospace;color:#f2ecfa;margin:3px 0}.comparison-difference small{font:12px Inter,Barlow,sans-serif;margin-left:8px;color:#8e839f}.comparison-difference p{font-size:12px;line-height:1.4;color:#a299b3;margin:0}.comparison-unavailable{grid-column:1/-1;grid-row:1;padding:15px;border:1px dashed #675670;border-radius:5px;background:var(--panel);color:#c3b6d2;font-size:14px;margin:0}.unavailable-profile{display:block;min-height:280px}.unavailable-copy{padding:26px 10px}.unavailable-symbol{display:block;font-size:45px;color:#80748f}.unavailable-copy h3{font-size:17px!important;color:#ded3ea;margin:9px 0}.unavailable-copy p{font-size:14px;line-height:1.6;color:#9e90af;max-width:500px}.negative-growth .total-number,.negative-growth .rate-summary strong{color:#ffacb0}.period-number.text-red-400{color:#ffacb0!important}
.modern-page main>aside{font-size:12px!important;line-height:1.65;color:#878094!important;border-color:var(--line)!important;margin-top:20px!important;padding-top:15px!important}.modern-page main>aside strong{color:#bcb2ca}.modern-page main>aside a{color:#b1a3ca}.modern-page .glow-amber,.modern-page .glow-red{filter:none;text-shadow:none!important}.modern-page #dashboard-grid:has(>.comparison-summary) .person-dashboard{grid-template-columns:minmax(0,1fr)}.modern-page #dashboard-grid:has(>.comparison-summary) .wealth-kpi{padding:12px 15px}.modern-page #dashboard-grid:has(>.comparison-summary) .annual-trend svg{height:86px}.modern-page #dashboard-grid:has(>.comparison-summary) .total-number{font-size:clamp(19px,5cqw,32px)}.modern-page #dashboard-grid:has(>.comparison-summary) .period-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.modern-page #dashboard-grid:has(>.comparison-summary) .session-kpi{grid-column:span 2}.modern-page #dashboard-grid:has(>.comparison-summary) .period-kpi{padding:10px}.modern-page #dashboard-grid:has(>.comparison-summary) .period-context{display:none}
@media(max-width:1200px){.modern-page .analytics-header{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.salary-panel>div:nth-child(2){grid-template-columns:repeat(3,minmax(0,1fr))!important}.modern-page .salary-panel{grid-template-columns:190px 1fr}.salary-panel>div:nth-child(2)>div{height:54px!important}.modern-page #dashboard-grid:has(>.comparison-summary) .period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-page #dashboard-grid:has(>.comparison-summary) .session-kpi{grid-column:1/-1}}
@media(max-width:900px){.modern-page .analytics-header{grid-template-columns:minmax(0,1fr)!important;gap:15px!important}.modern-page .analytics-header h1{font-size:27px!important}.chart-panel .h-32{height:80px!important}.person-dashboard{grid-template-columns:minmax(0,1fr)}.period-context{display:none}.modern-page .analytics-shell{padding:20px!important}.comparison-summary{gap:12px;padding:14px}.comparison-person strong{font-size:16px}.comparison-person{font-size:13px}.comparison-difference>strong{font-size:20px}.modern-page .salary-panel{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.salary-panel>div:first-child{display:flex;align-items:center;gap:15px}.salary-panel>div:first-child>label{flex:1}.salary-panel>div:first-child>div{width:190px}.salary-panel>div:nth-child(2){grid-template-columns:repeat(5,minmax(0,1fr))!important}.salary-panel>div:nth-child(2)>div{height:65px!important}.salary-panel [id^=personal-]{font-size:12px!important}.modern-page #personal-income{font-size:18px!important}}
@media(max-width:650px){.modern-page .site-nav{padding:12px 16px;gap:10px}.modern-page .site-nav .brand{font-size:19px}.modern-page .site-nav nav{gap:14px;flex-wrap:nowrap;width:100%;justify-content:space-between}.modern-page .site-nav nav a{font-size:12px;min-height:36px;padding:6px 0}.modern-page .analytics-shell{padding:17px 14px!important}.modern-page .analytics-header{gap:13px!important;margin-bottom:13px!important}.analytics-header>div:first-child>div{gap:10px!important}.analytics-header>div:first-child>div>div:last-child>label{display:none}.modern-page #play-pause-btn{padding:10px 13px!important}.selected-people button{min-height:36px}.profile-status{font-size:12px}.chart-panel{padding:10px 12px!important}.chart-panel .h-32{height:66px!important}.modern-page .salary-panel{padding:12px!important;margin-bottom:14px!important}.salary-panel>div:nth-child(2){grid-template-columns:repeat(3,minmax(0,1fr))!important}.salary-panel>div:nth-child(2)>div{height:59px!important}.salary-panel>div:first-child{gap:10px}.salary-panel>div:first-child>div{width:155px}.salary-panel label{font-size:12px!important}.salary-panel [id$=-total]{font-size:10px!important}.person-dashboard{padding:13px;gap:12px}.person-heading{align-items:start}.person-heading h2{font-size:17px!important}.wealth-kpi{padding:14px}.total-number{font-size:clamp(19px,6.5cqw,27px)!important;letter-spacing:-.5px}.annual-trend svg{height:96px}.period-grid,.modern-page #dashboard-grid:has(>.comparison-summary) .period-grid{grid-template-columns:minmax(0,1fr)}.period-kpi{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:7px 10px;padding:12px!important;min-height:60px}.period-label{display:block}.period-label h3{font-size:14px!important}.period-label time{display:block;margin-top:5px}.period-number{font-size:14px!important;margin:0!important;letter-spacing:-.45px;text-align:right}.period-context{display:none}.session-kpi,.modern-page #dashboard-grid:has(>.comparison-summary) .session-kpi{grid-column:1/-1}.session-kpi .period-number{font-size:15px!important}.simulation-note{font-size:12px;line-height:1.55}.modern-page #dashboard-grid:has(>.comparison-summary),.modern-page #dashboard-grid:has(>.comparison-unavailable){grid-template-columns:minmax(0,1fr)}.comparison-summary{grid-template-columns:1fr 1fr;padding:14px;gap:13px}.comparison-difference{grid-row:2;grid-column:1/-1;border-left:0;border-right:0;border-top:1px solid var(--line);padding:10px 0 0}.comparison-person.second-person{grid-column:2;grid-row:1}.comparison-difference>strong{font-size:23px}.person-choice small{font-size:12px}.person-choice{font-size:14px}.modern-page main>aside{font-size:12px!important}.modern-page #dashboard-grid:has(>.comparison-summary) .annual-trend svg{height:96px}.unavailable-profile{min-height:250px}}
@media(prefers-reduced-motion:reduce){.modern-page *{transition:none!important;animation:none!important}}
@media(max-width:360px){.period-kpi{grid-template-columns:minmax(0,1fr)}.period-label{display:flex;justify-content:space-between;align-items:center}.period-label time{margin:0}.period-number{text-align:left}.person-heading{flex-direction:column;gap:6px}.rate-summary{align-items:start;flex-direction:column;gap:5px}.kpi-topline{gap:7px;font-size:13px}.live-indicator{font-size:12px}.person-choice{align-items:start}.person-choice small{display:none}.modern-page .salary-panel>div:first-child{align-items:start;flex-direction:column}.salary-panel>div:first-child>div{width:100%}}
.annual-trend svg{height:93px}.trend-axis{display:flex;justify-content:space-between;gap:10px;align-items:center;font:12px/18px Inter,Barlow,sans-serif;color:#a89db9}.trend-axis span:nth-child(2){color:#81748f}.modern-page #dashboard-grid:has(>.comparison-summary) .annual-trend svg{height:68px}@media(max-width:650px){.annual-trend svg,.modern-page #dashboard-grid:has(>.comparison-summary) .annual-trend svg{height:78px}.trend-axis{font-size:12px}}
/* Three honest cumulative scopes; all lines share one signed money axis. */
.modern-page .analytics-header{grid-template-columns:minmax(0,1fr) 220px;align-items:center!important}.year-control{display:grid;grid-template-columns:1fr 85px;gap:8px 12px;background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:5px;align-items:center}.year-control label{font-size:14px;color:#c5bdcf}.year-control p{grid-column:1/-1;font-size:12px;color:#91859f;line-height:1.5;margin:0}.modern-page #year-select{min-height:44px;width:100%}.data-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 14px}.data-toolbar h2{font-size:16px!important;color:#e5ddef;margin:0 0 5px}.data-toolbar p{font-size:12px;color:#93889f;margin:0;line-height:1.5}.data-toolbar #play-pause-btn{flex-shrink:0}.scope-charts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scope-chart{min-width:0;padding:12px;background:#23202d;border:1px solid #3e374b;border-radius:5px}.scope-heading h3{font-size:14px!important;color:#ded4ea;margin:0 0 5px}.scope-heading p{font-size:12px;line-height:1.45;color:#8b7d9d;margin:0;min-height:35px}.scope-scale{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#9c8cac;margin:10px 0 3px}.scope-chart svg{display:block;width:100%;height:105px}.scope-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.scope-zero{stroke:#7b6c8e;stroke-width:.9}.scope-chart .trend-axis{margin-top:2px;font-size:12px}.chart-legends{margin-top:10px;display:flex;flex-direction:column;gap:7px}.chart-series-legend{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#c6bbd6;min-width:0}.legend-name{position:relative;padding-left:15px;line-height:1.45;overflow-wrap:anywhere}.legend-name:before{content:'';position:absolute;left:0;top:8px;width:9px;height:2px;background:var(--line-color)}.legend-name.salary-line:before{background:repeating-linear-gradient(90deg,var(--line-color) 0 3px,transparent 3px 5px)}.chart-series-legend strong{font:500 12px/1.4 'JetBrains Mono',monospace;color:#e1d6ec;letter-spacing:-.35px;white-space:normal;overflow-wrap:normal}.comparison-hint{font-size:12px;line-height:1.5;color:#887894;margin:10px 0 0}.scope-chart .trend-grid{stroke:#44394f}.wealth-kpi{align-self:start}.modern-page #dashboard-grid:has(>.comparison-summary) .wealth-kpi{display:block}.modern-page .salary-panel{margin-bottom:17px!important}
@media(min-width:1100px){#dashboard-grid:not(:has(>.comparison-summary)) .chart-series-legend{flex-direction:row;align-items:baseline;justify-content:space-between;gap:9px}}
@media(max-width:1100px){.scope-charts{grid-template-columns:minmax(0,1fr)}.scope-chart{padding:14px}.scope-heading p{min-height:0}.scope-chart svg{height:118px}.chart-series-legend{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px}.chart-series-legend strong{white-space:nowrap}.modern-page .analytics-header{grid-template-columns:minmax(0,1fr) 210px!important}}
@media(max-width:650px){.modern-page .analytics-header{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.year-control{grid-template-columns:1fr 115px}.year-control p{grid-column:1/-1}.scope-charts{grid-template-columns:minmax(0,1fr);gap:10px}.scope-chart{padding:12px}.scope-chart svg{height:122px}.chart-series-legend{gap:8px;flex-wrap:wrap}.chart-series-legend strong{font-size:12px}.data-toolbar{align-items:center;gap:12px}.data-toolbar h2{font-size:14px!important}.data-toolbar p{font-size:12px;max-width:220px}.scope-heading p{min-height:0}.scope-scale,.trend-axis{font-size:12px}.scope-heading h3{font-size:14px!important}}
/* Small three-across tiles inside the total-number block; tap for exact values. */
.wealth-kpi .scope-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.wealth-kpi .scope-chart{position:relative;padding:8px 7px;min-width:0;border-color:#494053;background:#201d29}.wealth-kpi .scope-heading h3{font-size:12px!important;font-weight:600!important;margin:0 14px 5px 0;white-space:nowrap}.wealth-kpi .scope-heading p,.wealth-kpi .scope-scale,.wealth-kpi .scope-chart .trend-axis,.wealth-kpi .comparison-hint{display:none}.wealth-kpi .scope-chart svg{height:70px}.wealth-kpi .chart-legends{gap:4px;margin-top:5px}.mini-endpoint{display:flex;align-items:center;gap:5px;min-width:0}.mini-line-key{width:6px;height:2px;flex-shrink:0;background:var(--line-color)}.mini-endpoint strong{font:500 12px/1.4 Inter,Barlow,sans-serif;color:var(--line-color);white-space:nowrap;letter-spacing:-.3px}.scope-open{position:absolute;inset:0;width:100%;height:100%;padding:7px;min-height:44px;background:transparent;border:0;color:#8f7ba3;cursor:zoom-in;text-align:right;display:flex;justify-content:flex-end;align-items:start}.scope-open span{font:12px Inter,Barlow,sans-serif}.scope-open:hover{border:1px solid #9480ac;border-radius:4px;background:#ddd2ff05}.scope-open:focus-visible{outline:2px solid var(--yellow)!important;outline-offset:2px}.scope-common-legend{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:10px}.shared-line-name{position:relative;padding-left:14px;font-size:12px;line-height:1.5;color:#b8a9cc}.shared-line-name:before{content:'';position:absolute;top:8px;left:0;width:8px;height:2px;background:var(--line-color)}.shared-line-name.salary-line:before{background:repeating-linear-gradient(90deg,var(--line-color) 0 2px,transparent 2px 4px)}
.chart-detail{position:fixed;inset:0;margin:auto;width:min(740px,92vw);max-height:88vh;overflow:auto;color:#eee5f7;background:#24202e;border:1px solid #756382;border-radius:8px;padding:18px;box-shadow:0 20px 100px #000b}.chart-detail::backdrop{background:#100b19bd;backdrop-filter:blur(3px)}.chart-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.chart-dialog-toolbar h2{font:600 17px Inter,Barlow,sans-serif!important;color:#ddd0ed;margin:0}.chart-dialog-toolbar button{min-width:44px;min-height:44px;border:1px solid #655073;border-radius:4px;background:#342b40;color:#efe3fa;cursor:pointer}.expanded-scope-chart .scope-heading h3{font-size:18px!important}.expanded-scope-chart .scope-heading p{min-height:0}.expanded-scope-chart svg{width:100%;height:250px;display:block}.expanded-scope-chart .chart-series-legend{display:flex;flex-direction:row;justify-content:space-between;gap:15px;font-size:14px}.expanded-scope-chart .chart-series-legend strong{font-size:14px;white-space:nowrap}.expanded-scope-chart .trend-axis,.expanded-scope-chart .scope-scale{font-size:12px}.chart-assumption{font-size:12px;line-height:1.6;color:#9685aa;margin:18px 0 0;border-top:1px solid #4c3e5c;padding-top:12px}
@media(max-width:650px){.wealth-kpi .scope-charts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wealth-kpi .scope-chart{padding:7px 5px}.wealth-kpi .scope-chart svg{height:66px}.mini-endpoint{gap:3px}.mini-endpoint strong{font-size:12px;letter-spacing:-.45px}.scope-common-legend{gap:7px 12px}.chart-detail{padding:14px;width:94vw}.expanded-scope-chart svg{height:180px}.expanded-scope-chart .chart-series-legend{flex-wrap:wrap;gap:5px}.expanded-scope-chart .chart-series-legend strong{font-size:13px}.chart-dialog-toolbar h2{font-size:16px!important}}
/* Compact transport control and a comparison dial between the profiles. */
.modern-page .data-toolbar #play-pause-btn{width:44px!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:0!important;border:1px solid #625a70!important;border-radius:50%!important;background:#211e2b!important;color:#f4edf9!important;box-shadow:none!important;flex:0 0 44px}.modern-page .data-toolbar #play-pause-btn:hover{background:#373040!important;border-color:#a99aba!important}.modern-page .data-toolbar #play-pause-btn svg{width:19px;height:19px;color:#f4edf9!important}.modern-page #play-pause-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.modern-page #dashboard-grid:has(>.comparison-summary){grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);align-items:start}.modern-page .comparison-summary{grid-column:auto;grid-row:auto;align-self:center;display:flex;flex-direction:column;gap:12px;padding:14px 10px;background:#211e2b;border:1px solid #494053;border-radius:6px;min-width:0}.comparison-summary h3{font-size:14px!important;color:#d8cde3;text-align:center;margin:0}.modern-page .comparison-dial{display:block;width:100%;height:auto;overflow:visible}.comparison-dial [id^=gauge-hand]{transform-origin:90px 98px;transition:transform .3s ease}.modern-page .comparison-summary .comparison-difference{border:0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:center;grid-column:auto;grid-row:auto}.modern-page .comparison-summary .comparison-difference>strong{font:600 24px/1.2 Inter,Barlow,sans-serif;color:#ffd24a;letter-spacing:-.6px}.comparison-summary .comparison-difference>span{font-size:12px;color:#a397b2}.modern-page .comparison-summary .comparison-person{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid #463c51;grid-column:auto;grid-row:auto;min-width:0}.modern-page .comparison-summary .comparison-person>span{font-size:12px;line-height:1.4;color:var(--person-color)}.modern-page .comparison-summary .comparison-person>strong{font:500 12px Inter,Barlow,sans-serif;color:#eee3f7;white-space:normal}.comparison-summary #race-leader{font-size:12px;line-height:1.5;color:#9b8baa;margin:0}.modern-page #dashboard-grid:has(>.comparison-summary) .person-dashboard{grid-template-columns:minmax(0,1fr)}.modern-page #dashboard-grid:has(>.comparison-summary) .period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-page #dashboard-grid:has(>.comparison-summary) .session-kpi{grid-column:1/-1}
@media(max-width:1050px){.modern-page #dashboard-grid:has(>.comparison-summary){grid-template-columns:minmax(0,1fr)}.modern-page .comparison-summary{width:230px;justify-self:center;align-self:center}.modern-page #dashboard-grid:has(>.comparison-summary) .person-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:650px){.modern-page #dashboard-grid:has(>.comparison-summary) .person-dashboard{grid-template-columns:minmax(0,1fr)}.modern-page #dashboard-grid:has(>.comparison-summary) .period-grid{grid-template-columns:minmax(0,1fr)}.modern-page .comparison-summary{width:200px}.modern-page .comparison-dial{height:118px}.modern-page .comparison-summary .comparison-difference>strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.comparison-dial [id^=gauge-hand]{transition:none}}
/* Centered readings, compact apply action and profile-local pause chips. */
.modern-page .wealth-kpi,.modern-page .period-kpi{text-align:center}.modern-page .kpi-topline,.modern-page .rate-summary,.modern-page .period-label{justify-content:center}.modern-page .period-label{gap:12px}.modern-page .period-number{text-align:center!important}.wealth-kpi .scope-heading h3{margin-right:0;text-align:center}.wealth-kpi .mini-endpoint{justify-content:center}.wealth-kpi .scope-common-legend{justify-content:center}.modern-page .wage-input-row{display:flex;gap:7px;align-items:center}.modern-page .wage-input-row input{min-width:0;flex:1;width:0!important}.modern-page #apply-income{width:44px;height:44px;flex:0 0 44px;padding:11px;border:1px solid #625670;border-radius:4px;background:#292332;color:#ddd1eb;cursor:pointer}.modern-page #apply-income:hover{color:#ffd24a;border-color:#a692b7}.modern-page #apply-income svg{width:20px;height:20px}.modern-page .person-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.modern-page .person-heading h2{grid-column:1}.modern-page .person-heading .profile-status{grid-column:3;text-align:right;white-space:normal}.modern-page .person-heading .pause-summary{grid-column:2;grid-row:1;margin:0;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;background:#ffd24a1c;border:1px solid #79643b;color:#ffe19c;border-radius:4px;padding:6px 9px;max-width:160px;text-align:center;font-size:12px}.modern-page .person-heading .pause-summary.hidden{display:none}.modern-page .person-heading .pause-summary strong{font:500 12px Inter,Barlow,sans-serif;white-space:nowrap}.modern-page .comparison-summary{align-self:start}.comparison-dial #gauge-hand-personal{transform-origin:90px 98px;transition:transform .3s ease}
@media(max-width:650px){.modern-page .person-heading{grid-template-columns:minmax(0,1fr) auto}.modern-page .person-heading .profile-status{grid-column:1;grid-row:2;text-align:left}.modern-page .person-heading .pause-summary{grid-column:2;grid-row:1/3;max-width:140px}.modern-page .period-kpi{display:flex;flex-direction:column;gap:6px;justify-content:center}.modern-page .period-label{display:flex;align-items:center}.modern-page .period-label time{margin:0}.modern-page .period-number{text-align:center!important}}
@media(prefers-reduced-motion:reduce){.comparison-dial #gauge-hand-personal{transition:none}}

@media(max-width:650px){.modern-page .salary-input-row{justify-content:center}.modern-page #personal-income{min-width:130px}}
.modern-page #pauseWidget-personal{color:#ffdf7a!important;background:#3c342b!important;border:1px solid #75633c!important;border-radius:4px!important;padding:5px 8px!important;position:relative!important;inset:auto!important;grid-column:1/-1;justify-self:center;text-align:center;align-items:center!important}