.aqi-container{box-sizing:border-box;max-width:1060px;margin:30px auto 80px;padding:0 16px}.aqi-header{border-bottom:2px solid #1a1a1b;margin-bottom:24px;padding-bottom:20px}.aqi-header-tag{color:var(--ph-red,#ce1126);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:900;display:inline-block}.aqi-header-title{color:#0f172a;font-size:34px;font-weight:900;font-family:var(--font-sans);letter-spacing:-.5px;margin:0 0 10px;line-height:1.15}@media (min-width:768px){.aqi-header-title{font-size:40px}}.aqi-header-desc{color:#475569;max-width:860px;margin:0;font-size:15px;line-height:1.6}.aqi-vog-banner{border-style:solid;border-width:1px;border-radius:6px;flex-direction:column;gap:10px;margin-bottom:26px;padding:16px 20px;display:flex}@media (min-width:768px){.aqi-vog-banner{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px}}.aqi-vog-banner.normal{background:#f0fdf4;border-color:#bbf7d0 #bbf7d0 #bbf7d0 #16a34a;border-left-style:solid;border-left-width:5px}.aqi-vog-banner.alert{background:#fef2f2;border-color:#fecaca #fecaca #fecaca #dc2626;border-left-style:solid;border-left-width:5px;animation:2.5s ease-in-out infinite aqiPulse}@keyframes aqiPulse{0%,to{box-shadow:0 0 #dc262633}50%{box-shadow:0 0 0 8px #dc262614}}.aqi-vog-banner-left{align-items:flex-start;gap:14px;display:flex}.aqi-vog-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;display:flex}.aqi-vog-banner.normal .aqi-vog-icon-wrap{color:#15803d;background:#dcfce7}.aqi-vog-banner.alert .aqi-vog-icon-wrap{color:#b91c1c;background:#fee2e2}.aqi-vog-badge{letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.aqi-vog-banner.normal .aqi-vog-badge{color:#15803d}.aqi-vog-banner.alert .aqi-vog-badge{color:#b91c1c}.aqi-vog-headline{color:#0f172a;margin:0 0 2px;font-size:15px;font-weight:800}.aqi-vog-subtext{color:#475569;margin:0;font-size:13px;line-height:1.4}.aqi-vog-meta{color:#64748b;white-space:nowrap;font-size:12px;font-weight:700}.aqi-station-nav-wrap{margin-bottom:24px}.aqi-station-nav-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.aqi-station-nav-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.aqi-station-nav-scroll::-webkit-scrollbar{height:4px}.aqi-station-nav-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.aqi-station-pill{cursor:pointer;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-direction:column;flex-shrink:0;gap:2px;padding:8px 14px;transition:all .15s ease-in-out;display:flex}.aqi-station-pill:hover{background:#f8fafc;border-color:#94a3b8}.aqi-station-pill.active{background:var(--ph-blue,#0038a8);border-color:var(--ph-blue,#0038a8);color:#fff;box-shadow:0 2px 8px #0038a833}.aqi-station-pill-name{color:#0f172a;font-size:13px;font-weight:700}.aqi-station-pill.active .aqi-station-pill-name{color:#fff}.aqi-station-pill-sub{color:#64748b;align-items:center;gap:6px;font-size:11px;display:flex}.aqi-station-pill.active .aqi-station-pill-sub{color:#dbeafe}.aqi-pill-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.aqi-card-primary{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #00000005}.aqi-card-topbar{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}@media (min-width:768px){.aqi-card-topbar{flex-direction:row;justify-content:space-between;align-items:center}}.aqi-station-title{color:#0f172a;margin:0;font-size:22px;font-weight:900}.aqi-station-meta-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.aqi-tag-pill{color:#475569;text-transform:uppercase;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.aqi-tag-pill.volcano-zone{color:#b91c1c;background:#fee2e2;font-weight:800}.aqi-tag-pill.live{color:var(--ph-blue,#0038a8);background:#dbeafe;font-weight:800}.aqi-score-row{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}@media (min-width:768px){.aqi-score-row{flex-direction:row;align-items:center;gap:32px}}.aqi-score-display{align-items:baseline;gap:12px;display:flex}.aqi-score-number{font-size:64px;font-weight:900;line-height:1;font-family:var(--font-sans);letter-spacing:-1.5px}.aqi-score-unit-group{flex-direction:column;display:flex}.aqi-score-unit{color:#64748b;letter-spacing:1px;font-size:14px;font-weight:900}.aqi-score-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-top:4px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-block}.aqi-spectrum-box{flex:1;width:100%}.aqi-spectrum-bar-wrap{background:linear-gradient(90deg,#16a34a 0% 10%,#ca8a04 10% 20%,#ea580c 20% 30%,#dc2626 30% 40%,#7f1d1d 40% 60%,#450a0a 60% 100%);border-radius:7px;height:14px;margin-bottom:8px;position:relative}.aqi-spectrum-marker{background:#0f172a;border:2px solid #fff;border-radius:3px;width:6px;height:22px;transition:left .3s ease-out;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 2px 4px #0006}.aqi-spectrum-scale-labels{color:#64748b;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.aqi-directive-box{background:#f8fafc;border-left:4px solid #0f172a;border-radius:4px;margin-bottom:24px;padding:16px 20px}.aqi-directive-title{text-transform:uppercase;letter-spacing:1.5px;color:#0f172a;margin-bottom:6px;font-size:11px;font-weight:900}.aqi-directive-text{color:#1e293b;margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.5}.aqi-directive-groups{border-top:1px solid #e2e8f0;grid-template-columns:1fr;gap:10px;padding-top:10px;display:grid}@media (min-width:640px){.aqi-directive-groups{grid-template-columns:1fr 1fr}}.aqi-group-item{color:#475569;font-size:12px;line-height:1.4}.aqi-group-label{color:#0f172a;font-weight:800}.aqi-pollutants-title{text-transform:uppercase;letter-spacing:1px;color:#0f172a;margin:0 0 14px;font-size:14px;font-weight:900}.aqi-pollutants-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (min-width:768px){.aqi-pollutants-grid{grid-template-columns:repeat(4,1fr)}}.aqi-pollutant-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;justify-content:space-between;padding:14px;display:flex}.aqi-pollutant-card.highlight-volcano{background:#fff8f6;border-color:#ea580c #ffedd5 #ffedd5;border-top-style:solid;border-top-width:3px}.aqi-pollutant-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.aqi-pollutant-name{color:#0f172a;font-size:13px;font-weight:800}.aqi-pollutant-badge{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:800}.aqi-pollutant-value{color:#0f172a;font-size:26px;font-weight:900;font-family:var(--font-sans);margin-bottom:2px;line-height:1.1}.aqi-pollutant-unit{color:#64748b;font-size:11px;font-weight:600}.aqi-pollutant-desc{color:#64748b;border-top:1px solid #e2e8f0;margin-top:8px;padding-top:6px;font-size:11px;line-height:1.35}.aqi-trend-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px 24px}.aqi-trend-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.aqi-trend-title{color:#0f172a;margin:0;font-size:15px;font-weight:800}.aqi-trend-subtitle{color:#64748b;font-size:12px}.aqi-sparkline-container{width:100%;height:120px;position:relative}.aqi-sparkline-svg{width:100%;height:100%;overflow:visible}.aqi-sparkline-labels{color:#94a3b8;justify-content:space-between;margin-top:6px;font-size:10px;font-weight:600;display:flex}.aqi-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:28px;padding:24px}.aqi-table-title{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:900}.aqi-table-desc{color:#64748b;margin:0 0 16px;font-size:13px}.aqi-table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.aqi-data-table{border-collapse:collapse;width:100%;min-width:600px;font-size:13px}.aqi-data-table th{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:800}.aqi-data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.aqi-data-table tr.clickable{cursor:pointer;transition:background-color .15s}.aqi-data-table tr.clickable:hover td{background:#f1f5f9}.aqi-data-table tr.active-row td{background:#eff6ff;font-weight:600}.aqi-matrix-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:28px;padding:24px}.aqi-matrix-grid{grid-template-columns:1fr;gap:12px;margin-top:16px;display:grid}@media (min-width:640px){.aqi-matrix-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.aqi-matrix-grid{grid-template-columns:repeat(3,1fr)}}.aqi-matrix-item{border:1px solid #e2e8f0;border-left-width:4px;border-radius:6px;padding:14px}.aqi-matrix-item-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.aqi-matrix-item-name{color:#0f172a;font-size:13px;font-weight:800}.aqi-matrix-item-range{color:#64748b;font-size:11px;font-weight:700}.aqi-matrix-item-desc{color:#475569;margin:0;font-size:12px;line-height:1.4}.aqi-faq-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:28px;padding:24px}.aqi-faq-list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.aqi-faq-item{border-bottom:1px solid #f1f5f9;padding-bottom:16px}.aqi-faq-item:last-child{border-bottom:none;padding-bottom:0}.aqi-faq-question{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:800}.aqi-faq-answer{color:#475569;margin:0;font-size:13px;line-height:1.6}.aqi-methodology-box{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:16px 20px;font-size:12px;line-height:1.5}.aqi-methodology-title{color:#334155;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:800}