/* Shared air-quality module. Theme selectors below keep the data contract common while matching each template's visual language. */
.air-quality-section{--air-ink:#20312c;--air-muted:#687e70;--air-line:#d4ded5;--air-card:#f5f7f3;--air-accent:#4c8d72;--air-warn:#bf7545}
.air-quality-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:12px}
.air-quality-primary{min-height:205px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;column-gap:22px;align-items:center;padding:24px 28px;background:var(--air-card);color:var(--air-ink);border:1px solid var(--air-line);border-radius:8px;box-shadow:0 8px 24px #243b2c12}
.air-quality-primary>span{grid-column:1/-1;color:var(--air-muted);font-size:13px;font-weight:700}
.air-quality-primary strong{grid-row:2/4;color:var(--air-accent);font-size:92px;line-height:1;letter-spacing:-.06em}
.air-quality-primary em{font-style:normal;align-self:end;color:var(--air-ink);font-size:21px;font-weight:750}
.air-quality-primary[data-level="warn"]{border-color:var(--air-warn);box-shadow:inset 4px 0 var(--air-warn),0 8px 24px #243b2c12}
.air-quality-primary[data-level="warn"] strong{color:var(--air-warn)}
.air-quality-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.air-quality-measures>div{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:22px;background:var(--air-card);color:var(--air-ink);border:1px solid var(--air-line);border-radius:8px;box-shadow:0 8px 24px #243b2c0b}
.air-quality-measures span{font-size:13px;color:var(--air-muted);font-weight:650}
.air-quality-measures strong{font-size:38px;line-height:1.1;color:var(--air-ink)}
.air-quality-measures small{font-size:11px;color:var(--air-muted)}
.air-quality-note{margin:14px 0 0;color:var(--air-muted);font-size:12px;line-height:1.7}
.air-quality-retry{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:8px 12px;border:1px solid var(--air-accent);border-radius:6px;background:var(--air-card);color:var(--air-ink);font-size:13px}
.air-quality-retry[hidden]{display:none}
.air-quality-retry svg{width:15px;height:15px;color:var(--air-accent)}

/* Classic / light editorial */
body:not([data-template]),body[data-template="classic"]{--air-ink:#20312c;--air-muted:#687e70;--air-line:#d4ded5;--air-card:#f5f7f3;--air-accent:#4c8d72;--air-warn:#bd7147}
/* Anime: picture-book paper with a chunky outline. */
body[data-template="anime"] .air-quality-primary,body[data-template="anime"] .air-quality-measures>div{--air-ink:#294353;--air-muted:#5d7782;--air-line:#6b909f;--air-card:#fffaf0;--air-accent:#d36556;--air-warn:#d67f4e;border:2px solid var(--air-line);border-radius:18px 6px 18px 6px;box-shadow:4px 5px 0 #b9d9dc}
body[data-template="anime"] .air-quality-primary strong{color:#d36556;font-weight:900;text-shadow:2px 2px 0 #ffd9b9}
body[data-template="anime"] .air-quality-primary em{color:#294353}
body[data-template="anime"] .air-quality-note{color:#5d7782}
body[data-template="anime"] .air-quality-retry{border:2px solid #6b909f;background:#fffaf0;box-shadow:3px 3px 0 #b9d9dc}
/* Aurora: translucent glass panels. */
body[data-template="aurora"] .air-quality-primary,body[data-template="aurora"] .air-quality-measures>div{--air-ink:var(--ink);--air-muted:var(--muted);--air-line:var(--line);--air-card:linear-gradient(135deg,#fffffff2,#eef0fbe8 65%,#e3f2f5ec);--air-accent:#775192;--air-warn:#c87967;background:var(--air-card);border-color:var(--line);border-radius:22px 9px 22px 9px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}
body[data-template="aurora"] .air-quality-primary strong{color:#775192}
body[data-template="aurora"] .air-quality-note{color:var(--muted)}
/* Cosmos and Neon retain their existing signature air panels; shared classes only add support for other themes. */
/* Business: dashboard cards with a blue information accent. */
body[data-template="business"] .air-quality-primary,body[data-template="business"] .air-quality-measures>div{--air-ink:var(--b-ink);--air-muted:var(--b-muted);--air-line:var(--b-line);--air-card:var(--b-card);--air-accent:var(--b-blue);--air-warn:var(--b-amber);border-radius:5px;box-shadow:0 4px 14px #153c5310}
body[data-template="business"] .air-quality-primary{border-top:3px solid var(--b-blue)}
body[data-template="business"] .air-quality-primary strong{color:var(--b-blue);font-weight:800}
body[data-template="business"] .air-quality-retry{border-radius:5px;background:#fff;color:var(--b-blue)}
/* Ink: restrained paper and calligraphic edges. */
body[data-template="ink"] .air-quality-primary,body[data-template="ink"] .air-quality-measures>div{--air-ink:var(--ink);--air-muted:#826046;--air-line:#c1c7b8;--air-card:#faf8f0;--air-accent:#a35f43;--air-warn:#9b513c;border-radius:2px;border-left:4px solid #aab4a0;box-shadow:4px 4px 0 #d8d9ca66}
body[data-template="ink"] .air-quality-primary strong{color:#a35f43;font-family:"STKaiti","KaiTi",serif;font-weight:700}
body[data-template="ink"] .air-quality-primary em,body[data-template="ink"] .air-quality-measures strong{font-family:"Noto Serif SC","SimSun",serif}
body[data-template="ink"] .air-quality-retry{border-radius:2px;background:#faf8f0;color:var(--ink)}
/* Orbital: clean teal instrument cards. */
body[data-template="orbital"] .air-quality-primary,body[data-template="orbital"] .air-quality-measures>div{--air-ink:var(--orbit-ink);--air-muted:var(--orbit-muted);--air-line:var(--orbit-line);--air-card:#f4fafa;--air-accent:var(--orbit-teal);--air-warn:var(--orbit-copper);border-radius:25px 8px 25px 8px;box-shadow:inset 0 -4px 0 #dcebee,0 8px 20px #17434d0c}
body[data-template="orbital"] .air-quality-primary strong{color:var(--orbit-teal);font-weight:800}
body[data-template="orbital"] .air-quality-retry{border-radius:20px;background:#f4fafa;color:var(--orbit-teal)}
/* Newspaper: double-rule print block. */
body[data-template="newspaper"] .air-quality-primary,body[data-template="newspaper"] .air-quality-measures>div{--air-ink:#2c302b;--air-muted:#5b6056;--air-line:#535849;--air-card:#fffaf0;--air-accent:#963e30;--air-warn:#963e30;border:3px double #535849;border-radius:0;box-shadow:none}
body[data-template="newspaper"] .air-quality-primary strong{color:#963e30;font-family:Georgia,"Times New Roman",serif}
body[data-template="newspaper"] .air-quality-retry{border:1px solid #535849;border-radius:0;background:#f8f1df;color:#963e30}
/* Pixel: hard edges and game-console spacing. */
body[data-template="pixel"] .air-quality-primary,body[data-template="pixel"] .air-quality-measures>div{--air-ink:#202542;--air-muted:#48526b;--air-line:#202542;--air-card:#fffde9;--air-accent:#235cb8;--air-warn:#be4f55;border:3px solid #202542;border-radius:0;box-shadow:4px 4px 0 #202542}
body[data-template="pixel"] .air-quality-primary strong,body[data-template="pixel"] .air-quality-measures strong{font-family:"Courier New",monospace;color:#235cb8;text-shadow:2px 2px 0 #b6caee}
body[data-template="pixel"] .air-quality-retry{border:3px solid #202542;border-radius:0;background:#ffe26a;color:#202542;box-shadow:3px 3px 0 #202542}
/* Forest: organic green cards. */
body[data-template="forest"] .air-quality-primary,body[data-template="forest"] .air-quality-measures>div{--air-ink:#294631;--air-muted:#536b51;--air-line:#a9bd9c;--air-card:#fafbf3;--air-accent:#497044;--air-warn:#b07848;border-radius:24px 6px 24px 6px;box-shadow:0 7px 18px #3b593122}
body[data-template="forest"] .air-quality-primary strong{color:#497044}
body[data-template="forest"] .air-quality-retry{border-radius:18px;background:#fafbf3;color:#497044}
/* Pastoral: warm countryside stationery. */
body[data-template="pastoral"] .air-quality-primary,body[data-template="pastoral"] .air-quality-measures>div{--air-ink:#435337;--air-muted:#687457;--air-line:#b7b184;--air-card:#fffaf0;--air-accent:#6d7137;--air-warn:#b26b42;border-radius:18px 18px 4px 4px;box-shadow:0 3px 0 #cbb47e,0 7px 17px #685b2525}
body[data-template="pastoral"] .air-quality-primary strong{color:#6d7137;font-family:Georgia,"Songti SC",serif}
body[data-template="pastoral"] .air-quality-retry{border-radius:14px;background:#fffaf0;color:#6d7137}
/* Ocean: rounded tidal panels. */
body[data-template="ocean"] .air-quality-primary,body[data-template="ocean"] .air-quality-measures>div{--air-ink:#194c64;--air-muted:#4d6e7d;--air-line:#a0c9d7;--air-card:#f5fcff;--air-accent:#267b9b;--air-warn:#c47755;border-radius:28px 28px 12px 12px;box-shadow:0 7px 22px #184e6428}
body[data-template="ocean"] .air-quality-primary strong{color:#267b9b}
body[data-template="ocean"] .air-quality-retry{border-radius:22px;background:#267b9b;color:#fff;border-color:#267b9b}
/* Desert: sun-baked sandstone. */
body[data-template="desert"] .air-quality-primary,body[data-template="desert"] .air-quality-measures>div{--air-ink:#4e2b21;--air-muted:#785141;--air-line:#b36c44;--air-card:#fff2d7;--air-accent:#994a2c;--air-warn:#7d3826;border-radius:4px 17px 4px 17px;box-shadow:3px 4px 0 #d89f62,0 8px 18px #71372230}
body[data-template="desert"] .air-quality-primary strong{color:#994a2c}
body[data-template="desert"] .air-quality-retry{border-radius:4px 13px 4px 13px;background:#a95532;color:#fff7e6;border-color:#7d3826}

@media(max-width:850px){.air-quality-grid{grid-template-columns:1fr}}
@media(max-width:680px){.air-quality-primary{min-height:170px;padding:20px}.air-quality-primary strong{font-size:76px}.air-quality-primary em{font-size:18px}.air-quality-measures>div{padding:18px}.air-quality-measures strong{font-size:30px}}