.main-container{max-width:1400px;margin:0 auto;padding:40px 20px}.page-header{margin-bottom:1.5rem}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.4rem)}.page-subtitle{color:var(--calc-text-faded);max-width:70ch;margin:0;line-height:1.5}.calc-grid{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.calc-grid{grid-template-columns:1fr}}.card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);padding:1.25rem 1.5rem}.card-title{font-family:var(--calc-font-headline);text-transform:uppercase;letter-spacing:.05em;color:var(--calc-text-faded);margin:0 0 1rem;font-size:1rem}.field-hint{color:var(--calc-text-dim);margin:0 0 1rem;font-size:.82rem;line-height:1.5}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--calc-text-faded);font-size:.9rem}.form-group input,.form-group select{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);color:var(--calc-text-primary);font-family:var(--calc-font-mono);width:100%;padding:.65rem .85rem;font-size:1.05rem;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--calc-cyan);outline:none}.input-hint{color:var(--calc-text-dim);margin:.3rem 0 0;font-size:.8rem}.result-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);padding:1.25rem 1.5rem}.hero-result{margin-bottom:.5rem}.hero-label{color:var(--calc-text-faded);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.85rem}.hero-value{font-family:var(--calc-font-mono);color:var(--calc-cyan);margin-bottom:.3rem;font-size:clamp(1.6rem,4vw,2.2rem)}.hero-sub{color:var(--calc-text-faded);line-height:1.5}.scenario-compare-title{color:var(--calc-text-faded);text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem;font-size:.85rem}.data-table{border-collapse:collapse;width:100%;font-family:var(--calc-font-mono);font-size:.9rem}.data-table th{text-align:left;color:var(--calc-text-faded);border-bottom:1px solid var(--calc-border-default);padding:.5rem .7rem;font-weight:600}.data-table td{color:var(--calc-text-primary);border-bottom:1px solid #ffffff0a;padding:.5rem .7rem}.data-table tr.row-top td{color:var(--calc-cyan);font-weight:600}.table-empty{color:var(--calc-text-dim);text-align:center;padding:1rem .5rem}.band-chart{flex-direction:column;gap:.6rem;margin:1rem 0 1.5rem;display:flex}.band-row{grid-template-columns:6rem 1fr 8rem;align-items:center;gap:.75rem;display:grid}.band-row-label{font-family:var(--calc-font-mono);color:var(--calc-text-faded);font-size:.82rem}.band-row-track{background:var(--calc-bg-input);border-radius:var(--calc-radius-md);height:1.2rem;position:relative;overflow:hidden}.band-row-fill{background:linear-gradient(90deg, var(--calc-cyan), var(--calc-purple));opacity:.45;border-radius:var(--calc-radius-md);position:absolute;top:0;bottom:0}.band-row--matched .band-row-fill{opacity:1}.band-row--matched .band-row-label{color:var(--calc-cyan);font-weight:700}.band-marker{background:var(--calc-text-primary);width:2px;position:absolute;top:-2px;bottom:-2px}.band-row-value{font-family:var(--calc-font-mono);color:var(--calc-text-dim);text-align:right;font-size:.78rem}@media (width<=600px){.band-row{grid-template-columns:4.5rem 1fr 6rem}}.about-card{max-width:72ch;margin:0 auto}.about-heading{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:1.5rem 0 .5rem;font-size:1.05rem}.about-heading:first-child{margin-top:0}.about-card p{color:var(--calc-text-faded);margin:0 0 .75rem;line-height:1.65}[data-theme=light] .card,[data-theme=light] .result-card{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .form-group input,[data-theme=light] .form-group select{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .hero-value{color:#0891b2}[data-theme=light] .data-table th{color:#475569;border-color:#0000001a}[data-theme=light] .data-table td{color:#0f172a;border-color:#0000000f}[data-theme=light] .data-table tr.row-top td{color:#0891b2}[data-theme=light] .band-row-track{background:#f0f4f9}[data-theme=light] .band-row-fill{background:linear-gradient(90deg,#0891b2,#7c3aed)}[data-theme=light] .band-row--matched .band-row-label{color:#0891b2}[data-theme=light] .band-marker{background:#0f172a}[data-theme=light] .band-row-value{color:#475569}[data-theme=light] .about-heading{color:#0f172a}[data-theme=light] .about-card p{color:#475569}