/* SKAO: eigener, auf Radioastronomie abgestimmter Bereich. */
body:has(#inhalt > #skao.active) {
  --skao-cyan: #39c993;
  --skao-gold: #d8b65c;
  background-color: #02060b;
  background-image: radial-gradient(circle at 78% 14%,rgba(42,139,105,.15),transparent 32rem),linear-gradient(90deg,rgba(2,8,6,.97) 0 22%,rgba(2,8,6,.82) 48%,rgba(2,8,6,.38)),var(--skao-page-image);
  background-position: center,center,center;
  background-size: auto,auto,cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body:has(#inhalt > #skao.active #skao-general.active) { --skao-page-image: url("../assets/skao-banner-allgemein-v1.webp"); }
body:has(#inhalt > #skao.active #skao-tech.active) { --skao-page-image: url("../assets/skao-banner-technik-v1.webp"); }
body:has(#inhalt > #skao.active #skao-ai.active) { --skao-page-image: url("../assets/skao-banner-ki-daten-v1.webp"); }
body:has(#inhalt > #skao.active #skao-germany.active) { --skao-page-image: url("../assets/skao-banner-deutschland-v1.webp"); }
body:has(#inhalt > #skao.active #skao-skampi.active) { --skao-page-image: url("../assets/skao-banner-skampi-v1.webp"); }
body:has(#inhalt > #skao.active #skao-medusa.active) { --skao-page-image: url("../assets/background-medusa-radio-v1.webp"); }
body:has(#inhalt > #skao.active #skao-sources.active) { --skao-page-image: url("../assets/skao-banner-quellen-v1.webp"); }

#inhalt > #skao { --skao-content-width: var(--site-main-banner-reference-width); position: relative; isolation: isolate; }
#inhalt > #skao::before { position: fixed; z-index: -1; inset: 0; content: ""; pointer-events: none; opacity: .25; background-image: linear-gradient(rgba(57,201,147,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(57,201,147,.07) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, #000, transparent 82%); }
#inhalt > #skao > .section-head,
#inhalt > #skao > .panel.intro { width: var(--skao-content-width); max-width: 100%; margin-inline: auto; }

#inhalt > #skao > .section-head { position: relative; display: block; overflow: hidden; margin-bottom: 24px; border: 1px solid rgba(57,201,147,.22); border-radius: 8px; padding: 24px; background: radial-gradient(circle at 86% 0,rgba(57,201,147,.11),transparent 34%),linear-gradient(180deg,rgba(4,17,13,.95),rgba(2,10,8,.9)); box-shadow: inset 0 1px rgba(255,255,255,.05),0 18px 38px rgba(0,0,0,.24); }
#inhalt > #skao > .section-head::after { position: absolute; top: 78px; right: 24px; left: 24px; height: 1px; content: ""; background: linear-gradient(90deg,rgba(57,201,147,.65),rgba(216,182,92,.34),transparent); box-shadow: 0 0 12px rgba(57,201,147,.2); }
#inhalt > #skao > .section-head h2 { margin: 0 0 22px; color: #f6f8fb; font-size: clamp(2rem,3.2vw,2.7rem); letter-spacing: -.035em; line-height: 1; }
#inhalt > #skao > .section-head p { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#inhalt > #skao > .panel.intro { border: 0; padding: 0; background: transparent; box-shadow: none; }

#inhalt > #skao #skaoTabs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; border: 1px solid rgba(57,201,147,.22); border-radius: 8px; padding: 7px 8px; background: rgba(2,10,8,.88); box-shadow: inset 0 1px rgba(255,255,255,.03); }
#inhalt > #skao #skaoTabs .mini-tab { flex: 0 1 auto; min-width: 0; min-height: 44px; border: 1px solid rgba(57,201,147,.18); border-radius: 999px; padding: 10px 17px; color: #aebdb7; background: rgba(8,22,17,.72); font-size: .84rem; line-height: 1.2; text-align: center; }
#inhalt > #skao #skaoTabs .mini-tab:hover,
#inhalt > #skao #skaoTabs .mini-tab:focus-visible { border-color: rgba(57,201,147,.42); color: #effcf7; background: rgba(57,201,147,.09); }
#inhalt > #skao #skaoTabs .mini-tab[aria-selected="true"] { border-color: rgba(57,201,147,.72); color: #f4fdf9; background: linear-gradient(135deg,rgba(15,48,36,.98),rgba(6,21,16,.98)); box-shadow: inset 0 0 0 1px rgba(216,182,92,.22),0 0 18px rgba(57,201,147,.1); }

#inhalt > #skao .mini-panel.active { display: grid; gap: 18px; }
#inhalt > #skao .site-main-banner,
#inhalt > #skao .source-box,
#inhalt > #skao .infographic-figure,
#inhalt > #skao .skao-magazine-note { border-radius: 8px; }
#inhalt > #skao #skao-general { --skao-banner-image: url("../assets/skao-banner-allgemein-v1.webp"); }
#inhalt > #skao #skao-tech { --skao-banner-image: url("../assets/skao-banner-technik-v1.webp"); }
#inhalt > #skao #skao-ai { --skao-banner-image: url("../assets/skao-banner-ki-daten-v1.webp"); }
#inhalt > #skao #skao-germany { --skao-banner-image: url("../assets/skao-banner-deutschland-v1.webp"); }
#inhalt > #skao #skao-skampi { --skao-banner-image: url("../assets/skao-banner-skampi-v1.webp"); }
#inhalt > #skao #skao-medusa { --skao-banner-image: url("../assets/portal-medusa-banner-green-v2.webp"); }
#inhalt > #skao #skao-sources { --skao-banner-image: url("../assets/skao-banner-quellen-v1.webp"); }
#inhalt > #skao .site-main-banner { border-color: rgba(57,201,147,.32); }
#inhalt > #skao .site-main-banner .tagline { color: var(--skao-gold); letter-spacing: .16em; }
#inhalt > #skao .mini-panel > .site-main-banner {
  background-image: linear-gradient(90deg,rgba(2,8,14,.97) 0 36%,rgba(2,8,14,.58) 58%,rgba(2,8,14,.12)),var(--skao-banner-image) !important;
  background-position: center,72% 50% !important;
  background-size: auto,cover !important;
  background-repeat: no-repeat !important;
}
#inhalt > #skao #skao-germany > .site-main-banner {
  --site-main-banner-line: rgba(235,190,57,.58);
  --site-main-banner-inner-light: rgba(211,165,31,.12);
  --site-main-banner-outer-light: rgba(151,16,27,.12);
  border-color: var(--site-main-banner-line);
  background-image:
    radial-gradient(circle at 78% 50%,rgba(255,222,104,.18),transparent 25%),
    linear-gradient(90deg,rgba(0,0,0,.94) 0 43%,rgba(0,0,0,.58) 72%,rgba(0,0,0,.28)),
    linear-gradient(180deg,#050505 0 33.333%,#97101b 33.333% 66.666%,#d3a51f 66.666% 100%) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
#inhalt > #skao #skao-germany > .site-main-banner::after { color: rgba(255,218,91,.14); }
#inhalt > #skao #skao-germany > .site-main-banner blockquote { max-width: min(31ch,78%); }
#inhalt > #skao .site-main-banner blockquote { max-width: min(30ch,70%); color: #f7fafc; font-size: clamp(1.35rem,3vw,2.55rem); line-height: 1.12; text-wrap: balance; text-shadow: 0 2px 18px rgba(0,0,0,.92); }
#inhalt > #skao #skao-medusa > .site-main-banner blockquote { max-width: min(36ch,74%); font-size: clamp(1.18rem,2.25vw,2rem); line-height: 1.1; }
#inhalt > #skao .source-box { border-color: rgba(57,201,147,.18); background: linear-gradient(145deg,rgba(6,19,14,.94),rgba(3,11,8,.96)); box-shadow: inset 3px 0 rgba(57,201,147,.34), 0 15px 36px rgba(0,0,0,.2); }
#inhalt > #skao .compact-heading { color: #eff9fa; }
#inhalt > #skao .infographic-figure { overflow: hidden; border-color: rgba(216,182,92,.24); background: #030a07; }
#inhalt > #skao .infographic-figure img { display: block; width: 100%; height: auto; }
#inhalt > #skao .skao-main-graphic { position: relative; margin: 0; background: #02070d; }
#inhalt > #skao .skao-main-graphic > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .72; }
#inhalt > #skao .skao-main-graphic-copy { position: relative; z-index: 1; display: grid; gap: clamp(32px,5vw,58px); min-height: 690px; padding: clamp(28px,4.5vw,64px); color: #f3f8fb; background: linear-gradient(90deg,rgba(1,6,12,.96) 0%,rgba(1,6,12,.82) 46%,rgba(1,6,12,.36) 76%,rgba(1,6,12,.2)),linear-gradient(0deg,rgba(1,6,12,.98),transparent 48%,rgba(1,6,12,.9)); }
#inhalt > #skao .skao-main-graphic-copy header { align-self: start; max-width: 720px; }
#inhalt > #skao .skao-main-graphic-copy .tagline { margin: 0 0 10px; color: var(--skao-gold); font-size: .78rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
#inhalt > #skao .skao-main-graphic-copy h3 { max-width: 20ch; margin: 0; color: #f7fafc; font-size: clamp(2rem,4.2vw,3.8rem); letter-spacing: -.035em; line-height: 1.02; text-wrap: balance; text-shadow: 0 3px 24px rgba(0,0,0,.78); }
#inhalt > #skao #skao-ai .skao-main-graphic-copy { gap: 0; min-height: 0; }
#inhalt > #skao #skao-ai .skao-main-graphic-facts { align-self: stretch; }
#inhalt > #skao .skao-main-graphic-facts { align-self: end; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px clamp(20px,3vw,42px); width: 100%; }
#inhalt > #skao .skao-main-graphic-facts .skao-graphic-section-title { grid-column: 1 / -1; margin: 10px 0 -6px; padding-bottom: 9px; border-bottom: 1px solid rgba(216,182,92,.38); color: var(--skao-gold); font-size: .76rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
#inhalt > #skao .skao-main-graphic-facts article { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 11px; min-width: 0; padding-top: 14px; border-top: 1px solid rgba(57,201,147,.38); }
#inhalt > #skao .skao-main-graphic-facts article > span { color: var(--skao-gold); font-size: .76rem; font-weight: 900; letter-spacing: .08em; }
#inhalt > #skao .skao-main-graphic-facts h4 { margin: 0 0 5px; color: #8ce0bd; font-size: .75rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
#inhalt > #skao .skao-main-graphic-facts strong { display: block; margin-bottom: 5px; color: #fff; font-size: clamp(1rem,1.7vw,1.28rem); line-height: 1.2; }
#inhalt > #skao .skao-main-graphic-facts p { margin: 0; color: rgba(230,240,245,.82); font-size: .9rem; line-height: 1.48; }
#inhalt > #skao .skao-status-badge { display: inline-flex; width: fit-content; margin: 0 0 6px; border: 1px solid rgba(216,182,92,.38); border-radius: 999px; padding: 3px 7px; color: #f1d680; background: rgba(216,182,92,.09); font-size: .62rem; font-style: normal; font-weight: 900; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; }
#inhalt > #skao .skao-status-current { border-color: rgba(57,201,147,.48); color: #a9edd2; background: rgba(57,201,147,.09); }
#inhalt > #skao .skao-status-target { border-color: rgba(216,182,92,.48); color: #f3d983; }
#inhalt > #skao .skao-mobile-graphic-toggle { display: none; }
#inhalt > #skao .skao-tab-status { width: 100%; margin: -12px 0 2px; border-left: 3px solid rgba(216,182,92,.65); padding: 9px 13px; color: #b8c8c1; background: rgba(3,14,10,.76); font-size: .82rem; font-weight: 700; letter-spacing: .025em; }
#inhalt > #skao .skao-science-update { display: grid; gap: 0; }
#inhalt > #skao .skao-science-edition { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 20px; align-items: center; padding-block: 4px; }
#inhalt > #skao .skao-science-edition + .skao-science-edition { margin-top: 18px; border-top: 1px solid rgba(57,201,147,.2); padding-top: 18px; }
#inhalt > #skao .skao-science-edition > div > * { margin-top: 0; }
#inhalt > #skao .skao-science-edition > div > p:last-child { max-width: 82ch; margin-bottom: 0; color: rgba(230,240,245,.86); line-height: 1.62; }
#inhalt > #skao .skao-science-edition--archive { opacity: .88; }
#inhalt > #skao .skao-density-number { display: inline-block; border: 1px solid rgba(216,182,92,.5); border-radius: 5px; padding: 0 5px; color: #ffe28a; background: rgba(216,182,92,.13); font-weight: 900; line-height: 1.35; box-shadow: 0 0 14px rgba(216,182,92,.08); }
#inhalt > #skao .skao-science-edition-action { display: grid; justify-items: end; gap: 9px; }
#inhalt > #skao .skao-density-label { display: inline-flex; align-items: center; border: 1px solid rgba(216,182,92,.5); border-radius: 999px; padding: 5px 10px; color: #ffe28a; background: rgba(216,182,92,.1); font-size: .7rem; font-weight: 900; letter-spacing: .035em; line-height: 1.3; text-align: center; }
#inhalt > #skao .skao-science-update .tagline { color: var(--skao-gold); font-size: .74rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
#inhalt > #skao .skao-science-update .feature-link { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: fit-content; min-height: 44px; margin-top: 2px; border: 1px solid rgba(57,201,147,.55); border-radius: 999px; padding: 10px 16px; color: #d9f7eb; background: rgba(7,35,26,.88); font-weight: 850; text-decoration: none; white-space: nowrap; transition: border-color .2s ease,color .2s ease,background .2s ease; }
#inhalt > #skao .skao-science-update .feature-link:hover,
#inhalt > #skao .skao-science-update .feature-link:focus-visible { border-color: var(--skao-gold); color: #fff4c9; background: rgba(37,31,12,.92); }
#inhalt > #skao .skao-current-status { display: grid; gap: 12px; }
#inhalt > #skao .skao-current-status > :is(.tagline,.compact-heading) { margin: 0; }
#inhalt > #skao abbr[title] { text-decoration-color: rgba(216,182,92,.65); text-underline-offset: 3px; cursor: help; }
#inhalt > #skao .skao-main-graphic > figcaption { position: relative; z-index: 1; border-top: 1px solid rgba(57,201,147,.18); color: #aebdb7; background: rgba(2,8,6,.97); }
#inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth) { width: 100%; margin: 0; }
#inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth) > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 72px; padding: 14px 18px 14px 22px; border: 1px solid rgba(57,201,147,.34); border-radius: 24px; color: #e8f6f0; background: rgba(3,16,11,.9); cursor: pointer; list-style: none; }
#inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth) > summary::-webkit-details-marker { display: none; }
#inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth) > summary > span { font-weight: 800; letter-spacing: .01em; }
#inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth) > summary::after { content: "+ Abschnitt öffnen"; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 44px; padding: 10px 16px; border: 1px solid rgba(57,201,147,.66); border-radius: 999px; color: #d9f7eb; background: rgba(7,35,26,.8); font-weight: 800; white-space: nowrap; box-shadow: inset 0 0 0 1px rgba(216,182,92,.1); }
#inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth)[open] > summary::after { content: "− Abschnitt schließen"; }
#inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth) > summary:hover::after,
#inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth) > summary:focus-visible::after { border-color: rgba(216,182,92,.72); color: #fff2c7; }
#inhalt > #skao :is(.skao-general-depth-content,.skao-tech-depth-content,.skao-ai-history-content,.skao-ai-depth-content,.skao-germany-depth-content,.skao-skampi-depth-content,.skao-sources-depth-content) { display: grid; gap: clamp(18px,2.5vw,30px); padding-top: clamp(18px,2.5vw,30px); }
#inhalt > #skao #skao-skampi .skampi-status-box > :is(.tagline,.compact-heading,p) { max-width: 82ch; }
#inhalt > #skao #skao-skampi .skampi-status-box > p:not(.tagline,.chart-note) { color: rgba(230,240,245,.88); line-height: 1.65; }
#inhalt > #skao #skao-skampi .skampi-status-box .facts-grid { margin-top: 18px; }
#inhalt > #skao #skao-skampi .skampi-status-box .chart-note { margin-top: 18px; line-height: 1.62; }
#inhalt > #skao #skao-skampi .skampi-milestones .timeline { margin-top: 16px; }
#inhalt > #skao #skao-skampi .skampi-milestones .timeline-item { grid-template-columns: 74px minmax(0,1fr); gap: 12px; min-height: 0; padding: 12px 14px; }
#inhalt > #skao #skao-skampi .skampi-milestones .timeline-item h3 { margin: 0 0 4px; font-size: .98rem; line-height: 1.35; }
#inhalt > #skao #skao-skampi .skampi-milestones .timeline-item p { margin: 0; font-size: .9rem; line-height: 1.5; }
#inhalt > #skao #skao-skampi .skampi-milestones .timeline-year { font-size: .82rem; }
#inhalt > #skao #skao-skampi .skampi-science-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(320px,.92fr); gap: clamp(18px,2.8vw,32px); align-items: stretch; }
#inhalt > #skao #skao-skampi .skampi-science-figure { align-self: stretch; margin: 0; background: rgba(2,8,6,.96); }
#inhalt > #skao #skao-skampi .skampi-science-figure img { display: block; width: 100%; height: auto; object-fit: contain; background: #fff; }
#inhalt > #skao #skao-skampi .skampi-science-figure figcaption { color: #b5c3bd; background: rgba(2,8,6,.97); }
#inhalt > #skao #skao-skampi .skampi-science-copy { display: grid; align-content: center; gap: 12px; }
#inhalt > #skao #skao-skampi .skampi-science-copy > * { margin: 0; }
#inhalt > #skao #skao-skampi .skampi-science-copy > p:not(.tagline,.chart-note) { color: rgba(230,240,245,.88); line-height: 1.65; }
#inhalt > #skao .skao-ai-history-content { padding-inline: clamp(12px,2vw,24px); padding-bottom: clamp(14px,2vw,24px); border: 1px solid rgba(57,201,147,.18); border-top: 0; background: rgba(2,10,7,.88); }
#inhalt > #skao .meerkat-card { border-radius: 6px; border-color: rgba(57,201,147,.18); background: rgba(3,11,8,.96); }
#inhalt > #skao .skao-mosaic-view { display: grid; gap: 12px; }
#inhalt > #skao .skao-mosaic-view > .tagline { margin: 0; color: var(--skao-gold); font-size: .76rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
#inhalt > #skao .skao-mosaic-view > .infographic-figure { margin: 0; }
#inhalt > #skao .skao-radio-bubbles { display: grid; gap: 12px; }
#inhalt > #skao .skao-radio-bubbles > .tagline { margin: 0; color: var(--skao-gold); font-size: .76rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
#inhalt > #skao .skao-radio-bubbles-layout { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); gap: clamp(20px,3vw,38px); align-items: start; }
#inhalt > #skao .skao-radio-bubbles-layout > .infographic-figure { margin: 0; }
#inhalt > #skao .skao-radio-bubbles-layout > .infographic-figure img { width: 100%; height: auto; }
#inhalt > #skao .skao-radio-bubbles-copy { display: grid; gap: 14px; align-content: start; }
#inhalt > #skao .skao-radio-bubbles-copy > p { margin: 0; color: rgba(230,240,245,.86); line-height: 1.58; }
#inhalt > #skao .skao-radio-bubbles-copy .data-list { margin: 0; }
#inhalt > #skao .skao-radio-bubbles-copy .media-action-link { justify-self: start; }
#inhalt > #skao .skao-bubbles-reassessment { display: grid; gap: 10px; margin-top: 8px; padding-top: 18px; border-top: 1px solid rgba(216,182,92,.34); }
#inhalt > #skao .skao-bubbles-reassessment > .tagline { margin: 0; color: var(--skao-gold); font-size: .74rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
#inhalt > #skao .skao-bubbles-reassessment > h4 { margin: 0; color: #f3f8fb; font-size: clamp(1rem,1.5vw,1.2rem); line-height: 1.3; }
#inhalt > #skao .skao-bubbles-reassessment > p { margin: 0; color: rgba(230,240,245,.86); line-height: 1.58; }
#inhalt > #skao .skao-research-update { display: grid; gap: 12px; }
#inhalt > #skao .skao-research-update > .tagline { margin: 0; color: var(--skao-gold); font-size: .76rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
#inhalt > #skao .skao-research-update-layout { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(320px,.92fr); gap: clamp(18px,3vw,34px); align-items: start; }
#inhalt > #skao .skao-research-update-layout > .infographic-figure { margin: 0; }
#inhalt > #skao .skao-research-update-copy { display: grid; gap: 14px; align-content: start; }
#inhalt > #skao .skao-research-update-copy > p { margin: 0; color: rgba(230,240,245,.86); line-height: 1.58; }
#inhalt > #skao .skao-research-update-copy .data-list { margin: 0; }
#inhalt > #skao .skao-research-update-actions { display: flex; flex-wrap: wrap; gap: 10px; }
#inhalt > #skao .skao-research-update-actions .source-link { display: inline-flex; align-items: center; border: 1px solid rgba(57,201,147,.24); border-radius: 999px; padding: 9px 14px; color: #a9ecd1; background: rgba(57,201,147,.06); text-decoration: none; }
#inhalt > #skao .skao-research-update-actions .source-link:hover,
#inhalt > #skao .skao-research-update-actions .source-link:focus-visible { border-color: rgba(216,182,92,.6); color: #fff2c7; }
#inhalt > #skao .media-action-link,
#inhalt > #skao .source-link { min-height: 42px; }

#inhalt > #skao .skao-magazine-note {
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-areas: "label action" "count action" "copy action";
  align-items: center;
  column-gap: clamp(24px,4vw,48px);
  row-gap: 6px;
  width: 100%;
  margin: clamp(18px,2.5vw,28px) auto clamp(28px,4vw,44px);
  padding: clamp(17px,2.1vw,24px) clamp(18px,2.8vw,30px);
  border-color: rgba(57,201,147,.3);
  border-left: 3px solid rgba(57,201,147,.76);
  background: radial-gradient(circle at 92% 10%,rgba(57,201,147,.11),transparent 30%),linear-gradient(145deg,rgba(6,25,19,.9),rgba(3,11,8,.96));
  box-shadow: inset 0 1px rgba(229,252,255,.06),0 14px 34px rgba(0,0,0,.22);
}
#inhalt > #skao #skao-general > .skao-magazine-note { margin: 0; }
#inhalt > #skao .skao-magazine-note--text-only { grid-template-columns: minmax(0,1fr); grid-template-areas: "label" "copy"; }
#inhalt > #skao .skao-general-close { margin-top: 0; }
#inhalt > #skao .skao-magazine-note .media-label { grid-area: label; margin: 0; color: #8ce0bd; }
#inhalt > #skao .skao-magazine-count { grid-area: count; display: inline-flex; align-items: center; width: fit-content; border: 1px solid rgba(216,182,92,.5); border-radius: 999px; padding: 5px 10px; color: #ffe28a; background: rgba(216,182,92,.1); font-size: .72rem; font-weight: 800; line-height: 1.3; }
#inhalt > #skao .skao-magazine-count strong { margin-right: 5px; color: #fff0ad; font-size: 1rem; font-weight: 950; line-height: 1; }
#inhalt > #skao .skao-magazine-note p { grid-area: copy; max-width: 70ch; margin: 0; line-height: 1.52; }
#inhalt > #skao .skao-magazine-note .media-action-link {
  grid-area: action;
  width: auto;
  margin: 0;
  white-space: nowrap;
  border-color: rgba(57,201,147,.52);
  color: #d9f9fb;
  background: linear-gradient(180deg,rgba(57,201,147,.14),rgba(39,143,110,.06)),rgba(3,13,9,.92);
  box-shadow: inset 0 1px rgba(235,255,246,.08),0 0 20px rgba(39,143,110,.1);
}
#inhalt > #skao .skao-magazine-note .media-action-link:hover,
#inhalt > #skao .skao-magazine-note .media-action-link:focus-visible { border-color: rgba(216,182,92,.78); color: #fff6d8; box-shadow: 0 12px 28px rgba(0,0,0,.26),0 0 26px rgba(57,201,147,.16); }

#inhalt > #skao .pipeline { gap: 10px; }
#inhalt > #skao .pipeline-step { position: relative; overflow: hidden; border: 1px solid rgba(57,201,147,.2); border-radius: 6px; background: rgba(4,15,11,.92); }
#inhalt > #skao .pipeline-step::before { position: absolute; inset: 0 0 auto; height: 2px; content: ""; background: linear-gradient(90deg,var(--skao-cyan),var(--skao-gold)); }
#inhalt > #skao .pipeline-icon { border-color: rgba(57,201,147,.45); color: #d7f7e9; background: rgba(57,201,147,.1); }

#inhalt > #skao .comparison-row { border-color: rgba(57,201,147,.16); background: rgba(4,14,10,.76); }
#inhalt > #skao .bar-track { background: rgba(57,201,147,.08); }
#inhalt > #skao .bar-fill { background: linear-gradient(90deg,#278f6e,#d8b65c); box-shadow: 0 0 16px rgba(57,201,147,.24); }

#inhalt > #skao .facts-grid { gap: 12px; }
#inhalt > #skao .fact { min-height: 178px; border: 1px solid rgba(57,201,147,.17); border-radius: 6px; background: linear-gradient(150deg,rgba(6,21,15,.94),rgba(3,11,8,.96)); box-shadow: inset 0 1px rgba(255,255,255,.04); }
#inhalt > #skao .fact .tag { color: var(--skao-gold); }
#inhalt > #skao .fact h3 { color: #edf9fa; }

#inhalt > #skao .timeline { position: relative; gap: 10px; }
#inhalt > #skao .timeline::before { background: linear-gradient(var(--skao-cyan),rgba(216,182,92,.42),transparent); }
#inhalt > #skao .timeline-item { border-color: rgba(57,201,147,.16); border-radius: 6px; background: rgba(4,14,10,.82); }
#inhalt > #skao .timeline-year { border-color: rgba(216,182,92,.34); color: #ecd18a; background: rgba(216,182,92,.08); }

#inhalt > #skao .chart-note { border-left: 2px solid rgba(216,182,92,.58); padding: 12px 14px; color: #b9c9c2; background: rgba(216,182,92,.05); }
#inhalt > #skao #skao-ai .skao-ai-explainer { display: grid; gap: 14px; padding: clamp(22px,3vw,34px); }
#inhalt > #skao #skao-ai .skao-ai-explainer > :is(.compact-heading,p,.chart-note) { width: min(100%,82ch); margin: 0; }
#inhalt > #skao #skao-ai .skao-ai-explainer > p { color: rgba(230,240,245,.88); font-size: clamp(.98rem,1.25vw,1.06rem); line-height: 1.7; }
#inhalt > #skao #skao-ai .skao-ai-explainer > .chart-note { margin-top: 2px; line-height: 1.65; }
#inhalt > #skao .data-list li::marker { color: var(--skao-cyan); }

#inhalt > #skao #skao-sources .data-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 12px; margin: 0; padding: 0; list-style: none; }
#inhalt > #skao #skao-sources .data-list li { display: flex; min-width: 0; }
#inhalt > #skao #skao-sources .skao-source-index { margin-bottom: clamp(18px,2.4vw,28px); }
#inhalt > #skao #skao-sources .skao-sources-depth + .skao-sources-depth { margin-top: 12px; }
#inhalt > #skao #skao-sources .source-link { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; width: 100%; min-height: 74px; border: 1px solid rgba(57,201,147,.16); border-radius: 8px; padding: 11px 13px; color: #bcebd8; background: rgba(57,201,147,.055); text-decoration: none; }
#inhalt > #skao #skao-sources .source-kind { color: #d8b65c; font-size: .69rem; font-weight: 850; letter-spacing: .11em; line-height: 1.25; text-transform: uppercase; }
#inhalt > #skao #skao-sources .source-link strong { color: inherit; font-size: .94rem; line-height: 1.35; }
#inhalt > #skao #skao-sources .source-link--historical { border-color: rgba(216,182,92,.28); background: rgba(216,182,92,.065); }
#inhalt > #skao #skao-sources .source-link--secondary { border-style: dashed; color: #a9b9b3; background: rgba(150,170,162,.045); }
#inhalt > #skao .skao-source-legend { display: flex; flex-wrap: wrap; gap: 9px 16px; margin-top: 14px; }
#inhalt > #skao .skao-source-legend > span { display: inline-flex; align-items: center; gap: 7px; color: #afc0b9; font-size: .76rem; line-height: 1.35; }
#inhalt > #skao .skao-source-key { width: 17px; height: 10px; border: 1px solid rgba(57,201,147,.38); border-radius: 3px; background: rgba(57,201,147,.1); }
#inhalt > #skao .skao-source-key--historical { border-color: rgba(216,182,92,.55); background: rgba(216,182,92,.15); }
#inhalt > #skao .skao-source-key--secondary { border-style: dashed; border-color: rgba(150,170,162,.55); background: rgba(150,170,162,.08); }
#inhalt > #skao #skao-sources .source-link:hover,
#inhalt > #skao #skao-sources .source-link:focus-visible { border-color: rgba(216,182,92,.48); color: #fff2c7; background: rgba(216,182,92,.09); }
#inhalt > #skao #skao-sources > .universal-universe-edge { background-image: radial-gradient(circle at 68% 44%,rgba(216,182,92,.1),transparent 34%),linear-gradient(90deg,rgba(1,8,6,.98) 0%,rgba(1,8,6,.72) 45%,rgba(1,8,6,.18) 100%),url("../assets/skao-abschluss-quellen-v2.webp") !important; background-position: center,center,center !important; background-repeat: no-repeat !important; background-size: auto,auto,contain !important; }

#inhalt > #skao .universal-universe-edge {
  min-height: 178px;
  margin-top: 34px;
  border: 1px solid rgba(57,201,147,.25);
  border-radius: 8px;
  background-image: radial-gradient(circle at center,transparent 18%,rgba(2,8,14,.42) 72%),linear-gradient(90deg,rgba(2,8,14,.78),rgba(2,8,14,.34),rgba(2,8,14,.78)),var(--skao-banner-image) !important;
  background-position: center,center,center !important;
  background-size: auto,auto,contain !important;
  background-repeat: no-repeat !important;
}
#inhalt > #skao #skao-general > .universal-universe-edge,
#inhalt > #skao #skao-tech > .universal-universe-edge,
#inhalt > #skao #skao-ai > .universal-universe-edge {
  background-position: center,center,center !important;
  background-size: auto,auto,contain !important;
  background-repeat: no-repeat !important;
}
#inhalt > #skao #skao-general > .universal-universe-edge {
  background-image:
    radial-gradient(circle at center,transparent 22%,rgba(2,8,14,.42) 76%),
    linear-gradient(90deg,rgba(2,8,14,.88),rgba(2,8,14,.18),rgba(2,8,14,.48)),
    url("../assets/skao-abschluss-allgemein-v2.webp") !important;
}
#inhalt > #skao #skao-tech > .universal-universe-edge {
  background-image:
    radial-gradient(circle at center,transparent 20%,rgba(2,8,14,.44) 76%),
    linear-gradient(90deg,rgba(2,8,14,.9),rgba(2,8,14,.2),rgba(2,8,14,.42)),
    url("../assets/skao-abschluss-technik-v2.webp") !important;
}
#inhalt > #skao #skao-ai > .universal-universe-edge {
  background-image:
    radial-gradient(circle at center,transparent 20%,rgba(2,8,14,.46) 78%),
    linear-gradient(90deg,rgba(2,8,14,.92),rgba(2,8,14,.16),rgba(2,8,14,.44)),
    url("../assets/skao-abschluss-ki-daten-v2.webp") !important;
}
#inhalt > #skao #skao-germany > .universal-universe-edge {
  position: relative;
  isolation: isolate;
  border-color: rgba(218,174,48,.5);
  color: #fff4cf;
  background-image:
    linear-gradient(180deg,rgba(2,3,5,.04),rgba(2,3,5,.24)),
    url("../assets/skao-abschluss-deutschland-v3.webp") !important;
  background-position: center,center !important;
  background-size: auto,contain !important;
  background-repeat: no-repeat !important;
  box-shadow: inset 0 0 72px rgba(0,0,0,.5),0 20px 54px rgba(0,0,0,.28);
}
#inhalt > #skao #skao-germany > .universal-universe-edge > * { position: relative; z-index: 1; }
#inhalt > #skao #skao-germany > .universal-universe-edge .universe-back-to-top {
  border-color: rgba(225,180,48,.58);
  color: #ffe18a;
  background: linear-gradient(180deg,rgba(155,17,29,.14),rgba(215,166,35,.08)),rgba(4,5,7,.94);
}
#inhalt > #skao #skao-skampi > .universal-universe-edge {
  background-image:
    radial-gradient(circle at center,transparent 18%,rgba(2,8,14,.44) 76%),
    linear-gradient(90deg,rgba(2,8,14,.82),rgba(2,8,14,.2),rgba(2,8,14,.82)),
    url("../assets/skampi-abschluss-original-mpifr.webp") !important;
  background-position: center,center,center !important;
  background-size: auto,auto,contain !important;
  background-repeat: no-repeat !important;
}
#inhalt > #skao .universe-back-to-top { min-height: 44px; border-color: rgba(216,182,92,.48); color: #f0d27d; background: rgba(3,11,8,.88); }

:root[data-theme="light"] body:has(#inhalt > #skao.active) {
  background-color: #e7eef2;
  background-image: linear-gradient(90deg,rgba(237,245,248,.97) 0 26%,rgba(237,245,248,.88) 54%,rgba(237,245,248,.62)),var(--skao-page-image);
  background-position: center,center;
  background-size: auto,cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
:root[data-theme="light"] #inhalt > #skao::before { opacity: .12; }
:root[data-theme="light"] #inhalt > #skao > .section-head { border-color: rgba(31,104,79,.2); background: radial-gradient(circle at 86% 0,rgba(57,201,147,.1),transparent 34%),linear-gradient(180deg,rgba(250,253,252,.98),rgba(237,247,242,.96)); }
:root[data-theme="light"] #inhalt > #skao > .section-head h2 { color: #163b44; }
:root[data-theme="light"] #inhalt > #skao > .section-head p { color: #49636c; }
:root[data-theme="light"] #inhalt > #skao #skaoTabs { border-color: rgba(31,104,79,.22); background: rgba(248,253,250,.96); }
:root[data-theme="light"] #inhalt > #skao #skaoTabs .mini-tab { color: #34525d; }
:root[data-theme="light"] #inhalt > #skao #skaoTabs .mini-tab[aria-selected="true"] { color: #183e31; background: linear-gradient(135deg,rgba(192,151,57,.17),rgba(57,201,147,.13)); }
:root[data-theme="light"] #inhalt > #skao .source-box { border-color: rgba(31,104,79,.2); color: #283f36; background: rgba(249,253,251,.96); box-shadow: inset 3px 0 rgba(40,144,107,.42), 0 15px 34px rgba(32,78,59,.1); }
:root[data-theme="light"] #inhalt > #skao .skao-tab-status { color: #3f5c51; background: rgba(247,251,249,.92); }
:root[data-theme="light"] #inhalt > #skao .skao-science-edition > div > p:last-child { color: #425c65; }
:root[data-theme="light"] #inhalt > #skao .skao-density-number,
:root[data-theme="light"] #inhalt > #skao .skao-density-label { border-color: rgba(135,96,9,.38); color: #765300; background: rgba(216,182,92,.16); }
:root[data-theme="light"] #inhalt > #skao .compact-heading { color: #163b44; }
:root[data-theme="light"] #inhalt > #skao .fact,
:root[data-theme="light"] #inhalt > #skao .pipeline-step,
:root[data-theme="light"] #inhalt > #skao .timeline-item,
:root[data-theme="light"] #inhalt > #skao .comparison-row { border-color: rgba(31,104,79,.18); color: #2c473c; background: rgba(247,252,249,.94); }
:root[data-theme="light"] #inhalt > #skao .fact h3 { color: #173d46; }
:root[data-theme="light"] #inhalt > #skao .chart-note { color: #425c65; background: rgba(157,118,29,.07); }
:root[data-theme="light"] #inhalt > #skao #skao-ai .skao-ai-explainer > p { color: #2f4b53; }
:root[data-theme="light"] #inhalt > #skao #skao-sources .source-link { border-color: rgba(31,104,79,.18); color: #1f654d; background: rgba(50,155,118,.06); }
:root[data-theme="light"] #inhalt > #skao #skao-sources .source-kind { color: #8a6510; }
:root[data-theme="light"] #inhalt > #skao #skao-sources .source-link--historical { border-color: rgba(138,101,16,.3); background: rgba(216,182,92,.11); }
:root[data-theme="light"] #inhalt > #skao #skao-sources .source-link--secondary { color: #4f655d; }
:root[data-theme="light"] #inhalt > #skao .skao-source-legend > span { color: #4f655d; }
:root[data-theme="light"] #inhalt > #skao .skao-main-graphic { border-color: rgba(31,104,79,.28); }
:root[data-theme="light"] #inhalt > #skao .skao-main-graphic > figcaption { color: #465f68; background: rgba(247,251,252,.98); }
:root[data-theme="light"] #inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth) > summary { border-color: rgba(31,104,79,.22); color: #183f31; background: rgba(248,253,250,.96); }
:root[data-theme="light"] #inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth) > summary::after { border-color: rgba(31,104,79,.38); color: #1c5d47; background: rgba(50,155,118,.09); }
:root[data-theme="light"] #inhalt > #skao .skao-ai-history-content { border-color: rgba(31,104,79,.15); background: rgba(247,251,249,.94); }
:root[data-theme="light"] #inhalt > #skao .skao-radio-bubbles-copy > p { color: #425c65; }
:root[data-theme="light"] #inhalt > #skao .skao-bubbles-reassessment > h4 { color: #163b44; }
:root[data-theme="light"] #inhalt > #skao .skao-bubbles-reassessment > p { color: #425c65; }
:root[data-theme="light"] #inhalt > #skao .skao-research-update-copy > p { color: #425c65; }
:root[data-theme="light"] #inhalt > #skao .skao-research-update-actions .source-link { border-color: rgba(31,104,79,.22); color: #1f654d; background: rgba(50,155,118,.06); }
:root[data-theme="light"] #inhalt > #skao .skao-magazine-note { border-color: rgba(31,104,79,.24); border-left-color: rgba(40,144,107,.7); background: radial-gradient(circle at 92% 10%,rgba(57,201,147,.1),transparent 30%),rgba(249,253,251,.97); box-shadow: 0 14px 34px rgba(32,78,59,.1); }
:root[data-theme="light"] #inhalt > #skao .skao-magazine-note .media-label { color: #176674; }
:root[data-theme="light"] #inhalt > #skao .skao-magazine-count { border-color: rgba(135,96,9,.38); color: #765300; background: rgba(216,182,92,.16); }
:root[data-theme="light"] #inhalt > #skao .skao-magazine-count strong { color: #644700; }
:root[data-theme="light"] #inhalt > #skao .skao-magazine-note p { color: #425c65; }
:root[data-theme="light"] #inhalt > #skao .skao-magazine-note .media-action-link { border-color: rgba(31,104,79,.34); color: #1c5d47; background: rgba(50,155,118,.07); }

@media (max-width: 900px) {
  #inhalt > #skao #skaoTabs .mini-tab { flex: 1 1 calc(33.333% - 8px); }
  #inhalt > #skao .skao-main-graphic-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  body:has(#inhalt > #skao.active),
  :root[data-theme="light"] body:has(#inhalt > #skao.active) { background-attachment: scroll; background-position: center,70% top; }
  #inhalt > #skao::before { position: absolute; background-size: 36px 36px; }
  #inhalt > #skao > .section-head { padding: 20px 18px; }
  #inhalt > #skao > .section-head::after { top: 68px; right: 18px; left: 18px; }
  #inhalt > #skao > .section-head h2 { margin-bottom: 20px; font-size: 2.2rem; }
  #inhalt > #skao #skaoTabs { gap: 6px; padding: 7px; }
  #inhalt > #skao #skaoTabs .mini-tab { flex: 1 1 calc(50% - 6px); min-height: 46px; padding: 9px 10px; font-size: .78rem; }
  #inhalt > #skao .site-main-banner blockquote { max-width: min(20ch,100%); font-size: clamp(1.22rem,7vw,1.75rem); line-height: 1.14; }
  #inhalt > #skao .skao-main-graphic > img { object-position: 62% center; opacity: .58; }
  #inhalt > #skao .skao-main-graphic-copy { gap: 34px; min-height: 0; padding: 28px 20px 32px; background: linear-gradient(180deg,rgba(1,6,12,.84),rgba(1,6,12,.94) 58%,rgba(1,6,12,.98)); }
  #inhalt > #skao .skao-main-graphic-copy h3 { max-width: 17ch; font-size: clamp(1.8rem,9vw,2.55rem); }
  #inhalt > #skao .skao-main-graphic-facts { grid-template-columns: 1fr; gap: 17px; }
  #inhalt > #skao .skao-main-graphic-facts article { grid-template-columns: 30px minmax(0,1fr); padding-top: 12px; }
  #inhalt > #skao .skao-main-graphic-facts p { font-size: .86rem; }
  #inhalt > #skao .skao-main-graphic-facts:not(.is-mobile-expanded) > .skao-mobile-secondary { display: none; }
  #inhalt > #skao .skao-mobile-graphic-toggle { display: inline-flex; align-items: center; justify-content: center; grid-column: 1 / -1; width: 100%; min-height: 46px; border: 1px solid rgba(57,201,147,.55); border-radius: 999px; padding: 10px 14px; color: #d9f7eb; background: rgba(7,35,26,.88); font: inherit; font-weight: 850; cursor: pointer; }
  #inhalt > #skao .skao-mobile-graphic-toggle:focus-visible { outline: 2px solid var(--skao-gold); outline-offset: 3px; }
  #inhalt > #skao .skao-science-edition { grid-template-columns: 1fr; }
  #inhalt > #skao .skao-science-edition-action { justify-items: stretch; }
  #inhalt > #skao .skao-density-label { justify-content: center; width: 100%; }
  #inhalt > #skao .skao-science-update .feature-link { width: 100%; justify-content: center; text-align: center; }
  #inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth) > summary { align-items: stretch; flex-direction: column; min-height: 0; border-radius: 18px; padding: 16px; }
  #inhalt > #skao :is(.skao-general-depth,.skao-tech-depth,.skao-ai-history,.skao-ai-depth,.skao-germany-depth,.skao-skampi-depth,.skao-sources-depth) > summary::after { box-sizing: border-box; width: 100%; min-height: 46px; white-space: normal; text-align: center; }
  #inhalt > #skao #skao-skampi .skampi-milestones .timeline { padding-left: 0; }
  #inhalt > #skao #skao-skampi .skampi-milestones .timeline::before { display: none; }
  #inhalt > #skao #skao-skampi .skampi-milestones .timeline-item { grid-template-columns: 58px minmax(0,1fr); gap: 10px; padding: 11px 12px; }
  #inhalt > #skao #skao-skampi .skampi-milestones .timeline-year { align-self: start; padding-top: 2px; }
  #inhalt > #skao #skao-skampi .skampi-science-grid { grid-template-columns: 1fr; }
  #inhalt > #skao .meerkat-gallery { grid-template-columns: 1fr; }
  #inhalt > #skao .skao-radio-bubbles-layout { grid-template-columns: 1fr; }
  #inhalt > #skao .skao-radio-bubbles-copy .media-action-link { width: 100%; justify-content: center; text-align: center; }
  #inhalt > #skao .skao-research-update-layout { grid-template-columns: 1fr; }
  #inhalt > #skao .skao-research-update-actions > * { width: 100%; justify-content: center; text-align: center; }
  #inhalt > #skao .skao-magazine-note { grid-template-columns: minmax(0,1fr); grid-template-areas: "label" "count" "copy" "action"; gap: 10px; margin: 16px auto 30px; padding: 17px 16px; }
  #inhalt > #skao .skao-magazine-count { justify-content: center; width: 100%; text-align: center; }
  #inhalt > #skao .skao-magazine-note .media-action-link { width: 100%; min-height: 46px; padding-inline: 13px; white-space: normal; text-align: center; }
  #inhalt > #skao #skao-sources .data-list { grid-template-columns: 1fr; }
  #inhalt > #skao .universal-universe-edge { min-height: 190px; padding: 24px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  #inhalt > #skao *, #inhalt > #skao *::before, #inhalt > #skao *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; }
}
