.search-card { padding: 1rem; }
.search-row input { width: 100%; max-width: 400px; padding: 0.5rem 0.75rem; border-radius: 8px; border: 1px solid var(--border); background: var(--surface); color: var(--text-primary); }
.search-result { margin-top: 0.75rem; padding: 0.75rem; border: 1px solid var(--border); border-radius: 8px; }
.search-aqi { font-size: 1.5rem; font-weight: 700; }
.search-tip { font-size: 0.85rem; color: var(--text-muted); margin: 0.5rem 0 0; }
.map-wrap { height: 360px; border-radius: 8px; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 900px) { .split { grid-template-columns: 1fr; } }
.num-col { text-align: right; }
.pollutant-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0.75rem; }
.pollutant-card { padding: 0.75rem; border: 1px solid var(--border); border-radius: 8px; }
.pollutant-card h3 { margin: 0 0 0.35rem; font-size: 1rem; }
.who-line { font-size: 0.8rem; color: var(--text-muted); margin-bottom: 0.35rem; }
.pollutant-card p { font-size: 0.85rem; margin: 0.35rem 0; }
.poll-sources { font-size: 0.75rem !important; color: var(--text-muted); }
.news-feed { display: flex; flex-direction: column; gap: 0.75rem; }
.news-item a { color: var(--accent); text-decoration: none; }
.news-meta { font-size: 0.8rem; color: var(--text-muted); margin: 0.25rem 0 0; }