.result-value-large { font-size: 2.2rem; font-weight: 700; color: var(--primary-color); }.form-label {font-size:0.89rem
}.chart-container {height:220px
}
        .insight-box { background-color: #f8f9fa; border-left: 4px solid var(--primary-color); padding: 1rem; margin: 1.5rem 0; border-radius: 0 8px 8px 0; }
        .data-ref { font-size: 0.85rem; color: #6c757d; border-top: 1px solid #e9ecef; margin-top: 1rem; padding-top: 1rem; }
        .preset-buttons { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 1rem 0; }
        .badge-custom { background-color: #e9ecef; color: #1e466e; padding: 0.4rem 0.8rem; border-radius: 30px; font-size: 0.85rem; font-weight: 500; }
        .inflation-fact { background: #f1f3f5; border-radius: 12px; padding: 1.2rem; margin: 1.2rem 0; }
        .math-explanation { font-family: 'Courier New', monospace; background-color: #f8f9fa; padding: 1rem; border-radius: 6px; }
        .result-card { background-color: white; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 1.5rem; margin-bottom: 1.5rem; }
        .cpi-table { font-size: 0.85rem; width: 100%; border-collapse: collapse; margin: 1rem 0; }
        .cpi-table th, .cpi-table td { border: 1px solid #dee2e6; padding: 0.5rem; text-align: left; }
        .cpi-table th { background-color: #f2f2f2; }
        .real-world-note { background: #e7f3ff; padding: 0.8rem; border-radius: 8px; margin: 1rem 0; }
        .footnote { font-size: 0.8rem; color: #6c757d; }
        .preset-note { font-size: 0.75rem; color: #495057; background: #e9ecef; display: inline-block; padding: 0.2rem 0.6rem; border-radius: 20px; margin-left: 0.5rem; }