/* Unveränderte Sensorköpfe und Zusatzwerte; nur der bisherige PM2,5-Bereich wird ersetzt. */
.particulate-local-readings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:22px 24px 18px; }
.particulate-local-reading { min-width:0; }
.particulate-local-reading + .particulate-local-reading { padding-left:20px; border-left:1px solid rgba(43,101,123,.15); }
.particulate-local-readings .particulate-local-primary { display:flex; flex-wrap:wrap; align-items:baseline; gap:7px; padding:0; }
.particulate-local-readings .particulate-local-primary small { width:100%; color:#4f687b; font-size:.76rem; }
.particulate-local-readings .particulate-local-primary strong { font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.12; font-variant-numeric:tabular-nums; letter-spacing:-.03em; overflow-wrap:anywhere; }
.particulate-local-readings .particulate-local-primary > span { padding:0; color:#173847; font-size:.72rem; }
.particulate-air-quality { margin-top:13px; }
.particulate-air-quality-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 9px; align-items:baseline; margin-bottom:8px; }
.particulate-air-quality-heading > span { color:#536c7b; font-size:.68rem; }
.particulate-air-quality-heading strong { color:#176032; font-size:.74rem; line-height:1.4; }
.particulate-air-quality.level-1 .particulate-air-quality-heading strong { color:#496519; }
.particulate-air-quality.level-2 .particulate-air-quality-heading strong { color:#805d00; }
.particulate-air-quality.level-3 .particulate-air-quality-heading strong { color:#9b4a16; }
.particulate-air-quality.level-4 .particulate-air-quality-heading strong { color:#ab2424; }
.particulate-air-quality-track { position:relative; height:12px; border:1px solid rgba(20,59,87,.18); border-radius:999px; background:linear-gradient(90deg,#00c33d,#ffb400 52%,#ed2b2b); box-shadow:inset 0 2px 3px rgba(13,47,62,.16),0 2px 4px rgba(13,47,62,.08); }
.particulate-air-quality-track i { position:absolute; top:50%; left:clamp(7px,var(--air-quality-position),calc(100% - 7px)); width:10px; height:20px; border:2px solid white; border-radius:5px; background:#173847; box-shadow:0 1px 4px rgba(8,31,41,.4); transform:translate(-50%,-50%); transition:left .5s ease; }
.particulate-air-quality-caption { display:flex; justify-content:space-between; gap:8px; margin-top:7px; color:#536c7b; font-size:.65rem; line-height:1.5; }
.particulate-air-quality.is-unavailable .particulate-air-quality-track { background:#d2dee3; }
.particulate-air-quality.is-unavailable .particulate-air-quality-track i { display:none; }
.particulate-air-quality.is-unavailable .particulate-air-quality-heading strong { color:#536c7b; }
@media(max-width:600px) { .particulate-local-readings { padding:18px; gap:14px; } .particulate-local-reading + .particulate-local-reading { padding-left:14px; } }
@media(prefers-reduced-motion:reduce) { .particulate-air-quality-track i { transition:none; } }
.particulate-year-section .soil-year-legend-ramp { background:linear-gradient(90deg,#00c33d 0%,#53cb2a 12.5%,#a8d315 25%,#f1dc07 37.5%,#ffb400 50%,#f78d12 62.5%,#f25321 75%,#ed2b2b 87.5%,#ed2b2b 100%); }
.particulate-year-section .soil-year-legend-ramp i { background:transparent; }
.particulate-year-section .soil-year-controls { grid-template-columns:minmax(0,1fr); }
.particulate-year-section .soil-year-control-group { grid-template-columns:minmax(160px,.5fr) minmax(0,1fr); align-items:center; gap:14px; padding:10px 16px; }
.particulate-year-section .soil-year-control-group > small { text-transform:none; }
.particulate-year-section .soil-year-statistic-buttons button { min-height:44px; }
.particulate-year-section .soil-year-statistic-buttons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding-bottom:0; }
.particulate-year-section [data-particulate-year-status]:empty { display:block; }
.particulate-year-section [data-particulate-year-error][hidden] { display:none; }
@media(max-width:600px) { .particulate-year-section .soil-year-control-group { grid-template-columns:minmax(0,1fr); gap:8px; padding:12px; } }