.actions{flex-wrap:wrap;justify-content:flex-end}
.actions button[aria-pressed="true"]{background:#44346a;border-color:var(--purple)}
.display-hint{color:var(--muted);font-size:12px;margin-top:12px}
html:fullscreen{overflow:auto;background:var(--bg)}
body.tv-mode .shell{display:block;max-width:none;margin:0}
body.tv-mode main{padding:24px}
body.tv-mode .top{align-items:center;gap:20px}
body.tv-mode .top h1{font-size:26px}
body.tv-mode .actions{flex-direction:row;align-items:center;gap:12px}
body.tv-mode .actions button{font-size:14px;padding:10px 14px}
body.tv-mode .hero-plan{grid-template-columns:minmax(0,1.3fr) 210px minmax(0,1fr);gap:28px;padding:32px}
body.tv-mode .hero-plan>*{min-width:0}
body.tv-mode .hero-money{font-size:46px}
body.tv-mode .hero-outlook{grid-column:auto;border-top:0;border-left:1px solid #4a435f;padding:0 0 0 25px}
body.tv-mode .hero-outlook strong{font-size:29px}
body.tv-mode .hero-compare{grid-column:1/-1}
body.tv-mode .growth-grid{grid-template-columns:1.35fr 1fr 1fr;gap:22px}
body.tv-mode .growth-grid>div:first-child{grid-column:auto}
body.tv-mode .growth-grid b{font-size:24px}
body.tv-mode .delta{font-size:27px}
body.tv-mode .chart-grid{grid-template-columns:1fr 1fr}
body.tv-mode .project-pairs,body.tv-mode .callouts{grid-template-columns:repeat(3,minmax(0,1fr))}
body.tv-mode .panel{padding:24px}