.air-layout { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(0,1.7fr); gap:14px; }
.air-summary { position:relative; overflow:hidden; min-height:190px; padding:22px; border:1px solid rgba(160,190,220,.11); border-radius:18px; background:linear-gradient(145deg,rgba(99,182,255,.08),rgba(255,255,255,.02)); }
.air-summary::after { content:""; position:absolute; width:180px; height:180px; right:-70px; top:-80px; border-radius:50%; background:radial-gradient(circle,rgba(104,224,223,.14),transparent 65%); pointer-events:none; }
.air-kicker { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.air-score-row { display:flex; align-items:flex-end; gap:12px; margin-top:12px; }
.air-score { font-size:54px; line-height:.9; font-weight:880; letter-spacing:-.055em; }
.air-level { display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.04); color:#d8e7f5; font-size:11px; font-weight:850; }
.air-level[data-tone="good"] { color:#c9f9e2; border-color:rgba(117,230,176,.24); background:rgba(117,230,176,.07); }
.air-level[data-tone="fair"] { color:#e5f2c6; border-color:rgba(190,224,130,.22); background:rgba(190,224,130,.06); }
.air-level[data-tone="moderate"] { color:#ffe8b7; border-color:rgba(255,209,120,.24); background:rgba(255,209,120,.07); }
.air-level[data-tone="poor"], .air-level[data-tone="very-poor"], .air-level[data-tone="extreme"] { color:#ffd0d0; border-color:rgba(255,159,159,.28); background:rgba(255,159,159,.07); }
.air-advice { margin:16px 0 0; color:#c8d7e6; font-size:13px; line-height:1.55; }
.air-driver { margin-top:12px; color:#8fa4bb; font-size:11px; }
.air-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; min-width:0; }
.air-metric { min-height:190px; padding:18px; border:1px solid rgba(160,190,220,.11); border-radius:18px; background:rgba(255,255,255,.024); }
.air-metric span { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.air-metric strong { display:block; margin-top:16px; font-size:24px; line-height:1.1; font-weight:850; letter-spacing:-.03em; }
.air-metric small { display:block; margin-top:8px; color:#a9bbcb; font-size:11px; line-height:1.45; }
.air-note { margin:12px 0 0; color:#7890a8; font-size:10px; line-height:1.5; }
.air-status { min-height:18px; margin-top:12px; color:#ffe5ae; font-size:11px; }
.air-status.air-error { color:#ffd0d0; }
@media (max-width:1100px) { .air-layout { grid-template-columns:1fr; } .air-metrics { grid-template-columns:repeat(5,minmax(150px,1fr)); overflow-x:auto; } .air-metric { min-width:150px; } }
@media (max-width:640px) { .air-summary { min-height:170px; } .air-score { font-size:46px; } }