/* Page introductions only: leave site navigation, warnings, chart controls and data untouched. */
#hauptinhalt :is(.archive-hero,.temperature-archive-hero,.temperature-hero,.pressure-hero,.wind-hero,.soil-hero,.solar-hero,.uv-hero,.agriculture-hero,.satellite-hero,.noaa-hero,.weather-model-hero,.bio-page-hero,.earthquake-page-hero,.radiation-page-hero,.rur-page-hero,.space-weather-hero,.live-hero,.enso-hero){min-height:0;gap:18px;padding:20px 24px}
#hauptinhalt :is(.archive-hero,.temperature-archive-hero,.temperature-hero,.pressure-hero,.wind-hero,.soil-hero,.solar-hero,.uv-hero,.agriculture-hero,.satellite-hero,.noaa-hero,.weather-model-hero,.bio-page-hero,.earthquake-page-hero,.radiation-page-hero,.rur-page-hero,.space-weather-hero,.live-hero,.enso-hero) h1{max-width:none;margin:5px 0 9px;font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.2;letter-spacing:-.025em;overflow-wrap:break-word}
#hauptinhalt :is(.archive-hero,.temperature-archive-hero,.temperature-hero,.pressure-hero,.wind-hero,.soil-hero,.solar-hero,.uv-hero,.agriculture-hero,.satellite-hero,.noaa-hero,.weather-model-hero,.bio-page-hero,.earthquake-page-hero,.radiation-page-hero,.rur-page-hero,.space-weather-hero,.live-hero,.enso-hero)>div>p{font-size:.9rem;line-height:1.55;margin:0 0 9px}
#hauptinhalt :is(.archive-hero,.temperature-archive-hero,.temperature-hero,.pressure-hero,.wind-hero,.soil-hero,.solar-hero,.uv-hero,.agriculture-hero,.satellite-hero,.noaa-hero,.weather-model-hero,.bio-page-hero,.earthquake-page-hero,.radiation-page-hero,.rur-page-hero,.space-weather-hero,.live-hero,.enso-hero) .eyebrow{font-size:.68rem;line-height:1.4;letter-spacing:.09em}
#hauptinhalt :is(.archive-hero,.temperature-archive-hero,.noaa-hero){grid-template-columns:minmax(0,1fr) 116px}
#hauptinhalt :is(.archive-hero-mark,.temperature-archive-hero-mark,.noaa-hero-mark){width:96px;height:96px;min-height:0;box-shadow:inset 0 0 0 7px #ffffff09}
#hauptinhalt :is(.archive-hero-mark,.temperature-archive-hero-mark,.noaa-hero-mark) strong{font-size:1.7rem;line-height:1}
#hauptinhalt :is(.archive-hero-mark,.temperature-archive-hero-mark,.noaa-hero-mark) span{font-size:.6rem;margin-top:5px;letter-spacing:.06em}
#hauptinhalt :is(.temperature-archive-hero-mark,.noaa-hero-mark) i{font-size:.58rem;padding:4px 7px;bottom:-3px;right:-9px}
#hauptinhalt .temperature-archive-hero a{margin-top:9px;font-size:.82rem}
#hauptinhalt :is(.pressure-hero-value,.soil-hero-reading,.solar-hero-reading,.temperature-hero-reading,.uv-hero-reading,.agriculture-hero-status,.space-weather-hero-status,.radiation-page-hero-reading,.earthquake-hero-number,.live-hero-reading){min-height:0;padding:12px 15px}
#hauptinhalt :is(.pressure-hero-value,.soil-hero-reading,.solar-hero-reading,.temperature-hero-reading,.uv-hero-reading,.agriculture-hero-status,.space-weather-hero-status,.radiation-page-hero-reading,.earthquake-hero-number,.live-hero-reading) strong{font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.12;margin:5px 0}
#hauptinhalt :is(.space-weather-hero,.earthquake-page-hero,.radiation-page-hero,.rur-page-hero){grid-template-columns:minmax(0,1fr) minmax(180px,.4fr)}
#hauptinhalt :is(.space-weather-hero-orbit,.earthquake-hero-visual,.radiation-orbit,.rur-hero-river,.satellite-hero-orbit){display:none}
#hauptinhalt :is(.radiation-page-hero-reading,.earthquake-hero-number,.space-weather-hero-status,.rur-hero-facts){grid-column:auto}
#hauptinhalt .satellite-hero{grid-template-columns:minmax(0,1fr)}
#hauptinhalt .content-section>.section-heading h2{font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.25;margin-block:4px}
#hauptinhalt .content-section>.section-heading .eyebrow{font-size:.68rem;line-height:1.4}
@media(max-width:760px){
 #hauptinhalt :is(.archive-hero,.temperature-archive-hero,.temperature-hero,.pressure-hero,.wind-hero,.soil-hero,.solar-hero,.uv-hero,.agriculture-hero,.satellite-hero,.noaa-hero,.weather-model-hero,.bio-page-hero,.earthquake-page-hero,.radiation-page-hero,.rur-page-hero,.space-weather-hero,.live-hero,.enso-hero){padding:17px 18px;gap:12px;grid-template-columns:minmax(0,1fr)}
 #hauptinhalt :is(.archive-hero-mark,.temperature-archive-hero-mark,.noaa-hero-mark){width:auto;height:auto;justify-self:start;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:12px;box-shadow:none}
 #hauptinhalt :is(.archive-hero-mark,.temperature-archive-hero-mark,.noaa-hero-mark) strong{font-size:1.1rem}
 #hauptinhalt :is(.archive-hero-mark,.temperature-archive-hero-mark,.noaa-hero-mark) span{margin:0}
 #hauptinhalt :is(.temperature-archive-hero-mark,.noaa-hero-mark) i{position:static}
}