.cpi-card{min-width:0;margin-bottom:1.5rem}.cpi-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.cpi-stats>div{background:var(--bg,#f6f8fa);border:1px solid var(--border,#ddd);border-radius:12px;padding:1rem}.cpi-stats h3{font-size:1rem;margin:0 0 .5rem}.cpi-stats strong{font-size:1.8rem;color:var(--primary,#176b50)}.cpi-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cpi-row>*{min-width:0}.cpi-card input,.cpi-card select{max-width:100%;width:100%;box-sizing:border-box}.cpi-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.cpi-actions [aria-pressed=true]{background:#176b50;color:#fff;border-color:#176b50}.cpi-result{padding:1rem;background:#eef7f2;border-radius:12px;overflow-wrap:anywhere}.cpi-result p:first-child{font-size:1.15rem;font-weight:700}.cpi-scroll{max-width:100%;overflow-x:auto}.cpi-scroll table{white-space:nowrap}.cpi-chart{width:100%;min-width:0}.cpi-chart svg{display:block;width:100%;height:auto}.cpi-grid{stroke:#d8dedb;stroke-width:1}.cpi-tick{font-size:12px;fill:#59655e}.cpi-line{fill:none;stroke:#176b50;stroke-width:2;stroke-linejoin:round}.cpi-axis{stroke:#8a9990;stroke-width:1}@media(max-width:600px){.cpi-stats{grid-template-columns:1fr}.cpi-row{gap:.65rem}.cpi-stats strong{font-size:1.6rem}.cpi-card{padding:1rem}.cpi-card h2{overflow-wrap:anywhere}}
@media(max-width:600px){#cpi-calculator>.cpi-row{grid-template-columns:1fr}}