#air h2.page-title{margin-bottom:16px}#air-now .air-now-grid{gap:14px;display:grid}@media (min-width:880px){#air-now .air-now-grid{grid-template-columns:minmax(0,2fr) minmax(0,1.3fr);align-items:stretch}}.air-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-1);padding:14px 16px}.air-card h3,.air-card h4{margin:0 0 8px;font-weight:600}.air-main-kpi{flex-direction:column;gap:10px;display:flex}.air-main-kpi-header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.air-aqi-value{font-size:2.4rem;font-weight:700;line-height:1}.air-aqi-category{border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.85rem;font-weight:600}.air-aqi-desc{color:var(--muted);margin:0;font-size:.9rem}.air-source{color:var(--muted);margin:0;font-size:.8rem}.air-cat-unknown{color:var(--muted);background:#94a3b81f}.air-cat-good{color:#16a34a;background:#22c55e1f}.air-cat-moderate{color:#ca8a04;background:#eab3081f}.air-cat-unhealthy{color:#dc2626;background:#f871711f}.air-cat-verybad{color:#b91c1c;background:#941b1b26}.air-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:640px){.air-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}.air-kpi{border:1px solid var(--border);background:var(--card);background:color-mix(in srgb, var(--card) 80%, var(--brand-soft,#e0f2fe) 20%);border-radius:14px;padding:10px 12px}.air-kpi-label{color:var(--muted);font-size:.8rem}.air-kpi-value{font-size:1.1rem;font-weight:600}#air-trends .air-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}#air-trends .air-head h3{margin:0}.air-range{gap:6px;display:flex}.air-range button{font-size:.8rem}.air-range .is-active{background:var(--brand);color:#fff}.air-charts{gap:12px;display:grid}@media (min-width:880px){.air-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}.air-chart-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-1);border-radius:16px;padding:10px 12px 12px}.air-chart-card h4{margin:0 0 6px;font-size:.95rem}.air-chart-meta{color:var(--muted);margin:0 0 6px;font-size:.78rem}.air-chart-canvas{background:var(--card);border-radius:12px;width:100%;height:160px;display:block}#air-summary .air-summary-inner{border:1px dashed var(--border);background:var(--card);background:color-mix(in srgb, var(--card) 88%, var(--brand-soft,#e0f2fe) 12%);border-radius:16px;padding:12px 14px}#air-summary h3{margin:0 0 6px;font-size:1rem}#air-summary p{color:var(--muted);margin:4px 0;font-size:.85rem}#air-summary ul{color:var(--muted);margin:6px 0 0 1.1rem;padding:0;font-size:.85rem}.air-empty,.air-error{color:var(--muted);background:#94a3b814;border-radius:10px;padding:10px 12px;font-size:.85rem}