/* Mobile projection reference layout; preserve existing theme surfaces and live calculations. */
@media (max-width:760px) {
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .profile-page:has(.my-plan-projections:not([hidden])) { padding:6px 9px 22px !important; gap:8px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-nav:has([data-my-plan-target="projections"].is-active) { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:0 !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-nav:has([data-my-plan-target="projections"].is-active) .my-plan-nav-item { min-height:43px !important; height:43px !important; padding:4px 6px !important; font-size:11px !important; line-height:14px !important; gap:8px !important; border-radius:3px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projections:not([hidden]) { display:flex !important; flex-direction:column !important; gap:8px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-scenario:not([hidden]) { display:flex !important; flex-direction:column !important; gap:8px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projections :is(.my-plan-panel,.my-plan-projection-results) { border:1px solid var(--plan-border,#29424f) !important; border-radius:3px !important; background:var(--app-mobile-panel-surface) !important; padding:8px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-tabs { margin:0 !important; border-radius:3px !important; min-height:30px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-tabs::before { font-size:12px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-assumptions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-assumptions::before { content:"Plan assumptions" !important; grid-column:1 / -1 !important; font-size:13px !important; font-weight:700 !important; padding:0 3px 7px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-assumption { display:flex !important; justify-content:center !important; align-items:center !important; min-height:48px !important; padding:7px 3px !important; border:1px solid var(--plan-border,#29424f) !important; border-radius:0 !important; background:transparent !important; text-align:center !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-assumption:nth-child(even) { border-left:0 !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-assumption:nth-child(n+3) { border-top:0 !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projections .my-plan-row-icon { display:none !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-assumption span:not(.my-plan-row-icon) { display:block !important; font-size:10px !important; line-height:14px !important; color:var(--mp-ref-muted,#aec1cf) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-assumption strong { display:block !important; margin-top:2px !important; font-size:17px !important; line-height:20px !important; color:var(--mp-ref-teal,#00cbd9) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-edit { border:0 !important; background:transparent !important; padding:8px 3px 0 !important; min-height:23px !important; font-size:10px !important; text-decoration:underline !important; color:var(--mp-ref-teal,#00cbd9) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-results { display:flex !important; flex-direction:column !important; gap:0 !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-results::before { content:"Projected outcomes" !important; display:block !important; font-size:13px !important; font-weight:700 !important; padding:0 3px 7px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-results .my-plan-projection-result { display:block !important; min-height:33px !important; padding:7px 5px !important; border:0 !important; border-top:1px solid var(--plan-border,#29424f) !important; border-radius:0 !important; background:transparent !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-result > div { display:flex !important; justify-content:space-between !important; align-items:center !important; gap:6px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-result span:not(.my-plan-row-icon) { font-size:10.5px !important; line-height:14px !important; color:var(--mp-ref-muted,#aec1cf) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-result strong { margin:0 !important; font-size:17px !important; line-height:18px !important; letter-spacing:-.02em !important; color:var(--mp-ref-teal,#00cbd9) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-result:nth-child(2) strong { color:var(--mp-ref-green,#46dfa9) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-result:nth-child(3) strong { color:#edb900 !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-chart-head h2 { font-size:0 !important; line-height:0 !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-chart-head h2::before { content:"Projected portfolio growth" !important; display:block !important; font-size:13px !important; line-height:18px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-chart-head h2::after { content:"Today’s money" !important; display:block !important; font-size:11px !important; line-height:15px !important; font-weight:400 !important; color:var(--mp-ref-muted,#aec1cf) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-chart-panel .profile-chart-legend { flex-direction:column !important; align-items:flex-start !important; gap:3px !important; margin:8px 0 10px !important; font-size:10px !important; line-height:13px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-chart-panel .profile-chart-graph { height:145px !important; background-color:transparent !important; border:1px solid var(--plan-border,#29424f) !important; border-radius:2px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-chart-panel .profile-chart-axis { font-size:10px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements-heading h2 { font-size:13px !important; line-height:17px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements-heading p { font-size:10px !important; line-height:14px !important; color:var(--mp-ref-muted,#aec1cf) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements-body { display:block !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements-toggle { display:none !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements .profile-table { gap:7px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements .profile-table-row:not(.profile-table-head) { grid-template-columns:repeat(12,minmax(0,1fr)) !important; padding:0 !important; border:1px solid var(--plan-border,#29424f) !important; border-radius:2px !important; background:transparent !important; overflow:hidden !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements .profile-table-row:not(.profile-table-head) > span { padding:5px 10px !important; margin:0 !important; font-size:11px !important; line-height:14px !important; align-content:center !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements .profile-table-row:not(.profile-table-head) > span:first-child { grid-column:span 6 !important; font-size:15px !important; color:var(--mp-ref-teal,#00cbd9) !important; border-right:1px solid var(--plan-border,#29424f) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements .profile-table-row:not(.profile-table-head) > span:nth-child(2) { grid-column:span 3 !important; font-size:11px !important; padding:6px 10px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements .profile-table-row:not(.profile-table-head) > span:nth-child(3) { grid-column:span 3 !important; font-size:11px !important; padding:6px 5px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements .profile-table-row:not(.profile-table-head) > span:nth-child(n+4) { grid-column:span 4 !important; grid-row:auto !important; padding:4px 10px !important; margin:0 !important; font-size:11px !important; border-top:1px solid var(--plan-border,#29424f) !important; border-right:1px solid var(--plan-border,#29424f) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements .profile-table-row:not(.profile-table-head) > span:nth-child(3n+6) { border-right:0 !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements .profile-table-row:not(.profile-table-head) > span::before { font-size:9.5px !important; line-height:13px !important; font-weight:400 !important; color:var(--mp-ref-muted,#aec1cf) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements .profile-table-row:not(.profile-table-head) > span:first-child::after { font-size:9px !important; line-height:13px !important; color:var(--mp-ref-muted,#aec1cf) !important; white-space:normal !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-projection-requirements .profile-table-row[data-fi-level="fi"] { border-color:var(--mp-ref-teal,#00cbd9) !important; box-shadow:inset 3px 0 var(--mp-ref-teal,#00cbd9) !important; }
}

