:root{--accent:var(--calc-color-environment);--accent-dim:#a3e63526}.tab-content{display:none}.tab-content.active{display:block}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}.grade-badge{font-size:3rem;font-weight:900;font-family:var(--calc-font-headline);border-radius:var(--calc-radius-md);border:2px solid;margin-bottom:.35rem;padding:.15em .35em;line-height:1;display:inline-block}.grade-badge.tier-good{color:var(--calc-tier-good);background:#34d3991f}.grade-badge.tier-fair{color:var(--calc-tier-fair);background:#6ee7b71f}.grade-badge.tier-warn{color:var(--calc-tier-warn);background:#f59e0b1f}.grade-badge.tier-high{color:var(--calc-tier-high);background:#fb923c1f}.grade-badge.tier-crisis{color:var(--calc-tier-crisis);background:#fb71851f}.grade-label{color:var(--calc-text-faded);margin-top:.2rem;font-size:.82rem}.hero-stat-row{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.hero-stat{border-radius:var(--calc-radius-md);background:#ffffff08;border:1px solid #ffffff12;padding:.75rem 1rem}.hero-stat-val{color:var(--calc-text-primary);font-size:1.1rem;font-weight:700;font-family:var(--calc-font-mono)}.hero-stat-lbl{color:var(--calc-text-faded);margin-top:.15rem;font-size:.75rem}.result-main{text-align:center;padding:.5rem 0 .75rem}.result-main .annual-cost{color:var(--accent);font-size:2.4rem;font-weight:900;font-family:var(--calc-font-mono);line-height:1}.result-main .cost-label{color:var(--calc-text-faded);margin-top:.2rem;font-size:.78rem}.savings-banner{background:var(--accent-dim);border-radius:var(--calc-radius-md);color:var(--accent);text-align:center;border:1px solid #a3e63540;margin-top:1rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600}.action-bar{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.action-bar .glass-btn{flex:auto;min-width:0;padding:8px 14px;font-size:.82rem}.chart-wrap{height:220px;margin:1.2rem 0;position:relative}.chart-section-title{color:var(--calc-text-faded);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.recs-grid{flex-direction:column;gap:1rem;display:flex}.rec-card{border-radius:var(--calc-radius-md);background:#ffffff08;border:1px solid #ffffff14;grid-template-columns:2rem 2.5rem 1fr;align-items:start;gap:.75rem;padding:1rem 1.1rem;transition:border-color .2s;display:grid}.rec-card:hover{border-color:#a3e6354d}.rec-rank{color:var(--calc-text-faded);font-size:.7rem;font-weight:800;font-family:var(--calc-font-mono);padding-top:.1rem}.rec-icon{padding-top:.05rem;font-size:1.4rem;line-height:1}.rec-title{color:var(--calc-text-primary);margin-bottom:.3rem;font-size:.95rem;font-weight:700}.rec-desc{color:var(--calc-text-faded);margin:0 0 .6rem;font-size:.82rem;line-height:1.6}.rec-meta{flex-wrap:wrap;gap:.4rem;display:flex}.rec-pill{white-space:nowrap;border-radius:20px;padding:.2rem .6rem;font-size:.73rem;font-weight:600}.savings-pill{color:var(--calc-cyan);background:#22d3ee1a;border:1px solid #22d3ee33}.cost-pill{color:var(--calc-text-faded);background:#ffffff0d;border:1px solid #ffffff14}.payback-pill{color:var(--accent);background:#a3e6351a;border:1px solid #a3e63533}.no-recs-msg{text-align:center;color:var(--calc-text-faded);padding:2rem 1rem;font-size:.9rem}.roi-bar-wrap{height:240px;margin-top:1rem;position:relative}.roi-intro{color:var(--calc-text-faded);margin-bottom:1rem;font-size:.85rem;line-height:1.6}@media (width<=768px){.hero-stat-row{grid-template-columns:1fr}.rec-card{grid-template-columns:2rem 1fr}.rec-icon{display:none}.result-main .annual-cost{font-size:2rem}}[data-theme=light]{--accent:var(--calc-color-environment);--accent-dim:#3f621214}[data-theme=light] .grade-badge.tier-good{color:var(--calc-tier-good);background:#04785714}[data-theme=light] .grade-badge.tier-fair{color:var(--calc-tier-fair);background:#15803d14}[data-theme=light] .grade-badge.tier-warn{color:var(--calc-tier-warn);background:#b4530914}[data-theme=light] .grade-badge.tier-high{color:var(--calc-tier-high);background:#c2410c14}[data-theme=light] .grade-badge.tier-crisis{color:var(--calc-tier-crisis);background:#e11d4814}[data-theme=light] .hero-stat{background:#edf2f9;border-color:#0000001a}[data-theme=light] .hero-stat-val{color:#0f172a}[data-theme=light] .hero-stat-lbl{color:#475569}[data-theme=light] .result-main .annual-cost{color:var(--calc-color-environment)}[data-theme=light] .result-main .cost-label{color:#64748b}[data-theme=light] .savings-banner{background:#3f621212;border-color:#3f621233}[data-theme=light] .rec-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .rec-card:hover{border-color:#3f62124d}[data-theme=light] .rec-rank{color:#94a3b8}[data-theme=light] .rec-title{color:#0f172a}[data-theme=light] .rec-desc{color:#475569}[data-theme=light] .savings-pill{color:#0891b2;background:#0891b214;border-color:#0891b233}[data-theme=light] .cost-pill{color:#64748b;background:#0000000a;border-color:#0000001a}[data-theme=light] .payback-pill{color:#3f6212;background:#3f621214;border-color:#3f621233}[data-theme=light] .roi-intro{color:#475569}[data-theme=light] .no-recs-msg{color:#64748b}