@charset "UTF-8";
    :root {
      --bg: #050816;
      --bg-soft: #0c1328;
      --panel: rgba(11, 16, 34, 0.82);
      --panel-strong: rgba(8, 12, 24, 0.94);
      --line: rgba(255, 255, 255, 0.09);
      --text: #edf4ff;
      --muted: #a9b7d6;
      --accent: #7be3ff;
      --accent-2: #a78bfa;
      --accent-3: #58f0b1;
      --warn: #ffd36b;
      --gold: #ffd56a;
      --gold-deep: #b87922;
      --shadow: 0 26px 80px rgba(0, 0, 0, 0.48);
      --radius: 24px;
      --main-nav-top: 0px;
      --main-nav-height: 76px;
      --sticky-gap: 12px;
  }

    * { box-sizing: border-box; }
    html.is-tab-scroll-resetting,
    html.is-tab-scroll-resetting * { overflow-anchor: none !important; }
    img,
    picture,
    video,
    canvas,
    svg {
      max-width: 100%;
    }

    img,
    video {
      height: auto;
    }
    html {
      max-width: 100%;
      overflow-x: hidden;
      overflow-anchor: none;
      scroll-behavior: smooth;
    }

    @supports (overflow: clip) {
      html {
        overflow-x: clip;
      }
    }

    body {
      margin: 0;
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
      color: var(--text);
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background:
        linear-gradient(180deg, rgba(3, 6, 15, 0.58) 0%, rgba(5, 8, 20, 0.76) 42%, rgba(2, 4, 11, 0.94) 100%),
        radial-gradient(circle at 12% 10%, rgba(123, 227, 255, 0.12), transparent 28%),
        radial-gradient(circle at 86% 18%, rgba(167, 139, 250, 0.12), transparent 28%),
        url("../assets/site-background.webp"),
        linear-gradient(180deg, #050713 0%, #080d22 38%, #050816 68%, #02040b 100%);
      background-size: cover, cover, cover, cover, cover;
      background-position: center, center, center, center, center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      min-height: 100vh;
      position: relative;
      isolation: isolate;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background:
        radial-gradient(circle at 8% 18%, rgba(255,255,255,0.55) 0 1px, transparent 1.8px),
        radial-gradient(circle at 21% 43%, rgba(255,255,255,0.34) 0 1px, transparent 1.8px),
        radial-gradient(circle at 35% 7%, rgba(123,227,255,0.42) 0 1px, transparent 2px),
        radial-gradient(circle at 48% 31%, rgba(255,255,255,0.38) 0 1px, transparent 1.8px),
        radial-gradient(circle at 58% 84%, rgba(255,213,106,0.34) 0 1px, transparent 2px),
        radial-gradient(circle at 76% 9%, rgba(255,255,255,0.42) 0 1px, transparent 1.8px),
        radial-gradient(circle at 91% 58%, rgba(123,227,255,0.38) 0 1px, transparent 2px),
        radial-gradient(circle at 84% 87%, rgba(255,255,255,0.36) 0 1px, transparent 1.8px),
        linear-gradient(120deg, transparent 0 48%, rgba(123, 227, 255, 0.035) 49%, transparent 58%);
      opacity: 0.22;
      mix-blend-mode: screen;
    }

    body::after {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background:
        radial-gradient(circle at 20% 18%, rgba(123, 227, 255, 0.10), transparent 24%),
        radial-gradient(circle at 78% 14%, rgba(167, 139, 250, 0.12), transparent 26%),
        radial-gradient(circle at 62% 74%, rgba(255, 213, 106, 0.08), transparent 24%);
      opacity: 0.42;
      mix-blend-mode: screen;
    }

    .noscript-notice {
      width: min(1240px, calc(100% - 28px));
      margin: 14px auto 0;
      padding: 14px 18px;
      border: 1px solid rgba(255, 213, 106, 0.42);
      border-radius: 18px;
      color: #fff4ce;
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.18), transparent 28%),
        rgba(18, 15, 30, 0.92);
      box-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
    }

    a:focus-visible,
    button:focus-visible,
    summary:focus-visible {
      outline: 3px solid rgba(123, 227, 255, 0.95);
      outline-offset: 4px;
    }

    .wrap {
      width: min(1240px, calc(100% - 28px));
      max-width: 100%;
      margin: 0 auto;
    }

    .hero {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.72fr);
      gap: 28px;
      align-items: stretch;
      position: relative;
      z-index: 1;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--accent);
      font-size: 0.78rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.18em;
    }

    .eyebrow::before {
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--accent), var(--accent-2));
      box-shadow: 0 0 20px rgba(123, 227, 255, 0.75);
    }

    h1 {
      margin: 18px 0 18px;
      font-size: clamp(2.6rem, 4.6vw, 4.6rem);
      line-height: 0.98;
      letter-spacing: -0.06em;
      max-width: 12ch;
    }

    .lead {
      margin: 0;
      max-width: 72ch;
      color: var(--muted);
      font-size: clamp(1.02rem, 1.2vw, 1.18rem);
      line-height: 1.72;
    }

    .maxwell-card {
      position: relative;
      overflow: hidden;
      margin-top: 26px;
      max-width: 760px;
      padding: 22px;
      border-radius: 28px;
      border: 1px solid rgba(123, 227, 255, 0.22);
      display: grid;
      grid-template-columns: minmax(0, 0.95fr) minmax(260px, 0.75fr);
      gap: 18px;
      align-items: center;
      background:
        radial-gradient(circle at 14% 0%, rgba(123, 227, 255, 0.18), transparent 36%),
        radial-gradient(circle at 86% 20%, rgba(255, 213, 106, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(15, 24, 50, 0.74), rgba(6, 10, 22, 0.82));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 18px 56px rgba(0, 0, 0, 0.26);
    }

    .maxwell-card::before {
      content: "";
      position: absolute;
      inset: -40% -20%;
      background: linear-gradient(115deg, transparent 26%, rgba(255, 255, 255, 0.12) 45%, transparent 62%);
      transform: translateX(-70%) rotate(7deg);
      animation: bannerSweep 8s ease-in-out infinite;
      pointer-events: none;
    }

    .maxwell-card > * {
      position: relative;
      z-index: 1;
    }

    .maxwell-card .tagline {
      margin: 0 0 12px;
      color: var(--gold);
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }

    .maxwell-copy p:last-child {
      margin: 0;
      color: #b9c7e4;
      line-height: 1.7;
    }

    .equation-stack {
      display: grid;
      gap: 10px;
    }

    .equation-stack span {
      display: block;
      padding: 12px 14px;
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.10);
      color: #eff7ff;
      background:
        radial-gradient(circle at 50% 0%, rgba(123, 227, 255, 0.15), transparent 58%),
        rgba(255, 255, 255, 0.04);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(1.02rem, 1.45vw, 1.34rem);
      line-height: 1.45;
      white-space: nowrap;
      text-align: left;
      text-shadow: 0 0 20px rgba(123, 227, 255, 0.20);
    }

    @media (max-width: 520px) {
      .equation-stack span {
        white-space: normal;
      }
    }

    .equation-stack .vector {
      display: inline-block;
      font-weight: 900;
      color: #ffffff;
      font-family: Georgia, "Times New Roman", serif;
      transform: translateY(0.01em);
      text-shadow: 0 0 18px rgba(255, 213, 106, 0.20);
    }

    .hero-card,
    .panel,
    .tabbar,
    .content-card,
    .fact,
    .question-item {
      background:
        radial-gradient(circle at 18% 12%, rgba(123, 227, 255, 0.10), transparent 28%),
        radial-gradient(circle at 84% 18%, rgba(255, 213, 106, 0.055), transparent 24%),
        radial-gradient(circle at 28% 84%, rgba(255, 255, 255, 0.08) 0 1px, transparent 1.8px),
        radial-gradient(circle at 74% 62%, rgba(255, 255, 255, 0.07) 0 1px, transparent 1.8px),
        linear-gradient(180deg, rgba(16, 23, 47, 0.96), rgba(8, 12, 24, 0.94));
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      backdrop-filter: blur(14px);
    }

    .panel,
    .content-card,
    .question-item {
      min-width: 0;
      max-width: 100%;
    }

    .hero-card {
      padding: 22px;
      display: grid;
      gap: 18px;
      align-content: start;
    }

    .golden-age {
      position: relative;
      overflow: hidden;
      margin-bottom: 26px;
      padding: 28px 32px;
      border-radius: 28px;
      border: 1px solid rgba(255, 213, 106, 0.34);
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.36), transparent 28%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.18), rgba(123, 227, 255, 0.08) 52%, rgba(8, 12, 24, 0.88));
      box-shadow: 0 26px 70px rgba(184, 121, 34, 0.22);
    }

    .golden-age::after {
      content: "";
      position: absolute;
      inset: -40% -18%;
      background: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, 0.22) 42%, transparent 58%);
      transform: translateX(-62%) rotate(7deg);
      animation: goldSweep 7s ease-in-out infinite;
      pointer-events: none;
    }

    @keyframes goldSweep {
      0%, 56% { transform: translateX(-66%) rotate(7deg); opacity: 0; }
      68% { opacity: 0.85; }
      100% { transform: translateX(66%) rotate(7deg); opacity: 0; }
    }

    .golden-age .tagline {
      position: relative;
      z-index: 1;
      margin: 0 0 8px;
      color: var(--gold);
      font-size: 0.78rem;
      font-weight: 900;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }

    .golden-age h2 {
      position: relative;
      z-index: 1;
      margin: 0;
      max-width: 17ch;
      font-size: clamp(2.35rem, 4.1vw, 4.3rem);
      line-height: 0.95;
      letter-spacing: -0.06em;
    }

    .gratitude-banner {
      position: relative;
      overflow: hidden;
      margin-bottom: 18px;
      padding: 28px;
      border-radius: 30px;
      border: 1px solid rgba(255, 213, 106, 0.32);
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.36), transparent 28%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.18), rgba(123, 227, 255, 0.08) 52%, rgba(8, 12, 24, 0.88));
      box-shadow: var(--shadow);
    }

    .gratitude-banner::before {
      content: "";
      position: absolute;
      inset: -40% -18%;
      background: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, 0.22) 42%, transparent 58%);
      transform: translateX(-62%) rotate(7deg);
      animation: goldSweep 7s ease-in-out infinite;
      pointer-events: none;
    }

    .gratitude-banner h3 {
      position: relative;
      margin: 0 0 8px;
      font-size: clamp(1.7rem, 4vw, 3rem);
      letter-spacing: -0.06em;
    }

    .gratitude-banner p {
      position: relative;
      max-width: 78ch;
      margin: 0;
      color: var(--muted);
      line-height: 1.75;
    }

    .gratitude-speech {
      font-size: 1.02rem;
      line-height: 1.9;
    }

    .gratitude-speech p {
      margin: 0 0 14px;
    }

    .quote-banner {
      position: relative;
      overflow: hidden;
      margin-bottom: 18px;
      padding: 28px;
      border-radius: 30px;
      box-shadow: var(--shadow);
      border: 1px solid rgba(255, 213, 106, 0.34);
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.30), transparent 28%),
        radial-gradient(circle at 82% 14%, rgba(123, 227, 255, 0.16), transparent 30%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.15), rgba(123, 227, 255, 0.07) 52%, rgba(8, 12, 24, 0.90));
    }

    .quote-banner::before {
      content: "";
      position: absolute;
      inset: -40% -18%;
      background: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, 0.22) 42%, transparent 58%);
      transform: translateX(-62%) rotate(7deg);
      animation: goldSweep 7s ease-in-out infinite;
      pointer-events: none;
    }

    .quote-banner::after {
      content: none;
      position: absolute;
      right: 24px;
      top: -26px;
      color: rgba(255, 255, 255, 0.08);
      font-size: 9rem;
      font-weight: 900;
      line-height: 1;
      pointer-events: none;
    }

    .quote-banner .tagline {
      position: relative;
      z-index: 1;
      margin: 0 0 10px;
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }

    .quote-banner blockquote {
      position: relative;
      z-index: 1;
      margin: 0;
      max-width: 980px;
      font-size: clamp(1.35rem, 3vw, 2.55rem);
      line-height: 1.18;
      letter-spacing: -0.045em;
      font-weight: 900;
    }

    .quote-banner p {
      position: relative;
      z-index: 1;
      max-width: 78ch;
      margin: 14px 0 0;
      color: var(--muted);
      line-height: 1.7;
    }

    .quote-banner.thought {
      border: 1px solid rgba(255, 213, 106, 0.36);
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.34), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(167, 139, 250, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.15), rgba(167, 139, 250, 0.08) 52%, rgba(8, 12, 24, 0.91));
    }

    .quote-banner.thought .tagline {
      color: var(--gold);
    }

    .quote-banner.unknown {
      border: 1px solid rgba(255, 213, 106, 0.34);
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.28), transparent 28%),
        radial-gradient(circle at 86% 16%, rgba(123, 227, 255, 0.20), transparent 30%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.13), rgba(123, 227, 255, 0.08) 52%, rgba(8, 12, 24, 0.91));
    }

    .quote-banner.unknown .tagline {
      color: var(--gold);
    }

    .quote-banner.magnetar {
      border: 1px solid rgba(255, 213, 106, 0.34);
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.32), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(255, 99, 146, 0.14), transparent 30%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.14), rgba(255, 99, 146, 0.07) 52%, rgba(8, 12, 24, 0.91));
    }

    .quote-banner.magnetar .tagline {
      color: var(--gold);
    }

    .quote-banner.skao {
      border: 1px solid rgba(255, 213, 106, 0.34);
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.30), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(123, 227, 255, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.13), rgba(123, 227, 255, 0.08) 52%, rgba(8, 12, 24, 0.91));
    }

    .quote-banner.skao .tagline {
      color: var(--gold);
    }

    .quote-banner.germany {
      border: 1px solid rgba(255, 213, 106, 0.42);
      background:
        linear-gradient(90deg, rgba(15, 15, 18, 0.78) 0 33%, rgba(190, 32, 46, 0.33) 33% 66%, rgba(255, 213, 106, 0.3) 66%),
        linear-gradient(135deg, rgba(16, 22, 40, 0.96), rgba(6, 10, 24, 0.98));
    }

    .quote-banner.germany .tagline {
      color: var(--gold);
    }

    .quote-banner.medusa {
      border: 1px solid rgba(255, 213, 106, 0.34);
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.30), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(83, 224, 177, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.13), rgba(83, 224, 177, 0.08) 52%, rgba(8, 12, 24, 0.91));
    }

    .quote-banner.medusa .tagline {
      color: var(--gold);
    }

    .quote-banner.skampi {
      border: 1px solid rgba(255, 213, 106, 0.34);
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.30), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(92, 255, 196, 0.16), transparent 30%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.13), rgba(92, 255, 196, 0.08) 52%, rgba(8, 12, 24, 0.91));
    }

    .quote-banner.skampi .tagline {
      color: var(--gold);
    }

    .quote-banner.media {
      border: 1px solid rgba(255, 213, 106, 0.36);
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.34), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(123, 227, 255, 0.15), transparent 30%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.16), rgba(123, 227, 255, 0.07) 52%, rgba(8, 12, 24, 0.91));
    }

    .quote-banner.media .tagline {
      color: var(--gold);
    }

    .quote-banner .quote-source {
      margin-top: 12px;
      max-width: 100%;
      color: var(--muted);
      font-size: 0.92rem;
      font-weight: 700;
      letter-spacing: 0.03em;
    }

    .jupiter-gallery {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      margin-top: 18px;
    }

    .concept-figure {
      margin: 18px 0;
      padding: 14px;
      border-radius: 22px;
      border: 1px solid rgba(123, 227, 255, 0.18);
      background:
        radial-gradient(circle at 12% 18%, rgba(123, 227, 255, 0.10), transparent 34%),
        linear-gradient(180deg, rgba(16, 23, 47, 0.92), rgba(8, 12, 24, 0.96));
      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
    }

    .concept-figure img {
      display: block;
      width: min(100%, 820px);
      height: auto;
      margin: 0 auto;
      border-radius: 16px;
      background: #fff;
    }

    .concept-figure figcaption {
      margin-top: 12px;
      color: var(--muted);
      font-size: 0.96rem;
      line-height: 1.6;
    }

    .jupiter-photo {
      display: grid;
      grid-template-rows: auto 1fr;
      gap: 14px;
      margin: 0;
      padding: 18px;
      border-radius: 24px;
      border: 1px solid rgba(255, 213, 106, 0.20);
      background:
        radial-gradient(circle at 18% 0%, rgba(255, 213, 106, 0.11), transparent 34%),
        linear-gradient(180deg, rgba(15, 22, 45, 0.94), rgba(7, 11, 23, 0.96));
      overflow: hidden;
    }

    .jupiter-photo img {
      width: 100%;
      max-height: 520px;
      object-fit: contain;
      object-position: center;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .jupiter-photo figcaption {
      display: grid;
      gap: 8px;
      align-content: start;
      color: var(--muted);
      font-size: 0.98rem;
      line-height: 1.55;
    }

    .jupiter-photo figcaption strong {
      color: var(--text);
      font-size: clamp(1.15rem, 1.8vw, 1.65rem);
      line-height: 1.12;
      letter-spacing: -0.035em;
    }

    .quote-banner:not(.germany) {
      border: 1px solid rgba(255, 213, 106, 0.34);
      background:
        radial-gradient(circle at 12% 20%, rgba(255, 213, 106, 0.36), transparent 28%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.18), rgba(123, 227, 255, 0.08) 52%, rgba(8, 12, 24, 0.88));
      box-shadow: 0 26px 70px rgba(184, 121, 34, 0.22);
    }

    .quote-banner:not(.germany) .tagline {
      color: var(--gold);
    }

    .quote-banner.magnetar-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.34), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.78) 0%, rgba(71, 53, 21, 0.55) 36%, rgba(5, 8, 16, 0.30) 70%, rgba(3, 5, 10, 0.18) 100%),
        url("../assets/portal-magnetare-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.12),
        0 22px 62px rgba(0, 0, 0, 0.36),
        0 0 38px rgba(255, 213, 106, 0.12);
    }

    .quote-banner.magnetar-story-banner::before,
    .quote-banner.magnetar-story-banner::after {
      content: none;
    }

    .quote-banner.magnetar-story-banner blockquote {
      max-width: 24ch;
      color: var(--text);
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.32);
    }

    .quote-banner.magnetar-story-banner-alt {
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.26), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.84) 0%, rgba(14, 44, 78, 0.50) 42%, rgba(5, 8, 16, 0.24) 72%, rgba(3, 5, 10, 0.10) 100%),
        url("../assets/portal-magnetare-katalog-banner-blue-v1.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
    }

    .quote-banner.skao-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.30), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.80) 0%, rgba(26, 56, 70, 0.48) 42%, rgba(5, 8, 16, 0.28) 72%, rgba(3, 5, 10, 0.16) 100%),
        url("../assets/portal-skao-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.10),
        0 22px 62px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(123, 227, 255, 0.10);
    }

    .quote-banner.skao-story-banner::before,
    .quote-banner.skao-story-banner::after {
      content: none;
    }

    .quote-banner.skao-story-banner blockquote {
      max-width: 25ch;
      color: var(--text);
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.34);
    }

    .quote-banner.madmax-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.34), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.82) 0%, rgba(70, 45, 16, 0.54) 38%, rgba(21, 13, 42, 0.30) 72%, rgba(3, 5, 10, 0.16) 100%),
        url("../assets/portal-madmax-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.11),
        0 22px 62px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(255, 213, 106, 0.11);
    }

    .quote-banner.madmax-story-banner::before,
    .quote-banner.madmax-story-banner::after {
      content: none;
    }

    .quote-banner.madmax-story-banner blockquote {
      max-width: 27ch;
      color: var(--text);
      font-size: clamp(1.35rem, 2.25vw, 2.05rem);
      line-height: 1.12;
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.34);
    }

    .quote-banner.skampi-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.30), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.80) 0%, rgba(21, 68, 56, 0.44) 42%, rgba(5, 8, 16, 0.28) 72%, rgba(3, 5, 10, 0.16) 100%),
        url("../assets/portal-skampi-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.10),
        0 22px 62px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(92, 255, 196, 0.10);
    }

    .quote-banner.skampi-story-banner::before,
    .quote-banner.skampi-story-banner::after {
      content: none;
    }

    .quote-banner.skampi-story-banner blockquote {
      max-width: 25ch;
      color: var(--text);
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.34);
    }

    .quote-banner.cern-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.32), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.82) 0%, rgba(26, 50, 88, 0.46) 42%, rgba(5, 8, 16, 0.28) 72%, rgba(3, 5, 10, 0.16) 100%),
        url("../assets/portal-cern-lhc-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.10),
        0 22px 62px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(123, 227, 255, 0.09);
    }

    .quote-banner.cern-story-banner::before,
    .quote-banner.cern-story-banner::after {
      content: none;
    }

    .quote-banner.cern-story-banner blockquote {
      max-width: 34ch;
      color: var(--text);
      font-size: clamp(1.35rem, 2.05vw, 1.78rem);
      line-height: 1.12;
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.34);
    }

    .quote-banner.fcc-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.32), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.82) 0%, rgba(32, 45, 92, 0.48) 42%, rgba(5, 8, 16, 0.28) 72%, rgba(3, 5, 10, 0.16) 100%),
        url("../assets/portal-fcc-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.10),
        0 22px 62px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(123, 227, 255, 0.09);
    }

    .quote-banner.fcc-story-banner::before,
    .quote-banner.fcc-story-banner::after {
      content: none;
    }

    .quote-banner.fcc-story-banner blockquote {
      max-width: 28ch;
      color: var(--text);
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.34);
    }

    .quote-banner.medusa-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(83, 224, 177, 0.28), transparent 34%),
        linear-gradient(90deg, rgba(3, 13, 17, 0.90) 0%, rgba(5, 39, 43, 0.62) 43%, rgba(3, 15, 19, 0.26) 74%, rgba(2, 9, 12, 0.16) 100%),
        url("../assets/portal-medusa-banner-green-v2.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.10),
        0 22px 62px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(83, 224, 177, 0.10);
    }

    .quote-banner.medusa-story-banner::before,
    .quote-banner.medusa-story-banner::after {
      content: none;
    }

    .quote-banner.medusa-story-banner blockquote {
      max-width: 26ch;
      color: var(--text);
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.34);
    }

    .quote-banner.einstein-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.30), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.86) 0%, rgba(28, 48, 74, 0.44) 42%, rgba(5, 8, 16, 0.20) 72%, rgba(3, 5, 10, 0.10) 100%),
        url("../assets/portal-einstein-teleskop-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.10),
        0 22px 62px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(123, 227, 255, 0.09);
    }

    .quote-banner.einstein-story-banner::before,
    .quote-banner.einstein-story-banner::after {
      content: none;
    }

    .quote-banner.einstein-story-banner blockquote {
      max-width: 25ch;
      color: var(--text);
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.34);
    }

    .quote-banner.lisa-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.28), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.84) 0%, rgba(26, 38, 76, 0.48) 42%, rgba(5, 8, 16, 0.24) 72%, rgba(3, 5, 10, 0.12) 100%),
        url("../assets/portal-lisa-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.10),
        0 22px 62px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(123, 227, 255, 0.09);
    }

    .quote-banner.lisa-story-banner::before,
    .quote-banner.lisa-story-banner::after {
      content: none;
    }

    .quote-banner.lisa-story-banner blockquote {
      max-width: 25ch;
      color: var(--text);
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.34);
    }

    .quote-banner.roman-euclid-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.30), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.84) 0%, rgba(61, 47, 21, 0.44) 42%, rgba(5, 8, 16, 0.22) 72%, rgba(3, 5, 10, 0.10) 100%),
        url("../assets/portal-roman-euclid-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.10),
        0 22px 62px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(255, 213, 106, 0.10);
    }

    .quote-banner.dsa-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.28), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.84) 0%, rgba(50, 42, 24, 0.44) 42%, rgba(5, 8, 16, 0.22) 72%, rgba(3, 5, 10, 0.10) 100%),
        url("../assets/portal-dsa-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.10),
        0 22px 62px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(255, 213, 106, 0.09);
    }

    .quote-banner.nasa-story-banner {
      min-height: clamp(170px, 28vw, 260px);
      display: block;
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        linear-gradient(90deg, rgba(3, 5, 10, 0.08) 0%, rgba(3, 5, 10, 0.02) 46%, rgba(3, 5, 10, 0.08) 100%),
        url("../assets/portal-nasa-space-apps-banner.webp");
      background-size: cover, cover;
      background-position: center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.08),
        0 22px 62px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(255, 213, 106, 0.08);
    }

    .quote-banner.roman-euclid-story-banner::before,
    .quote-banner.roman-euclid-story-banner::after,
    .quote-banner.dsa-story-banner::before,
    .quote-banner.dsa-story-banner::after,
    .quote-banner.nasa-story-banner::before,
    .quote-banner.nasa-story-banner::after {
      content: none;
    }

    .quote-banner.roman-euclid-story-banner blockquote,
    .quote-banner.dsa-story-banner blockquote {
      max-width: 28ch;
      color: var(--text);
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.34);
    }

    .quote-banner.magnetar-story-banner,
    .quote-banner.skao-story-banner,
    .quote-banner.skampi-story-banner,
    .quote-banner.madmax-story-banner,
    .quote-banner.cern-story-banner,
    .quote-banner.fcc-story-banner,
    .quote-banner.medusa-story-banner,
    .quote-banner.einstein-story-banner,
    .quote-banner.lisa-story-banner,
    .quote-banner.roman-euclid-story-banner,
    .quote-banner.dsa-story-banner,
    .quote-banner.nasa-story-banner {
      min-height: clamp(240px, 31vw, 380px);
      aspect-ratio: 1672 / 520;
    }

    .magnetar-visual {
      position: relative;
      display: grid;
      gap: 12px;
      min-height: 330px;
      overflow: visible;
      border-radius: 24px;
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    .magnetar-visual picture,
    .magnetar-visual img {
      width: 100%;
      height: 100%;
      min-height: 330px;
      display: block;
      border-radius: 24px;
    }

    .magnetar-visual img {
      object-fit: cover;
      object-position: center;
      filter: saturate(1.08) contrast(1.04);
    }

    .magnetar-visual::after {
      content: "";
      position: absolute;
      inset: 0 0 auto;
      height: 330px;
      border-radius: 24px;
      background:
        radial-gradient(circle at 64% 44%, transparent 0 22%, rgba(5, 8, 22, 0.08) 33%, rgba(5, 8, 22, 0.55) 100%),
        linear-gradient(180deg, transparent 54%, rgba(5, 8, 22, 0.76));
      pointer-events: none;
    }

    .visual-caption,
    .stat-board .banner,
    .hero-topics .stat-chip,
    .hero-thread,
    .hero-card > .stat {
      position: relative;
      overflow: hidden;
      padding: 18px 18px 18px 28px;
      border-radius: 18px;
      color: var(--text);
      background:
        radial-gradient(circle at 10% 0%, rgba(255, 213, 106, 0.12), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
      border: 1px solid rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(10px);
    }

    .visual-caption::before,
    .stat-board .banner::before,
    .hero-topics .stat-chip::before,
    .hero-thread::before,
    .hero-card > .stat::before {
      content: "";
      position: absolute;
      left: 0;
      top: 14px;
      bottom: 14px;
      width: 3px;
      border-radius: 999px;
      background: linear-gradient(180deg, var(--gold), var(--accent));
      box-shadow: 0 0 16px rgba(255, 213, 106, 0.28);
    }

    .visual-caption strong,
    .stat strong {
      display: block;
      margin-bottom: 6px;
      font-size: 1.05rem;
      letter-spacing: -0.02em;
      color: #fff7dd;
    }

    .visual-caption span,
    .stat span,
    .fact p,
    .question-item p,
    .intro p,
    .meta-line,
    footer {
      color: var(--muted);
      line-height: 1.7;
    }

    .stat-board {
      display: grid;
      gap: 10px;
      align-content: start;
    }

    .stat-board .banner {
      border-radius: 18px;
    }

    .stat-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .stat-chip {
      padding: 14px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.06);
    }

    .click-card {
      cursor: pointer;
      color: inherit;
      text-decoration: none;
      transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
    }

    .click-card:hover,
    .click-card:focus-visible {
      transform: translateY(-3px);
      border-color: rgba(255, 213, 106, 0.42);
      background:
        radial-gradient(circle at 16% 8%, rgba(255, 213, 106, 0.12), transparent 34%),
        radial-gradient(circle at 82% 12%, rgba(123, 227, 255, 0.12), transparent 30%),
        rgba(255, 255, 255, 0.045);
      box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
      outline: none;
    }

    .click-card::after {
      content: "Öffnen";
      position: absolute;
      right: 14px;
      bottom: 12px;
      padding: 5px 8px;
      border-radius: 999px;
      color: var(--gold);
      background: rgba(255, 213, 106, 0.08);
      border: 1px solid rgba(255, 213, 106, 0.24);
      font-size: 0.74rem;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      opacity: 0;
      transform: translateY(4px);
      transition: opacity 150ms ease, transform 150ms ease;
      pointer-events: none;
    }

    .click-card:hover::after,
    .click-card:focus-visible::after {
      opacity: 1;
      transform: translateY(0);
    }

    .stat-chip strong {
      display: block;
      font-size: 1.25rem;
      margin-bottom: 5px;
    }

    .stat-chip span {
      color: var(--muted);
      font-size: 0.92rem;
      line-height: 1.55;
    }

    .hero-topics .stat-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-topics .stat-chip {
      padding: 16px 16px 16px 24px;
    }

    .hero-topics .stat-chip strong {
      font-size: 1rem;
      letter-spacing: -0.02em;
      color: #fff7dd;
    }

    .hero-thread {
      display: grid;
      gap: 14px;
      padding: 20px 20px 20px 28px;
    }

    .thread-label {
      margin: 0;
      color: var(--gold);
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .hero-thread h2 {
      margin: 0;
      color: #fff7dd;
      font-size: clamp(1.25rem, 2vw, 1.7rem);
      letter-spacing: -0.03em;
      line-height: 1.08;
    }

    .hero-thread p:not(.thread-label) {
      margin: 0;
      color: var(--muted);
      line-height: 1.65;
    }

    .thread-flow {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: stretch;
    }

    .thread-node {
      display: grid;
      gap: 4px;
      min-width: min(100%, 142px);
      flex: 1 1 142px;
      padding: 12px 13px;
      border-radius: 16px;
      color: inherit;
      text-decoration: none;
      background:
        radial-gradient(circle at 12% 0%, rgba(123, 227, 255, 0.12), transparent 36%),
        rgba(5, 10, 24, 0.42);
      border: 1px solid rgba(123, 227, 255, 0.18);
    }

    a.thread-node {
      transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
    }

    a.thread-node:hover,
    a.thread-node:focus-visible {
      transform: translateY(-2px);
      border-color: rgba(255, 213, 106, 0.42);
      background:
        radial-gradient(circle at 16% 6%, rgba(255, 213, 106, 0.13), transparent 34%),
        rgba(255, 255, 255, 0.045);
      outline: none;
    }

    .thread-node strong {
      color: #fff7dd;
      font-size: 0.9rem;
      line-height: 1.15;
    }

    .thread-node span {
      color: var(--muted);
      font-size: 0.78rem;
      line-height: 1.35;
    }

    .thread-arrow {
      align-self: center;
      color: var(--gold);
      font-weight: 900;
      opacity: 0.8;
    }

    .thread-note {
      display: grid;
      gap: 5px;
      padding-top: 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .thread-note strong {
      color: #fff7dd;
      font-size: 1rem;
      letter-spacing: -0.02em;
    }

    .thread-note span {
      color: var(--muted);
      line-height: 1.6;
      font-size: 0.92rem;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 20px;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 12px 16px;
      border-radius: 999px;
      text-decoration: none;
      color: var(--text);
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.04);
      transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
    }

    .btn:hover {
      transform: translateY(-1px);
      border-color: rgba(123, 227, 255, 0.36);
      background: rgba(123, 227, 255, 0.08);
    }

    main {
      padding: 10px 0 64px;
    }

    .site-nav {
      position: sticky;
      top: var(--main-nav-top);
      z-index: 1000;
      padding: 10px 0;
      background: linear-gradient(180deg, rgba(5, 8, 22, 0.34), rgba(5, 8, 22, 0));
      backdrop-filter: blur(6px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.025);
    }

    .nav-menu-toggle {
      display: none;
    }

    .main-tabs {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 10px;
      border-radius: 30px;
      background:
        radial-gradient(circle at 12% 0%, rgba(123, 227, 255, 0.12), transparent 38%),
        rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(123, 227, 255, 0.14);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 14px 46px rgba(0, 0, 0, 0.32);
    }

    .main-tab {
      --tab-gradient: linear-gradient(137deg, #ffd56a 0%, #7be3ff 48%, #a78bfa 100%);
      position: relative;
      overflow: hidden;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 10px 13px;
      border-radius: 999px;
      border: 2px solid transparent;
      background:
        linear-gradient(rgba(18, 28, 48, 0.94), rgba(12, 18, 34, 0.94)) padding-box,
        linear-gradient(137deg, rgba(123, 227, 255, 0.22), rgba(255, 213, 106, 0.14)) border-box;
      color: #d9e6ff;
      cursor: pointer;
      text-decoration: none;
      font: inherit;
      font-size: 0.94rem;
      font-weight: 750;
      text-shadow: 0 1px 10px rgba(123, 227, 255, 0.18);
      transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease, box-shadow 160ms ease;
    }

    .main-tab::before {
      content: "";
      position: absolute;
      inset: 5px;
      z-index: -1;
      border-radius: inherit;
      background: var(--tab-gradient);
      filter: blur(18px);
      opacity: 0;
      transition: opacity 170ms ease, transform 170ms ease;
      pointer-events: none;
    }

    .main-tab::after,
    .tab-btn::after,
    .mini-tab::after,
    .filter-btn::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background: linear-gradient(110deg, transparent 0 35%, rgba(255, 255, 255, 0.18) 50%, transparent 66% 100%);
      transform: translateX(-120%);
      transition: transform 520ms ease;
      pointer-events: none;
    }

    .main-tab:hover {
      transform: translateY(-2px);
      color: #ffffff;
      background:
        linear-gradient(rgba(20, 32, 55, 0.96), rgba(13, 21, 39, 0.96)) padding-box,
        var(--tab-gradient) border-box;
      box-shadow:
        0 0 0 1px rgba(123, 227, 255, 0.12),
        0 14px 34px rgba(0, 0, 0, 0.28),
        0 0 28px rgba(123, 227, 255, 0.18);
    }

    .main-tab:hover::before,
    .main-tab:focus-visible::before {
      opacity: 0.40;
      transform: scale(1.08);
    }

    .main-tab:hover::after,
    .tab-btn:hover::after,
    .mini-tab:hover::after,
    .filter-btn:hover::after {
      transform: translateX(120%);
    }

    .main-tab[aria-current="page"] {
      color: #fff8df;
      background:
        linear-gradient(rgba(24, 30, 46, 0.96), rgba(12, 18, 34, 0.96)) padding-box,
        var(--tab-gradient) border-box;
      box-shadow:
        0 0 0 1px rgba(255, 213, 106, 0.18),
        0 16px 40px rgba(123, 227, 255, 0.18),
        0 0 34px rgba(255, 213, 106, 0.20);
    }

    .main-tab[aria-current="page"]::before {
      opacity: 0.48;
      transform: scale(1.05);
    }

    .main-tab:nth-child(1) { --tab-gradient: linear-gradient(137deg, #ff3d77 0%, #ffb1ce 45%, #ff9d3c 100%); }
    .main-tab:nth-child(2) { --tab-gradient: linear-gradient(137deg, #ffffff 0%, #7dd3fc 45%, #06b6d4 100%); }
    .main-tab:nth-child(3) { --tab-gradient: linear-gradient(137deg, #4361ee 0%, #e0aeff 45%, #f72585 100%); }
    .main-tab:nth-child(4) { --tab-gradient: linear-gradient(137deg, #ffd56a 0%, #fbbf24 45%, #7be3ff 100%); }
    .main-tab:nth-child(5) { --tab-gradient: linear-gradient(137deg, #7be3ff 0%, #a78bfa 48%, #ffd56a 100%); }
    .main-tab:nth-child(6) { --tab-gradient: linear-gradient(137deg, #ffd56a 0%, #ffb1ce 52%, #7be3ff 100%); }
    .main-tab:nth-child(7) { --tab-gradient: linear-gradient(137deg, #a78bfa 0%, #7dd3fc 50%, #ffd56a 100%); }

    .section {
      margin-top: 24px;
    }

    .js .page-section {
      display: none;
    }

    .js .page-section.active {
      display: block;
      overflow: visible;
      transform: none;
      contain: none;
      overflow-anchor: none;
    }

    #experimente,
    #experimente.page-section.active {
      overflow: visible;
      transform: none;
      contain: none;
    }

    #magnetare-hub.page-section.active {
      position: sticky;
      top: calc(var(--main-nav-top) + var(--main-nav-height) + var(--sticky-gap));
      z-index: 905;
      padding-top: 8px;
      background:
        linear-gradient(180deg, rgba(5, 8, 22, 0.98), rgba(5, 8, 22, 0.86) 72%, rgba(5, 8, 22, 0));
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    #magnetare-hub .mini-tabbar {
      position: static;
      top: auto;
    }

    [hidden] {
      display: none !important;
    }

    .source-subsection {
      scroll-margin-top: 92px;
    }

    .source-subsection.collapsed .panel {
      display: none;
    }

    .source-subsection .section-head {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      padding: 16px;
      border-radius: 20px;
      background:
        radial-gradient(circle at 0% 0%, rgba(255, 213, 106, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018));
      border: 1px solid rgba(255, 255, 255, 0.06);
      transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
    }

    .source-subsection .section-head:hover {
      border-color: rgba(123, 227, 255, 0.24);
      background: rgba(123, 227, 255, 0.045);
      transform: translateY(-1px);
    }

    .source-toggle {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex: 0 0 auto;
      min-height: 39px;
      padding: 9px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255, 213, 106, 0.34);
      background:
        linear-gradient(180deg, rgba(255, 213, 106, 0.10), rgba(255, 213, 106, 0.045)),
        rgba(9, 16, 32, 0.72);
      color: var(--gold);
      font-size: 0.94rem;
      font-weight: 900;
      letter-spacing: 0.02em;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
      transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
    }

    .source-toggle:hover {
      transform: translateY(-1px);
      border-color: rgba(255, 213, 106, 0.58);
      background:
        linear-gradient(180deg, rgba(255, 213, 106, 0.16), rgba(255, 213, 106, 0.07)),
        rgba(9, 16, 32, 0.82);
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .source-toggle::before {
      content: "−";
      font-size: 1.1rem;
      line-height: 1;
    }

    .source-subsection.collapsed .source-toggle::before {
      content: "+";
    }

    .source-subsection.collapsed .source-toggle-label::after {
      content: " öffnen";
    }

    .source-subsection:not(.collapsed) .source-toggle-label::after {
      content: " schließen";
    }

    .source-nav {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 16px;
      padding: 8px;
      border-radius: 22px;
      background: rgba(255, 255, 255, 0.025);
      border: 1px solid rgba(255, 255, 255, 0.06);
    }

    .source-nav .btn {
      font-weight: 800;
      border-color: rgba(255, 213, 106, 0.24);
      background:
        radial-gradient(circle at 18% 12%, rgba(255, 213, 106, 0.16), transparent 38%),
        linear-gradient(180deg, rgba(255, 213, 106, 0.09), rgba(255, 255, 255, 0.018));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
      color: var(--gold-soft);
    }

    .source-nav .btn:hover {
      border-color: rgba(255, 213, 106, 0.46);
      background:
        radial-gradient(circle at 18% 12%, rgba(255, 213, 106, 0.24), transparent 42%),
        linear-gradient(180deg, rgba(255, 213, 106, 0.14), rgba(123, 227, 255, 0.045));
      color: var(--text);
    }

    .section-head {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 18px;
      margin-bottom: 14px;
    }

    .section-head h2 {
      margin: 0;
      font-size: clamp(1.4rem, 3vw, 2.1rem);
      letter-spacing: -0.03em;
    }

    .section-head p {
      margin: 0;
      max-width: 66ch;
    }

    .intro {
      padding: 20px;
    }

    .facts-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .visitor-summary,
    .visitor-faq {
      margin-top: 16px;
    }

    .knowledge-map {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin: 18px 0 20px;
    }

    .knowledge-chip {
      padding: 14px;
      border-radius: 18px;
      background:
        radial-gradient(circle at 18% 18%, rgba(123, 227, 255, 0.13), transparent 34%),
        rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .knowledge-chip span {
      display: block;
      color: var(--gold);
      font-size: 0.74rem;
      font-weight: 900;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      margin-bottom: 6px;
    }

    .knowledge-chip strong {
      display: block;
      line-height: 1.35;
    }

    .knowledge-detail {
      padding: 0;
      overflow: hidden;
    }

    .knowledge-detail summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      cursor: pointer;
      list-style: none;
      padding: 18px;
      color: var(--text);
      font-weight: 900;
      font-size: 1.08rem;
      letter-spacing: -0.03em;
      min-width: 0;
    }

    .knowledge-detail summary::-webkit-details-marker {
      display: none;
    }

    .knowledge-detail summary::after {
      content: "+ Abschnitt öffnen";
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      min-height: 39px;
      margin-left: auto;
      padding: 9px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255, 213, 106, 0.34);
      background:
        linear-gradient(180deg, rgba(255, 213, 106, 0.10), rgba(255, 213, 106, 0.045)),
        rgba(9, 16, 32, 0.72);
      color: var(--gold);
      font-size: 0.94rem;
      font-weight: 900;
      letter-spacing: 0.02em;
      white-space: nowrap;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
      transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
    }

    .knowledge-detail summary:hover::after {
      transform: translateY(-1px);
      border-color: rgba(255, 213, 106, 0.58);
      background:
        linear-gradient(180deg, rgba(255, 213, 106, 0.16), rgba(255, 213, 106, 0.07)),
        rgba(9, 16, 32, 0.82);
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .knowledge-detail[open] summary::after {
      content: "− Abschnitt schließen";
    }

    .knowledge-detail p,
    .knowledge-detail ul {
      padding-left: 18px;
      padding-right: 18px;
    }

    .knowledge-detail > :last-child {
      padding-bottom: 18px;
    }

    @media (max-width: 560px) {
      .knowledge-detail summary {
        align-items: flex-start;
        flex-direction: column;
      }

      .knowledge-detail summary::after {
        margin-left: 0;
      }

      .source-toggle {
        min-height: 36px;
        padding: 8px 12px;
        font-size: 0.9rem;
      }
    }

    .fact {
      position: relative;
      display: block;
      padding: 18px;
    }

    .fact .tag,
    .pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.08);
      color: var(--muted);
      font-size: 0.82rem;
      text-transform: none;
    }

    .fact .tag {
      margin-bottom: 14px;
    }

    .fact h3,
    .question-item h3,
    .content-card h3 {
      margin: 0 0 8px;
      letter-spacing: -0.03em;
    }

    .tab-shell {
      display: grid;
      grid-template-columns: 280px minmax(0, 1fr);
      gap: 16px;
      align-items: start;
    }

    .tabbar {
      padding: 16px;
      position: sticky;
      top: 12px;
      overflow: hidden;
    }

    .tabbar::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 18% 0%, rgba(255, 213, 106, 0.12), transparent 30%),
        radial-gradient(circle at 100% 16%, rgba(123, 227, 255, 0.12), transparent 32%);
      pointer-events: none;
    }

    .tabbar h3 {
      position: relative;
      margin: 4px 8px 12px;
      font-size: 1rem;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.14em;
    }

    .tabs {
      position: relative;
      display: grid;
      gap: 8px;
      max-height: 72vh;
      overflow: auto;
      padding-right: 4px;
    }

    .tab-btn {
      position: relative;
      overflow: hidden;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      padding: 12px 14px;
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
      color: var(--text);
      cursor: pointer;
      text-align: left;
      font: inherit;
      transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
    }

    .tab-btn:hover {
      transform: translateX(4px);
      border-color: rgba(123, 227, 255, 0.34);
      background: linear-gradient(180deg, rgba(123, 227, 255, 0.11), rgba(255, 255, 255, 0.025));
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20);
    }

    .tab-btn[aria-selected="true"] {
      background:
        linear-gradient(90deg, rgba(255, 213, 106, 0.18), transparent 14%),
        linear-gradient(180deg, rgba(123, 227, 255, 0.18), rgba(167, 139, 250, 0.10));
      border-color: rgba(255, 213, 106, 0.36);
      box-shadow: inset 4px 0 0 var(--gold), 0 12px 28px rgba(123, 227, 255, 0.10);
    }

    .tab-btn small {
      color: var(--muted);
      padding: 3px 8px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.04);
    }

    .mini-tabbar {
      display: flex;
      flex-wrap: nowrap;
      gap: 10px;
      position: sticky;
      top: calc(var(--main-nav-top) + var(--main-nav-height) + var(--sticky-gap));
      z-index: 900;
      margin-bottom: 16px;
      padding: 8px;
      border-radius: 22px;
      overflow-x: auto;
      overflow-y: visible;
      white-space: nowrap;
      background:
        radial-gradient(circle at 10% 0%, rgba(123, 227, 255, 0.11), transparent 40%),
        rgba(8, 14, 28, 0.96);
      border: 1px solid rgba(123, 227, 255, 0.13);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      scrollbar-width: thin;
    }

    .experiment-tab-sticky {
      position: sticky;
      top: calc(var(--main-nav-top) + var(--main-nav-height) + var(--sticky-gap));
      z-index: 900;
      margin-bottom: 28px;
      padding-bottom: 16px;
      background:
        linear-gradient(180deg, rgba(8, 14, 28, 0.98) 0%, rgba(8, 14, 28, 0.92) 72%, rgba(8, 14, 28, 0) 100%);
    }

    .experiment-content-shell {
      margin-top: 20px;
    }

    #experimente .mini-panel {
      overflow-anchor: none;
    }

    .experiment-tab-sticky .mini-tabbar {
      position: relative;
      top: auto;
      margin-bottom: 0;
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }

    #inhalt > #experimente {
      --experiment-hub-line: rgba(255, 213, 106, 0.25);
      --experiment-hub-glow: rgba(255, 157, 60, 0.13);
      position: relative;
      isolation: isolate;
    }

    :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) {
      box-sizing: border-box;
      margin: 0 auto 24px;
      padding: clamp(16px, 1.8vw, 24px);
      overflow: clip;
      border: 1px solid var(--experiment-hub-line);
      border-radius: 8px;
      background:
        radial-gradient(circle at 84% 0%, var(--experiment-hub-glow), transparent 38%),
        linear-gradient(180deg, rgba(12, 13, 24, 0.94), rgba(5, 8, 18, 0.90));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 42px rgba(0, 0, 0, 0.26);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) > .section-head {
      position: relative;
      display: block;
      margin: 0 0 12px;
      padding: 0 0 12px;
    }

    :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) > .section-head::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255, 157, 60, 0.78) 18%, rgba(255, 241, 207, 0.92) 50%, rgba(255, 213, 106, 0.70) 82%, transparent);
      box-shadow: 0 0 14px rgba(255, 157, 60, 0.24);
    }

    :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) > .section-head h2 {
      margin: 0;
      color: #f7f8fb;
      font-size: clamp(2rem, 3.2vw, 2.7rem);
      line-height: 1;
      letter-spacing: -0.035em;
    }

    :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) > .section-head p {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
    }

    :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) > .experiment-tab-sticky {
      position: relative;
      top: auto;
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0;
      background: transparent;
    }

    :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) :is(#experimentTabs, #curiosityTabs, #mediaTabs) {
      width: 100%;
      margin: 0;
      padding: 7px 8px;
      border-color: rgba(255, 213, 106, 0.20);
      border-radius: 8px;
      background:
        radial-gradient(circle at 12% 0%, rgba(255, 157, 60, 0.10), transparent 36%),
        rgba(5, 8, 18, 0.92);
      scrollbar-color: rgba(255, 213, 106, 0.45) rgba(255, 255, 255, 0.04);
    }

    :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) :is(#experimentTabs, #curiosityTabs, #mediaTabs)::-webkit-scrollbar {
      height: 6px;
    }

    :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) :is(#experimentTabs, #curiosityTabs, #mediaTabs)::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, 0.04);
      border-radius: 999px;
    }

    :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) :is(#experimentTabs, #curiosityTabs, #mediaTabs)::-webkit-scrollbar-thumb {
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(255, 157, 60, 0.66), rgba(255, 213, 106, 0.72));
    }

    :root[data-theme="light"] :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) {
      --experiment-hub-line: rgba(144, 91, 26, 0.24);
      --experiment-hub-glow: rgba(235, 137, 46, 0.11);
      background:
        radial-gradient(circle at 84% 0%, var(--experiment-hub-glow), transparent 38%),
        linear-gradient(180deg, rgba(255, 252, 247, 0.96), rgba(245, 237, 226, 0.92));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 18px 42px rgba(76, 50, 25, 0.12);
    }

    :root[data-theme="light"] :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) > .section-head h2 {
      color: #2f241b;
    }

    :root[data-theme="light"] :is(#inhalt > #experimente > .experiment-hub, #inhalt > #kurioses > .curiosity-hub, #inhalt > #x > .media-hub) :is(#experimentTabs, #curiosityTabs, #mediaTabs) {
      border-color: rgba(144, 91, 26, 0.18);
      background: rgba(255, 252, 247, 0.88);
    }

    .mini-tab {
      --tab-gradient: linear-gradient(137deg, #ffd56a 0%, #7be3ff 48%, #a78bfa 100%);
      position: relative;
      overflow: hidden;
      flex: 0 0 auto;
      padding: 11px 14px;
      border-radius: 999px;
      border: 2px solid transparent;
      background:
        linear-gradient(rgba(19, 29, 49, 0.94), rgba(12, 18, 34, 0.94)) padding-box,
        linear-gradient(137deg, rgba(123, 227, 255, 0.22), rgba(255, 213, 106, 0.12)) border-box;
      color: #c8d6f3;
      cursor: pointer;
      text-decoration: none;
      font: inherit;
      font-weight: 800;
      text-shadow: 0 1px 10px rgba(123, 227, 255, 0.16);
      transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
    }

    .mini-tab::before {
      content: "";
      position: absolute;
      inset: 5px;
      z-index: -1;
      border-radius: inherit;
      background: var(--tab-gradient);
      filter: blur(17px);
      opacity: 0;
      transition: opacity 160ms ease, transform 160ms ease;
      pointer-events: none;
    }

    .mini-tab:hover,
    .mini-tab[aria-selected="true"],
    .mini-tab[aria-current="page"] {
      color: #fff7dd;
      background:
        linear-gradient(rgba(23, 31, 48, 0.96), rgba(12, 18, 34, 0.96)) padding-box,
        var(--tab-gradient) border-box;
      transform: translateY(-1px);
      box-shadow:
        0 0 0 1px rgba(255, 213, 106, 0.14),
        0 12px 28px rgba(0, 0, 0, 0.25),
        0 0 28px rgba(123, 227, 255, 0.16);
    }

    .mini-tab:hover::before,
    .mini-tab:focus-visible::before,
    .mini-tab[aria-selected="true"]::before,
    .mini-tab[aria-current="page"]::before {
      opacity: 0.42;
      transform: scale(1.06);
    }

    #experimentTabs .mini-tab:nth-child(1) { --tab-gradient: linear-gradient(137deg, #f8fafc 0%, #aab4c2 48%, #596575 100%); }
    #experimentTabs .mini-tab:nth-child(2) { --tab-gradient: linear-gradient(137deg, #45c7f0 0%, #ffffff 46%, #1367a8 100%); }
    #experimentTabs .mini-tab:nth-child(3) { --tab-gradient: linear-gradient(137deg, #edf2f7 0%, #aeb8c5 48%, #697586 100%); }
    #experimentTabs .mini-tab:nth-child(4) { --tab-gradient: linear-gradient(137deg, #46d6a0 0%, #bdfbe3 46%, #16856b 100%); }
    #experimentTabs .mini-tab:nth-child(5) { --tab-gradient: linear-gradient(137deg, #ec4f91 0%, #ffb2cf 46%, #8c285d 100%); }
    #experimentTabs .mini-tab:nth-child(6) { --tab-gradient: linear-gradient(137deg, #8d6bff 0%, #c6b6ff 46%, #4c37aa 100%); }
    #experimentTabs .mini-tab:nth-child(7) { --tab-gradient: linear-gradient(137deg, #e451a3 0%, #ffadd4 46%, #8d2367 100%); }
    #experimentTabs .mini-tab:nth-child(8) { --tab-gradient: linear-gradient(137deg, #b59af2 0%, #e0d4ff 46%, #68519f 100%); }
    #experimentTabs .mini-tab:nth-child(9) { --tab-gradient: linear-gradient(137deg, #39d5e8 0%, #b8f7ff 46%, #087b91 100%); }
    #experimentTabs .mini-tab:nth-child(10) { --tab-gradient: linear-gradient(137deg, #f08ba8 0%, #ffd2df 46%, #9d405f 100%); }
    #experimentTabs .mini-tab:nth-child(11) { --tab-gradient: linear-gradient(137deg, #e03c31 0%, #ffffff 46%, #8e1100 100%); }

    .js .mini-panel {
      display: none;
    }

    .js .mini-panel.active {
      display: block;
      overflow-anchor: none;
    }

    .js #inhalt > .magnetar-subsection[data-page="magnetare"] {
      display: none;
    }

    .js #inhalt > .page-section.active.magnetar-subsection[data-page="magnetare"]:not(.sub-active) {
      display: none;
    }

    .js #inhalt > .page-section.active.magnetar-subsection[data-page="magnetare"].sub-active {
      display: block;
    }

    .content-card {
      padding: 20px;
    }

    .visual-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      margin-top: 16px;
    }

    .medusa-mark {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 16px;
      align-items: center;
      margin: 0 0 16px;
      padding: 18px;
      border-radius: 24px;
      border: 1px solid rgba(88, 240, 177, 0.30);
      background:
        radial-gradient(circle at 12% 20%, rgba(88, 240, 177, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(8, 28, 34, 0.96), rgba(8, 12, 30, 0.96));
    }

    .medusa-emblem {
      width: 96px;
      height: 96px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: var(--accent-3);
      font-weight: 950;
      letter-spacing: -0.08em;
      border: 1px solid rgba(88, 240, 177, 0.38);
      background:
        radial-gradient(circle, rgba(88, 240, 177, 0.20), transparent 58%),
        conic-gradient(from 20deg, transparent, rgba(123, 227, 255, 0.22), transparent, rgba(88, 240, 177, 0.22), transparent);
      box-shadow: inset 0 0 34px rgba(88, 240, 177, 0.12);
    }

    .medusa-mark h3 {
      margin: 0 0 6px;
      font-size: clamp(1.4rem, 3vw, 2.1rem);
    }

    .medusa-mark p {
      margin: 0;
      color: var(--muted);
      line-height: 1.7;
    }

    .visual-panel {
      position: relative;
      overflow: hidden;
      padding: 18px;
      border-radius: 24px;
      background:
        radial-gradient(circle at 12% 0%, rgba(255, 213, 106, 0.12), transparent 34%),
        radial-gradient(circle at 100% 20%, rgba(123, 227, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(16, 23, 47, 0.92), rgba(8, 12, 24, 0.92));
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: var(--shadow);
    }

    .visual-panel h3,
    .visual-panel h4 {
      margin: 0 0 10px;
    }

    .sky-map {
      position: relative;
      min-height: 360px;
      margin-top: 12px;
      border-radius: 24px;
      overflow: hidden;
      border: 1px solid rgba(123, 227, 255, 0.18);
      background:
        radial-gradient(circle at 20% 30%, rgba(255,255,255,0.9) 0 1px, transparent 2px),
        radial-gradient(circle at 75% 18%, rgba(255,255,255,0.65) 0 1px, transparent 2px),
        radial-gradient(circle at 48% 74%, rgba(255,255,255,0.7) 0 1px, transparent 2px),
        radial-gradient(circle at 84% 80%, rgba(255,255,255,0.5) 0 1px, transparent 2px),
        radial-gradient(circle at 50% 50%, rgba(123, 227, 255, 0.10), transparent 48%),
        linear-gradient(180deg, #080d20, #030713);
    }

    .sky-map::before,
    .sky-map::after {
      content: "";
      position: absolute;
      inset: 12%;
      border: 1px solid rgba(255, 255, 255, 0.07);
      border-radius: 50%;
      transform: rotate(-12deg);
    }

    .sky-map::after {
      inset: 28%;
      border-style: dashed;
      opacity: 0.75;
    }

    .sky-dot {
      position: absolute;
      width: var(--size, 10px);
      height: var(--size, 10px);
      left: var(--x);
      top: var(--y);
      padding: 0;
      cursor: pointer;
      appearance: none;
      font: inherit;
      border-radius: 999px;
      transform: translate(-50%, -50%);
      background: var(--dot, var(--accent-3));
      box-shadow:
        0 0 0 6px color-mix(in srgb, var(--dot, var(--accent-3)) 16%, transparent),
        0 0 24px color-mix(in srgb, var(--dot, var(--accent-3)) 58%, transparent);
      border: 1px solid rgba(255, 255, 255, 0.75);
    }

    .sky-dot.candidate { --dot: var(--warn); }
    .sky-dot.extra { --dot: var(--accent); }
    .sky-dot.uncertain { --dot: var(--muted); }

    .sky-dot span {
      position: absolute;
      left: 12px;
      top: -8px;
      width: max-content;
      max-width: 180px;
      padding: 5px 7px;
      border-radius: 999px;
      background: rgba(5, 8, 22, 0.72);
      border: 1px solid rgba(255, 255, 255, 0.10);
      color: var(--text);
      font-size: 0.72rem;
      opacity: 0;
      transform: translateY(4px);
      transition: opacity 150ms ease, transform 150ms ease;
      pointer-events: none;
      z-index: 3;
    }

    .sky-dot:hover span {
      opacity: 1;
      transform: translateY(0);
    }

    .legend-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 12px;
      color: var(--muted);
      font-size: 0.9rem;
    }

    .legend-item {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.07);
    }

    .legend-dot {
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: var(--dot);
      box-shadow: 0 0 12px var(--dot);
    }

    .profile-strip {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      margin-top: 14px;
    }

    .profile-metric {
      padding: 13px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.07);
    }

    .profile-metric span {
      display: block;
      color: var(--muted);
      font-size: 0.74rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      margin-bottom: 5px;
    }

    .profile-metric strong {
      font-size: 1rem;
    }

    .source-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }

    .source-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 7px 10px;
      border-radius: 999px;
      color: var(--muted);
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);
      font-size: 0.82rem;
      font-weight: 800;
    }

    .source-badge.good {
      color: var(--accent-3);
      border-color: rgba(88, 240, 177, 0.24);
      background: rgba(88, 240, 177, 0.08);
    }

    .source-badge.warn {
      color: var(--warn);
      border-color: rgba(255, 211, 107, 0.25);
      background: rgba(255, 211, 107, 0.08);
    }

    .scale-ladder {
      display: grid;
      gap: 12px;
      margin-top: 12px;
    }

    .scale-step {
      display: grid;
      grid-template-columns: 170px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      padding: 13px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.07);
    }

    .scale-orb {
      width: var(--orb, 20px);
      height: var(--orb, 20px);
      border-radius: 999px;
      background: radial-gradient(circle at 35% 30%, #fff, var(--accent), #15556c);
      box-shadow: 0 0 22px rgba(123, 227, 255, 0.38);
    }

    .orb-18 { --orb: 18px; }
    .orb-28 { --orb: 28px; }
    .orb-46 { --orb: 46px; }
    .orb-72 { --orb: 72px; }

    .pipeline {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 12px;
      margin-top: 12px;
    }

    .pipeline-step {
      position: relative;
      padding: 16px;
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.08);
      min-height: 130px;
    }

    .pipeline-step:not(:last-child)::after {
      content: "\2192";
      position: absolute;
      right: -14px;
      top: 42%;
      color: var(--gold);
      font-weight: 900;
      z-index: 2;
    }

    .pipeline-icon {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      margin-bottom: 10px;
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(123, 227, 255, 0.18), rgba(255, 213, 106, 0.12));
      border: 1px solid rgba(255, 255, 255, 0.10);
      color: var(--gold);
      font-weight: 900;
    }

    .array-diagram {
      position: relative;
      min-height: 280px;
      border-radius: 24px;
      overflow: hidden;
      margin-top: 12px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background:
        radial-gradient(circle at 50% 50%, rgba(255, 213, 106, 0.18), transparent 8%),
        radial-gradient(circle at 50% 50%, rgba(123, 227, 255, 0.10), transparent 54%),
        linear-gradient(180deg, rgba(6, 11, 28, 0.98), rgba(3, 5, 12, 0.98));
    }

    .array-arm {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 42%;
      height: 2px;
      transform-origin: left center;
      background: linear-gradient(90deg, rgba(255, 213, 106, 0.8), transparent);
    }

    .array-arm:nth-child(1) { transform: rotate(18deg); }
    .array-arm:nth-child(2) { transform: rotate(138deg); }
    .array-arm:nth-child(3) { transform: rotate(258deg); }

    .array-core {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 72px;
      height: 72px;
      transform: translate(-50%, -50%);
      border-radius: 999px;
      background: radial-gradient(circle, rgba(255, 213, 106, 0.85), rgba(123, 227, 255, 0.18) 55%, transparent 70%);
      box-shadow: 0 0 34px rgba(255, 213, 106, 0.24);
    }

    .array-point {
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--accent);
      box-shadow: 0 0 14px var(--accent);
    }

    .record-podium {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 14px;
    }

    .record-card {
      position: relative;
      overflow: hidden;
      padding: 18px;
      border-radius: 24px;
      min-height: 180px;
      background:
        radial-gradient(circle at 25% 0%, rgba(255, 213, 106, 0.18), transparent 35%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018));
      border: 1px solid rgba(255, 213, 106, 0.18);
    }

    .record-rank {
      display: inline-grid;
      place-items: center;
      width: 42px;
      height: 42px;
      margin-bottom: 12px;
      border-radius: 16px;
      background: rgba(255, 213, 106, 0.14);
      color: var(--gold);
      font-weight: 900;
      border: 1px solid rgba(255, 213, 106, 0.22);
    }

    .research-board {
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .research-card {
      position: relative;
      padding: 18px;
      border-radius: 22px;
      background:
        linear-gradient(135deg, rgba(255, 213, 106, 0.07), rgba(123, 227, 255, 0.05)),
        rgba(255, 255, 255, 0.03);
      border: 1px dashed rgba(255, 213, 106, 0.24);
      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
    }

    .research-card::before {
      content: "−";
      position: absolute;
      right: 14px;
      top: 10px;
      color: rgba(255, 213, 106, 0.34);
      font-size: 2.4rem;
      font-weight: 900;
    }

    .content-head {
      display: grid;
      gap: 12px;
      grid-template-columns: 1fr auto;
      align-items: start;
      margin-bottom: 16px;
    }

    .content-head h3 {
      font-size: 1.5rem;
    }

    .meta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 16px;
    }

    .pill.good { color: var(--accent-3); }
    .pill.warn { color: var(--warn); }

    .content-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      align-items: start;
    }

    .overview-box,
    .detail-box,
    .source-box {
      padding: 16px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.06);
    }

    .detail-box ul,
    .question-item ul,
    .data-list {
      margin: 0;
      padding-left: 18px;
      color: var(--muted);
      line-height: 1.7;
    }

    .detail-box li + li,
    .question-item li + li {
      margin-top: 8px;
    }

    .tab-panel {
      display: none;
    }

    .tab-panel.active {
      display: block;
      overflow: visible;
      overflow-anchor: none;
    }

    .data-grid {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      margin-top: 12px;
    }

    .data-item {
      padding: 12px 14px;
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.06);
    }

    .data-item span {
      display: block;
      font-size: 0.78rem;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 4px;
    }

    .data-item strong {
      font-size: 1.03rem;
      color: var(--text);
    }

    .infographic-figure,
    .roman-figure {
      margin: 0 0 18px;
      max-width: 100%;
      border-radius: 24px;
      overflow: hidden;
      border: 1px solid rgba(123, 227, 255, 0.22);
      background: rgba(8, 14, 28, 0.82);
      box-shadow: var(--shadow);
    }

    .infographic-figure img,
    .roman-figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
    }

    .infographic-figure figcaption,
    .roman-figure figcaption {
      padding: 12px 16px;
      color: var(--muted);
      font-size: 0.95rem;
      line-height: 1.55;
      border-top: 1px solid rgba(123, 227, 255, 0.14);
      background: rgba(8, 14, 28, 0.78);
    }

    .infographic-figure:has(img[src*="infografik-"]) figcaption::after,
    .foundation-card.titled-graphic-card figure::after,
    .site-inventory .inventory-visual::after {
      content: "Künstlerische Darstellung. Nicht maßstabsgetreu.";
      display: block;
      margin-top: 6px;
      color: var(--muted);
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0;
      opacity: 0.78;
    }

    .foundation-card.titled-graphic-card figure::after,
    .site-inventory .inventory-visual::after {
      padding: 10px 14px 12px;
      border-top: 1px solid rgba(123, 227, 255, 0.14);
      background: rgba(8, 14, 28, 0.78);
    }

    .meerkat-gallery-box {
      margin-top: 18px;
    }

    .meerkat-gallery {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      margin-top: 14px;
    }

    .meerkat-card {
      margin: 0;
      overflow: hidden;
      border-radius: 18px;
      border: 1px solid rgba(123, 227, 255, 0.18);
      background: rgba(8, 14, 28, 0.72);
      box-shadow: inset 0 0 32px rgba(123, 227, 255, 0.06);
    }

    .meerkat-card img {
      display: block;
      width: 100%;
      aspect-ratio: 16 / 9;
      object-fit: cover;
    }

    .meerkat-card figcaption {
      padding: 12px 14px;
      color: var(--muted);
      font-size: 0.92rem;
      line-height: 1.5;
      border-top: 1px solid rgba(123, 227, 255, 0.12);
    }

    .sci sup {
      font-size: 0.72em;
      vertical-align: super;
      line-height: 0;
    }

    .source-box {
      margin-top: 16px;
    }

    .stack-gap-sm {
      margin-bottom: 16px;
    }

    .stack-gap-xs {
      margin-top: 12px;
    }

    .section-head-offset {
      margin-top: 12px;
    }

    .compact-heading {
      margin: 0 0 10px;
    }

    .video-embed {
      position: relative;
      overflow: hidden;
      border-radius: 20px;
      border: 1px solid rgba(123, 227, 255, 0.22);
      background: rgba(255, 255, 255, 0.04);
      aspect-ratio: 16 / 9;
      margin: 14px 0;
      box-shadow: inset 0 0 40px rgba(123, 227, 255, 0.08);
    }

    .video-embed iframe {
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
    }

    .video-link-card {
      position: relative;
      display: grid;
      place-items: center;
      width: 100%;
      height: 100%;
      color: var(--text);
      text-decoration: none;
      isolation: isolate;
    }

    .video-link-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 28% 20%, rgba(255, 213, 106, 0.22), transparent 30%),
        radial-gradient(circle at 78% 70%, rgba(123, 227, 255, 0.18), transparent 32%),
        linear-gradient(135deg, rgba(7, 11, 24, 0.72), rgba(7, 12, 28, 0.88));
      z-index: -1;
    }

    .video-thumb-title {
      max-width: 78%;
      text-align: center;
      font-size: clamp(1.2rem, 3vw, 2.6rem);
      line-height: 1.08;
      font-weight: 900;
      letter-spacing: -0.04em;
      text-shadow: 0 16px 42px rgba(0, 0, 0, 0.55);
    }

    .video-thumb-title small {
      display: block;
      margin-top: 10px;
      color: var(--muted);
      font-size: clamp(0.78rem, 1.4vw, 1rem);
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .video-play-badge {
      position: absolute;
      right: 18px;
      bottom: 18px;
      display: inline-flex;
      align-items: center;
      gap: 12px;
      padding: 14px 18px;
      border-radius: 999px;
      color: var(--text);
      background: rgba(7, 12, 28, 0.78);
      border: 1px solid rgba(255, 213, 106, 0.45);
      box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
      font-weight: 800;
    }

    .video-play-badge::before {
      content: "▶";
      width: 38px;
      height: 38px;
      display: inline-grid;
      place-items: center;
      border-radius: 50%;
      color: #08101f;
      background: var(--gold);
    }

    .media-card {
      position: relative;
      overflow: hidden;
    }

    #x .panel.intro {
      overflow: visible;
    }

    #x .question-list {
      display: grid;
      gap: clamp(18px, 3vw, 34px);
    }

    .media-section {
      display: grid;
      gap: clamp(26px, 4.8vw, 56px);
      margin: clamp(28px, 5vw, 66px) 0;
    }

    .media-card {
      position: relative;
      overflow: hidden;
    }

    .media-card::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 5px;
      background: linear-gradient(180deg, rgba(255, 213, 106, 0.95), rgba(123, 227, 255, 0.78));
      opacity: 0.82;
    }

    .media-card > * {
      position: relative;
      z-index: 1;
    }

    .media-card.fabian {
      border-color: rgba(255, 213, 106, 0.32);
      background:
        radial-gradient(circle at 84% 16%, rgba(255, 213, 106, 0.16), transparent 30%),
        linear-gradient(135deg, rgba(31, 23, 42, 0.94), rgba(5, 9, 18, 0.98));
    }

    .media-card.dlr {
      border-color: rgba(123, 227, 255, 0.24);
      background:
        radial-gradient(circle at 86% 14%, rgba(123, 227, 255, 0.13), transparent 32%),
        linear-gradient(135deg, rgba(9, 28, 45, 0.94), rgba(4, 8, 18, 0.98));
    }

    .media-card.hda {
      border-color: rgba(88, 240, 177, 0.28);
      background:
        radial-gradient(circle at 82% 18%, rgba(88, 240, 177, 0.12), transparent 32%),
        linear-gradient(135deg, rgba(10, 34, 29, 0.9), rgba(4, 9, 18, 0.98));
    }

    .media-card.hda::before {
      background: linear-gradient(180deg, rgba(88, 240, 177, 0.9), rgba(123, 227, 255, 0.68));
    }

    .media-label {
      display: block;
      width: fit-content;
      margin: 0 0 14px;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--accent);
      font-size: 0.74rem;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .media-section .media-card {
      display: grid;
      grid-template-columns: minmax(260px, 0.95fr) minmax(280px, 520px);
      gap: clamp(18px, 3.2vw, 34px);
      align-items: center;
      padding: clamp(18px, 2.4vw, 28px);
      border-radius: 24px;
      border-width: 1px;
      box-shadow:
        0 18px 60px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .media-section .media-card::before {
      width: 4px;
    }

    .media-section .media-card > :not(.media-video) {
      grid-column: 1;
    }

    .media-section .media-card h3 {
      margin: 0 0 12px;
      max-width: 34ch;
      color: #f2f7ff;
      font-size: clamp(1.15rem, 1.8vw, 1.72rem);
      line-height: 1.12;
    }

    .media-section .media-card p {
      margin: 0;
      max-width: 38rem;
      color: rgba(220, 232, 248, 0.78);
      line-height: 1.62;
    }

    .media-section .media-card .data-list {
      margin-top: 14px;
    }

    .media-details {
      grid-column: 1 / -1;
      margin-top: 6px;
      padding-top: 14px;
      border-top: 1px solid rgba(190, 218, 255, 0.12);
    }

    .media-details summary {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      min-height: 42px;
      padding: 0 18px;
      border-radius: 999px;
      border: 1px solid rgba(255, 213, 106, 0.52);
      background: rgba(255, 213, 106, 0.07);
      color: var(--accent);
      font-weight: 800;
      cursor: pointer;
      list-style: none;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .media-details summary::-webkit-details-marker {
      display: none;
    }

    .media-details summary::before {
      content: "+";
      margin-right: 8px;
      font-weight: 900;
    }

    .media-details[open] summary::before {
      content: "-";
    }

    .media-details-body {
      display: grid;
      gap: 12px;
      margin-top: 16px;
      max-width: 78rem;
    }

    .media-details-body p,
    .media-details-body .data-list {
      margin: 0;
      max-width: 78rem;
    }

    .media-series {
      display: block;
      border-radius: 24px;
      border: 1px solid rgba(123, 227, 255, 0.22);
      background:
        radial-gradient(circle at 88% 12%, rgba(123, 227, 255, 0.12), transparent 30%),
        linear-gradient(135deg, rgba(8, 23, 38, 0.94), rgba(4, 8, 18, 0.98));
      box-shadow:
        0 18px 60px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
      overflow: hidden;
    }

    .media-series > summary {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 14px;
      align-items: center;
      min-height: 76px;
      padding: clamp(16px, 2.4vw, 24px);
      cursor: pointer;
      list-style: none;
    }

    .media-series > summary::-webkit-details-marker {
      display: none;
    }

    .media-series > summary .media-label {
      margin: 0;
    }

    .media-series > summary strong {
      color: var(--text);
      font-size: clamp(1.05rem, 1.9vw, 1.55rem);
      line-height: 1.18;
    }

    .media-series > summary small {
      justify-self: end;
      padding: 0.55rem 0.9rem;
      border-radius: 999px;
      border: 1px solid rgba(255, 213, 106, 0.48);
      color: var(--accent);
      background: rgba(255, 213, 106, 0.07);
      font-weight: 800;
      white-space: nowrap;
    }

    .media-series {
      --series-count-label: "7 Vorträge";
    }

    .media-series-madmax {
      --series-count-label: "3 Videos";
    }

    .media-series[open] > summary small {
      color: var(--text-soft);
      border-color: rgba(190, 218, 255, 0.26);
      background: rgba(190, 218, 255, 0.08);
    }

    .media-series[open] > summary small::before {
      content: var(--series-count-label) " kompakt ";
    }

    .media-series[open] > summary small {
      font-size: 0;
    }

    .media-series[open] > summary small::before,
    .media-series[open] > summary small::after {
      font-size: 0.78rem;
    }

    .media-series[open] > summary small::after {
      content: "schließen";
    }

    .media-series-intro {
      display: grid;
      gap: 12px;
      padding: 0 clamp(16px, 2.4vw, 24px) clamp(14px, 2vw, 20px);
      border-top: 1px solid rgba(190, 218, 255, 0.10);
    }

    .media-series-intro p {
      max-width: 72rem;
      margin: 0;
      color: rgba(220, 232, 248, 0.78);
      line-height: 1.65;
    }

    .media-series-list {
      display: grid;
      gap: 12px;
      padding: 0 clamp(16px, 2.4vw, 24px) clamp(18px, 2.6vw, 28px);
    }

    .media-series-list .media-card {
      grid-template-columns: minmax(0, 1fr) minmax(150px, 220px);
      gap: 16px;
      padding: 16px;
      border-radius: 18px;
      box-shadow: none;
      background:
        radial-gradient(circle at 92% 20%, rgba(123, 227, 255, 0.10), transparent 28%),
        rgba(255, 255, 255, 0.035);
    }

    .media-series-list .media-card h3 {
      font-size: clamp(1rem, 1.4vw, 1.18rem);
      line-height: 1.2;
    }

    .media-series-list .media-card p {
      max-width: 58rem;
      font-size: 0.95rem;
      line-height: 1.55;
    }

    .media-series-list .media-video {
      grid-row: 1 / span 4;
      max-width: 220px;
      border-radius: 14px;
      justify-self: end;
    }

    .media-series-list .media-video .video-thumb-title {
      display: none;
    }

    .media-series-list .media-video .video-link-card {
      padding: 12px;
    }

    .media-series-list .media-video .video-play-badge {
      position: static;
      padding: 10px 12px;
      font-size: 0.72rem;
    }

    .media-series-list .media-video .video-play-badge::before {
      width: 28px;
      height: 28px;
    }

    .media-series-list .media-details {
      margin-top: 2px;
      padding-top: 10px;
    }

    .media-channel-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(14px, 2.4vw, 22px);
      margin-top: clamp(24px, 4vw, 42px);
    }

    .media-channel-grid .media-card {
      display: flex;
      min-height: 100%;
      flex-direction: column;
      padding: clamp(18px, 2.4vw, 24px);
      border-radius: 22px;
    }

    .media-channel-grid .media-card h3 {
      margin: 0 0 12px;
      font-size: clamp(1.1rem, 1.7vw, 1.45rem);
      line-height: 1.18;
    }

    .media-channel-grid .media-card p {
      margin: 0;
      line-height: 1.62;
    }

    .media-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: auto;
      padding-top: 18px;
    }

    .media-actions-stack {
      flex-direction: column;
      align-items: stretch;
    }

    .media-video-list {
      display: grid;
      gap: 10px;
      margin-top: 16px;
    }

    .media-video-row {
      position: relative;
      display: grid;
      gap: 4px;
      padding: 13px 14px 13px 52px;
      border-radius: 16px;
      border: 1px solid rgba(123, 227, 255, 0.18);
      background: rgba(255, 255, 255, 0.035);
      color: var(--text);
      text-decoration: none;
      transition: border-color 0.2s ease, background 0.2s ease;
    }

    .media-video-row::before {
      content: "▶";
      position: absolute;
      left: 14px;
      top: 14px;
      display: inline-grid;
      width: 26px;
      height: 26px;
      place-items: center;
      border-radius: 50%;
      background: var(--gold);
      color: #08101f;
      font-size: 0.66rem;
      line-height: 1;
    }

    .media-video-row span {
      font-weight: 800;
      line-height: 1.25;
    }

    .media-video-row small {
      color: var(--muted);
      line-height: 1.45;
    }

    .media-video-row:hover {
      border-color: rgba(255, 213, 106, 0.48);
      background: rgba(255, 255, 255, 0.055);
    }

    .video-hint {
      display: grid;
      gap: 10px;
      margin: 16px 0 clamp(18px, 3vw, 28px);
      padding: clamp(16px, 2.2vw, 22px);
      border-radius: 20px;
      border: 1px solid rgba(255, 213, 106, 0.42);
      background:
        radial-gradient(circle at 88% 16%, rgba(255, 213, 106, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(255, 213, 106, 0.08), rgba(123, 227, 255, 0.035)),
        rgba(255, 255, 255, 0.045);
      box-shadow:
        inset 5px 0 0 rgba(255, 213, 106, 0.72),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .video-hint p {
      max-width: 58rem;
      margin: 0;
      color: rgba(220, 232, 248, 0.82);
      line-height: 1.6;
    }

    .video-hint .media-action-link {
      width: fit-content;
      margin-top: 2px;
    }

    .media-action-link {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 46px;
      padding: 0 18px;
      border-radius: 999px;
      border: 1px solid rgba(255, 213, 106, 0.56);
      background:
        linear-gradient(135deg, rgba(255, 213, 106, 0.10), rgba(123, 227, 255, 0.05)),
        rgba(5, 9, 18, 0.72);
      color: var(--text);
      font-weight: 800;
      text-decoration: none;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 10px 28px rgba(0, 0, 0, 0.20);
      transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    }

    .media-action-link::before {
      content: "▶";
      display: inline-grid;
      width: 30px;
      height: 30px;
      place-items: center;
      flex: 0 0 auto;
      border-radius: 50%;
      background: var(--gold);
      color: #08101f;
      font-size: 0.72rem;
      line-height: 1;
    }

    .media-action-link.external-action-link::before {
      content: "↗";
    }

    .media-action-link:hover {
      border-color: rgba(123, 227, 255, 0.72);
      color: #ffffff;
      transform: translateY(-1px);
    }

    .media-video {
      position: relative;
      grid-column: 2;
      grid-row: 1 / span 4;
      min-width: 0;
      width: 100%;
      max-width: 520px;
      justify-self: end;
      overflow: hidden;
      border-radius: 20px;
      aspect-ratio: 16 / 9;
      background: #02050a;
      border: 1px solid rgba(123, 227, 255, 0.18);
      box-shadow: 0 0 30px rgba(50, 170, 255, 0.10);
    }

    .media-video iframe,
    .media-video video {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
    }

    .media-video .video-link-card {
      min-height: 100%;
      border: 0;
    }

    .media-video .video-thumb-title {
      max-width: 82%;
      font-size: clamp(1rem, 1.8vw, 1.55rem);
      overflow-wrap: anywhere;
    }

    .media-video .video-play-badge {
      right: 18px;
      bottom: 18px;
    }

    @media (max-width: 820px) {
      .media-section .media-card {
        grid-template-columns: 1fr;
      }

      .media-section .media-card > :not(.media-video),
      .media-video {
        grid-column: 1;
        grid-row: auto;
      }

      .media-section .media-card h3 {
        max-width: none;
      }

      .media-series > summary {
        grid-template-columns: 1fr;
      }

      .media-series > summary small {
        justify-self: start;
      }

      .media-series-list .media-card {
        grid-template-columns: 1fr;
      }

      .media-series-list .media-video {
        grid-column: 1;
        grid-row: auto;
        max-width: none;
        justify-self: stretch;
      }

      .media-channel-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 640px) {
      .media-section {
        gap: 18px;
        margin: 24px 0;
      }

      .media-section .media-card {
        padding: 16px;
        border-radius: 20px;
      }

      .media-section .media-card h3 {
        font-size: clamp(1.18rem, 7vw, 1.55rem);
        line-height: 1.12;
      }

      .media-section .media-card p {
        font-size: clamp(0.98rem, 4.5vw, 1.05rem);
        line-height: 1.55;
      }

      .media-label {
        margin-bottom: 12px;
        font-size: 0.7rem;
      }

      .media-details summary,
      .media-series > summary small {
        width: 100%;
        justify-content: center;
        min-height: 44px;
        text-align: center;
      }

      .media-series {
        border-radius: 20px;
      }

      .media-series > summary {
        gap: 10px;
        min-height: auto;
        padding: 16px;
      }

      .media-series > summary strong {
        font-size: 1.05rem;
      }

      .media-series-intro,
      .media-series-list {
        padding-left: 14px;
        padding-right: 14px;
      }

      .media-series-list .media-card {
        padding: 14px;
      }

      .media-channel-grid {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      .media-action-link {
        width: 100%;
        min-height: 48px;
        padding: 0 14px;
      }

      .video-hint .media-action-link {
        width: 100%;
      }

      .media-video {
        border-radius: 16px;
      }

      .media-video .video-link-card {
        display: flex;
        min-height: 270px;
        padding: 18px 14px;
        flex-direction: column;
        justify-content: space-between;
        gap: 14px;
      }

      .media-video .video-thumb-title {
        max-width: 100%;
        font-size: clamp(0.95rem, 5.2vw, 1.18rem);
        line-height: 1.12;
        text-align: center;
      }

      .media-video .video-thumb-title small {
        margin-top: 6px;
        font-size: 0.68rem;
        line-height: 1.2;
      }

      .media-video .video-play-badge {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        max-width: 100%;
        justify-content: center;
        align-self: stretch;
        min-height: 54px;
        padding: 10px 12px;
        font-size: clamp(0.88rem, 4.8vw, 1rem);
        line-height: 1.15;
        white-space: normal;
        text-align: center;
      }

      .media-video .video-play-badge::before {
        width: 26px;
        height: 26px;
      }
    }

    .database-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 12px;
    }

    .database-card {
      padding: 14px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.06);
    }

    .database-card h5 {
      margin: 0 0 8px;
      color: var(--text);
      font-size: 1rem;
    }

    .database-card p {
      margin: 0 0 10px;
      color: var(--muted);
      line-height: 1.6;
      font-size: 0.92rem;
    }

    .database-card .meta-row {
      margin: 0;
    }

    .question-list {
      display: grid;
      gap: 14px;
    }

    .question-item {
      padding: 18px;
    }

    .tool-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 16px;
    }

    .search-input {
      width: min(100%, 460px);
      padding: 12px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.10);
      background: rgba(255, 255, 255, 0.04);
      color: var(--text);
      font: inherit;
    }

    select.search-input {
      color-scheme: dark;
      background-color: #10172f;
      color: var(--text);
    }

    select.search-input option {
      background-color: #10172f;
      color: var(--text);
    }

    .filter-btn {
      position: relative;
      overflow: hidden;
      padding: 10px 13px;
      border-radius: 999px;
      border: 1px solid rgba(123, 227, 255, 0.16);
      background:
        radial-gradient(circle at 50% 0%, rgba(123, 227, 255, 0.11), transparent 56%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025));
      color: #c8d6f3;
      cursor: pointer;
      font: inherit;
      font-weight: 800;
      transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, color 150ms ease;
    }

    .filter-btn.active {
      color: #fff7dd;
      border-color: rgba(255, 213, 106, 0.72);
      background:
        radial-gradient(circle at 50% 0%, rgba(255, 213, 106, 0.32), transparent 58%),
        linear-gradient(135deg, rgba(123, 227, 255, 0.24), rgba(255, 213, 106, 0.17));
      box-shadow: 0 0 24px rgba(123, 227, 255, 0.14);
    }

    .filter-btn:hover {
      transform: translateY(-1px);
      border-color: rgba(123, 227, 255, 0.55);
      color: var(--text);
    }

    .comparison-grid {
      display: grid;
      gap: 12px;
    }

    .comparison-row,
    .chart-row {
      display: grid;
      grid-template-columns: 190px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      padding: 12px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.06);
    }

    .chart-row.confirmed {
      border-color: rgba(88, 240, 177, 0.18);
    }

    .chart-row.candidate {
      border-color: rgba(255, 211, 107, 0.22);
    }

    .chart-row.uncertain {
      border-color: rgba(255, 255, 255, 0.11);
      opacity: 0.86;
    }

    .chart-name {
      display: grid;
      gap: 6px;
    }

    .status-chip {
      width: max-content;
      padding: 3px 8px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.10);
      color: var(--muted);
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .status-chip.confirmed {
      color: var(--accent-3);
      background: rgba(88, 240, 177, 0.08);
    }

    .status-chip.candidate {
      color: var(--warn);
      background: rgba(255, 211, 107, 0.08);
    }

    .status-chip.uncertain {
      color: var(--muted);
      background: rgba(255, 255, 255, 0.04);
    }

    .bar-track {
      height: 12px;
      border-radius: 999px;
      overflow: hidden;
      background: rgba(255, 255, 255, 0.07);
    }

    .bar-fill {
      height: 100%;
      width: var(--bar, 0%);
      border-radius: inherit;
      background: linear-gradient(90deg, var(--accent), var(--accent-3));
      box-shadow: 0 0 18px rgba(123, 227, 255, 0.30);
    }

    .bar-1 { --bar: 1%; }
    .bar-18 { --bar: 18%; }
    .bar-28 { --bar: 28%; }
    .bar-36 { --bar: 36%; }
    .bar-72 { --bar: 72%; }
    .bar-100 { --bar: 100%; }

    .bar-fill.lhc-cold {
      background: linear-gradient(90deg, #7be3ff, #7d9dff);
      box-shadow: 0 0 20px rgba(123, 227, 255, 0.42);
    }

    .bar-fill.lhc-power {
      background: linear-gradient(90deg, var(--gold), #ff9f6b);
      box-shadow: 0 0 20px rgba(255, 213, 106, 0.42);
    }

    .bar-fill.lhc-speed {
      background: linear-gradient(90deg, #58f0b1, #7be3ff);
      box-shadow: 0 0 20px rgba(88, 240, 177, 0.38);
    }

    .bar-fill.lhc-data {
      background: linear-gradient(90deg, #9b8cff, #7be3ff);
      box-shadow: 0 0 22px rgba(155, 140, 255, 0.42);
    }

    .lhc-extreme-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 16px;
    }

    .lhc-extreme-card {
      position: relative;
      overflow: hidden;
      min-height: 148px;
      padding: 18px;
      border: 1px solid rgba(255, 255, 255, 0.11);
      border-radius: 22px;
      background:
        radial-gradient(circle at 18% 0%, rgba(123, 227, 255, 0.12), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(10, 15, 30, 0.84));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .lhc-extreme-card::after {
      content: "";
      position: absolute;
      right: -42px;
      bottom: -46px;
      width: 160px;
      height: 160px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(123, 227, 255, 0.18), transparent 68%);
      pointer-events: none;
    }

    .lhc-extreme-card.power::after {
      background: radial-gradient(circle, rgba(255, 213, 106, 0.22), transparent 68%);
    }

    .lhc-extreme-card.speed::after {
      background: radial-gradient(circle, rgba(88, 240, 177, 0.20), transparent 68%);
    }

    .lhc-extreme-card.data::after {
      background: radial-gradient(circle, rgba(155, 140, 255, 0.24), transparent 68%);
    }

    .lhc-extreme-label {
      display: inline-flex;
      margin-bottom: 14px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.07);
      color: var(--gold);
      font-size: 0.74rem;
      font-weight: 900;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .lhc-extreme-card strong {
      position: relative;
      z-index: 1;
      display: block;
      color: var(--text);
      font-size: clamp(1.45rem, 2.5vw, 2.35rem);
      line-height: 1;
      letter-spacing: -0.04em;
    }

    .lhc-extreme-card p {
      position: relative;
      z-index: 1;
      margin: 10px 0 0;
      color: var(--muted);
      line-height: 1.55;
    }

    .fcc-phase-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      margin-top: 16px;
    }

    .fcc-phase-card {
      position: relative;
      overflow: hidden;
      min-height: 230px;
      padding: 24px;
      border-radius: 26px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background:
        radial-gradient(circle at 18% 10%, rgba(123, 227, 255, 0.16), transparent 34%),
        linear-gradient(145deg, rgba(28, 40, 68, 0.92), rgba(8, 12, 24, 0.96));
    }

    .fcc-phase-card.energy {
      background:
        radial-gradient(circle at 20% 10%, rgba(255, 213, 106, 0.16), transparent 34%),
        linear-gradient(145deg, rgba(47, 37, 27, 0.86), rgba(8, 12, 24, 0.96));
    }

    .fcc-phase-card::after {
      content: "";
      position: absolute;
      inset: auto -20% -48% 28%;
      height: 180px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(123, 227, 255, 0.18), transparent 68%);
      pointer-events: none;
    }

    .fcc-phase-card.energy::after {
      background: radial-gradient(circle, rgba(255, 213, 106, 0.20), transparent 68%);
    }

    .fcc-phase-card h3 {
      position: relative;
      z-index: 1;
      margin: 0 0 12px;
      font-size: clamp(1.8rem, 3vw, 3rem);
      letter-spacing: -0.04em;
    }

    .fcc-phase-card p {
      position: relative;
      z-index: 1;
      margin: 0;
      color: var(--muted);
      line-height: 1.75;
      font-size: 1.03rem;
    }

    .chart-row.candidate .bar-fill {
      background: linear-gradient(90deg, var(--warn), #ff9f6b);
      box-shadow: 0 0 18px rgba(255, 211, 107, 0.22);
    }

    .chart-row.uncertain .bar-fill {
      background: linear-gradient(90deg, var(--muted), var(--accent-2));
      box-shadow: 0 0 18px rgba(167, 139, 250, 0.18);
    }

    .chart-value {
      text-align: right;
      color: var(--text);
      font-weight: 800;
      white-space: nowrap;
    }

    .chart-box {
      display: grid;
      gap: 10px;
      margin-top: 12px;
    }

    .chart-note {
      margin: 10px 0 0;
      color: var(--muted);
      font-size: 0.92rem;
      line-height: 1.7;
    }

    .timeline {
      display: grid;
      gap: 14px;
      position: relative;
      padding-left: 18px;
    }

    .timeline::before {
      content: "";
      position: absolute;
      left: 0;
      top: 12px;
      bottom: 12px;
      width: 2px;
      border-radius: 999px;
      background: linear-gradient(180deg, transparent, rgba(126, 232, 250, 0.75), rgba(250, 209, 102, 0.55), transparent);
      box-shadow: 0 0 28px rgba(126, 232, 250, 0.25);
    }

    .timeline-item {
      display: grid;
      grid-template-columns: 120px minmax(0, 1fr);
      gap: 14px;
      padding: 16px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.06);
      position: relative;
      overflow: hidden;
    }

    .timeline-item::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: radial-gradient(circle at 15% 20%, rgba(126, 232, 250, 0.12), transparent 32%);
      opacity: 0;
      transition: opacity 0.2s ease;
    }

    .timeline-item:hover::after {
      opacity: 1;
    }

    .overview-box,
    .detail-box,
    .source-box,
    .visual-panel {
      background:
        radial-gradient(circle at 12% 0%, rgba(126, 232, 250, 0.06), transparent 34%),
        linear-gradient(180deg, rgba(16, 23, 47, 0.96), rgba(8, 12, 24, 0.94));
      border-color: var(--line);
    }

    .timeline-year {
      color: var(--accent);
      font-weight: 800;
      letter-spacing: 0.04em;
    }

    .glossary-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .source-link {
      color: var(--accent);
      text-decoration: none;
    }

    .source-link:hover {
      text-decoration: underline;
    }

    footer {
      padding: 12px 0 36px;
      color: var(--muted);
      line-height: 1.7;
      font-size: 0.93rem;
    }

    .floating-tools {
      position: fixed;
      right: 18px;
      bottom: 18px;
      z-index: 1200;
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: flex-end;
      pointer-events: none;
    }

    .theme-toggle,
    .back-to-top {
      pointer-events: auto;
      min-height: 42px;
      padding: 10px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255, 213, 106, 0.38);
      background:
        linear-gradient(180deg, rgba(255, 213, 106, 0.12), rgba(255, 213, 106, 0.055)),
        rgba(8, 14, 28, 0.92);
      color: var(--gold);
      font: inherit;
      font-weight: 900;
      cursor: pointer;
      box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.07);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      transition: transform 150ms ease, opacity 150ms ease, border-color 150ms ease, background 150ms ease;
    }

    .theme-toggle:hover,
    .back-to-top:hover {
      transform: translateY(-2px);
      border-color: rgba(255, 213, 106, 0.62);
    }

    .back-to-top {
      opacity: 0;
      transform: translateY(8px);
      visibility: hidden;
    }

    .back-to-top.visible {
      opacity: 1;
      transform: translateY(0);
      visibility: visible;
    }

    :root[data-theme="light"] {
      --bg: #f4f7fb;
      --bg-soft: #eaf0f8;
      --panel: rgba(255, 255, 255, 0.88);
      --panel-strong: rgba(255, 255, 255, 0.96);
      --line: rgba(18, 30, 54, 0.14);
      --text: #10182b;
      --muted: #4e5d76;
      --accent: #006f91;
      --accent-2: #6d56b8;
      --accent-3: #007a59;
      --gold: #8a5b00;
      --gold-deep: #9a6400;
      --shadow: 0 18px 48px rgba(25, 38, 64, 0.14);
    }

    :root[data-theme="light"] body {
      color: var(--text);
      background:
        linear-gradient(180deg, rgba(248, 251, 255, 0.78) 0%, rgba(237, 243, 250, 0.88) 48%, rgba(247, 249, 253, 0.94) 100%),
        radial-gradient(circle at 9% 8%, rgba(0, 111, 145, 0.08), transparent 24%),
        radial-gradient(circle at 86% 16%, rgba(109, 86, 184, 0.08), transparent 25%),
        url("../assets/site-background.webp"),
        linear-gradient(180deg, #f8fbff 0%, #edf3fa 48%, #f7f9fd 100%);
    }

    :root[data-theme="light"] body::before {
      opacity: 0.22;
    }

    :root[data-theme="light"] body::after {
      opacity: 0.16;
      mix-blend-mode: multiply;
    }
    :root[data-theme="light"] .site-nav,
    :root[data-theme="light"] #magnetare-hub.page-section.active,
    :root[data-theme="light"] .mini-tabbar {
      background: rgba(247, 250, 255, 0.68);
      border-color: rgba(18, 30, 54, 0.12);
    }

    :root[data-theme="light"] .hero-card,
    :root[data-theme="light"] .panel,
    :root[data-theme="light"] .tabbar,
    :root[data-theme="light"] .content-card,
    :root[data-theme="light"] .fact,
    :root[data-theme="light"] .question-item,
    :root[data-theme="light"] .source-box,
    :root[data-theme="light"] .visual-panel,
    :root[data-theme="light"] .overview-box,
    :root[data-theme="light"] .detail-box,
    :root[data-theme="light"] .data-item {
      background:
        radial-gradient(circle at 18% 12%, rgba(0, 111, 145, 0.06), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 248, 252, 0.94));
      border-color: var(--line);
      color: var(--text);
    }

    :root[data-theme="light"] .quote-banner,
    :root[data-theme="light"] .quote-banner:not(.germany),
    :root[data-theme="light"] .golden-age,
    :root[data-theme="light"] .gratitude-banner {
      background:
        radial-gradient(circle at 12% 20%, rgba(138, 91, 0, 0.16), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(0, 111, 145, 0.10), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(235, 241, 249, 0.92));
      color: var(--text);
      border-color: rgba(138, 91, 0, 0.28);
    }

    :root[data-theme="light"] .quote-banner.germany {
      background:
        linear-gradient(90deg, rgba(18, 22, 31, 0.10) 0 33%, rgba(190, 32, 46, 0.12) 33% 66%, rgba(255, 213, 106, 0.18) 66%),
        radial-gradient(circle at 82% 16%, rgba(0, 111, 145, 0.08), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(235, 241, 249, 0.92));
      color: var(--text);
      border-color: rgba(138, 91, 0, 0.28);
    }

    :root[data-theme="light"] .quote-banner.germany .tagline {
      color: #704900;
    }

    :root[data-theme="light"] .quote-banner.magnetar-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.36), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.68) 0%, rgba(255, 213, 106, 0.34) 38%, rgba(255, 255, 255, 0.12) 72%, rgba(255, 255, 255, 0.05) 100%),
        url("../assets/portal-magnetare-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(184, 121, 34, 0.12);
    }

    :root[data-theme="light"] .quote-banner.magnetar-story-banner blockquote {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .quote-banner.magnetar-story-banner-alt {
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.30), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.72) 0%, rgba(123, 227, 255, 0.16) 42%, rgba(255, 255, 255, 0.08) 72%, rgba(255, 255, 255, 0.03) 100%),
        url("../assets/portal-magnetare-katalog-banner-blue-v1.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
    }

    :root[data-theme="light"] .quote-banner.skao-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.32), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.70) 0%, rgba(123, 227, 255, 0.22) 42%, rgba(255, 255, 255, 0.12) 72%, rgba(255, 255, 255, 0.05) 100%),
        url("../assets/portal-skao-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(0, 111, 145, 0.10);
    }

    :root[data-theme="light"] .quote-banner.skao-story-banner blockquote {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .quote-banner.madmax-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.36), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.70) 0%, rgba(255, 213, 106, 0.28) 38%, rgba(255, 255, 255, 0.12) 72%, rgba(255, 255, 255, 0.05) 100%),
        url("../assets/portal-madmax-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(184, 121, 34, 0.12);
    }

    :root[data-theme="light"] .quote-banner.madmax-story-banner blockquote {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .quote-banner.skampi-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.32), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.70) 0%, rgba(92, 255, 196, 0.18) 42%, rgba(255, 255, 255, 0.12) 72%, rgba(255, 255, 255, 0.05) 100%),
        url("../assets/portal-skampi-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(0, 128, 96, 0.10);
    }

    :root[data-theme="light"] .quote-banner.skampi-story-banner blockquote {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .quote-banner.cern-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.32), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.70) 0%, rgba(123, 227, 255, 0.16) 42%, rgba(255, 255, 255, 0.12) 72%, rgba(255, 255, 255, 0.05) 100%),
        url("../assets/portal-cern-lhc-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(0, 111, 145, 0.10);
    }

    :root[data-theme="light"] .quote-banner.cern-story-banner blockquote {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .quote-banner.fcc-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.32), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.70) 0%, rgba(123, 227, 255, 0.14) 42%, rgba(255, 255, 255, 0.12) 72%, rgba(255, 255, 255, 0.05) 100%),
        url("../assets/portal-fcc-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(0, 111, 145, 0.10);
    }

    :root[data-theme="light"] .quote-banner.fcc-story-banner blockquote {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .quote-banner.medusa-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(83, 224, 177, 0.25), transparent 34%),
        linear-gradient(90deg, rgba(239, 252, 248, 0.82) 0%, rgba(187, 232, 222, 0.34) 44%, rgba(255, 255, 255, 0.08) 74%, rgba(255, 255, 255, 0.02) 100%),
        url("../assets/portal-medusa-banner-green-v2.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(32, 132, 109, 0.10);
    }

    :root[data-theme="light"] .quote-banner.medusa-story-banner blockquote {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .quote-banner.einstein-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.32), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.58) 0%, rgba(123, 227, 255, 0.10) 44%, rgba(255, 255, 255, 0.05) 74%, rgba(255, 255, 255, 0.02) 100%),
        url("../assets/portal-einstein-teleskop-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(0, 111, 145, 0.10);
    }

    :root[data-theme="light"] .quote-banner.einstein-story-banner blockquote {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .quote-banner.lisa-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.28), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.62) 0%, rgba(123, 227, 255, 0.10) 42%, rgba(255, 255, 255, 0.06) 72%, rgba(255, 255, 255, 0.02) 100%),
        url("../assets/portal-lisa-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(0, 111, 145, 0.10);
    }

    :root[data-theme="light"] .quote-banner.lisa-story-banner blockquote {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .quote-banner.roman-euclid-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.28), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.58) 0%, rgba(255, 213, 106, 0.12) 44%, rgba(255, 255, 255, 0.05) 74%, rgba(255, 255, 255, 0.02) 100%),
        url("../assets/portal-roman-euclid-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(184, 121, 34, 0.10);
    }

    :root[data-theme="light"] .quote-banner.dsa-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.28), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.58) 0%, rgba(255, 213, 106, 0.10) 44%, rgba(255, 255, 255, 0.05) 74%, rgba(255, 255, 255, 0.02) 100%),
        url("../assets/portal-dsa-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(184, 121, 34, 0.10);
    }

    :root[data-theme="light"] .quote-banner.nasa-story-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        linear-gradient(90deg, rgba(246, 249, 255, 0.03) 0%, rgba(255, 255, 255, 0.00) 48%, rgba(246, 249, 255, 0.03) 100%),
        url("../assets/portal-nasa-space-apps-banner.webp");
      background-size: cover, cover;
      background-position: center, center;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 20px 54px rgba(57, 72, 100, 0.18),
        0 0 28px rgba(184, 121, 34, 0.10);
    }

    :root[data-theme="light"] .quote-banner.roman-euclid-story-banner blockquote,
    :root[data-theme="light"] .quote-banner.dsa-story-banner blockquote {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .maxwell-card {
      background:
        radial-gradient(circle at 14% 0%, rgba(0, 111, 145, 0.08), transparent 36%),
        radial-gradient(circle at 86% 20%, rgba(138, 91, 0, 0.10), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(237, 244, 251, 0.92));
      border-color: rgba(18, 30, 54, 0.16);
      box-shadow: 0 16px 38px rgba(18, 30, 54, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.78);
    }

    :root[data-theme="light"] .maxwell-card::before {
      background: linear-gradient(115deg, transparent 26%, rgba(255, 255, 255, 0.40) 45%, transparent 62%);
      opacity: 0.72;
    }

    :root[data-theme="light"] .maxwell-card .tagline {
      color: #8a5b00;
    }

    :root[data-theme="light"] .maxwell-copy p:last-child {
      color: #40506b;
    }

    :root[data-theme="light"] .equation-stack span {
      color: #10182b;
      border-color: rgba(18, 30, 54, 0.14);
      background:
        radial-gradient(circle at 50% 0%, rgba(0, 111, 145, 0.08), transparent 58%),
        rgba(255, 255, 255, 0.74);
      text-shadow: none;
    }

    :root[data-theme="light"] .equation-stack .vector {
      color: #10182b;
      text-shadow: none;
    }

    :root[data-theme="light"] .visual-caption,
    :root[data-theme="light"] .stat-board .banner,
    :root[data-theme="light"] .hero-topics .stat-chip,
    :root[data-theme="light"] .hero-thread,
    :root[data-theme="light"] .hero-card > .stat {
      background:
        radial-gradient(circle at 18% 12%, rgba(0, 111, 145, 0.07), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(244, 248, 253, 0.92));
      border-color: rgba(18, 30, 54, 0.14);
      color: var(--text);
    }

    :root[data-theme="light"] .visual-caption strong,
    :root[data-theme="light"] .stat strong,
    :root[data-theme="light"] .hero-thread h2,
    :root[data-theme="light"] .thread-node strong,
    :root[data-theme="light"] .thread-note strong {
      color: #10182b;
      text-shadow: none;
    }

    :root[data-theme="light"] .visual-caption span,
    :root[data-theme="light"] .stat span,
    :root[data-theme="light"] .hero-thread p:not(.thread-label),
    :root[data-theme="light"] .thread-node span,
    :root[data-theme="light"] .thread-note span {
      color: #4e5d76;
    }

    :root[data-theme="light"] .thread-node {
      background:
        radial-gradient(circle at 12% 0%, rgba(0, 111, 145, 0.08), transparent 34%),
        rgba(255, 255, 255, 0.72);
      border-color: rgba(18, 30, 54, 0.14);
    }

    :root[data-theme="light"] .thread-note {
      border-top-color: rgba(18, 30, 54, 0.12);
    }

    :root[data-theme="light"] .infographic-figure figcaption,
    :root[data-theme="light"] .roman-figure figcaption {
      background: rgba(247, 250, 255, 0.92);
      border-top-color: rgba(18, 30, 54, 0.12);
      color: #40506b;
    }

    :root[data-theme="light"] .foundation-card.titled-graphic-card figure::after,
    :root[data-theme="light"] .site-inventory .inventory-visual::after {
      background: rgba(247, 250, 255, 0.92);
      border-top-color: rgba(18, 30, 54, 0.12);
      color: #40506b;
    }

    :root[data-theme="light"] .graphic-note {
      background: rgba(247, 250, 255, 0.92);
      border-top-color: rgba(18, 30, 54, 0.12);
      color: #40506b;
    }

    :root[data-theme="light"] .formula-details,
    :root[data-theme="light"] .formula-details-body {
      background: rgba(247, 250, 255, 0.94);
      color: #26344f;
      border-top-color: rgba(18, 30, 54, 0.12);
    }

    :root[data-theme="light"] .formula-details-body p,
    :root[data-theme="light"] .formula-details-body ul,
    :root[data-theme="light"] .formula-details-body li {
      color: #26344f;
    }

    :root[data-theme="light"] .formula-details-body blockquote {
      background: rgba(255, 213, 106, 0.18);
      border-left-color: #b87922;
      color: #13203a;
    }

    :root[data-theme="light"] .formula-details summary,
    :root[data-theme="light"] .maxwell-details summary {
      background:
        linear-gradient(180deg, rgba(255, 247, 224, 0.98), rgba(245, 250, 255, 0.94)),
        rgba(255, 255, 255, 0.92);
      border-color: rgba(138, 91, 0, 0.34);
      color: #13203a;
      box-shadow: 0 10px 24px rgba(18, 30, 54, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.86);
    }

    :root[data-theme="light"] .formula-details summary::before,
    :root[data-theme="light"] .maxwell-details summary::before,
    :root[data-theme="light"] .formula-details .details-summary-label,
    :root[data-theme="light"] .maxwell-details .details-summary-label {
      color: #7a5200;
    }

    :root[data-theme="light"] .formula-details[open] .details-summary-label::after,
    :root[data-theme="light"] .maxwell-details[open] .details-summary-label::after {
      color: #7a5200;
    }

    :root[data-theme="light"] .formula-term {
      background:
        radial-gradient(circle at 18% 0%, rgba(0, 111, 145, 0.06), transparent 34%),
        rgba(255, 255, 255, 0.82);
      border-color: rgba(18, 30, 54, 0.13);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
    }

    :root[data-theme="light"] .formula-details-body h4,
    :root[data-theme="light"] .formula-term h4,
    :root[data-theme="light"] .inline-formula {
      color: #13203a;
    }

    :root[data-theme="light"] .formula-term p,
    :root[data-theme="light"] .formula-term ul {
      color: #40506b;
    }

    :root[data-theme="light"] .inline-formula {
      background: rgba(18, 30, 54, 0.06);
      border-color: rgba(18, 30, 54, 0.12);
    }

    :root[data-theme="light"] .maxwell-intro p,
    :root[data-theme="light"] .maxwell-note,
    :root[data-theme="light"] .maxwell-symbols dd,
    :root[data-theme="light"] .maxwell-law-card p {
      color: #26344f;
    }

    :root[data-theme="light"] .portal-magnetism {
      background:
        radial-gradient(circle at 18% 0%, rgba(0, 111, 145, 0.07), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(255, 213, 106, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 246, 253, 0.94));
      border-color: rgba(18, 30, 54, 0.14);
      color: #26344f;
    }

    :root[data-theme="light"] .portal-magnetism.titled-graphic-card > div {
      background:
        linear-gradient(180deg, rgba(255, 247, 224, 0.92), rgba(247, 250, 255, 0.94)),
        rgba(255, 255, 255, 0.92);
      border-bottom: 1px solid rgba(18, 30, 54, 0.12);
    }

    :root[data-theme="light"] .portal-magnetism.titled-graphic-card h3 {
      color: #13203a;
      text-shadow: none;
    }

    :root[data-theme="light"] .maxwell-symbols div,
    :root[data-theme="light"] .maxwell-law-card {
      background:
        radial-gradient(circle at 18% 12%, rgba(0, 111, 145, 0.06), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 246, 253, 0.94));
      border-color: rgba(18, 30, 54, 0.16);
      box-shadow: 0 14px 34px rgba(18, 30, 54, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.76);
    }

    :root[data-theme="light"] .maxwell-symbols dt,
    :root[data-theme="light"] .maxwell-law-card h4,
    :root[data-theme="light"] .maxwell-formula,
    :root[data-theme="light"] .vector-symbol {
      color: #13203a;
    }

    :root[data-theme="light"] .maxwell-formula {
      background:
        radial-gradient(circle at 20% 0%, rgba(0, 111, 145, 0.07), transparent 34%),
        rgba(18, 30, 54, 0.055);
      border-color: rgba(18, 30, 54, 0.14);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
    }

    :root[data-theme="light"] .meerkat-card,
    :root[data-theme="light"] .jupiter-photo {
      background:
        radial-gradient(circle at 18% 12%, rgba(0, 111, 145, 0.06), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 246, 253, 0.94));
      border-color: rgba(18, 30, 54, 0.16);
      box-shadow: 0 14px 34px rgba(18, 30, 54, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.78);
      color: #10182b;
    }

    :root[data-theme="light"] .meerkat-card figcaption,
    :root[data-theme="light"] .jupiter-photo figcaption {
      color: #40506b;
      border-top-color: rgba(18, 30, 54, 0.12);
    }

    :root[data-theme="light"] .meerkat-card figcaption strong,
    :root[data-theme="light"] .jupiter-photo figcaption strong {
      color: #10182b;
      text-shadow: none;
    }

    :root[data-theme="light"] .meerkat-card figcaption span,
    :root[data-theme="light"] .jupiter-photo figcaption span {
      color: #40506b;
    }

    :root[data-theme="light"] .jupiter-photo img {
      background: rgba(255, 255, 255, 0.78);
      border-color: rgba(18, 30, 54, 0.12);
    }

    :root[data-theme="light"] .main-tab,
    :root[data-theme="light"] .mini-tab,
    :root[data-theme="light"] .btn,
    :root[data-theme="light"] .filter-btn,
    :root[data-theme="light"] .theme-toggle,
    :root[data-theme="light"] .back-to-top {
      background: rgba(255, 255, 255, 0.78);
      color: var(--text);
      border-color: rgba(18, 30, 54, 0.16);
    }

    :root[data-theme="light"] .universe-back-to-top {
      background:
        linear-gradient(180deg, rgba(255, 213, 106, 0.24), rgba(255, 255, 255, 0.82)),
        rgba(255, 255, 255, 0.9);
      color: #1b2642;
      border-color: rgba(138, 91, 0, 0.28);
      box-shadow: 0 12px 28px rgba(18, 30, 54, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.78);
    }

    :root[data-theme="light"] .universe-edge {
      background:
        linear-gradient(90deg, rgba(255, 213, 106, 0.18), rgba(255, 255, 255, 0.72), rgba(123, 227, 255, 0.10)),
        rgba(247, 250, 255, 0.92);
      border-top-color: rgba(138, 91, 0, 0.18);
      color: #13203a;
    }

    :root[data-theme="light"] .universe-edge p {
      color: #13203a;
      text-shadow: none;
    }

    :root[data-theme="light"] .main-tab,
    :root[data-theme="light"] .mini-tab {
      border-color: transparent;
      background:
        linear-gradient(rgba(255, 255, 255, 0.88), rgba(245, 250, 255, 0.88)) padding-box,
        linear-gradient(137deg, rgba(0, 111, 145, 0.22), rgba(138, 91, 0, 0.16)) border-box;
      text-shadow: none;
    }

    :root[data-theme="light"] .nav-menu-toggle {
      background:
        linear-gradient(180deg, rgba(255, 213, 106, 0.24), rgba(255, 255, 255, 0.84)),
        rgba(255, 255, 255, 0.92);
      color: #1b2642;
      border-color: rgba(138, 91, 0, 0.24);
      box-shadow: 0 12px 28px rgba(18, 30, 54, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.78);
    }

    :root[data-theme="light"] .main-tab[aria-current="page"],
    :root[data-theme="light"] .mini-tab[aria-current="page"],
    :root[data-theme="light"] .mini-tab[aria-selected="true"],
    :root[data-theme="light"] .filter-btn.active {
      color: #4e3600;
      border-color: transparent;
      background:
        linear-gradient(rgba(255, 247, 224, 0.92), rgba(246, 250, 255, 0.90)) padding-box,
        var(--tab-gradient) border-box;
    }

    :root[data-theme="light"] .main-tab::before,
    :root[data-theme="light"] .mini-tab::before {
      opacity: 0;
    }

    :root[data-theme="light"] .main-tab:hover::before,
    :root[data-theme="light"] .main-tab:focus-visible::before,
    :root[data-theme="light"] .main-tab[aria-current="page"]::before,
    :root[data-theme="light"] .mini-tab:hover::before,
    :root[data-theme="light"] .mini-tab:focus-visible::before,
    :root[data-theme="light"] .mini-tab[aria-current="page"]::before,
    :root[data-theme="light"] .mini-tab[aria-selected="true"]::before {
      opacity: 0.24;
    }

    :root[data-theme="light"] .source-toggle,
    :root[data-theme="light"] .knowledge-detail summary::after {
      border-color: rgba(138, 91, 0, 0.34);
      background:
        linear-gradient(180deg, rgba(255, 247, 224, 0.96), rgba(245, 250, 255, 0.92)),
        rgba(255, 255, 255, 0.92);
      color: #6f4a00;
      box-shadow:
        0 8px 22px rgba(18, 30, 54, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
    }

    :root[data-theme="light"] .source-toggle:hover,
    :root[data-theme="light"] .knowledge-detail summary:hover::after {
      border-color: rgba(138, 91, 0, 0.52);
      background:
        linear-gradient(180deg, rgba(255, 240, 194, 0.98), rgba(239, 248, 252, 0.94)),
        rgba(255, 255, 255, 0.96);
      box-shadow:
        0 10px 24px rgba(18, 30, 54, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
    }

    :root[data-theme="light"] .video-hint {
      border-color: rgba(138, 91, 0, 0.26);
      background:
        radial-gradient(circle at 88% 16%, rgba(138, 91, 0, 0.10), transparent 34%),
        radial-gradient(circle at 12% 26%, rgba(0, 111, 145, 0.07), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(239, 246, 252, 0.94));
      box-shadow:
        0 14px 34px rgba(18, 30, 54, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
    }

    :root[data-theme="light"] .video-hint p,
    :root[data-theme="light"] .media-section .media-card p,
    :root[data-theme="light"] .media-details-body p,
    :root[data-theme="light"] .media-series-intro p {
      color: #3d4b64;
    }

    :root[data-theme="light"] .media-label {
      color: #006f91;
    }

    :root[data-theme="light"] .media-card.fabian,
    :root[data-theme="light"] .media-card.dlr,
    :root[data-theme="light"] .media-card.hda,
    :root[data-theme="light"] .media-series {
      background:
        radial-gradient(circle at 84% 16%, rgba(0, 111, 145, 0.07), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 252, 0.94));
      border-color: rgba(18, 30, 54, 0.14);
      box-shadow:
        0 14px 38px rgba(18, 30, 54, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
    }

    :root[data-theme="light"] .media-section .media-card h3,
    :root[data-theme="light"] .media-series > summary strong,
    :root[data-theme="light"] .video-thumb-title {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .media-details {
      border-top-color: rgba(18, 30, 54, 0.12);
    }

    :root[data-theme="light"] .media-details summary,
    :root[data-theme="light"] .media-action-link,
    :root[data-theme="light"] .media-series > summary small {
      border-color: rgba(138, 91, 0, 0.34);
      background: rgba(255, 247, 224, 0.76);
      color: #00617f;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.80);
    }

    :root[data-theme="light"] .media-action-link:hover,
    :root[data-theme="light"] .media-details summary:hover,
    :root[data-theme="light"] .media-series > summary:hover small {
      border-color: rgba(138, 91, 0, 0.52);
      background: rgba(255, 240, 194, 0.86);
      color: #4e3600;
    }

    :root[data-theme="light"] .media-action-link::before,
    :root[data-theme="light"] .video-play-badge::before,
    :root[data-theme="light"] .media-video-row::before {
      color: #081222;
      background: #b87900;
    }

    :root[data-theme="light"] .video-link-card {
      background:
        radial-gradient(circle at 18% 18%, rgba(138, 91, 0, 0.10), transparent 28%),
        linear-gradient(135deg, rgba(248, 251, 255, 0.96), rgba(226, 236, 247, 0.96));
    }

    :root[data-theme="light"] .video-link-card::before {
      background:
        radial-gradient(circle at 28% 20%, rgba(138, 91, 0, 0.08), transparent 30%),
        radial-gradient(circle at 78% 70%, rgba(0, 111, 145, 0.08), transparent 32%);
    }

    :root[data-theme="light"] .video-play-badge {
      border-color: rgba(138, 91, 0, 0.42);
      background: rgba(255, 247, 224, 0.86);
      color: #10182b;
    }

    :root[data-theme="light"] .video-thumb-title small {
      color: #4e5d76;
    }

    :root[data-theme="light"] .fcc-phase-card,
    :root[data-theme="light"] .fcc-phase-card.energy,
    :root[data-theme="light"] .lhc-extreme-card {
      background:
        radial-gradient(circle at 20% 10%, rgba(0, 111, 145, 0.08), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(237, 244, 251, 0.94));
      border-color: rgba(18, 30, 54, 0.14);
      color: var(--text);
    }

    :root[data-theme="light"] .fcc-phase-card h3,
    :root[data-theme="light"] .lhc-extreme-card strong {
      color: #10182b;
    }

    :root[data-theme="light"] .fcc-phase-card p,
    :root[data-theme="light"] .lhc-extreme-card p {
      color: #4e5d76;
    }

    :root[data-theme="light"] .lhc-extreme-label {
      background: rgba(0, 111, 145, 0.08);
      color: #7a5200;
    }

    @media (max-width: 980px) {
      .hero,
      .maxwell-card,
      .facts-grid,
      .jupiter-gallery,
      .knowledge-map,
      .glossary-grid,
      .tab-shell,
      .content-layout,
      .database-grid,
      .visual-grid,
      .profile-strip,
      .pipeline,
      .record-podium,
      .research-board,
      .lhc-extreme-grid,
      .fcc-phase-grid {
        grid-template-columns: 1fr;
      }

      .tabbar {
        position: static;
      }

      .experiment-tab-sticky {
        position: static;
        width: auto;
        transform: none;
      }

      .pipeline-step:not(:last-child)::after {
        content: "\2193";
        right: 18px;
        top: auto;
        bottom: -18px;
      }
    }

    @media (max-width: 640px) {
body {
        background:
          linear-gradient(180deg, rgba(3, 6, 15, 0.62) 0%, rgba(5, 8, 20, 0.78) 42%, rgba(2, 4, 11, 0.95) 100%),
          radial-gradient(circle at 50% 10%, rgba(123, 227, 255, 0.11), transparent 28%),
          url("../assets/site-background-mobile.webp"),
          linear-gradient(180deg, #050713 0%, #080d22 42%, #02040b 100%);
        background-size: cover, cover, cover, cover;
        background-position: center top, center top, center top, center top;
        background-repeat: no-repeat;
        background-attachment: scroll;
      }

      :root[data-theme="light"] body {
        background:
          linear-gradient(180deg, rgba(248, 251, 255, 0.80) 0%, rgba(237, 243, 250, 0.90) 48%, rgba(247, 249, 253, 0.96) 100%),
          radial-gradient(circle at 50% 10%, rgba(0, 111, 145, 0.07), transparent 28%),
          url("../assets/site-background-mobile.webp"),
          linear-gradient(180deg, #f8fbff 0%, #edf3fa 48%, #f7f9fd 100%);
        background-size: cover, cover, cover, cover;
        background-position: center top, center top, center top, center top;
        background-repeat: no-repeat;
        background-attachment: scroll;
      }

      .wrap { width: min(1240px, calc(100% - 18px)); }
      main.wrap,
      .page-section,
      .magnetar-subsection,
      .panel,
      .intro,
      .content-card {
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
      }

      .content-head { grid-template-columns: 1fr; }

      .panel,
      .source-box,
      .question-item,
      .content-card,
      .fact,
      .data-item {
        padding-left: clamp(16px, 5vw, 22px);
        padding-right: clamp(16px, 5vw, 22px);
      }

      .panel,
      .source-box,
      .question-item,
      .data-item,
      .fact,
      .media-card,
      .video-link-card {
        overflow-wrap: anywhere;
        word-break: normal;
      }

      .data-grid,
      .facts-grid,
      .fcc-phase-grid,
      .lhc-extreme-grid {
        grid-template-columns: 1fr;
      }

      .data-item strong {
        font-size: clamp(1rem, 6vw, 1.45rem);
        line-height: 1.15;
        overflow-wrap: anywhere;
      }

      .quote-banner {
        padding: 22px 18px;
        border-radius: 22px;
      }

      .quote-banner blockquote {
        max-width: 100%;
        font-size: clamp(1.22rem, 7vw, 1.75rem);
        line-height: 1.14;
        overflow-wrap: anywhere;
        hyphens: auto;
      }

      .quote-banner .quote-source {
        font-size: 0.82rem;
        line-height: 1.45;
      }

      .quote-banner.magnetar-story-banner,
      .quote-banner.skao-story-banner,
      .quote-banner.skampi-story-banner,
      .quote-banner.madmax-story-banner,
      .quote-banner.cern-story-banner,
      .quote-banner.fcc-story-banner,
      .quote-banner.medusa-story-banner,
      .quote-banner.einstein-story-banner,
      .quote-banner.lisa-story-banner,
      .quote-banner.roman-euclid-story-banner,
      .quote-banner.dsa-story-banner,
      .quote-banner.nasa-story-banner {
        min-height: clamp(230px, 70vw, 320px);
        aspect-ratio: auto;
        padding: clamp(22px, 7vw, 32px);
        background-size: cover, cover, cover;
        background-position: center, center, 68% center;
      }

      .quote-banner.nasa-story-banner {
        min-height: clamp(170px, 46vw, 230px);
        background-size: cover, contain;
        background-position: center, center;
        background-repeat: no-repeat;
        background-color: #050713;
      }

      .quote-banner.magnetar-story-banner blockquote,
      .quote-banner.skao-story-banner blockquote,
      .quote-banner.skampi-story-banner blockquote,
      .quote-banner.cern-story-banner blockquote,
      .quote-banner.fcc-story-banner blockquote,
      .quote-banner.medusa-story-banner blockquote,
      .quote-banner.einstein-story-banner blockquote,
      .quote-banner.lisa-story-banner blockquote,
      .quote-banner.roman-euclid-story-banner blockquote,
      .quote-banner.dsa-story-banner blockquote {
        max-width: min(20ch, 100%);
        font-size: clamp(1.18rem, 6.6vw, 1.62rem);
        line-height: 1.08;
        hyphens: none;
        overflow-wrap: normal;
      }

      .quote-banner.madmax-story-banner blockquote {
        max-width: min(20ch, 100%);
        font-size: clamp(1.05rem, 5.4vw, 1.38rem);
        line-height: 1.1;
        hyphens: none;
        overflow-wrap: normal;
      }

      .quote-banner.magnetar-story-banner .tagline,
      .quote-banner.skao-story-banner .tagline,
      .quote-banner.skampi-story-banner .tagline,
      .quote-banner.madmax-story-banner .tagline,
      .quote-banner.cern-story-banner .tagline,
      .quote-banner.fcc-story-banner .tagline,
      .quote-banner.medusa-story-banner .tagline,
      .quote-banner.einstein-story-banner .tagline,
      .quote-banner.lisa-story-banner .tagline,
      .quote-banner.roman-euclid-story-banner .tagline,
      .quote-banner.dsa-story-banner .tagline {
        max-width: 100%;
        font-size: clamp(0.62rem, 2.7vw, 0.78rem);
        line-height: 1.18;
        letter-spacing: 0.16em;
      }

      .infographic-figure,
      .roman-figure {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 14px 0 18px;
        border-radius: 18px;
        contain: inline-size layout paint;
      }

      .infographic-figure img,
      .roman-figure img {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: auto;
        object-fit: contain;
      }

      .infographic-figure figcaption,
      .roman-figure figcaption {
        padding: 10px 12px;
        font-size: 0.88rem;
        line-height: 1.45;
      }

      .meerkat-gallery {
        grid-template-columns: 1fr;
      }

      .floating-tools {
        left: 10px;
        right: 10px;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 72px);
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        z-index: 2200;
      }

      .theme-toggle,
      .back-to-top {
        min-height: 38px;
        padding: 8px 11px;
        font-size: 0.82rem;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.07);
      }

      .back-to-top {
        opacity: 1;
        transform: none;
        visibility: visible;
      }

      .site-nav {
        padding: 8px 0;
      }

      .nav-menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 48px;
        padding: 10px 14px;
        border: 1px solid rgba(255, 213, 106, 0.34);
        border-radius: 999px;
        background:
          radial-gradient(circle at 12% 0%, rgba(123, 227, 255, 0.13), transparent 42%),
          linear-gradient(180deg, rgba(255, 213, 106, 0.11), rgba(255, 213, 106, 0.045)),
          rgba(8, 14, 28, 0.94);
        color: #fff1bd;
        font: inherit;
        font-weight: 900;
        cursor: pointer;
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
      }

      .nav-menu-icon {
        display: grid;
        gap: 4px;
        width: 22px;
      }

      .nav-menu-icon span {
        display: block;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        box-shadow: 0 0 10px rgba(255, 213, 106, 0.34);
        transition: transform 160ms ease, opacity 160ms ease;
      }

      .site-nav.nav-open .nav-menu-icon span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
      }

      .site-nav.nav-open .nav-menu-icon span:nth-child(2) {
        opacity: 0;
      }

      .site-nav.nav-open .nav-menu-icon span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
      }

      .js .site-nav:not(.nav-open) .main-tabs {
        display: none;
      }

      .main-tabs,
      .mini-tabbar,
      .source-nav {
        border-radius: 22px;
      }

      .main-tabs,
      .mini-tabbar {
        flex-wrap: wrap;
        overflow: visible;
        position: static;
        top: auto;
        white-space: normal;
      }

      .main-tabs {
        margin-top: 8px;
      }

      #magnetare-hub.page-section.active {
        position: static;
        top: auto;
        z-index: auto;
        padding-top: 0;
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }

      .main-tab {
        flex: 1 1 100%;
        min-width: 0;
        white-space: normal;
        text-align: center;
        line-height: 1.18;
      }

      .mini-tab {
        flex: 1 1 calc(50% - 10px);
        min-width: 0;
        white-space: normal;
        text-align: center;
        line-height: 1.18;
      }

      .filter-btn,
      .source-nav .btn {
        flex: 1 1 auto;
      }

      .hero-card {
        padding: 14px;
        border-radius: 22px;
      }

      .magnetar-visual {
        min-height: 0;
        gap: 10px;
        overflow: hidden;
        border-radius: 20px;
      }

      .magnetar-visual picture,
      .magnetar-visual img {
        min-height: 0;
        height: auto;
        aspect-ratio: 4 / 3;
        border-radius: 20px;
      }

      .magnetar-visual img {
        object-fit: cover;
        object-position: center;
      }

      .magnetar-visual::after {
        display: none;
      }

      .visual-caption {
        padding: 14px 14px 14px 22px;
        border-radius: 16px;
      }

      .visual-caption strong {
        font-size: 1rem;
      }

      .hero-topics .stat-grid {
        grid-template-columns: 1fr;
      }

      .hero-thread {
        padding: 16px 16px 16px 24px;
        gap: 12px;
      }

      .thread-flow {
        display: grid;
        grid-template-columns: 1fr;
      }

      .thread-node {
        min-width: 0;
      }

      .thread-arrow {
        display: none;
      }

      .click-card::after {
        display: none;
      }

      .comparison-row,
      .chart-row,
      .scale-step,
      .timeline-item {
        grid-template-columns: 1fr;
      }

      .chart-detail h3 {
        font-size: clamp(1.02rem, 5.4vw, 1.24rem);
        line-height: 1.2;
      }

      .chart-row {
        gap: 8px;
        padding: 12px;
      }

      .chart-value {
        text-align: left;
        white-space: normal;
      }

      .timeline {
        padding-left: 0;
      }

      .timeline::before,
      .timeline-item::before {
        display: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
      }

      body::after {
        transform: none !important;
      }
    }




    .portal-landing {
      padding: 18px 0 26px;
      max-width: 100%;
      overflow-x: hidden;
    }

    .portal-landing > .hero {
      display: none;
    }

    .portal-stage {
      display: grid;
      gap: clamp(34px, 5vw, 68px);
      position: relative;
      z-index: 1;
      min-width: 0;
      max-width: 100%;
    }

    .start-scroll-route {
      --start-scroll-progress: 0%;
      position: fixed;
      top: 50%;
      bottom: auto;
      left: max(4px, calc(50% - 680px));
      z-index: 4;
      width: 56px;
      height: 220px;
      display: grid;
      grid-template-rows: auto 1fr auto;
      justify-items: center;
      gap: 8px;
      pointer-events: none;
      opacity: 0.45;
      transform: translateY(-50%);
      transition: opacity 260ms ease;
    }

    .start-scroll-route.is-scrolling {
      opacity: 0.96;
    }

    .start-scroll-route-label {
      color: rgba(255, 221, 132, 0.82);
      font-size: 0.68rem;
      font-weight: 900;
      letter-spacing: 0.12em;
      line-height: 1;
      text-transform: uppercase;
      text-shadow: 0 0 12px rgba(255, 203, 77, 0.28);
    }

    .start-scroll-route-track {
      position: relative;
      width: 3px;
      height: 132px;
      min-height: 0;
      align-self: center;
      border-radius: 999px;
      background: rgba(255, 219, 127, 0.30);
      box-shadow: 0 0 0 1px rgba(4, 9, 19, 0.72), 0 0 18px rgba(255, 198, 66, 0.12);
    }

    .start-scroll-route-track::after {
      content: "";
      position: absolute;
      inset: 0 auto 0 8px;
      width: 5px;
      opacity: 0.42;
      background: repeating-linear-gradient(to bottom, rgba(255, 224, 145, 0.78) 0 1px, transparent 1px 22px);
    }

    .start-scroll-route-fill {
      position: absolute;
      inset: 0 0 auto;
      height: var(--start-scroll-progress);
      border-radius: inherit;
      background: linear-gradient(to bottom, #ffe08a, #d5a63e);
      box-shadow: 0 0 8px rgba(255, 210, 92, 0.72), 0 0 20px rgba(255, 190, 48, 0.28);
    }

    .start-scroll-route-marker {
      position: absolute;
      top: var(--start-scroll-progress);
      left: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      transform: translate(-50%, -50%);
      transition: top 90ms linear;
    }

    .start-scroll-route-core {
      position: relative;
      z-index: 1;
      flex: 0 0 auto;
      width: 42px;
      height: 42px;
      border: 3px solid #f3c862;
      border-radius: 50%;
      background: radial-gradient(circle at 34% 28%, rgba(38, 57, 88, 0.98), rgba(3, 7, 14, 0.98) 72%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 0 0 5px rgba(213, 166, 60, 0.12),
        0 0 18px rgba(255, 214, 105, 0.62);
    }

    .start-scroll-route-status {
      position: absolute;
      z-index: 2;
      min-width: 0;
      padding: 0;
      border: 0;
      background: transparent;
      color: #ffe8a8;
      font: 900 0.74rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
      letter-spacing: -0.04em;
      text-align: center;
      text-shadow: 0 0 9px rgba(255, 211, 102, 0.52);
    }

    :root[data-theme="light"] .start-scroll-route-label {
      color: rgba(93, 67, 10, 0.82);
      text-shadow: none;
    }

    :root[data-theme="light"] .start-scroll-route-track {
      background: rgba(115, 81, 14, 0.24);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.72), 0 0 14px rgba(161, 112, 15, 0.10);
    }

    :root[data-theme="light"] .start-scroll-route-status {
      border-color: transparent;
      background: transparent;
      color: #60430b;
      box-shadow: none;
      text-shadow: none;
    }

    :root[data-theme="light"] .start-scroll-route-core {
      border-color: #9b721b;
      background: radial-gradient(circle at 34% 28%, #fffdf5, #eee7d5 74%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 0 0 5px rgba(151, 107, 20, 0.10),
        0 0 18px rgba(130, 91, 13, 0.24);
    }

    @media (max-width: 1360px), (max-height: 520px) {
      .start-scroll-route {
        top: calc(var(--main-nav-top) + var(--main-nav-height) + 10px);
        right: 12px;
        bottom: auto;
        left: auto;
        width: auto;
        height: auto;
        display: block;
        opacity: 0.5;
        transform: none;
      }

      .start-scroll-route-label,
      .start-scroll-route-fill,
      .start-scroll-route-track::after,
      .start-scroll-route-core {
        display: none;
      }

      .start-scroll-route-track {
        width: auto;
        height: auto;
        background: none;
        box-shadow: none;
      }

      .start-scroll-route-marker {
        position: static;
        width: auto;
        height: auto;
        transform: none;
      }

      .start-scroll-route-status {
        position: static;
        min-width: 48px;
        padding: 7px 10px;
        border: 1px solid rgba(255, 213, 106, 0.46);
        border-radius: 999px;
        background: rgba(5, 10, 20, 0.88);
        box-shadow: 0 0 14px rgba(255, 202, 74, 0.18);
        font-size: 0.76rem;
        letter-spacing: 0;
      }

      :root[data-theme="light"] .start-scroll-route-status {
        border-color: rgba(96, 67, 11, 0.35);
        background: rgba(255, 253, 245, 0.92);
        box-shadow: 0 4px 14px rgba(76, 54, 14, 0.12);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .start-scroll-route-marker {
        transition: none;
      }
    }

    @media (prefers-reduced-motion: no-preference) {
      .startseite .start-reveal.reveal-pending {
        opacity: 0;
      }

      .startseite .start-reveal-left.reveal-pending,
      .startseite .start-reveal-right.reveal-pending,
      .startseite .start-reveal-up.reveal-pending,
      .startseite .start-reveal-depth.reveal-pending {
        transform: perspective(1100px) translateZ(-260px) scale(0.82);
      }

      .startseite .start-reveal.reveal-pending.is-revealed {
        opacity: 1;
        transform: none;
        transition:
          opacity 1400ms ease,
          transform 1900ms cubic-bezier(0.16, 0.76, 0.18, 1);
        transition-delay: var(--start-reveal-delay, 0ms);
      }

      .foundation-grid .start-reveal:nth-child(2) { --start-reveal-delay: 70ms; }
      .foundation-grid .start-reveal:nth-child(3) { --start-reveal-delay: 110ms; }
      .foundation-grid .start-reveal:nth-child(4) { --start-reveal-delay: 150ms; }
    }

    @media (max-width: 640px) and (prefers-reduced-motion: no-preference) {
      .startseite .start-reveal-left.reveal-pending,
      .startseite .start-reveal-right.reveal-pending,
      .startseite .start-reveal-up.reveal-pending,
      .startseite .start-reveal-depth.reveal-pending {
        transform: perspective(900px) translateZ(-130px) scale(0.89);
      }
    }

    .portal-graphics,
    .site-inventory,
    .foundation-grid,
    .foundation-card,
    .inventory-map {
      min-width: 0;
      max-width: 100%;
    }

    .portal-kicker {
      margin: 0;
      color: var(--gold);
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.2em;
      text-transform: uppercase;
    }

    .portal-banner {
      position: relative;
      overflow: hidden;
      max-width: 100%;
      min-height: clamp(170px, 28vw, 260px);
      display: grid;
      align-content: center;
      padding: clamp(18px, 3vw, 34px);
      border: 1px solid rgba(255, 213, 106, 0.72);
      border-radius: 22px;
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.34), transparent 34%),
        linear-gradient(90deg, rgba(5, 7, 13, 0.78) 0%, rgba(71, 53, 21, 0.55) 36%, rgba(5, 8, 16, 0.30) 70%, rgba(3, 5, 10, 0.18) 100%),
        url("../assets/portal-startseite-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center 54%;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 0 58px rgba(255, 213, 106, 0.12),
        0 22px 62px rgba(0, 0, 0, 0.36),
        0 0 38px rgba(255, 213, 106, 0.12);
    }

    .portal-banner::before,
    .portal-banner::after {
      content: none;
    }

    .portal-banner > * {
      position: relative;
      z-index: 1;
    }

    .portal-banner h1 {
      max-width: 21ch;
      margin: 0 0 12px;
      color: var(--text);
      font-size: clamp(1.8rem, 4.4vw, 4rem);
      line-height: 0.96;
      letter-spacing: 0;
      text-shadow: 0 2px 16px rgba(0, 0, 0, 0.28);
      overflow-wrap: anywhere;
      hyphens: auto;
    }

    .portal-banner h1 span {
      display: block;
    }

    .portal-banner p:not(.portal-kicker) {
      max-width: 62ch;
      margin: 0;
      color: #d4def2;
      font-size: clamp(0.92rem, 1.05vw, 1.04rem);
      line-height: 1.55;
    }

    .portal-section-head {
      max-width: 960px;
      margin-bottom: 26px;
    }

    .portal-section-head h2 {
      margin: 10px 0 12px;
      font-size: clamp(2.2rem, 5vw, 5.2rem);
      line-height: 0.96;
      letter-spacing: 0;
    }

    .portal-section-head p:not(.portal-kicker) {
      margin: 0;
      color: var(--muted);
      font-size: clamp(1rem, 1.25vw, 1.16rem);
      line-height: 1.75;
    }

    .portal-magnetism {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0;
      align-items: stretch;
      overflow: hidden;
      border: 1px solid rgba(255, 213, 106, 0.28);
      border-radius: 8px;
      background:
        radial-gradient(circle at 18% 0%, rgba(123, 227, 255, 0.09), transparent 34%),
        linear-gradient(135deg, rgba(4, 8, 18, 0.92), rgba(2, 5, 14, 0.96));
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24);
    }

    .portal-magnetism-layout {
      display: grid;
      gap: clamp(18px, 2.4vw, 28px);
      padding: clamp(18px, 2.4vw, 28px);
    }

    .portal-magnetar-visual,
    .inventory-visual {
      margin: 0;
      min-width: 0;
      overflow: hidden;
      border: 1px solid rgba(123, 227, 255, 0.18);
      border-radius: 8px;
      background:
        radial-gradient(circle at 18% 0%, rgba(123, 227, 255, 0.13), transparent 32%),
        linear-gradient(180deg, rgba(10, 15, 31, 0.92), rgba(4, 8, 18, 0.96));
      box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34);
    }

    .portal-magnetar-visual img,
    .inventory-visual img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .portal-magnetar-visual {
      aspect-ratio: 4 / 3;
    }

    .inventory-visual img {
      object-fit: contain;
      background: #02040b;
    }

    .maxwell-intro {
      display: grid;
      gap: 8px;
      max-width: 86rem;
    }

    .maxwell-intro p,
    .maxwell-note {
      margin: 0;
      color: #d7e2f5;
      font-size: clamp(1rem, 1.2vw, 1.16rem);
      line-height: 1.7;
    }

    .maxwell-details {
      display: grid;
      justify-items: center;
    }

    .maxwell-details summary {
      display: flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      gap: 8px;
      margin: 4px auto 0;
      padding: 14px 20px;
      cursor: pointer;
      color: #fff1bd;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 213, 106, 0.46);
      border-radius: 999px;
      box-shadow: 0 0 18px rgba(255, 213, 106, 0.08);
      font-size: clamp(0.98rem, 1.4vw, 1.16rem);
      font-weight: 900;
      list-style: none;
      text-align: center;
    }

    .maxwell-details summary::-webkit-details-marker {
      display: none;
    }

    .maxwell-details summary::before {
      content: "+";
      color: var(--gold);
      font-weight: 900;
    }

    .maxwell-details[open] summary::before {
      content: "-";
    }

    .maxwell-details[open] .details-summary-label {
      font-size: 0;
    }

    .maxwell-details[open] .details-summary-label::after {
      content: "Abschnitt schlie\00df en";
      font-size: clamp(0.98rem, 1.4vw, 1.16rem);
    }

    .maxwell-details-body {
      display: grid;
      gap: clamp(18px, 2.4vw, 28px);
      width: 100%;
      margin-top: clamp(18px, 2.4vw, 28px);
    }

    .maxwell-symbols {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin: 0;
    }

    .maxwell-symbols div {
      display: grid;
      grid-template-columns: minmax(3rem, auto) 1fr;
      gap: 10px;
      align-items: center;
      padding: 10px 12px;
      border: 1px solid rgba(255, 255, 255, 0.10);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.035);
    }

    .maxwell-symbols dt {
      color: #fff7da;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 1.18rem;
      font-weight: 900;
    }

    .maxwell-symbols dd {
      margin: 0;
      color: #c7d3eb;
      line-height: 1.35;
    }

    .maxwell-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(14px, 2vw, 22px);
    }

    .maxwell-law-card {
      position: relative;
      display: grid;
      gap: 12px;
      min-height: 100%;
      padding: clamp(18px, 2.2vw, 26px);
      border: 1px solid rgba(123, 227, 255, 0.20);
      border-radius: 8px;
      background:
        radial-gradient(circle at 16% 0%, rgba(123, 227, 255, 0.10), transparent 34%),
        linear-gradient(135deg, rgba(10, 18, 34, 0.88), rgba(3, 7, 17, 0.94));
    }

    .maxwell-law-card h4 {
      margin: 0;
      padding-right: 42px;
      color: #fff7da;
      font-size: clamp(1.08rem, 1.45vw, 1.32rem);
      line-height: 1.18;
    }

    .maxwell-law-card p {
      margin: 0;
      color: #d7e2f5;
      line-height: 1.58;
    }

    .maxwell-formula {
      width: fit-content;
      max-width: 100%;
      padding: 12px 16px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 8px;
      color: #fff7da;
      background:
        radial-gradient(circle at 20% 0%, rgba(123, 227, 255, 0.10), transparent 34%),
        rgba(255, 255, 255, 0.045);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(1.15rem, 1.85vw, 1.58rem);
      font-weight: 900;
      line-height: 1.2;
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .vector-symbol {
      position: relative;
      display: inline-block;
      padding: 0 0.02em;
      color: #ffffff;
      font-weight: 950;
    }

    .vector-symbol::before {
      content: "\2192";
      position: absolute;
      left: 50%;
      top: -0.72em;
      transform: translateX(-50%);
      color: currentColor;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 0.58em;
      line-height: 1;
    }

    .maxwell-equations strong {
      color: #ffffff;
      font-weight: 950;
      text-shadow: 0 0 14px rgba(255, 255, 255, 0.18);
    }

    .foundation-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .startseite .portal-dark-matter {
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin: clamp(70px, 8vw, 110px) auto 0;
      border: 1px solid rgba(255, 213, 106, 0.34);
      border-radius: 8px;
      background: rgba(2, 4, 10, 0.94);
      overflow: hidden;
    }

    .portal-dark-matter > .portal-dark-matter-layout {
      display: grid;
      justify-items: stretch;
      gap: clamp(18px, 2.4vw, 28px);
      min-width: 0;
      padding: clamp(18px, 2.4vw, 28px);
      box-sizing: border-box;
    }

    .portal-dark-matter-layout > * {
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
    }

    .startseite .dark-matter-details {
      width: 100%;
      margin: 0;
    }

    .dark-matter-details-body {
      width: 100%;
      margin-top: clamp(18px, 2.4vw, 28px);
    }

    .startseite .dark-matter-overview {
      position: relative;
      isolation: isolate;
      display: grid;
      gap: clamp(22px, 3vw, 36px);
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin: 0;
      padding: clamp(24px, 4vw, 52px);
      overflow: hidden;
      border: 1px solid rgba(255, 213, 106, 0.34);
      border-radius: 8px;
      background:
        radial-gradient(circle at 84% 16%, rgba(85, 132, 255, 0.14), transparent 30%),
        radial-gradient(circle at 12% 84%, rgba(255, 213, 106, 0.12), transparent 31%),
        linear-gradient(145deg, rgba(6, 10, 22, 0.98), rgba(2, 5, 13, 0.98));
      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.36);
    }

    .startseite .dark-matter-overview::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background:
        linear-gradient(90deg, rgba(2, 5, 13, 0.72), rgba(2, 5, 13, 0.46) 62%, rgba(2, 5, 13, 0.24)),
        linear-gradient(180deg, rgba(2, 5, 13, 0.12), rgba(2, 5, 13, 0.54));
    }

    .dark-matter-overview-image {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      opacity: 0.72;
    }

    .startseite .dark-matter-overview > .dark-matter-overview-image {
      position: absolute;
      z-index: 0;
    }

    .startseite .dark-matter-overview > * {
      position: relative;
      z-index: 2;
    }

    .dark-matter-overview-head {
      max-width: 72ch;
    }

    .dark-matter-overview-head h3 {
      margin: 10px 0 14px;
      color: #fff7da;
      font-size: clamp(2rem, 4.4vw, 4.4rem);
      line-height: 0.98;
      letter-spacing: -0.025em;
    }

    .dark-matter-overview-head > p:last-child,
    .dark-matter-alternative p:last-child {
      margin: 0;
      color: #d7e2f5;
      font-size: clamp(1rem, 1.25vw, 1.16rem);
      line-height: 1.68;
    }

    .dark-matter-numbers {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin: 0;
    }

    .dark-matter-numbers div {
      display: grid;
      gap: 5px;
      padding: clamp(16px, 2vw, 22px);
      border: 1px solid rgba(255, 213, 106, 0.25);
      background: rgba(5, 9, 20, 0.76);
    }

    .dark-matter-numbers dt {
      color: var(--gold);
      font-size: clamp(1.65rem, 3.2vw, 3rem);
      font-weight: 950;
      line-height: 1;
    }

    .dark-matter-numbers dd {
      margin: 0;
      color: #cbd7ec;
      line-height: 1.5;
    }

    .dark-matter-candidate-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }

    .dark-matter-candidate-grid > div {
      display: grid;
      align-content: start;
      gap: 9px;
      min-width: 0;
      padding: clamp(17px, 2vw, 23px);
      border-top: 1px solid rgba(123, 227, 255, 0.38);
      background: rgba(4, 9, 21, 0.72);
    }

    .dark-matter-candidate-grid > div > span {
      color: var(--gold);
      font-size: 0.76rem;
      font-weight: 950;
      letter-spacing: 0.12em;
    }

    .dark-matter-candidate-grid h4,
    .dark-matter-alternative h4 {
      margin: 0;
      color: #f8fbff;
      font-size: clamp(1.06rem, 1.5vw, 1.34rem);
      line-height: 1.2;
    }

    .dark-matter-candidate-grid p,
    .dark-matter-candidate-grid ul {
      margin: 0;
      color: #c3d0e7;
      line-height: 1.58;
    }

    .dark-matter-candidate-grid ul {
      display: grid;
      gap: 5px;
      padding-left: 1.15rem;
    }

    .dark-matter-candidate-grid li::marker {
      color: var(--gold);
    }

    .dark-matter-candidate-grid .dark-matter-card-note {
      padding-top: 9px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      color: #f1ddb0;
      font-size: 0.9rem;
    }

    .dark-matter-alternative {
      display: grid;
      gap: 10px;
      padding: clamp(18px, 2.4vw, 27px);
      border-left: 3px solid rgba(255, 213, 106, 0.72);
      background: rgba(255, 213, 106, 0.055);
    }

    .dark-matter-why {
      display: grid;
      gap: 16px;
      padding: clamp(20px, 2.8vw, 32px);
      border: 1px solid rgba(167, 139, 250, 0.28);
      background: rgba(24, 14, 49, 0.48);
    }

    .dark-matter-why h4 {
      margin: 0;
      color: #d8c7ff;
      font-size: clamp(1.15rem, 2vw, 1.55rem);
      text-align: center;
    }

    .dark-matter-why > div {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    .dark-matter-why p {
      margin: 0;
      padding: 14px 16px;
      color: #cbd5e8;
      line-height: 1.55;
      background: rgba(4, 8, 18, 0.62);
    }

    .dark-matter-why strong {
      color: #f3eaff;
    }

    .dark-matter-status {
      margin: 0;
      padding: 15px 18px;
      border: 1px solid rgba(167, 139, 250, 0.34);
      color: #f3eaff;
      background: rgba(20, 12, 43, 0.72);
      font-weight: 900;
      text-align: center;
    }

    .dark-matter-overview-foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding-top: 18px;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
    }

    .dark-matter-overview-foot p {
      margin: 0;
      color: #9eabc2;
      font-size: 0.9rem;
    }

    .dark-matter-overview-foot a,
    .madmax-candidate-link .media-action-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      padding: 11px 17px;
      border: 1px solid rgba(255, 213, 106, 0.48);
      border-radius: 999px;
      color: #fff0b8;
      background: rgba(5, 8, 16, 0.74);
      font-weight: 900;
      text-decoration: none;
    }

    .madmax-candidate-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: clamp(18px, 3vw, 36px);
      padding: clamp(20px, 3vw, 32px);
      border: 1px solid rgba(255, 213, 106, 0.24);
      border-left: 3px solid rgba(255, 213, 106, 0.72);
      border-radius: 8px;
      background: rgba(6, 10, 20, 0.86);
    }

    .madmax-candidate-link h3 {
      margin: 8px 0 7px;
    }

    .madmax-candidate-link p {
      max-width: 72ch;
      margin: 0;
      line-height: 1.6;
    }

    #inhalt > #experimente .experiment-main-graphic {
      position: relative;
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin: 0 auto;
      overflow: hidden;
      border-color: rgba(255, 213, 106, 0.34);
      border-radius: 8px;
      background: #03050b;
    }

    #inhalt > #experimente .experiment-main-graphic > img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      opacity: 0.66;
    }

    #inhalt > #experimente .experiment-main-graphic-copy {
      position: relative;
      z-index: 1;
      display: grid;
      gap: clamp(34px, 5vw, 58px);
      min-height: 720px;
      padding: clamp(28px, 4.5vw, 64px);
      color: #f5f6fa;
      background:
        linear-gradient(90deg, rgba(3, 4, 10, 0.98) 0 42%, rgba(3, 4, 10, 0.74) 68%, rgba(3, 4, 10, 0.42)),
        linear-gradient(0deg, rgba(3, 4, 10, 0.98), transparent 48%, rgba(3, 4, 10, 0.86));
    }

    #inhalt > #experimente .experiment-main-graphic-copy header {
      align-self: start;
      max-width: 790px;
    }

    #inhalt > #experimente .experiment-main-graphic-copy header > * {
      margin-top: 0;
    }

    #inhalt > #experimente .experiment-main-graphic-copy .tagline,
    #inhalt > #experimente #experiment-madmax .experiment-graphic-section-title {
      color: #ffd56a;
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.15em;
      text-transform: uppercase;
    }

    #inhalt > #experimente .experiment-main-graphic-copy h3 {
      max-width: 21ch;
      margin: 8px 0 14px;
      color: #fff;
      font-size: clamp(2rem, 4.2vw, 3.7rem);
      letter-spacing: -0.035em;
      line-height: 1.03;
      text-wrap: balance;
      text-shadow: 0 3px 24px rgba(0, 0, 0, 0.88);
    }

    #inhalt > #experimente .experiment-main-graphic-copy header > p:last-child {
      max-width: 74ch;
      margin-bottom: 0;
      color: rgba(239, 241, 248, 0.88);
      line-height: 1.62;
    }

    #inhalt > #experimente .experiment-main-graphic-facts {
      align-self: end;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px clamp(20px, 3vw, 42px);
      min-width: 0;
    }

    #inhalt > #experimente #experiment-madmax .experiment-graphic-section-title {
      grid-column: 1 / -1;
      margin: 10px 0 -6px;
      padding-bottom: 9px;
      border-bottom: 1px solid rgba(255, 213, 106, 0.38);
    }

    #inhalt > #experimente .experiment-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(192, 112, 255, 0.44);
    }

    #inhalt > #experimente .experiment-main-graphic-facts article > span {
      color: #ffd56a;
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.08em;
    }

    #inhalt > #experimente .experiment-main-graphic-facts h4 {
      margin: 0 0 5px;
      color: #d5a2ff;
      font-size: 0.75rem;
      font-weight: 900;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    #inhalt > #experimente .experiment-main-graphic-facts strong {
      display: block;
      margin-bottom: 5px;
      color: #fff;
      font-size: clamp(1rem, 1.6vw, 1.23rem);
      line-height: 1.22;
    }

    #inhalt > #experimente .experiment-main-graphic-facts p {
      margin: 0;
      color: rgba(235, 237, 245, 0.84);
      font-size: 0.9rem;
      line-height: 1.5;
    }

    #inhalt > #experimente .experiment-main-graphic > figcaption {
      position: relative;
      z-index: 1;
      border-top: 1px solid rgba(255, 213, 106, 0.2);
      color: #aeb4c4;
      background: rgba(3, 4, 10, 0.98);
    }

    #inhalt > #experimente .experiment-mobile-graphic-toggle {
      display: none;
    }

    @media (max-width: 820px) {
      #inhalt > #experimente .experiment-main-graphic-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .dark-matter-candidate-grid,
      .dark-matter-why > div {
        grid-template-columns: 1fr 1fr;
      }

      .dark-matter-overview-foot,
      .madmax-candidate-link {
        align-items: flex-start;
        flex-direction: column;
      }
    }

    @media (max-width: 560px) {
      #inhalt > #experimente .experiment-main-graphic > img {
        object-position: 68% center;
        opacity: 0.48;
      }

      #inhalt > #experimente .experiment-main-graphic-copy {
        gap: 32px;
        min-height: 0;
        padding: 28px 20px 32px;
        background: linear-gradient(180deg, rgba(3, 4, 10, 0.86), rgba(3, 4, 10, 0.96) 56%, rgba(3, 4, 10, 0.99));
      }

      #inhalt > #experimente .experiment-main-graphic-copy h3 {
        max-width: 18ch;
        font-size: clamp(1.8rem, 9vw, 2.55rem);
      }

      #inhalt > #experimente .experiment-main-graphic-facts {
        grid-template-columns: 1fr;
        gap: 17px;
      }

      #inhalt > #experimente .experiment-main-graphic-facts article {
        grid-template-columns: 30px minmax(0, 1fr);
        padding-top: 12px;
      }

      #inhalt > #experimente .experiment-main-graphic-facts:not(.is-mobile-expanded) > .experiment-mobile-secondary {
        display: none;
      }

      #inhalt > #experimente .experiment-mobile-graphic-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 46px;
        border: 1px solid rgba(255, 213, 106, 0.58);
        border-radius: 999px;
        padding: 10px 14px;
        color: #fff0b8;
        background: rgba(10, 7, 18, 0.9);
        font: inherit;
        font-weight: 850;
        cursor: pointer;
      }

      #inhalt > #experimente .experiment-mobile-graphic-toggle:focus-visible {
        outline: 2px solid #ffd56a;
        outline-offset: 3px;
      }

      .dark-matter-numbers,
      .dark-matter-candidate-grid,
      .dark-matter-why > div {
        grid-template-columns: 1fr;
      }

      .startseite .dark-matter-overview {
        padding: 20px;
      }
    }

    @media (min-width: 1181px) {
      .portal-landing {
        padding-top: 70px;
      }

      .portal-stage {
        gap: clamp(44px, 5vw, 68px);
      }

      .foundation-grid {
        gap: clamp(70px, 8vw, 110px);
      }

      .site-inventory {
        margin-top: clamp(100px, 10vw, 140px);
      }

      .portal-magnetism {
        margin-top: clamp(100px, 10vw, 140px);
      }
    }

    @media (max-width: 1120px) {
      .portal-magnetism-layout {
        grid-template-columns: 1fr;
      }

      .portal-magnetar-visual {
        max-width: 720px;
        width: 100%;
        justify-self: center;
      }

      .portal-maxwell-visual {
        grid-template-columns: minmax(0, 1fr) max-content;
      }
    }

    .foundation-card {
      min-width: 0;
      overflow: hidden;
      display: grid;
      align-content: start;
      border: 1px solid rgba(255, 213, 106, 0.22);
      border-radius: 8px;
      background:
        radial-gradient(circle at 16% 0%, rgba(255, 213, 106, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(10, 15, 31, 0.92), rgba(4, 8, 18, 0.96));
      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.36);
    }

    .foundation-card.large {
      grid-column: 1 / -1;
      grid-template-columns: 1fr;
      align-items: stretch;
    }

    .foundation-card figure {
      margin: 0;
      min-width: 0;
      background: #02040b;
    }

    .foundation-card img {
      width: 100%;
      height: auto;
      object-fit: contain;
    }

    .foundation-card > div {
      padding: clamp(20px, 3vw, 34px);
    }

    .foundation-card h3 {
      margin: 10px 0 12px;
      color: #fff7da;
      font-size: clamp(1.45rem, 2.5vw, 2.6rem);
      line-height: 1.02;
      letter-spacing: 0;
    }

    .titled-graphic-card {
      position: relative;
      align-content: start;
      width: 100%;
      max-width: 100%;
    }

    .titled-graphic-card figure {
      display: block;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      overflow: hidden;
    }

    .titled-graphic-card img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      object-fit: contain;
      object-position: center center;
      background: #000;
    }

    .titled-graphic-card > div {
      display: grid;
      justify-items: center;
      padding: clamp(14px, 2vw, 22px);
      background:
        linear-gradient(90deg, rgba(255, 213, 106, 0.10), rgba(123, 227, 255, 0.05), rgba(255, 213, 106, 0.06)),
        rgba(5, 9, 20, 0.92);
      border-bottom: 1px solid rgba(255, 213, 106, 0.18);
    }

    .titled-graphic-card h3 {
      margin: 0;
      padding: 0;
      max-width: min(92%, 720px);
      color: #fff1bd;
      font-size: clamp(1.35rem, 3.2vw, 2.6rem);
      line-height: 1;
      text-align: center;
      overflow-wrap: anywhere;
      text-shadow: 0 0 18px rgba(255, 213, 106, 0.20);
    }

    .formula-card {
      gap: 0;
    }

    .formula-card figure {
      margin: 0;
      background: #02040b;
    }

    .formula-card img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: contain;
    }

    .formula-card .formula-caption {
      margin: 0;
      padding: clamp(18px, 2.4vw, 28px);
      color: #d8e2f6;
      font-size: clamp(1rem, 1.6vw, 1.35rem);
      line-height: 1.55;
      text-align: center;
      background:
        linear-gradient(90deg, rgba(255, 213, 106, 0.08), rgba(123, 227, 255, 0.05), rgba(255, 213, 106, 0.06)),
        rgba(5, 9, 20, 0.92);
      border-top: 1px solid rgba(255, 213, 106, 0.18);
    }

    .graphic-note {
      margin: 0;
      padding: 10px 14px 12px;
      color: var(--muted);
      font-size: 0.82rem;
      line-height: 1.45;
      text-align: center;
      border-top: 1px solid rgba(123, 227, 255, 0.12);
      background: rgba(8, 14, 28, 0.64);
    }

    .periodic-note {
      color: #cdd8ee;
    }

    .formula-details {
      border-top: 1px solid rgba(123, 227, 255, 0.13);
      background: rgba(3, 7, 17, 0.72);
    }

    .formula-details summary {
      display: flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      gap: 8px;
      min-height: 0;
      margin: 18px auto;
      padding: 14px 20px;
      cursor: pointer;
      color: #fff1bd;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 213, 106, 0.46);
      border-radius: 999px;
      box-shadow: 0 0 18px rgba(255, 213, 106, 0.08);
      font-size: clamp(0.98rem, 1.4vw, 1.16rem);
      font-weight: 900;
      list-style: none;
      text-align: center;
    }

    .formula-details summary::-webkit-details-marker {
      display: none;
    }

    .formula-details summary::before {
      content: "+";
      display: inline;
      color: var(--gold);
      font-weight: 900;
    }

    .formula-details[open] summary::before {
      content: "-";
    }

    .formula-details[open] .details-summary-label {
      font-size: 0;
    }

    .formula-details[open] .details-summary-label::after {
      content: "Abschnitt schlie\00df en";
      font-size: clamp(0.98rem, 1.4vw, 1.16rem);
    }

    .formula-details-body {
      display: grid;
      gap: 14px;
      padding: clamp(20px, 3vw, 34px);
      color: #d8e2f6;
      line-height: 1.68;
    }

    .formula-details-body p,
    .formula-details-body ul,
    .formula-details-body blockquote {
      max-width: 76rem;
      margin: 0;
    }

    .formula-details-body blockquote {
      padding: 16px 18px;
      border-left: 3px solid var(--gold);
      color: #fff1bd;
      background: rgba(255, 213, 106, 0.07);
    }

    .formula-overview-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(18px, 2.4vw, 28px);
      margin-top: clamp(10px, 1.8vw, 18px);
    }

    .formula-term {
      position: relative;
      display: grid;
      grid-template-columns: 1fr;
      align-content: start;
      gap: 12px;
      min-height: 100%;
      padding: clamp(22px, 2.8vw, 32px);
      border: 1px solid rgba(123, 227, 255, 0.22);
      border-radius: 8px;
      background:
        radial-gradient(circle at 14% 0%, rgba(123, 227, 255, 0.11), transparent 34%),
        linear-gradient(135deg, rgba(10, 18, 34, 0.88), rgba(3, 7, 17, 0.94));
      box-shadow: 0 16px 46px rgba(0, 0, 0, 0.22);
    }

    .formula-term + .formula-term {
      margin-top: 0;
    }

    .formula-term-number {
      position: absolute;
      top: 18px;
      right: 18px;
      display: inline-grid;
      width: 34px;
      height: 34px;
      place-items: center;
      border: 1px solid rgba(255, 213, 106, 0.48);
      border-radius: 50%;
      color: var(--gold);
      background: rgba(255, 213, 106, 0.07);
      font-size: 1rem;
      font-weight: 900;
      line-height: 1.1;
    }

    .formula-term h4 {
      margin: 0;
      padding-right: 44px;
      color: #fff7da;
      font-size: clamp(1.18rem, 1.7vw, 1.45rem);
      font-weight: 900;
      line-height: 1.15;
      text-shadow: 0 0 18px rgba(255, 213, 106, 0.18);
    }

    .formula-term p,
    .formula-term ul {
      grid-column: 1 / -1;
    }

    .formula-term p {
      font-size: clamp(0.98rem, 1.12vw, 1.08rem);
      line-height: 1.62;
    }

    .inline-formula {
      display: block;
      width: fit-content;
      max-width: 100%;
      margin: 6px auto 10px;
      padding: 10px 16px;
      border: 1px solid rgba(255, 255, 255, 0.13);
      border-radius: 8px;
      color: #fff7da;
      background: rgba(255, 255, 255, 0.045);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(1.2rem, 2vw, 1.7rem);
      font-style: italic;
      font-weight: 700;
      text-align: center;
      overflow-wrap: anywhere;
    }

    .formula-details-body h4 {
      margin: 16px 0 0;
      color: #fff7da;
      font-size: clamp(1.08rem, 1.7vw, 1.42rem);
      line-height: 1.2;
    }

    .formula-details-body ul {
      display: grid;
      gap: 6px;
      padding-left: 1.2rem;
    }

    .formula-video-link {
      margin-top: 8px;
    }

    .foundation-card p:not(.portal-kicker),
    .element-list {
      color: #c7d3eb;
      line-height: 1.72;
      overflow-wrap: anywhere;
    }

    .element-list {
      display: grid;
      gap: 8px;
      margin: 18px 0 0;
      padding-left: 1.1rem;
    }

    .element-list strong {
      color: #fff0b9;
    }

    .site-inventory {
      padding-bottom: 22px;
    }

    .site-inventory.titled-graphic-card {
      overflow: hidden;
      border: 1px solid rgba(255, 213, 106, 0.28);
      border-radius: 8px;
      background:
        radial-gradient(circle at 18% 0%, rgba(123, 227, 255, 0.08), transparent 34%),
        linear-gradient(135deg, rgba(4, 8, 18, 0.92), rgba(2, 5, 14, 0.96));
      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
    }

    .site-inventory.titled-graphic-card .inventory-visual {
      border-right: 0;
      border-left: 0;
      border-radius: 0;
    }

    .inventory-visual {
      border-color: rgba(255, 213, 106, 0.28);
      box-shadow: 0 26px 90px rgba(0, 0, 0, 0.42);
    }

    .inventory-visual img {
      height: auto;
    }

    .inventory-network {
      position: relative;
      margin: 0;
      overflow: hidden;
      background: #02050c;
      isolation: isolate;
    }

    .inventory-network-stage {
      position: relative;
      width: 100%;
      aspect-ratio: 1000 / 650;
      min-height: 560px;
      overflow: hidden;
      isolation: isolate;
    }

    .inventory-network-stage > svg {
      display: block;
      width: 100%;
      height: 100%;
      overflow: visible;
    }

    .inventory-network-caption {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
      border: 0;
    }

    .inventory-path,
    .inventory-beam {
      fill: none;
      vector-effect: non-scaling-stroke;
      stroke-linecap: round;
    }

    .inventory-path {
      stroke: url(#inventory-path-gradient);
      stroke-width: 1.35px;
    }

    .inventory-beam {
      --beam-duration: 5.5s;
      --beam-delay: 0s;
      --presence-delay: 0s;
      stroke: url(#inventory-beam-gradient);
      stroke-width: 2.2px;
      stroke-dasharray: 0.12 0.88;
      opacity: 0;
      animation:
        inventory-beam-flow var(--beam-duration) linear var(--beam-delay) infinite,
        inventory-beam-presence 15s ease-in-out var(--presence-delay) infinite;
      filter: drop-shadow(0 0 5px rgba(255, 213, 106, 0.76));
      will-change: stroke-dashoffset;
    }

    .inventory-beam-2,
    .inventory-beam-6,
    .inventory-beam-10,
    .inventory-beam-14 {
      --beam-duration: 7.4s;
      --beam-delay: -1.8s;
    }

    .inventory-beam-3,
    .inventory-beam-7,
    .inventory-beam-11,
    .inventory-beam-15 {
      --beam-duration: 4.55s;
      --beam-delay: -0.8s;
    }

    .inventory-beam-4,
    .inventory-beam-8,
    .inventory-beam-12,
    .inventory-beam-16 {
      --beam-duration: 6.47s;
      --beam-delay: -2.6s;
    }

    .inventory-beam-5,
    .inventory-beam-9,
    .inventory-beam-13,
    .inventory-beam-17 {
      --beam-duration: 5.92s;
      --beam-delay: -1.2s;
    }

    .inventory-beam-1 { --presence-delay: 0s; }
    .inventory-beam-2 { --presence-delay: -0.88s; }
    .inventory-beam-3 { --presence-delay: -1.76s; }
    .inventory-beam-4 { --presence-delay: -2.65s; }
    .inventory-beam-5 { --presence-delay: -3.53s; }
    .inventory-beam-6 { --presence-delay: -4.41s; }
    .inventory-beam-7 { --presence-delay: -5.29s; }
    .inventory-beam-8 { --presence-delay: -6.18s; }
    .inventory-beam-9 { --presence-delay: -7.06s; }
    .inventory-beam-10 { --presence-delay: -7.94s; }
    .inventory-beam-11 { --presence-delay: -8.82s; }
    .inventory-beam-12 { --presence-delay: -9.71s; }
    .inventory-beam-13 { --presence-delay: -10.59s; }
    .inventory-beam-14 { --presence-delay: -11.47s; }
    .inventory-beam-15 { --presence-delay: -12.35s; }
    .inventory-beam-16 { --presence-delay: -13.24s; }
    .inventory-beam-17 { --presence-delay: -14.12s; }

    .inventory-beam-stop-start,
    .inventory-beam-stop-end {
      stop-color: #8f682d;
      stop-opacity: 0;
    }

    .inventory-beam-stop-center {
      stop-color: #ffe8a6;
      stop-opacity: 1;
    }

    .inventory-core-halo {
      fill: rgba(255, 213, 106, 0.16);
      stroke: none;
      filter: blur(8px) drop-shadow(0 0 10px rgba(255, 213, 106, 0.34));
      transform-origin: 500px 410px;
      animation: inventory-core-pulse 3.8s ease-in-out infinite;
    }

    .inventory-core-disc {
      fill: rgba(7, 8, 12, 0.96);
      stroke: var(--gold);
      stroke-width: 1.5px;
      filter: url(#inventory-node-glow);
    }

    .inventory-core-symbol,
    .inventory-core-label,
    .inventory-network-node text {
      text-anchor: middle;
      dominant-baseline: middle;
      pointer-events: none;
      user-select: none;
    }

    .inventory-core-symbol {
      fill: var(--gold);
      font-family: Georgia, "Times New Roman", serif;
      font-size: 44px;
      filter: drop-shadow(0 0 7px rgba(255, 213, 106, 0.58));
    }

    .inventory-core-label {
      fill: #f2cf78;
      font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
      font-size: 8px;
      font-weight: 700;
      letter-spacing: 0.13em;
    }

    .inventory-network-node {
      --node-accent: #7be3ff;
      --node-stroke: url(#inventory-card-gradient-2);
    }

    .inventory-network-node:nth-of-type(1) { --node-accent: #ff9d72; --node-stroke: url(#inventory-card-gradient-1); --presence-delay: 0s; }
    .inventory-network-node:nth-of-type(2) { --node-accent: #68e7ff; --node-stroke: url(#inventory-card-gradient-2); --presence-delay: -0.88s; }
    .inventory-network-node:nth-of-type(3) { --node-accent: #c792ff; --node-stroke: url(#inventory-card-gradient-3); --presence-delay: -1.76s; }
    .inventory-network-node:nth-of-type(4) { --node-accent: #ffd56a; --node-stroke: url(#inventory-card-gradient-4); --presence-delay: -2.65s; }
    .inventory-network-node:nth-of-type(5) { --node-accent: #7be3ff; --node-stroke: url(#inventory-card-gradient-5); --presence-delay: -3.53s; }
    .inventory-network-node:nth-of-type(6) { --node-accent: #ffb1ce; --node-stroke: url(#inventory-card-gradient-6); --presence-delay: -4.41s; }
    .inventory-network-node:nth-of-type(7) { --node-accent: #a78bfa; --node-stroke: url(#inventory-card-gradient-7); --presence-delay: -5.29s; }
    .inventory-network-node:nth-of-type(8) { --node-accent: #7fffd4; --node-stroke: url(#inventory-card-gradient-8); --presence-delay: -6.18s; }
    .inventory-network-node:nth-of-type(9) { --node-accent: #ff9ecb; --node-stroke: url(#inventory-card-gradient-9); --presence-delay: -7.06s; }
    .inventory-network-node:nth-of-type(10) { --node-accent: #75d7ff; --node-stroke: url(#inventory-card-gradient-10); --presence-delay: -7.94s; }
    .inventory-network-node:nth-of-type(11) { --node-accent: #b8a1ff; --node-stroke: url(#inventory-card-gradient-11); --presence-delay: -8.82s; }
    .inventory-network-node:nth-of-type(12) { --node-accent: #ffe58a; --node-stroke: url(#inventory-card-gradient-12); --presence-delay: -9.71s; }
    .inventory-network-node:nth-of-type(13) { --node-accent: #70f0c5; --node-stroke: url(#inventory-card-gradient-13); --presence-delay: -10.59s; }
    .inventory-network-node:nth-of-type(14) { --node-accent: #ff9d72; --node-stroke: url(#inventory-card-gradient-14); --presence-delay: -11.47s; }
    .inventory-network-node:nth-of-type(15) { --node-accent: #89a7ff; --node-stroke: url(#inventory-card-gradient-15); --presence-delay: -12.35s; }
    .inventory-network-node:nth-of-type(16) { --node-accent: #ffc86b; --node-stroke: url(#inventory-card-gradient-16); --presence-delay: -13.24s; }
    .inventory-network-node:nth-of-type(17) { --node-accent: #71e6ff; --node-stroke: url(#inventory-card-gradient-17); --presence-delay: -14.12s; }

    .inventory-network-node rect {
      rx: 32px;
      ry: 32px;
      fill: color-mix(in srgb, var(--node-accent) 5%, rgba(7, 8, 12, 0.96));
      stroke: var(--node-stroke);
      stroke-width: 2px;
      vector-effect: non-scaling-stroke;
      filter:
        drop-shadow(0 0 4px color-mix(in srgb, var(--node-accent) 46%, transparent))
        drop-shadow(0 7px 10px rgba(0, 0, 0, 0.34));
      transition: fill 180ms ease, stroke 180ms ease, filter 180ms ease;
    }

    .inventory-network-node text {
      fill: #fffaf0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 17px;
      font-weight: 800;
      letter-spacing: 0.015em;
      filter: drop-shadow(0 1px 5px rgba(236, 193, 101, 0.18));
    }

    .inventory-node-dot {
      r: 2.2px;
      fill: var(--node-accent);
      opacity: 0.22;
      animation: inventory-node-pulse 15s ease-in-out var(--presence-delay) infinite;
    }

    .inventory-network-node:hover rect,
    .inventory-network-node:focus-visible rect {
      fill: color-mix(in srgb, var(--node-accent) 10%, rgba(9, 9, 12, 0.98));
      filter:
        drop-shadow(0 0 7px color-mix(in srgb, var(--node-accent) 68%, transparent))
        drop-shadow(0 10px 14px rgba(0, 0, 0, 0.40));
    }

    .inventory-network-node:focus-visible {
      outline: none;
    }

    @keyframes inventory-beam-flow {
      0% { stroke-dashoffset: 1; }
      35% { stroke-dashoffset: 0.75; }
      65% { stroke-dashoffset: 0.47; }
      82% { stroke-dashoffset: 0.2475; }
      to { stroke-dashoffset: 0; }
    }

    @keyframes inventory-beam-presence {
      0%, 12%, 48%, 100% { opacity: 0; }
      18%, 40% { opacity: 1; }
    }

    @keyframes inventory-node-pulse {
      0%, 12%, 48%, 100% { opacity: 0.22; filter: none; }
      18%, 40% { opacity: 1; filter: drop-shadow(0 0 5px var(--node-accent)); }
    }

    @keyframes inventory-core-pulse {
      0%, 100% { opacity: 0.46; transform: scale(0.92); }
      50% { opacity: 1; transform: scale(1.08); }
    }

    :root[data-theme="light"] .inventory-network {
      background:
        radial-gradient(circle at 50% 54%, rgba(0, 111, 145, 0.14), transparent 31%),
        radial-gradient(circle at 50% 45%, rgba(138, 91, 0, 0.10), transparent 47%),
        #eef3f9;
    }

    :root[data-theme="light"] .inventory-network-node rect,
    :root[data-theme="light"] .inventory-core-disc {
      fill: rgba(248, 251, 255, 0.97);
    }

    :root[data-theme="light"] .inventory-network-node rect {
      fill: color-mix(in srgb, var(--node-accent) 8%, rgba(248, 251, 255, 0.98));
    }

    :root[data-theme="light"] .inventory-network-node text {
      fill: #4b3500;
    }

    @media (max-width: 620px) {
      .inventory-network-stage {
        min-height: 0;
        aspect-ratio: 1000 / 820;
      }

      .inventory-network-node text {
        font-size: 18px;
        letter-spacing: 0.01em;
      }

      .inventory-network-node:nth-of-type(12) text {
        font-size: 16px;
        letter-spacing: 0;
      }

      .inventory-network-node {
        transform-box: fill-box;
        transform-origin: center;
        transform: scale(1.05);
      }

      .inventory-core-label {
        font-size: 9px;
        letter-spacing: 0.08em;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .inventory-beam,
      .inventory-node-dot,
      .inventory-core-halo {
        animation: none;
      }

      .inventory-beam { opacity: 0.72; }
      .inventory-node-dot { opacity: 0.55; }
    }

    .start-edge-transition {
      --start-edge-upper: #081224;
      --start-edge-lower: #02050c;
      position: relative;
      width: 100%;
      height: clamp(92px, 13vw, 175px);
      margin-top: -1px;
      overflow: hidden;
      color: var(--start-edge-lower);
      background:
        radial-gradient(ellipse at 50% 0%, rgba(255, 213, 106, 0.08), transparent 38%),
        linear-gradient(180deg, var(--start-edge-upper), var(--start-edge-lower));
      -webkit-mask-image:
        linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, #000 13%, #000 72%, transparent 100%);
      -webkit-mask-composite: source-in;
      mask-image:
        linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, #000 13%, #000 72%, transparent 100%);
      mask-composite: intersect;
      pointer-events: none;
      isolation: isolate;
    }

    .startseite .site-inventory + .universe-edge > .start-edge-transition {
      position: absolute;
      z-index: 0;
      top: -1px;
      right: 0;
      left: 0;
      width: 100%;
      height: clamp(92px, 13vw, 175px);
      margin: 0;
    }

    .startseite .site-inventory + .universe-edge > :not(.start-edge-transition) {
      position: relative;
      z-index: 2;
    }

    .start-edge-transition::before,
    .start-edge-transition::after {
      content: "";
      position: absolute;
      inset: -3% -5%;
      background-repeat: no-repeat;
      pointer-events: none;
    }

    .start-edge-transition::before {
      z-index: 1;
      background-image: url("../assets/start-edge-gold-plankton.webp");
      background-position: center 48%;
      background-size: 112% 112%;
      -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 17%, #000 74%, transparent 100%);
      mask-image: linear-gradient(180deg, transparent 0%, #000 17%, #000 74%, transparent 100%);
      animation: start-edge-foreground-drift 30s ease-in-out infinite alternate;
    }

    .start-edge-transition::after,
    .start-edge-glow-secondary {
      z-index: 3;
      background-image: linear-gradient(100deg, transparent 0 43%, rgba(255, 241, 194, 0.04) 47%, rgba(255, 248, 219, 0.68) 50%, rgba(255, 220, 129, 0.08) 53%, transparent 57% 100%);
      background-position: 135% 0;
      background-size: 320% 100%;
      background-repeat: no-repeat;
      mix-blend-mode: screen;
      -webkit-mask: url("../assets/start-edge-gold-plankton.webp") center 48% / 112% 112% no-repeat;
      mask: url("../assets/start-edge-gold-plankton.webp") center 48% / 112% 112% no-repeat;
      animation: start-edge-local-pulse 13s ease-in-out infinite;
    }

    .start-edge-glow-secondary {
      position: absolute;
      inset: -3% -5%;
      display: block;
      pointer-events: none;
      background-image: linear-gradient(100deg, transparent 0 43%, rgba(255, 241, 194, 0.03) 47%, rgba(255, 248, 219, 0.54) 50%, rgba(255, 220, 129, 0.06) 53%, transparent 57% 100%);
      animation-delay: 6.5s;
    }

    .start-edge-depth,
    .start-edge-inflow {
      position: absolute;
      display: block;
      pointer-events: none;
    }

    .start-edge-depth {
      z-index: 0;
      inset: -8% -6%;
      opacity: 0.24;
      background: url("../assets/start-edge-gold-plankton.webp") center 40% / 108% 108% no-repeat;
      filter: blur(0.8px);
      animation: start-edge-depth-drift 38s ease-in-out infinite alternate;
    }

    .start-edge-inflow {
      z-index: 2;
      top: -6%;
      left: 29%;
      width: 42%;
      height: 72%;
      opacity: 0.58;
      clip-path: polygon(47% 0%, 53% 0%, 94% 100%, 6% 100%);
      background: url("../assets/start-edge-gold-plankton.webp") center top / 235% 128% no-repeat;
      filter: blur(0.6px);
      -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.76) 44%, transparent 100%);
      mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.76) 44%, transparent 100%);
      transform-origin: 50% 0%;
      animation: start-edge-inflow-breathe 9s ease-in-out infinite;
    }

    @keyframes start-edge-foreground-drift {
      from { opacity: 0.74; transform: translate3d(-1.8%, 0, 0) scale(1.045); }
      45% { opacity: 0.94; }
      to { opacity: 0.82; transform: translate3d(1.8%, 0, 0) scale(1.045); }
    }

    @keyframes start-edge-depth-drift {
      from { transform: translate3d(2.6%, 1.5%, 0) scale(1.07); }
      to { transform: translate3d(-2.6%, -1.5%, 0) scale(1.07); }
    }

    @keyframes start-edge-inflow-breathe {
      0%, 100% { opacity: 0.42; transform: scaleX(0.88); }
      50% { opacity: 0.64; transform: scaleX(1.04); }
    }

    @keyframes start-edge-local-pulse {
      0%, 4% { opacity: 0; background-position: 135% 0; }
      10% { opacity: 0.82; }
      72% { opacity: 0.48; }
      88% { opacity: 0; background-position: -35% 0; }
      100% { opacity: 0; background-position: -35% 0; }
    }

    .start-edge-transition svg {
      display: none;
    }

    .start-edge-transition .start-edge-shine {
      mix-blend-mode: screen;
    }

    .startseite .site-inventory + .universe-edge {
      position: relative;
      margin-top: clamp(28px, 4vw, 44px);
      border: 1px solid rgba(255, 213, 106, 0.28);
      border-radius: 8px;
      background: #02050c;
    }

    :root[data-theme="light"] .start-edge-transition {
      --start-edge-upper: #f2f6fb;
      --start-edge-lower: #05070d;
      background:
        radial-gradient(ellipse at 50% 0%, rgba(43, 101, 164, 0.12), transparent 42%),
        linear-gradient(180deg, var(--start-edge-upper), #dbe5f0 44%, var(--start-edge-lower));
    }

    :root[data-theme="light"] .startseite .site-inventory + .universe-edge {
      background: #0a0e18;
      color: #fff7da;
    }

    :root[data-theme="light"] .startseite .site-inventory + .universe-edge p {
      color: #fff7da;
      text-shadow: 0 1px 18px rgba(255, 213, 106, 0.16);
    }

    :root[data-theme="light"] .startseite .site-inventory + .universe-edge .universe-back-to-top {
      border-color: rgba(255, 213, 106, 0.46);
      background:
        linear-gradient(180deg, rgba(255, 213, 106, 0.14), rgba(255, 213, 106, 0.06)),
        rgba(8, 14, 28, 0.92);
      color: #ffe08a;
      box-shadow: 0 0 22px rgba(255, 213, 106, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    @media (prefers-reduced-motion: reduce) {
      .start-edge-transition .start-edge-animation {
        display: none;
      }

      .start-edge-transition::before {
        animation: none;
        opacity: 0.9;
        transform: none;
      }

      .start-edge-transition::after,
      .start-edge-depth,
      .start-edge-inflow {
        animation: none;
      }

      .start-edge-transition::after,
      .start-edge-glow-secondary {
        display: none;
      }
    }

    .universe-edge {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 10px 18px;
      padding: clamp(16px, 2.4vw, 24px);
      border-top: 1px solid rgba(255, 213, 106, 0.18);
      background:
        linear-gradient(90deg, rgba(255, 213, 106, 0.08), rgba(123, 227, 255, 0.04), rgba(255, 213, 106, 0.07)),
        rgba(5, 9, 20, 0.9);
      color: #fff7da;
      text-align: center;
    }

    .universal-universe-edge {
      display: flex;
      margin-top: clamp(24px, 4vw, 44px);
      border: 1px solid rgba(255, 213, 106, 0.18);
      border-radius: 8px;
    }

    .universe-edge p {
      margin: 0;
      font-size: clamp(1.1rem, 2vw, 1.55rem);
      font-weight: 900;
      line-height: 1.15;
    }

    .universe-back-to-top {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 42px;
      padding: 10px 14px;
      border: 1px solid rgba(255, 213, 106, 0.46);
      border-radius: 999px;
      background:
        linear-gradient(180deg, rgba(255, 213, 106, 0.14), rgba(255, 213, 106, 0.06)),
        rgba(8, 14, 28, 0.92);
      color: #ffe08a;
      font: inherit;
      font-weight: 900;
      cursor: pointer;
      box-shadow: 0 0 22px rgba(255, 213, 106, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      transition: transform 150ms ease, border-color 150ms ease, color 150ms ease, background 150ms ease;
    }

    .universe-back-to-top:hover {
      transform: translateY(-2px);
      border-color: rgba(255, 213, 106, 0.68);
      color: #fff1bd;
    }

    .inventory-map {
      position: relative;
      min-height: 780px;
      overflow: hidden;
      border: 1px solid rgba(255, 213, 106, 0.26);
      border-radius: 8px;
      background:
        radial-gradient(circle at 50% 50%, rgba(255, 213, 106, 0.22), transparent 17%),
        radial-gradient(circle at 14% 18%, rgba(123, 227, 255, 0.11), transparent 20%),
        radial-gradient(circle at 87% 14%, rgba(255, 213, 106, 0.10), transparent 22%),
        radial-gradient(circle at 13% 84%, rgba(255, 120, 180, 0.08), transparent 22%),
        linear-gradient(135deg, rgba(3, 5, 12, 0.22), rgba(3, 5, 12, 0.82)),
        url("../assets/site-background.webp");
      background-size: cover;
      background-position: center;
      box-shadow: 0 32px 100px rgba(0, 0, 0, 0.40);
    }

    .inventory-map::before {
      content: "";
      position: absolute;
      inset: 11% 8%;
      pointer-events: none;
      background:
        linear-gradient(22deg, transparent 0 22%, rgba(255, 213, 106, 0.32) 22.2%, transparent 22.6%),
        linear-gradient(65deg, transparent 0 34%, rgba(255, 213, 106, 0.28) 34.2%, transparent 34.6%),
        linear-gradient(102deg, transparent 0 46%, rgba(255, 213, 106, 0.26) 46.2%, transparent 46.6%),
        linear-gradient(135deg, transparent 0 56%, rgba(255, 213, 106, 0.30) 56.2%, transparent 56.6%),
        linear-gradient(158deg, transparent 0 67%, rgba(255, 213, 106, 0.24) 67.2%, transparent 67.6%);
      opacity: 0.88;
      filter: drop-shadow(0 0 10px rgba(255, 213, 106, 0.40));
    }

    .inventory-core {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 2;
      width: min(360px, 42vw);
      aspect-ratio: 1;
      transform: translate(-50%, -50%);
      display: grid;
      place-items: center;
      align-content: center;
      gap: 8px;
      border: 2px solid rgba(255, 213, 106, 0.68);
      border-radius: 50%;
      color: #ffffff;
      text-align: center;
      background: radial-gradient(circle, rgba(255, 213, 106, 0.22), rgba(8, 12, 24, 0.92) 66%);
      box-shadow: 0 0 32px rgba(255, 213, 106, 0.44), inset 0 0 30px rgba(255, 213, 106, 0.20);
    }

    .inventory-icon {
      color: var(--gold);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(2.8rem, 7vw, 6rem);
      line-height: 0.8;
      text-shadow: 0 0 22px rgba(255, 213, 106, 0.62);
    }

    .inventory-core strong {
      font-size: clamp(1.4rem, 2.7vw, 2.4rem);
      line-height: 1;
    }

    .inventory-core span:last-child {
      color: var(--gold);
    }

    .inventory-node {
      position: absolute;
      z-index: 3;
      min-height: 70px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 16px 22px;
      border: 1px solid rgba(255, 213, 106, 0.50);
      border-radius: 8px;
      color: #ffe19a;
      text-decoration: none;
      text-align: center;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(1.08rem, 1.6vw, 1.55rem);
      font-weight: 800;
      line-height: 1.08;
      background: rgba(3, 7, 15, 0.86);
      box-shadow: 0 0 22px rgba(255, 213, 106, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(12px);
    }

    .inventory-node::before {
      content: "";
      width: 10px;
      height: 10px;
      margin-right: 10px;
      flex: 0 0 auto;
      border-radius: 50%;
      background: var(--gold);
      box-shadow: 0 0 20px rgba(255, 213, 106, 0.85);
    }

    .inventory-node:hover,
    .inventory-node:focus-visible {
      color: #ffffff;
      border-color: rgba(123, 227, 255, 0.72);
      transform: translateY(-2px);
    }

    .inventory-node.future {
      color: #d5f3ff;
      border-style: dashed;
    }

    .inventory-node.future::before {
      background: var(--accent);
      box-shadow: 0 0 20px rgba(123, 227, 255, 0.85);
    }

    .n1 { left: 7%; top: 9%; }
    .n2 { left: 42%; top: 8%; }
    .n3 { right: 7%; top: 12%; }
    .n4 { right: 4%; top: 31%; }
    .n5 { right: 10%; top: 53%; }
    .n6 { right: 17%; bottom: 10%; }
    .n7 { left: 40%; bottom: 7%; }
    .n8 { left: 15%; bottom: 11%; }
    .n9 { left: 4%; top: 56%; }
    .n10 { left: 8%; top: 34%; }
    .n11 { left: 31%; top: 22%; }
    .n12 { right: 33%; top: 74%; }

    @media (max-width: 980px) {
      .foundation-card.large {
        grid-template-columns: 1fr;
      }

      .inventory-map {
        min-height: auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 22px;
      }

      .inventory-map::before {
        display: none;
      }

      .inventory-core,
      .inventory-node {
        position: static;
        transform: none;
      }

      .inventory-core {
        grid-column: 1 / -1;
        width: min(320px, 78vw);
        justify-self: center;
        margin-bottom: 10px;
      }
    }

    @media (max-width: 720px) {
      .portal-landing {
        padding-top: 14px;
      }

      .portal-stage {
        gap: 42px;
      }

      .portal-banner {
        min-height: clamp(290px, 82vw, 390px);
        padding: clamp(22px, 7vw, 30px);
        border-radius: 22px;
        background-size: cover, cover, cover;
        background-position: center, center, 64% center;
      }

      .portal-banner h1 {
        max-width: 100%;
        font-size: clamp(1.65rem, 7.4vw, 2.1rem);
        line-height: 1;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
      }

      .portal-banner p:not(.portal-kicker),
      .portal-section-head p:not(.portal-kicker) {
        font-size: 0.98rem;
        overflow-wrap: anywhere;
      }

      .portal-section-head h2 {
        font-size: clamp(2rem, 10vw, 2.75rem);
        line-height: 1.02;
        overflow-wrap: anywhere;
      }

      .portal-magnetism {
        grid-template-columns: 1fr;
        gap: 0;
      }

      .portal-magnetism.titled-graphic-card {
        width: 100%;
        max-width: 100%;
        justify-self: stretch;
      }

      .portal-magnetism-layout {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px;
      }

      .maxwell-symbols,
      .maxwell-grid {
        grid-template-columns: 1fr;
      }

      .maxwell-formula {
        width: 100%;
        max-width: 100%;
        font-size: clamp(1rem, 5vw, 1.22rem);
      }

      .portal-magnetar-visual img {
        height: auto;
      }

      .portal-maxwell-visual {
        grid-template-columns: 1fr;
        padding: 18px;
      }

      .maxwell-equations span {
        font-size: clamp(1rem, 5vw, 1.22rem);
        padding: 12px 14px;
      }

      .foundation-grid {
        grid-template-columns: 1fr;
      }

      .foundation-card img {
        min-height: 0;
      }

      .foundation-card h3 {
        font-size: clamp(1.35rem, 7vw, 2rem);
        overflow-wrap: anywhere;
      }

      .titled-graphic-card {
        min-height: 0;
        width: calc(100vw - 36px);
        max-width: calc(100vw - 36px);
        overflow: hidden;
        justify-self: start;
      }

      .titled-graphic-card figure {
        width: calc(100vw - 36px);
        max-width: calc(100vw - 36px);
        min-width: 0;
        overflow: hidden;
      }

      .titled-graphic-card img {
        width: 100%;
        max-width: 100%;
      }

      .titled-graphic-card h3 {
        max-width: 86%;
        font-size: clamp(1.25rem, 7.2vw, 1.8rem);
        line-height: 1.05;
      }

      .portal-magnetism.titled-graphic-card {
        width: calc(100vw - 32px);
        max-width: calc(100vw - 32px);
        justify-self: start;
      }

      .portal-magnetism,
      .portal-magnetism * {
        box-sizing: border-box;
        min-width: 0;
      }

      .portal-magnetism.titled-graphic-card h3 {
        max-width: calc(100% - 24px);
        overflow-wrap: anywhere;
      }

      .maxwell-intro p,
      .maxwell-note,
      .maxwell-law-card p,
      .maxwell-symbols dd {
        overflow-wrap: anywhere;
      }

      .periodic-card h3 {
        max-width: 13ch;
        font-size: clamp(1.18rem, 6.2vw, 1.55rem);
      }

      .formula-card .formula-caption,
      .formula-details-body {
        font-size: 0.96rem;
        line-height: 1.48;
      }

      .formula-details summary {
        justify-content: center;
        min-height: 0;
        padding: 13px 18px;
      }

      .formula-overview-grid {
        grid-template-columns: 1fr;
      }

      .formula-term {
        gap: 10px;
        padding: 20px;
      }

      .inventory-map {
        grid-template-columns: 1fr;
      }

      .inventory-core {
        width: min(280px, 76vw);
      }

      .inventory-node {
        justify-content: flex-start;
        min-height: 58px;
        font-size: 1.08rem;
        text-align: left;
      }
    }

    :root[data-theme="light"] .portal-banner {
      border-color: rgba(184, 121, 34, 0.78);
      background:
        radial-gradient(circle at 8% 22%, rgba(255, 213, 106, 0.36), transparent 34%),
        linear-gradient(90deg, rgba(246, 249, 255, 0.68) 0%, rgba(255, 213, 106, 0.34) 38%, rgba(255, 255, 255, 0.12) 72%, rgba(255, 255, 255, 0.05) 100%),
        url("../assets/portal-startseite-banner.webp");
      background-size: cover, cover, cover;
      background-position: center, center, center 54%;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        inset 0 0 58px rgba(255, 213, 106, 0.13),
        0 18px 46px rgba(30, 39, 56, 0.24);
    }

    :root[data-theme="light"] .portal-banner h1 {
      color: var(--text);
      text-shadow: none;
    }

    :root[data-theme="light"] .portal-banner p:not(.portal-kicker) {
      color: #e2eaff;
      text-shadow: 0 1px 12px rgba(0, 0, 0, 0.30);
    }

    /* Eigenes Datenhimmel-Motiv nur für die aktive Startseite. */
    body:has(.startseite.page-section.active) {
      background:
        radial-gradient(ellipse at 50% 4%, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.28) 36%, transparent 68%),
        radial-gradient(circle at 94% 22%, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.12) 24%, transparent 42%),
        linear-gradient(180deg, rgba(2, 2, 4, 0.08) 0%, rgba(2, 2, 4, 0.22) 48%, rgba(2, 2, 4, 0.76) 100%),
        url("../assets/startseite-radio-datenhimmel-v1.webp"),
        #020204;
      background-size: cover, cover, cover, 112% auto, cover;
      background-position: center, center, center, center top, center;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }

    body:has(.startseite.page-section.active)::before,
    body:has(.startseite.page-section.active)::after {
      opacity: 0;
    }

    :root[data-theme="light"] body:has(.startseite.page-section.active) {
      background:
        radial-gradient(ellipse at 50% 4%, rgba(250, 248, 241, 0.82) 0%, rgba(250, 248, 241, 0.50) 40%, transparent 70%),
        radial-gradient(circle at 94% 22%, rgba(250, 248, 241, 0.58) 0%, rgba(250, 248, 241, 0.22) 28%, transparent 44%),
        linear-gradient(180deg, rgba(250, 248, 241, 0.72) 0%, rgba(246, 243, 234, 0.84) 56%, rgba(250, 249, 245, 0.96) 100%),
        url("../assets/startseite-radio-datenhimmel-v1.webp"),
        #f7f4eb;
      background-size: cover, cover, cover, 112% auto, cover;
      background-position: center, center, center, center top, center;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }

    .startseite.page-section.active {
      position: relative;
      isolation: isolate;
    }

    .startseite.page-section.active::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.14) 22%, rgba(0, 0, 0, 0.48) 58%, rgba(0, 0, 0, 0.76) 100%);
    }

    :root[data-theme="light"] .startseite.page-section.active::before {
      background: linear-gradient(180deg, transparent 0%, rgba(250, 248, 241, 0.12) 22%, rgba(250, 248, 241, 0.48) 58%, rgba(250, 248, 241, 0.78) 100%);
    }

    body:has(.startseite.page-section.active) .site-nav {
      background: linear-gradient(180deg, rgba(2, 2, 4, 0.82) 0%, rgba(2, 2, 4, 0.52) 72%, rgba(2, 2, 4, 0.20) 100%);
    }

    :root[data-theme="light"] body:has(.startseite.page-section.active) .site-nav {
      background: linear-gradient(180deg, rgba(250, 248, 241, 0.88) 0%, rgba(250, 248, 241, 0.64) 72%, rgba(250, 248, 241, 0.24) 100%);
    }

    @media (max-width: 640px) {
      body:has(.startseite.page-section.active),
      :root[data-theme="light"] body:has(.startseite.page-section.active) {
        background-size: cover, cover, cover, 220% auto, cover;
        background-position: center top, center top, center top, center top, center top;
        background-attachment: scroll;
      }
    }

    /* Startseiten-Blöcke als ruhige Schwarz-Gold-Glasflächen. */
    :root:not([data-theme="light"]) .startseite .foundation-card,
    :root:not([data-theme="light"]) .startseite .portal-magnetism,
    :root:not([data-theme="light"]) .startseite .site-inventory.titled-graphic-card {
      border-color: rgba(236, 193, 101, 0.46);
      background:
        radial-gradient(circle at 14% 0%, rgba(255, 222, 145, 0.10), transparent 34%),
        linear-gradient(145deg, rgba(16, 13, 11, 0.76), rgba(2, 3, 7, 0.84));
      box-shadow:
        inset 0 1px 0 rgba(255, 242, 202, 0.08),
        0 24px 72px rgba(0, 0, 0, 0.44),
        0 0 28px rgba(221, 172, 68, 0.05);
      backdrop-filter: blur(14px) saturate(112%);
    }

    :root:not([data-theme="light"]) .startseite .titled-graphic-card > div {
      background:
        linear-gradient(100deg, rgba(255, 218, 128, 0.12), rgba(18, 15, 14, 0.76) 38%, rgba(3, 4, 8, 0.82)),
        rgba(4, 4, 6, 0.72);
      border-bottom-color: rgba(236, 193, 101, 0.30);
      box-shadow: inset 0 -1px 0 rgba(255, 239, 190, 0.04);
      backdrop-filter: blur(16px);
    }

    :root:not([data-theme="light"]) .startseite .portal-magnetism-layout,
    :root:not([data-theme="light"]) .startseite .formula-card .formula-caption,
    :root:not([data-theme="light"]) .startseite .formula-details,
    :root:not([data-theme="light"]) .startseite .foundation-card p.graphic-note {
      background:
        linear-gradient(135deg, rgba(11, 9, 8, 0.66), rgba(1, 3, 7, 0.78));
      border-color: rgba(236, 193, 101, 0.22);
    }

    :root:not([data-theme="light"]) .startseite .portal-magnetar-visual,
    :root:not([data-theme="light"]) .startseite .inventory-visual {
      border-color: rgba(236, 193, 101, 0.38);
      background:
        radial-gradient(circle at 18% 0%, rgba(255, 218, 128, 0.08), transparent 34%),
        rgba(1, 3, 7, 0.88);
    }

    :root:not([data-theme="light"]) .startseite .maxwell-law-card,
    :root:not([data-theme="light"]) .startseite .formula-term,
    :root:not([data-theme="light"]) .startseite .maxwell-symbols div {
      border-color: rgba(236, 193, 101, 0.28);
      background:
        radial-gradient(circle at 14% 0%, rgba(255, 222, 145, 0.08), transparent 34%),
        linear-gradient(145deg, rgba(18, 14, 11, 0.62), rgba(2, 4, 8, 0.76));
      box-shadow:
        inset 0 1px 0 rgba(255, 244, 209, 0.05),
        0 14px 38px rgba(0, 0, 0, 0.24);
    }

    :root:not([data-theme="light"]) .startseite .inline-formula,
    :root:not([data-theme="light"]) .startseite .formula-details summary,
    :root:not([data-theme="light"]) .startseite .maxwell-details summary {
      border-color: rgba(236, 193, 101, 0.42);
      background: rgba(255, 220, 139, 0.055);
      box-shadow:
        inset 0 1px 0 rgba(255, 247, 220, 0.06),
        0 0 20px rgba(222, 174, 72, 0.07);
    }

    :root:not([data-theme="light"]) .startseite .maxwell-intro p,
    :root:not([data-theme="light"]) .startseite .maxwell-note,
    :root:not([data-theme="light"]) .startseite .foundation-card p:not(.portal-kicker),
    :root:not([data-theme="light"]) .startseite .formula-details-body,
    :root:not([data-theme="light"]) .startseite .maxwell-symbols dd {
      color: rgba(244, 240, 229, 0.88);
    }

    :root:not([data-theme="light"]) .startseite .foundation-card.titled-graphic-card figure::after,
    :root:not([data-theme="light"]) .startseite .site-inventory .inventory-visual::after,
    :root:not([data-theme="light"]) .startseite .foundation-card p.graphic-note {
      color: rgba(230, 211, 166, 0.74);
      border-top-color: rgba(236, 193, 101, 0.20);
      background:
        linear-gradient(90deg, rgba(236, 193, 101, 0.035), transparent 34%, rgba(236, 193, 101, 0.018)),
        #050609;
    }

    /* Ruhigere, flachere Hauptnavigation im Schwarz-Gold-Glasstil. */
    .site-nav {
      padding: 6px 0;
      background: linear-gradient(180deg, rgba(1, 2, 4, 0.72), rgba(1, 2, 4, 0.18));
      border-bottom-color: rgba(236, 193, 101, 0.08);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

    .main-tabs {
      gap: 7px;
      padding: 7px 9px;
      border: 1px solid rgba(236, 193, 101, 0.28);
      border-radius: 26px;
      background:
        radial-gradient(circle at 12% 0%, rgba(255, 225, 157, 0.08), transparent 38%),
        linear-gradient(135deg, rgba(14, 12, 11, 0.74), rgba(2, 4, 8, 0.78));
      box-shadow:
        inset 0 1px 0 rgba(255, 244, 210, 0.07),
        0 10px 32px rgba(0, 0, 0, 0.24),
        0 0 24px rgba(218, 169, 67, 0.035);
      backdrop-filter: blur(16px) saturate(112%);
      -webkit-backdrop-filter: blur(16px) saturate(112%);
    }

    .main-tab {
      min-height: 42px;
      padding: 8px 13px;
      color: rgba(245, 241, 230, 0.88);
      background:
        linear-gradient(rgba(11, 12, 15, 0.90), rgba(5, 7, 11, 0.92)) padding-box,
        linear-gradient(137deg, rgba(255, 241, 205, 0.34), rgba(191, 145, 57, 0.28)) border-box;
      text-shadow: 0 1px 10px rgba(255, 222, 145, 0.08);
    }

    .main-tab:hover {
      color: #fffaf0;
      background:
        linear-gradient(rgba(18, 16, 14, 0.94), rgba(6, 8, 12, 0.94)) padding-box,
        var(--tab-gradient) border-box;
      box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.26),
        0 0 22px rgba(236, 193, 101, 0.12);
    }

    .main-tab[aria-current="page"] {
      color: #fff8df;
      background:
        linear-gradient(rgba(20, 17, 15, 0.94), rgba(6, 8, 12, 0.94)) padding-box,
        var(--tab-gradient) border-box;
      box-shadow:
        0 0 0 1px rgba(255, 232, 178, 0.10),
        0 10px 28px rgba(0, 0, 0, 0.28),
        0 0 24px rgba(236, 193, 101, 0.15);
    }

    .theme-toggle,
    .back-to-top {
      display: inline-flex;
      align-items: center;
      min-width: 126px;
      justify-content: center;
      border-color: rgba(236, 193, 101, 0.46);
      background:
        linear-gradient(180deg, rgba(255, 222, 145, 0.10), rgba(255, 222, 145, 0.035)),
        rgba(5, 6, 9, 0.86);
      color: #f2c963;
      box-shadow:
        inset 0 1px 0 rgba(255, 246, 216, 0.07),
        0 12px 30px rgba(0, 0, 0, 0.30),
        0 0 18px rgba(221, 172, 68, 0.06);
    }

    :root[data-theme="light"] .site-nav {
      background: linear-gradient(180deg, rgba(250, 248, 241, 0.80), rgba(250, 248, 241, 0.28));
      border-bottom-color: rgba(105, 76, 18, 0.10);
    }

    :root[data-theme="light"] .main-tabs {
      border-color: rgba(105, 76, 18, 0.24);
      background:
        radial-gradient(circle at 12% 0%, rgba(255, 214, 115, 0.14), transparent 38%),
        rgba(252, 250, 245, 0.78);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 10px 30px rgba(48, 37, 18, 0.10);
    }

    :root[data-theme="light"] .main-tab {
      color: #283044;
      background:
        linear-gradient(rgba(255, 254, 250, 0.94), rgba(246, 241, 229, 0.94)) padding-box,
        linear-gradient(137deg, rgba(87, 67, 25, 0.32), rgba(173, 124, 27, 0.28)) border-box;
      text-shadow: none;
    }

    :root[data-theme="light"] .main-tab:hover,
    :root[data-theme="light"] .main-tab[aria-current="page"] {
      color: #151a26;
      background:
        linear-gradient(rgba(255, 254, 250, 0.96), rgba(246, 241, 229, 0.96)) padding-box,
        var(--tab-gradient) border-box;
    }

    :root[data-theme="light"] .theme-toggle,
    :root[data-theme="light"] .back-to-top {
      border-color: rgba(105, 76, 18, 0.34);
      background:
        linear-gradient(180deg, rgba(255, 214, 115, 0.16), rgba(255, 214, 115, 0.05)),
        rgba(252, 250, 245, 0.90);
      color: #6d4b08;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 12px 28px rgba(58, 42, 16, 0.12);
    }

    body:has(.startseite.page-section.active) .floating-tools {
      bottom: 63px;
      gap: 8px;
      align-items: stretch;
    }

    @media (min-width: 721px) and (min-height: 521px) {
      .start-scroll-route {
        top: auto;
        right: 163px;
        bottom: 18px;
        left: auto;
        z-index: 1201;
        box-sizing: border-box;
        width: 64px;
        height: 184px;
        padding: 10px 5px;
        display: grid;
        grid-template-rows: auto 1fr auto;
        justify-items: center;
        gap: 7px;
        opacity: 0.52;
        transform: none;
        border: 1px solid rgba(236, 193, 101, 0.28);
        border-radius: 30px;
        background:
          linear-gradient(180deg, rgba(255, 222, 145, 0.065), rgba(255, 222, 145, 0.018)),
          rgba(3, 4, 7, 0.74);
        box-shadow:
          inset 0 1px 0 rgba(255, 245, 214, 0.06),
          0 12px 30px rgba(0, 0, 0, 0.28);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
      }

      .start-scroll-route::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -19px;
        width: 19px;
        height: 1px;
        background: linear-gradient(90deg, rgba(236, 193, 101, 0.52), rgba(236, 193, 101, 0.10));
        box-shadow: 0 0 10px rgba(236, 193, 101, 0.18);
      }

      .start-scroll-route-label,
      .start-scroll-route-fill,
      .start-scroll-route-track::after,
      .start-scroll-route-core {
        display: block;
      }

      .start-scroll-route-track {
        width: 3px;
        height: 100px;
        align-self: center;
        background: rgba(255, 219, 127, 0.30);
        box-shadow: 0 0 0 1px rgba(4, 9, 19, 0.72), 0 0 18px rgba(255, 198, 66, 0.12);
      }

      .start-scroll-route-marker {
        position: absolute;
        top: var(--start-scroll-progress);
        left: 50%;
        display: flex;
        width: 36px;
        height: 36px;
        transform: translate(-50%, -50%);
      }

      .start-scroll-route-core {
        width: 36px;
        height: 36px;
      }

      .start-scroll-route-status {
        position: absolute;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        font-size: 0.68rem;
        letter-spacing: -0.04em;
      }

      :root[data-theme="light"] .start-scroll-route {
        border-color: rgba(105, 76, 18, 0.28);
        background:
          linear-gradient(180deg, rgba(255, 214, 115, 0.10), rgba(255, 214, 115, 0.025)),
          rgba(252, 250, 245, 0.78);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.82),
          0 12px 28px rgba(58, 42, 16, 0.12);
      }

      :root[data-theme="light"] .start-scroll-route::after {
        background: linear-gradient(90deg, rgba(128, 88, 11, 0.44), rgba(128, 88, 11, 0.08));
      }
    }

    @media (max-width: 720px), (max-height: 520px) {
      body:has(.startseite.page-section.active) .floating-tools {
        right: 10px;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
        left: auto;
        width: auto;
        flex-direction: row;
        align-items: center;
      }

      body:has(.startseite.page-section.active) .start-scroll-route {
        top: auto;
        right: auto;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
        left: 10px;
        z-index: 1201;
        width: 104px;
        height: 40px;
        opacity: 0.78;
        transform: none;
      }

      body:has(.startseite.page-section.active) .start-scroll-route-status {
        width: 40px;
        height: 40px;
        min-width: 40px;
        padding: 0;
        display: grid;
        place-items: center;
        border-color: rgba(236, 193, 101, 0.46);
        border-radius: 50%;
        background:
          radial-gradient(circle at 34% 28%, rgba(34, 28, 19, 0.96), rgba(3, 5, 9, 0.96) 72%);
        box-shadow:
          0 0 0 4px rgba(213, 166, 60, 0.08),
          0 0 16px rgba(255, 214, 105, 0.20);
      }

      body:has(.startseite.page-section.active) .start-scroll-route-chapter {
        top: 50%;
        right: auto;
        left: 46px;
        min-width: 58px;
        padding: 5px 7px;
        transform: translateY(-50%);
      }

      body:has(.startseite.page-section.active) .theme-toggle,
      body:has(.startseite.page-section.active) .back-to-top {
        min-width: 0;
        min-height: 38px;
        padding: 8px 10px;
        font-size: 0.78rem;
      }

      body:has(.startseite.page-section.active) .back-to-top:not(.visible) {
        width: 0;
        padding-inline: 0;
        border-width: 0;
        opacity: 0;
        visibility: hidden;
      }

      .nav-menu-toggle {
        border-color: rgba(236, 193, 101, 0.36);
        background:
          linear-gradient(180deg, rgba(255, 222, 145, 0.10), rgba(255, 222, 145, 0.035)),
          rgba(5, 6, 9, 0.90);
      }
    }

    /* Ravenbrain-Reitereffekt: Die vorhandenen Farben bleiben unverändert. */
    @property --magnetare-button-angle {
      syntax: "<angle>";
      initial-value: 0deg;
      inherits: false;
    }

    :is(.btn, .main-tab, .mini-tab, .tab-btn, .filter-btn, .theme-toggle, .back-to-top, .universe-back-to-top) {
      --button-effect-color: var(--gold);
      --button-effect-soft: color-mix(in srgb, var(--button-effect-color) 32%, transparent);
      position: relative;
      isolation: isolate;
      overflow: hidden;
    }

    .btn {
      --button-effect-color: var(--accent);
    }

    :is(.source-nav .btn, .theme-toggle, .back-to-top, .universe-back-to-top) {
      --button-effect-color: var(--gold);
    }

    :is(.btn, .main-tab, .mini-tab, .tab-btn, .filter-btn, .theme-toggle, .back-to-top, .universe-back-to-top)::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      border-radius: inherit;
      padding: 2.4px;
      pointer-events: none;
      background: conic-gradient(
        from var(--magnetare-button-angle),
        transparent 0 61%,
        color-mix(in srgb, var(--button-effect-color) 76%, white) 68%,
        white 73%,
        var(--button-effect-color) 78%,
        transparent 86% 100%
      );
      filter: drop-shadow(0 0 3px var(--button-effect-color));
      opacity: 1;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask: linear-gradient(#fff 0 0) content-box exclude, linear-gradient(#fff 0 0);
      animation: magnetare-button-edge 8s linear infinite;
    }

    :is(.btn, .main-tab, .mini-tab, .tab-btn, .filter-btn, .theme-toggle, .back-to-top, .universe-back-to-top)::after {
      content: "";
      position: absolute;
      z-index: 0;
      top: 0;
      bottom: 0;
      left: -78%;
      width: 58%;
      border-radius: inherit;
      pointer-events: none;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent);
      transform: skewX(-18deg);
      animation: magnetare-button-shimmer 3.8s ease-in-out infinite;
    }

    :is(.btn, .main-tab, .mini-tab, .tab-btn, .filter-btn, .theme-toggle, .back-to-top, .universe-back-to-top):hover {
      box-shadow:
        0 0 28px var(--button-effect-soft),
        0 0 58px color-mix(in srgb, var(--button-effect-color) 14%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .main-tab:nth-child(1) { --button-effect-color: #ff9d72; }
    .main-tab:nth-child(2) { --button-effect-color: #68e7ff; }
    .main-tab:nth-child(3) { --button-effect-color: #c792ff; }
    .main-tab:nth-child(4) { --button-effect-color: #ffd56a; }
    .main-tab:nth-child(5) { --button-effect-color: #a78bfa; }
    .main-tab:nth-child(6) { --button-effect-color: #ffb1ce; }
    .main-tab:nth-child(7) { --button-effect-color: #89a7ff; }

    #experimentTabs .mini-tab:nth-child(1) { --button-effect-color: #d7dde5; }
    #experimentTabs .mini-tab:nth-child(2) { --button-effect-color: #45c7f0; }
    #experimentTabs .mini-tab:nth-child(3) { --button-effect-color: #b8c2ce; }
    #experimentTabs .mini-tab:nth-child(4) { --button-effect-color: #46d6a0; }
    #experimentTabs .mini-tab:nth-child(5) { --button-effect-color: #ec4f91; }
    #experimentTabs .mini-tab:nth-child(6) { --button-effect-color: #8d6bff; }
    #experimentTabs .mini-tab:nth-child(7) { --button-effect-color: #e451a3; }
    #experimentTabs .mini-tab:nth-child(8) { --button-effect-color: #b59af2; }
    #experimentTabs .mini-tab:nth-child(9) { --button-effect-color: #39d5e8; }
    #experimentTabs .mini-tab:nth-child(10) { --button-effect-color: #f08ba8; }
    #experimentTabs .mini-tab:nth-child(11) { --button-effect-color: #e03c31; }

    .inventory-network-node .inventory-node-effect {
      fill: none;
      stroke: var(--node-accent);
      stroke-width: 2.6px;
      stroke-dasharray: 0.12 0.88;
      stroke-dashoffset: 0;
      pointer-events: none;
      filter: drop-shadow(0 0 5px var(--node-accent));
      animation: magnetare-inventory-tab-edge 8s linear infinite;
    }

    @keyframes magnetare-button-edge {
      to { --magnetare-button-angle: 360deg; }
    }

    @keyframes magnetare-button-shimmer {
      0%, 30% { left: -78%; }
      72%, 100% { left: 128%; }
    }

    @keyframes magnetare-inventory-tab-edge {
      to { stroke-dashoffset: -1; }
    }

    @media (prefers-reduced-motion: reduce) {
      :is(.btn, .main-tab, .mini-tab, .tab-btn, .filter-btn, .theme-toggle, .back-to-top, .universe-back-to-top)::before,
      :is(.btn, .main-tab, .mini-tab, .tab-btn, .filter-btn, .theme-toggle, .back-to-top, .universe-back-to-top)::after,
      .inventory-network-node .inventory-node-effect {
        animation: none;
      }
    }

    /* Abschließender Rhythmus und Orientierung der Startseite. */
    .portal-inventory-jump {
      justify-self: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      width: fit-content;
      min-height: 42px;
      margin: -28px auto -22px;
      padding: 9px 15px;
      border: 1px solid rgba(236, 193, 101, 0.38);
      border-radius: 999px;
      color: #f4d582;
      background:
        linear-gradient(180deg, rgba(255, 222, 145, 0.08), rgba(255, 222, 145, 0.025)),
        rgba(4, 5, 8, 0.76);
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 248, 224, 0.06);
      font-weight: 850;
      text-decoration: none;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
    }

    .portal-inventory-jump:hover {
      transform: translateY(-2px);
      border-color: rgba(255, 218, 128, 0.68);
      background:
        linear-gradient(180deg, rgba(255, 222, 145, 0.13), rgba(255, 222, 145, 0.045)),
        rgba(6, 7, 10, 0.84);
    }

    #start-inventory {
      scroll-margin-top: calc(var(--main-nav-height) + 180px);
    }

    .start-scroll-route-chapter {
      position: absolute;
      top: 50%;
      right: calc(100% + 10px);
      min-width: 62px;
      padding: 5px 9px;
      border: 1px solid rgba(236, 193, 101, 0.28);
      border-radius: 999px;
      color: rgba(246, 221, 159, 0.88);
      background: rgba(4, 5, 8, 0.76);
      box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
      font-size: 0.68rem;
      font-weight: 900;
      letter-spacing: 0.06em;
      line-height: 1;
      text-align: center;
      text-transform: uppercase;
      transform: translateY(-50%);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    @media (min-width: 1181px) {
      .startseite .portal-stage {
        gap: clamp(36px, 4vw, 54px);
      }

      .startseite .foundation-grid {
        gap: clamp(52px, 6vw, 84px);
      }

      .startseite .site-inventory,
      .startseite .portal-magnetism {
        margin-top: clamp(72px, 7vw, 105px);
      }
    }

    /* Vollständige Weiß-Champagner-Gold-Version der Startseite. */
    :root[data-theme="light"] body:has(.startseite.page-section.active) {
      background:
        linear-gradient(180deg, rgba(250, 248, 241, 0.90) 0%, rgba(246, 241, 229, 0.94) 58%, rgba(250, 249, 245, 0.97) 100%),
        url("../assets/startseite-radio-datenhimmel-v1.webp"),
        #f7f3e9;
      background-size: cover, 112% auto, cover;
      background-position: center, center top, center;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }

    :root[data-theme="light"] .startseite .foundation-card,
    :root[data-theme="light"] .startseite .portal-magnetism,
    :root[data-theme="light"] .startseite .site-inventory.titled-graphic-card {
      border-color: rgba(132, 91, 14, 0.34);
      background:
        radial-gradient(circle at 14% 0%, rgba(255, 210, 103, 0.16), transparent 34%),
        linear-gradient(145deg, rgba(255, 254, 249, 0.90), rgba(239, 232, 215, 0.92));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 22px 58px rgba(62, 45, 16, 0.14);
      backdrop-filter: blur(14px) saturate(108%);
    }

    :root[data-theme="light"] .startseite .titled-graphic-card > div {
      border-bottom-color: rgba(132, 91, 14, 0.24);
      background:
        linear-gradient(100deg, rgba(255, 212, 112, 0.22), rgba(255, 253, 246, 0.90) 42%, rgba(235, 226, 205, 0.90));
      box-shadow: inset 0 -1px 0 rgba(112, 78, 15, 0.05);
    }

    :root[data-theme="light"] .startseite .portal-magnetism-layout,
    :root[data-theme="light"] .startseite .formula-card .formula-caption,
    :root[data-theme="light"] .startseite .formula-details,
    :root[data-theme="light"] .startseite .graphic-note {
      border-color: rgba(132, 91, 14, 0.20);
      background: linear-gradient(135deg, rgba(255, 254, 249, 0.88), rgba(237, 229, 211, 0.90));
    }

    :root[data-theme="light"] .startseite .maxwell-law-card,
    :root[data-theme="light"] .startseite .formula-term,
    :root[data-theme="light"] .startseite .maxwell-symbols div {
      border-color: rgba(132, 91, 14, 0.24);
      background:
        radial-gradient(circle at 14% 0%, rgba(255, 213, 115, 0.16), transparent 34%),
        linear-gradient(145deg, rgba(255, 254, 249, 0.92), rgba(235, 227, 208, 0.92));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 12px 30px rgba(62, 45, 16, 0.10);
    }

    :root[data-theme="light"] .startseite .inline-formula,
    :root[data-theme="light"] .startseite .formula-details summary,
    :root[data-theme="light"] .startseite .maxwell-details summary {
      border-color: rgba(132, 91, 14, 0.34);
      color: #5c410c;
      background: rgba(255, 210, 103, 0.12);
      box-shadow: 0 0 18px rgba(132, 91, 14, 0.06);
    }

    :root[data-theme="light"] .startseite .titled-graphic-card h3,
    :root[data-theme="light"] .startseite .formula-term h4,
    :root[data-theme="light"] .startseite .maxwell-law-card h4,
    :root[data-theme="light"] .startseite .formula-details-body h4 {
      color: #4f370a;
      text-shadow: none;
    }

    :root[data-theme="light"] .startseite .maxwell-intro p,
    :root[data-theme="light"] .startseite .maxwell-note,
    :root[data-theme="light"] .startseite .foundation-card p:not(.portal-kicker),
    :root[data-theme="light"] .startseite .formula-details-body,
    :root[data-theme="light"] .startseite .maxwell-symbols dd,
    :root[data-theme="light"] .startseite .graphic-note {
      color: #3f3a30;
    }

    :root[data-theme="light"] .startseite .foundation-card.titled-graphic-card figure::after,
    :root[data-theme="light"] .startseite .site-inventory .inventory-visual::after {
      color: rgba(86, 62, 17, 0.76);
      border-top-color: rgba(132, 91, 14, 0.20);
      background: rgba(246, 240, 226, 0.94);
    }

    :root[data-theme="light"] .portal-inventory-jump,
    :root[data-theme="light"] .start-scroll-route-chapter {
      border-color: rgba(112, 78, 15, 0.30);
      color: #654608;
      background: rgba(252, 249, 240, 0.90);
      box-shadow: 0 8px 22px rgba(62, 45, 16, 0.10);
    }

    /* Bewegte Startseiten-Elemente laufen nur in der Nähe des Sichtbereichs. */
    .startseite.motion-managed .inventory-network:not(.is-motion-active) .inventory-beam,
    .startseite.motion-managed .inventory-network:not(.is-motion-active) .inventory-node-dot,
    .startseite.motion-managed .inventory-network:not(.is-motion-active) .inventory-core-halo {
      animation-play-state: paused;
    }

    .startseite.motion-managed .inventory-network.is-motion-active .inventory-beam,
    .startseite.motion-managed .inventory-network.is-motion-active .inventory-node-dot,
    .startseite.motion-managed .inventory-network.is-motion-active .inventory-core-halo {
      animation-play-state: running;
    }

    .startseite.motion-managed .start-edge-transition:not(.is-motion-active)::before,
    .startseite.motion-managed .start-edge-transition:not(.is-motion-active)::after,
    .startseite.motion-managed .start-edge-transition:not(.is-motion-active) .start-edge-depth,
    .startseite.motion-managed .start-edge-transition:not(.is-motion-active) .start-edge-inflow,
    .startseite.motion-managed .start-edge-transition:not(.is-motion-active) .start-edge-glow-secondary {
      animation-play-state: paused;
    }

    .startseite.motion-managed .start-edge-transition.is-motion-active::before,
    .startseite.motion-managed .start-edge-transition.is-motion-active::after,
    .startseite.motion-managed .start-edge-transition.is-motion-active .start-edge-depth,
    .startseite.motion-managed .start-edge-transition.is-motion-active .start-edge-inflow,
    .startseite.motion-managed .start-edge-transition.is-motion-active .start-edge-glow-secondary {
      animation-play-state: running;
    }

    body:has(.startseite.page-section.active) :is(a, button, summary):focus-visible {
      outline-color: rgba(255, 224, 145, 0.98);
      box-shadow: 0 0 0 4px rgba(236, 193, 101, 0.16), 0 0 22px rgba(236, 193, 101, 0.18);
    }

    @media (max-width: 720px), (max-height: 520px) {
      .portal-inventory-jump {
        min-height: 40px;
        margin: -20px auto -16px;
        padding: 8px 13px;
        font-size: 0.86rem;
      }

      body:has(.startseite.page-section.active) .start-scroll-route-chapter {
        top: 50%;
        right: auto;
        left: 46px;
        min-width: 58px;
        padding: 5px 7px;
        font-size: 0.62rem;
        transform: translateY(-50%);
      }

      :root[data-theme="light"] body:has(.startseite.page-section.active) {
        background-size: cover, 220% auto, cover;
        background-position: center top, center top, center top;
        background-attachment: scroll;
      }
    }

    /* Schmale Displays: Kapitel, Fortschritt und Werkzeuge als ruhige Spalte. */
    @media (max-width: 720px) {
      body:has(.startseite.page-section.active) .floating-tools {
        right: 10px;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
        left: auto;
        width: 128px;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
      }

      body:has(.startseite.page-section.active) .theme-toggle,
      body:has(.startseite.page-section.active) .back-to-top {
        width: 100%;
      }

      body:has(.startseite.page-section.active) .back-to-top:not(.visible) {
        display: none;
      }

      body:has(.startseite.page-section.active) .start-scroll-route {
        top: auto;
        right: 10px;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 56px);
        left: auto;
        width: 128px;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        opacity: 0.88;
        transform: none;
      }

      body:has(.startseite.page-section.active):has(.back-to-top.visible) .start-scroll-route {
        bottom: calc(env(safe-area-inset-bottom, 0px) + 102px);
      }

      body:has(.startseite.page-section.active) .start-scroll-route-chapter {
        position: static;
        order: 1;
        width: 100%;
        min-width: 0;
        padding: 6px 8px;
        transform: none;
      }

      body:has(.startseite.page-section.active) .start-scroll-route-track {
        order: 2;
        width: 40px;
        height: 40px;
      }

      body:has(.startseite.page-section.active) .start-scroll-route-marker {
        position: static;
        width: 40px;
        height: 40px;
        transform: none;
      }
    }

    /* Breite Displays: Auch hier alle vier Bedienelemente untereinander. */
    @media (min-width: 721px) and (min-height: 521px) {
      body:has(.startseite.page-section.active) .floating-tools {
        right: 18px;
        bottom: 18px;
        width: 128px;
        align-items: stretch;
      }

      body:has(.startseite.page-section.active) .theme-toggle,
      body:has(.startseite.page-section.active) .back-to-top {
        width: 100%;
      }

      body:has(.startseite.page-section.active) .back-to-top:not(.visible) {
        display: none;
      }

      body:has(.startseite.page-section.active) .start-scroll-route {
        top: auto;
        right: 18px;
        bottom: 68px;
        left: auto;
        width: 128px;
        height: 230px;
        padding: 10px 8px;
        grid-template-rows: auto auto 1fr auto;
        gap: 7px;
        opacity: 0.72;
        transform: none;
      }

      body:has(.startseite.page-section.active):has(.back-to-top.visible) .start-scroll-route {
        bottom: 120px;
      }

      body:has(.startseite.page-section.active) .start-scroll-route::after {
        content: none;
      }

      body:has(.startseite.page-section.active) .start-scroll-route-chapter {
        position: static;
        grid-row: 1;
        width: 100%;
        min-width: 0;
        padding: 6px 8px;
        transform: none;
      }

      body:has(.startseite.page-section.active) .start-scroll-route > .start-scroll-route-label:first-child {
        grid-row: 2;
      }

      body:has(.startseite.page-section.active) .start-scroll-route-track {
        grid-row: 3;
      }

      body:has(.startseite.page-section.active) .start-scroll-route > .start-scroll-route-label:last-child {
        grid-row: 4;
      }
    }

    /* Gemeinsames Werkzeugprinzip: Route und Buttons leben in derselben festen Leiste. */
    .start-scroll-route {
      display: none;
    }

    body:has(.startseite.page-section.active) .start-scroll-route {
      display: grid;
    }

    .startseite .portal-magnetism,
    .startseite .site-inventory {
      content-visibility: auto;
      contain-intrinsic-size: auto 900px;
    }

    @media (min-width: 721px) and (min-height: 521px) {
      body:has(.startseite.page-section.active) .floating-tools {
        right: 18px;
        bottom: 18px;
        width: 128px;
        align-items: stretch;
        gap: 10px;
      }

      body:has(.startseite.page-section.active) .start-scroll-route {
        position: static;
        inset: auto;
        order: 1;
        width: 128px;
        height: 230px;
        transform: none;
      }

      body:has(.startseite.page-section.active) .theme-toggle {
        order: 2;
      }

      body:has(.startseite.page-section.active) .back-to-top {
        order: 3;
      }
    }

    @media (max-width: 720px), (max-height: 520px) {
      body:has(.startseite.page-section.active) .floating-tools {
        top: auto;
        right: 10px;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
        left: 10px;
        width: auto;
        max-width: none;
        padding: 6px 8px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
        border: 1px solid rgba(236, 193, 101, 0.26);
        border-radius: 999px;
        background: rgba(7, 7, 8, 0.88);
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.06);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        transform: none;
      }

      body:has(.startseite.page-section.active) .floating-tools :is(.theme-toggle, .back-to-top) {
        width: auto;
        min-width: 0;
        min-height: 34px;
        padding: 6px 9px;
        flex: 0 0 auto;
        font-size: 0.68rem;
        background: rgba(7, 7, 8, 0.84);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 5px 14px rgba(0, 0, 0, 0.22);
      }

      body:has(.startseite.page-section.active) .floating-tools .theme-toggle {
        order: 1;
      }

      body:has(.startseite.page-section.active) .start-scroll-route,
      body:has(.startseite.page-section.active):has(.back-to-top.visible) .start-scroll-route {
        position: static;
        inset: auto;
        order: 2;
        width: auto;
        height: auto;
        min-width: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex: 0 1 auto;
        align-items: center;
        gap: 5px;
        opacity: 1;
        transform: none;
        border: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }

      body:has(.startseite.page-section.active) .start-scroll-route > .start-scroll-route-label,
      body:has(.startseite.page-section.active) .start-scroll-route-fill,
      body:has(.startseite.page-section.active) .start-scroll-route-track::after,
      body:has(.startseite.page-section.active) .start-scroll-route-core {
        display: none;
      }

      body:has(.startseite.page-section.active) .start-scroll-route-chapter {
        position: static;
        width: auto;
        min-width: 0;
        padding: 5px 7px;
        flex: 0 1 auto;
        transform: none;
        background: rgba(15, 12, 8, 0.92);
        font-size: 0.54rem;
        white-space: nowrap;
      }

      body:has(.startseite.page-section.active) .start-scroll-route-track,
      body:has(.startseite.page-section.active) .start-scroll-route-marker {
        position: static;
        width: auto;
        height: auto;
        min-height: 0;
        transform: none;
        background: none;
        box-shadow: none;
      }

      body:has(.startseite.page-section.active) .start-scroll-route-status {
        position: static;
        width: auto;
        height: 34px;
        min-width: 40px;
        padding: 0 7px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(236, 193, 101, 0.42);
        border-radius: 999px;
        background: rgba(12, 10, 7, 0.94);
        font-size: 0.67rem;
        letter-spacing: 0;
        box-shadow: 0 0 14px rgba(236, 193, 101, 0.18);
      }

      body:has(.startseite.page-section.active) .floating-tools .back-to-top {
        order: 3;
      }

      body:has(.startseite.page-section.active) .floating-tools .back-to-top:not(.visible) {
        display: none;
      }

      body:has(.startseite.page-section.active) .floating-tools .back-to-top.visible {
        display: inline-flex;
      }

      :root[data-theme="light"] body:has(.startseite.page-section.active) .floating-tools,
      :root[data-theme="light"] body:has(.startseite.page-section.active) .floating-tools :is(.theme-toggle, .back-to-top),
      :root[data-theme="light"] body:has(.startseite.page-section.active) .start-scroll-route-chapter,
      :root[data-theme="light"] body:has(.startseite.page-section.active) .start-scroll-route-status {
        border-color: rgba(105, 76, 18, 0.28);
        background: rgba(255, 253, 247, 0.94);
      }
    }

    /* Experimente: Informationsblöcke ohne eigenständige Inhalts- oder Hauptgrafiken. */
    #inhalt > #experimente .experiment-main-graphic {
      width: auto;
      margin: 16px 0 0;
      padding: 16px;
      overflow: visible;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: radial-gradient(circle at 12% 0%, rgba(126, 232, 250, 0.06), transparent 34%), linear-gradient(180deg, rgba(16, 23, 47, 0.96), rgba(8, 12, 24, 0.94));
    }

    #inhalt > #experimente .experiment-main-graphic > img { display: none; }

    #inhalt > #experimente .experiment-main-graphic-copy {
      display: grid;
      gap: 24px;
      min-height: 0;
      padding: 0;
      color: var(--text);
      background: none;
    }

    #inhalt > #experimente .experiment-main-graphic-copy header { max-width: 82ch; }

    #inhalt > #experimente .experiment-main-graphic-copy h3 {
      max-width: none;
      margin: 6px 0 10px;
      color: var(--text);
      font-size: clamp(1.25rem, 2.2vw, 1.65rem);
      letter-spacing: -0.015em;
      line-height: 1.2;
      text-shadow: none;
    }

    #inhalt > #experimente .experiment-main-graphic-copy header > p:last-child,
    #inhalt > #experimente .experiment-main-graphic-facts p { color: var(--muted); }
    #inhalt > #experimente .experiment-main-graphic-facts strong { color: var(--text); }
    #inhalt > #experimente .experiment-main-graphic > figcaption { display: none; }

    :root[data-theme="light"] #inhalt > #experimente .experiment-main-graphic {
      background: radial-gradient(circle at 12% 0%, rgba(69, 139, 157, 0.08), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 248, 252, 0.98));
    }

    @media (max-width: 560px) {
      #inhalt > #experimente .experiment-main-graphic-copy { gap: 22px; padding: 0; background: none; }
      #inhalt > #experimente .experiment-main-graphic-copy h3 { max-width: none; font-size: 1.35rem; }
    }

    /* Experimente: eigene, fachlich abgeleitete Farbidentität je Unterreiter. */
    #inhalt > #experimente #experiment-madmax { --experiment-accent: #d7dde5; --experiment-accent-ink: #4d5968; }
    #inhalt > #experimente #experiment-cern { --experiment-accent: #45c7f0; --experiment-accent-ink: #08658a; }
    #inhalt > #experimente #experiment-fcc { --experiment-accent: #b8c2ce; --experiment-accent-ink: #566373; }
    #inhalt > #skao #skao-medusa { --experiment-accent: #46d6a0; --experiment-accent-ink: #16745d; }
    #inhalt > #experimente #experiment-et { --experiment-accent: #ec4f91; --experiment-accent-ink: #9b2458; }
    #inhalt > #experimente #experiment-lisa { --experiment-accent: #8d6bff; --experiment-accent-ink: #5b3fc2; }
    #inhalt > #experimente #experiment-roman { --experiment-accent: #e451a3; --experiment-accent-ink: #9b296e; }
    #inhalt > #experimente #experiment-rubin { --experiment-accent: #b59af2; --experiment-accent-ink: #684da6; }
    #inhalt > #experimente #experiment-dsa { --experiment-accent: #39d5e8; --experiment-accent-ink: #08788b; }
    #inhalt > #experimente #experiment-hubble-birthday { --experiment-accent: #f08ba8; --experiment-accent-ink: #a44060; }
    #inhalt > #experimente #experiment-space-apps { --experiment-accent: #e03c31; --experiment-accent-ink: #9b2019; }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) :is(.source-box, .infographic-figure):not(.site-main-banner) {
      border-color: color-mix(in srgb, var(--experiment-accent) 32%, var(--line));
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .source-box {
      background:
        radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--experiment-accent) 8%, transparent), transparent 34%),
        var(--card);
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) :is(.source-box, .experiment-main-graphic) :is(.tagline, .tag),
    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-facts article > span,
    #inhalt > #experimente .mini-panel:not(#experiment-sources) details > summary::marker {
      color: var(--experiment-accent);
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) :is(.source-box, .experiment-main-graphic) :is(h3, h4) {
      text-decoration-color: color-mix(in srgb, var(--experiment-accent) 55%, transparent);
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) :is(button, .button-link, .source-link):focus-visible {
      outline-color: var(--experiment-accent);
    }

    :root[data-theme="light"] #inhalt > #experimente .mini-panel:not(#experiment-sources) :is(.source-box, .experiment-main-graphic) :is(.tagline, .tag),
    :root[data-theme="light"] #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-facts article > span,
    :root[data-theme="light"] #inhalt > #experimente .mini-panel:not(#experiment-sources) details > summary::marker {
      color: var(--experiment-accent-ink);
    }

    /* Extrahierte Grafiktexte: einheitliche Lesestruktur nach dem MADMAX-Muster. */
    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic {
      box-sizing: border-box;
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin-top: 18px;
      margin-right: auto;
      margin-left: auto;
      padding: clamp(18px, 2.6vw, 30px);
      border-color: color-mix(in srgb, var(--experiment-accent) 40%, var(--line));
      border-radius: 8px;
      background:
        radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--experiment-accent) 10%, transparent), transparent 34%),
        linear-gradient(180deg, rgba(15, 21, 39, 0.97), rgba(7, 11, 22, 0.96));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 34px rgba(0, 0, 0, 0.22);
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-copy {
      gap: clamp(22px, 3vw, 34px);
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-copy > header {
      max-width: 86ch;
      padding: 2px 0 18px clamp(14px, 2vw, 20px);
      border-bottom: 1px solid color-mix(in srgb, var(--experiment-accent) 28%, transparent);
      border-left: 3px solid var(--experiment-accent);
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-copy > header .tagline {
      margin-bottom: 7px;
      color: var(--experiment-accent);
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-copy > header h3 {
      margin: 0 0 10px;
      font-size: clamp(1.45rem, 2.6vw, 2rem);
      line-height: 1.15;
      text-wrap: balance;
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-copy > header > p:last-child {
      max-width: 78ch;
      font-size: 1rem;
      line-height: 1.65;
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-facts {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      align-self: stretch;
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-graphic-section-title {
      grid-column: 1 / -1;
      margin: 12px 0 0;
      padding: 0 0 9px;
      border-bottom: 1px solid color-mix(in srgb, var(--experiment-accent) 34%, transparent);
      color: var(--experiment-accent);
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-facts article {
      grid-template-columns: 38px minmax(0, 1fr);
      gap: 12px;
      padding: 15px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 24%, rgba(255, 255, 255, 0.08));
      border-top-color: color-mix(in srgb, var(--experiment-accent) 58%, transparent);
      border-radius: 8px;
      background: color-mix(in srgb, var(--experiment-accent) 5%, rgba(255, 255, 255, 0.018));
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-facts article > span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 52%, transparent);
      border-radius: 50%;
      color: var(--experiment-accent);
      background: color-mix(in srgb, var(--experiment-accent) 10%, transparent);
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-facts h4 {
      color: color-mix(in srgb, var(--experiment-accent) 84%, white);
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-mobile-graphic-toggle {
      grid-column: 1 / -1;
      border-color: color-mix(in srgb, var(--experiment-accent) 58%, transparent);
      color: color-mix(in srgb, var(--experiment-accent) 82%, white);
      background: color-mix(in srgb, var(--experiment-accent) 8%, rgba(8, 12, 24, 0.96));
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) > .source-box {
      margin-top: 16px;
      border-radius: 8px;
    }

    :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth {
      width: 100%;
      margin-top: 16px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 34%, var(--line));
      border-radius: 8px;
      background: color-mix(in srgb, var(--experiment-accent) 4%, rgba(8, 12, 24, 0.90));
      overflow: clip;
    }

    :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth > summary {
      position: relative;
      box-sizing: border-box;
      min-height: 89px;
      padding: 20px 58px 20px 24px;
      display: flex;
      align-items: center;
      cursor: pointer;
      color: var(--text);
      font-size: 1rem;
      font-weight: 850;
      line-height: 1.35;
      list-style: none;
    }

    :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth > summary::-webkit-details-marker { display: none; }

    :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth > summary::after {
      content: "+";
      position: absolute;
      right: 24px;
      color: var(--experiment-accent);
      font-size: 1.45rem;
      font-weight: 500;
    }

    :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth[open] > summary {
      min-height: 0;
      border-bottom: 1px solid color-mix(in srgb, var(--experiment-accent) 26%, transparent);
    }

    :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth[open] > summary::after { content: "−"; }

    :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth-content {
      max-width: 78ch;
      margin: 0 auto;
      padding: 22px 24px 26px;
      border-left: 3px solid var(--experiment-accent);
    }

    :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth-content > .source-box {
      margin: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    :root[data-theme="light"] :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth {
      background: color-mix(in srgb, var(--experiment-accent) 5%, rgba(255, 255, 255, 0.97));
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) > .source-box > .compact-heading {
      margin-bottom: 12px;
      padding-bottom: 10px;
      border-bottom: 1px solid color-mix(in srgb, var(--experiment-accent) 30%, transparent);
    }

    #inhalt > #experimente .mini-panel:not(#experiment-sources) .facts-grid > .fact {
      border-top-color: color-mix(in srgb, var(--experiment-accent) 55%, transparent);
    }

    :root[data-theme="light"] #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic {
      background:
        radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--experiment-accent) 10%, transparent), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 248, 252, 0.98));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 16px 34px rgba(28, 37, 52, 0.10);
    }

    :root[data-theme="light"] #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-copy > header .tagline,
    :root[data-theme="light"] #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-graphic-section-title,
    :root[data-theme="light"] #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-facts article > span {
      color: var(--experiment-accent-ink);
    }

    :root[data-theme="light"] #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-facts h4 {
      color: var(--experiment-accent-ink);
    }

    @media (max-width: 700px) {
      #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic {
        padding: 16px;
      }

      #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-copy > header {
        padding: 0 0 15px 12px;
      }

      #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-facts {
        grid-template-columns: 1fr;
      }

      #inhalt > #experimente .mini-panel:not(#experiment-sources) .experiment-main-graphic-facts article {
        grid-template-columns: 34px minmax(0, 1fr);
        padding: 13px;
      }

      :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth > summary {
        min-height: 72px;
        padding: 16px 48px 16px 18px;
      }

      :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth > summary::after { right: 18px; }

      :is(#inhalt > #experimente, #inhalt > #skao #skao-medusa) .experiment-reading-depth-content {
        padding: 18px 16px 22px;
      }
    }

    /* MADMAX: kompakte Leseführung, eindeutige Statuswerte und platzsparender Zeitstrahl. */
    #inhalt > #experimente #experiment-madmax {
      --madmax-current: #84d8f0;
      --madmax-result: #77d5aa;
      --madmax-prototype: #c3b7ff;
      --madmax-plan: #e2c982;
      --madmax-theory: #d7dde5;
    }

    body:has(#inhalt > #experimente.active #experiment-madmax.active) {
      background-color: #030711;
      background-image:
        linear-gradient(rgba(3, 7, 17, 0.72), rgba(3, 7, 17, 0.88)),
        url("../assets/portal-dunkle-materie-kandidaten.webp");
      background-position: center, center top;
      background-size: cover, cover;
      background-repeat: no-repeat, no-repeat;
      background-attachment: fixed, fixed;
    }

    #inhalt > #experimente #experiment-madmax > .universal-universe-edge {
      border-color: color-mix(in srgb, var(--experiment-accent) 42%, transparent);
      color: #f5f7fa;
      background-image:
        linear-gradient(180deg, rgba(2, 6, 13, 0.08), rgba(2, 6, 13, 0.30)),
        linear-gradient(90deg, rgba(2, 6, 13, 0.76), rgba(2, 6, 13, 0.10) 46%, rgba(2, 6, 13, 0.28)),
        url("../assets/hauptgrafik-madmax-v1.webp") !important;
      background-position: center, center, center !important;
      background-size: auto, auto, contain !important;
      background-repeat: no-repeat !important;
      box-shadow: inset 0 0 72px rgba(0, 0, 0, 0.48), 0 20px 54px rgba(0, 0, 0, 0.28);
    }

    #inhalt > #experimente #experiment-madmax > .universal-universe-edge .universe-back-to-top {
      border-color: color-mix(in srgb, var(--experiment-accent) 58%, transparent);
      color: #f0f3f7;
      background: rgba(4, 9, 18, 0.90);
    }

    :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-madmax.active) {
      background-color: #e7ebf0;
      background-image:
        linear-gradient(rgba(239, 243, 248, 0.82), rgba(231, 235, 240, 0.90)),
        url("../assets/portal-dunkle-materie-kandidaten.webp");
    }

    #inhalt > #experimente #experiment-madmax > :is(.experiment-reading-depth, .madmax-conclusion) {
      margin-top: 14px;
    }

    #inhalt > #experimente #experiment-madmax .madmax-editorial-intro {
      box-sizing: border-box;
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin: 18px auto 4px;
      padding: clamp(8px, 1.6vw, 18px) 0 0;
    }

    #inhalt > #experimente #experiment-madmax .madmax-intro-copy > header {
      max-width: 78ch;
      padding: 0 0 16px 18px;
      border-left: 3px solid var(--experiment-accent);
    }

    #inhalt > #experimente #experiment-madmax .madmax-intro-copy > header .tagline {
      margin: 0 0 6px;
      color: var(--experiment-accent);
    }

    #inhalt > #experimente #experiment-madmax .madmax-intro-copy > header h3 {
      margin: 0 0 9px;
      font-size: clamp(1.45rem, 2.6vw, 2rem);
      line-height: 1.15;
    }

    #inhalt > #experimente #experiment-madmax .madmax-intro-copy > header p:last-child {
      margin: 0;
      color: var(--muted);
      line-height: 1.65;
    }

    #inhalt > #experimente #experiment-madmax .madmax-key-points {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin-top: 12px;
    }

    #inhalt > #experimente #experiment-madmax .madmax-key-points > h4 {
      grid-column: 1 / -1;
      margin: 0;
      padding-bottom: 8px;
      border-bottom: 1px solid color-mix(in srgb, var(--experiment-accent) 30%, transparent);
      color: var(--experiment-accent);
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    #inhalt > #experimente #experiment-madmax .madmax-key-points article {
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr);
      gap: 10px;
      min-width: 0;
      padding: 13px;
      border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 58%, transparent);
      background: color-mix(in srgb, var(--experiment-accent) 4%, rgba(255, 255, 255, 0.018));
    }

    #inhalt > #experimente #experiment-madmax .madmax-key-points article > span {
      display: inline-grid;
      place-items: center;
      width: 30px;
      height: 30px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 50%, transparent);
      border-radius: 50%;
      color: var(--experiment-accent);
      font-size: 0.72rem;
      font-weight: 900;
    }

    #inhalt > #experimente #experiment-madmax .madmax-key-points article div { min-width: 0; }
    #inhalt > #experimente #experiment-madmax .madmax-key-points article div > h4 { margin: 0 0 4px; font-size: 0.75rem; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-madmax .madmax-key-points strong { display: block; margin-bottom: 6px; line-height: 1.3; }
    #inhalt > #experimente #experiment-madmax .madmax-key-points p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.5; }

    #inhalt > #experimente #experiment-madmax .experiment-status-badge {
      display: flex;
      width: fit-content;
      margin: 7px 0 10px;
      padding: 4px 9px;
      border: 1px solid currentColor;
      border-radius: 999px;
      font-size: 0.73rem;
      font-style: normal;
      font-weight: 850;
      letter-spacing: 0.055em;
      line-height: 1.3;
      text-transform: uppercase;
    }

    #inhalt > #experimente #experiment-madmax .fact > .tag {
      display: flex;
      width: fit-content;
      margin-bottom: 0;
      color: var(--text);
      font-size: 0.88rem;
      font-weight: 750;
      line-height: 1.35;
    }

    #inhalt > #experimente #experiment-madmax .experiment-status-badge.is-current { color: var(--madmax-current); }
    #inhalt > #experimente #experiment-madmax .experiment-status-badge.is-result { color: var(--madmax-result); }
    #inhalt > #experimente #experiment-madmax .experiment-status-badge.is-prototype { color: var(--madmax-prototype); }
    #inhalt > #experimente #experiment-madmax .experiment-status-badge.is-plan { color: var(--madmax-plan); }
    #inhalt > #experimente #experiment-madmax .experiment-status-badge.is-theory,
    #inhalt > #experimente #experiment-madmax .experiment-status-badge.is-principle { color: var(--madmax-theory); }

    #inhalt > #experimente #experiment-madmax .madmax-key-points article {
      min-height: 0;
      align-content: start;
    }

    #inhalt > #experimente #experiment-madmax .madmax-resource-bar {
      box-sizing: border-box;
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin: 10px auto 4px;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    #inhalt > #experimente #experiment-madmax .madmax-resource-bar .media-action-link {
      min-width: 0;
      min-height: 50px;
      padding: 9px 14px;
      justify-content: flex-start;
      border-radius: 8px;
      text-align: left;
    }

    #inhalt > #experimente #experiment-madmax .madmax-resource-intro {
      grid-column: 1 / -1;
      display: grid;
      gap: 3px;
      padding: 14px 16px;
      border-left: 3px solid var(--experiment-accent);
      background: color-mix(in srgb, var(--experiment-accent) 5%, var(--card));
    }

    #inhalt > #experimente #experiment-madmax .madmax-resource-intro strong {
      color: var(--text);
      font-size: 0.98rem;
    }

    #inhalt > #experimente #experiment-madmax .madmax-resource-intro span {
      color: var(--muted);
      font-size: 0.84rem;
      line-height: 1.45;
    }

    #inhalt > #experimente #experiment-madmax .madmax-resource-bar .media-action-link::before {
      flex: 0 0 auto;
    }

    #inhalt > #experimente #experiment-madmax .madmax-resource-bar .media-action-link span,
    #inhalt > #experimente #experiment-madmax .madmax-resource-bar .media-action-link small {
      display: block;
    }

    #inhalt > #experimente #experiment-madmax .madmax-resource-bar .media-action-link small {
      margin-left: 7px;
      overflow: hidden;
      color: var(--muted);
      font-size: 0.72rem;
      font-weight: 600;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    #inhalt > #experimente #experiment-madmax .experiment-reading-depth-content {
      box-sizing: border-box;
      max-width: none;
      margin: 0;
      padding: 16px 18px 18px;
      border-left: 0;
    }

    #inhalt > #experimente #experiment-madmax .experiment-reading-depth-content .source-box > .compact-heading {
      display: none;
    }

    #inhalt > #experimente #experiment-madmax .experiment-reading-depth-content .source-box > .tagline {
      margin: 0 0 12px;
    }

    #inhalt > #experimente #experiment-madmax :is(.madmax-compact-facts, .madmax-results-grid) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0 18px;
    }

    #inhalt > #experimente #experiment-madmax .madmax-technical-parameter-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    #inhalt > #experimente #experiment-madmax .madmax-technical-parameter-grid > .fact {
      min-height: 0;
      padding: 13px;
    }

    #inhalt > #experimente #experiment-madmax :is(.madmax-compact-facts, .madmax-results-grid) > .fact {
      min-height: 0;
      padding: 13px 0 15px;
      border: 0;
      border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 30%, var(--line));
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    #inhalt > #experimente #experiment-madmax :is(.madmax-compact-facts, .madmax-results-grid) > .fact .tag {
      padding: 0;
      border: 0;
      background: transparent;
    }

    #inhalt > #experimente #experiment-madmax .madmax-inline-resource {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      margin-top: 14px;
      padding: 11px 0 0;
      border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 24%, transparent);
    }

    #inhalt > #experimente #experiment-madmax .madmax-inline-resource .media-label {
      color: var(--experiment-accent);
      font-size: 0.68rem;
    }

    #inhalt > #experimente #experiment-madmax .madmax-inline-resource p {
      margin: 3px 0 0;
      color: var(--muted);
      font-size: 0.86rem;
      line-height: 1.45;
    }

    #inhalt > #experimente #experiment-madmax .madmax-inline-resource .media-action-link {
      flex: 0 0 auto;
      min-height: 38px;
      padding: 8px 14px;
      font-size: 0.8rem;
    }

    #inhalt > #experimente #experiment-madmax .madmax-process-flow {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      counter-reset: madmax-process;
    }

    #inhalt > #experimente #experiment-madmax .madmax-process-flow article {
      position: relative;
      display: grid;
      grid-template-rows: auto 1fr;
      gap: 10px;
      min-width: 0;
      padding: 14px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 28%, var(--line));
      border-radius: 8px;
      background: color-mix(in srgb, var(--experiment-accent) 5%, transparent);
    }

    #inhalt > #experimente #experiment-madmax .madmax-process-flow article > span {
      display: inline-grid;
      place-items: center;
      width: 30px;
      height: 30px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 52%, transparent);
      border-radius: 50%;
      color: var(--experiment-accent);
      font-size: 0.75rem;
      font-weight: 900;
    }

    #inhalt > #experimente #experiment-madmax .madmax-process-flow article:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 28px;
      right: -11px;
      z-index: 2;
      width: 11px;
      height: 1px;
      background: color-mix(in srgb, var(--experiment-accent) 55%, transparent);
    }

    #inhalt > #experimente #experiment-madmax .madmax-process-flow h3,
    #inhalt > #experimente #experiment-madmax .madmax-collaboration-summary h3 {
      margin: 0 0 7px;
      font-size: 1rem;
      line-height: 1.25;
    }

    #inhalt > #experimente #experiment-madmax .madmax-process-flow p,
    #inhalt > #experimente #experiment-madmax .madmax-term-notes p,
    #inhalt > #experimente #experiment-madmax .madmax-collaboration-summary p {
      margin: 0;
      color: var(--muted);
      font-size: 0.9rem;
      line-height: 1.55;
    }

    #inhalt > #experimente #experiment-madmax .madmax-term-notes {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 12px;
    }

    #inhalt > #experimente #experiment-madmax .madmax-term-notes p {
      padding: 11px 12px;
      border-left: 2px solid color-mix(in srgb, var(--experiment-accent) 64%, transparent);
      background: color-mix(in srgb, var(--experiment-accent) 4%, transparent);
    }

    #inhalt > #experimente #experiment-madmax .madmax-comparison-table {
      display: grid;
      margin-top: 14px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 28%, var(--line));
      border-radius: 8px;
      overflow: hidden;
    }

    #inhalt > #experimente #experiment-madmax .madmax-comparison-row {
      display: grid;
      grid-template-columns: minmax(100px, 0.55fr) repeat(2, minmax(0, 1fr));
    }

    #inhalt > #experimente #experiment-madmax .madmax-comparison-row > * {
      min-width: 0;
      padding: 11px 12px;
      border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 18%, var(--line));
      line-height: 1.45;
    }

    #inhalt > #experimente #experiment-madmax .madmax-comparison-row > * + * {
      border-left: 1px solid color-mix(in srgb, var(--experiment-accent) 18%, var(--line));
    }

    #inhalt > #experimente #experiment-madmax .madmax-comparison-head {
      color: var(--text);
      background: color-mix(in srgb, var(--experiment-accent) 10%, transparent);
      font-size: 0.78rem;
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    #inhalt > #experimente #experiment-madmax .madmax-comparison-head > * { border-top: 0; }

    #inhalt > #experimente #experiment-madmax .madmax-comparison-row [role="cell"] {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      color: var(--muted);
    }

    #inhalt > #experimente #experiment-madmax .madmax-compact-facts,
    #inhalt > #experimente #experiment-madmax .madmax-results-grid {
      gap: 10px;
    }

    #inhalt > #experimente #experiment-madmax .madmax-compact-facts > .fact,
    #inhalt > #experimente #experiment-madmax .madmax-results-grid > .fact {
      padding: 13px;
    }

    #inhalt > #experimente #experiment-madmax .madmax-collaboration-summary {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    #inhalt > #experimente #experiment-madmax .madmax-collaboration-summary article {
      padding: 14px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 25%, var(--line));
      border-radius: 8px;
      background: color-mix(in srgb, var(--experiment-accent) 4%, transparent);
    }

    #inhalt > #experimente #experiment-madmax .experiment-reading-depth:has(.madmax-timeline-section) .experiment-reading-depth-content,
    #inhalt > #experimente #experiment-madmax .experiment-reading-depth:has(.madmax-process-section) .experiment-reading-depth-content,
    #inhalt > #experimente #experiment-madmax .experiment-reading-depth:has(.madmax-comparison-section) .experiment-reading-depth-content {
      max-width: none;
    }

    #inhalt > #experimente #experiment-madmax .madmax-timeline {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      padding-left: 0;
    }

    #inhalt > #experimente #experiment-madmax .madmax-timeline::before { display: none; }

    #inhalt > #experimente #experiment-madmax .madmax-timeline .timeline-item {
      grid-template-columns: 92px minmax(0, 1fr);
      gap: 10px;
      align-content: start;
      min-height: 0;
      padding: 12px;
      border-radius: 8px;
    }

    #inhalt > #experimente #experiment-madmax .madmax-timeline .timeline-item::before { display: none; }
    #inhalt > #experimente #experiment-madmax .madmax-timeline .timeline-item h3 { margin: 0 0 5px; font-size: 0.98rem; }
    #inhalt > #experimente #experiment-madmax .madmax-timeline .timeline-item p { margin: 0; font-size: 0.88rem; line-height: 1.5; }
    #inhalt > #experimente #experiment-madmax .madmax-timeline .timeline-year { font-size: 0.78rem; }
    #inhalt > #experimente #experiment-madmax .madmax-timeline-current { border-top-color: var(--madmax-current); }
    #inhalt > #experimente #experiment-madmax .madmax-timeline-development { border-top-color: var(--madmax-prototype); }
    #inhalt > #experimente #experiment-madmax .madmax-timeline-foundation { border-top-color: color-mix(in srgb, var(--experiment-accent) 55%, var(--line)); }

    #inhalt > #experimente #experiment-madmax .madmax-conclusion {
      box-sizing: border-box;
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 16px 18px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 34%, var(--line));
      border-left: 3px solid var(--experiment-accent);
      border-radius: 8px;
      background: color-mix(in srgb, var(--experiment-accent) 5%, var(--card));
    }

    #inhalt > #experimente #experiment-madmax .madmax-conclusion h3 { margin: 0 0 9px; font-size: 1rem; }
    #inhalt > #experimente #experiment-madmax .madmax-conclusion ul { margin: 0; padding-left: 20px; color: var(--muted); }
    #inhalt > #experimente #experiment-madmax .madmax-conclusion li + li { margin-top: 5px; }

    #inhalt > #experimente #experiment-madmax .madmax-reference-guide {
      box-sizing: border-box;
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin: 14px auto 0;
    }

    #inhalt > #experimente #experiment-madmax .madmax-reference-details {
      margin-top: 10px;
    }

    #inhalt > #experimente #experiment-madmax .madmax-reference-header {
      padding: 16px 18px 17px;
      border-left: 3px solid var(--experiment-accent);
      background: color-mix(in srgb, var(--experiment-accent) 5%, var(--card));
    }

    #inhalt > #experimente #experiment-madmax .madmax-reference-header .tagline {
      margin: 0 0 4px;
      color: var(--experiment-accent);
    }

    #inhalt > #experimente #experiment-madmax .madmax-reference-header h3 {
      margin: 0 0 6px;
      font-size: 1.08rem;
    }

    #inhalt > #experimente #experiment-madmax .madmax-reference-header > p:last-child {
      margin: 0;
      color: var(--muted);
      font-size: 0.9rem;
      line-height: 1.5;
    }

    #inhalt > #experimente #experiment-madmax .experiment-reading-depth > summary {
      justify-content: space-between;
      gap: 16px;
      padding-right: 18px;
    }

    #inhalt > #experimente #experiment-madmax .experiment-reading-depth > summary::after {
      content: "+ Abschnitt öffnen";
      position: static;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      min-height: 38px;
      padding: 8px 13px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 46%, transparent);
      border-radius: 999px;
      background: color-mix(in srgb, var(--experiment-accent) 7%, rgba(4, 9, 18, 0.88));
      color: var(--experiment-accent);
      font-size: 0.82rem;
      font-weight: 900;
      line-height: 1.2;
      white-space: nowrap;
    }

    #inhalt > #experimente #experiment-madmax .experiment-reading-depth[open] > summary::after {
      content: "− Abschnitt schließen";
    }

    #inhalt > #experimente #experiment-madmax .madmax-reference-details > summary {
      min-height: 64px;
      padding-top: 16px;
      padding-bottom: 16px;
      font-size: 1rem;
    }

    #inhalt > #experimente #experiment-madmax .madmax-reference-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0 24px;
      margin: 0;
    }

    #inhalt > #experimente #experiment-madmax .madmax-reference-list > div {
      padding: 13px 0 15px;
      border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 25%, var(--line));
    }

    #inhalt > #experimente #experiment-madmax .madmax-reference-list dt {
      margin: 0 0 5px;
      color: var(--text);
      font-weight: 900;
      line-height: 1.35;
    }

    #inhalt > #experimente #experiment-madmax .madmax-reference-list dd {
      margin: 0;
      color: var(--muted);
      font-size: 0.92rem;
      line-height: 1.58;
    }

    :root[data-theme="light"] #inhalt > #experimente #experiment-madmax {
      --madmax-current: #17677f;
      --madmax-result: #237653;
      --madmax-prototype: #5c4b9a;
      --madmax-plan: #715817;
      --madmax-theory: #4d5968;
    }

    @media (max-width: 900px) {
      #inhalt > #experimente #experiment-madmax .madmax-key-points {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      #inhalt > #experimente #experiment-madmax .madmax-process-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      #inhalt > #experimente #experiment-madmax .madmax-process-flow article:not(:last-child)::after { display: none; }
    }

    @media (max-width: 700px) {
      body:has(#inhalt > #experimente.active #experiment-madmax.active),
      :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-madmax.active) {
        background-attachment: scroll, scroll;
        background-position: center, 64% top;
      }

      #inhalt > #experimente #experiment-madmax > :is(.experiment-reading-depth, .madmax-conclusion) { margin-top: 10px; }
      #inhalt > #experimente #experiment-madmax .madmax-editorial-intro { margin-top: 12px; padding-top: 4px; }
      #inhalt > #experimente #experiment-madmax .madmax-intro-copy > header { padding: 0 0 13px 12px; }
      #inhalt > #experimente #experiment-madmax .madmax-key-points { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-madmax .madmax-resource-bar,
      #inhalt > #experimente #experiment-madmax :is(.madmax-compact-facts, .madmax-results-grid, .madmax-technical-parameter-grid) { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-madmax .madmax-reference-list { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-madmax .experiment-reading-depth > summary {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        padding-right: 16px;
      }
      #inhalt > #experimente #experiment-madmax .experiment-reading-depth > summary::after {
        min-height: 42px;
      }
      #inhalt > #experimente #experiment-madmax .madmax-resource-bar .media-action-link small { white-space: normal; }
      #inhalt > #experimente #experiment-madmax .experiment-reading-depth-content { padding: 14px 15px 16px; }
      #inhalt > #experimente #experiment-madmax .madmax-inline-resource { align-items: flex-start; flex-direction: column; gap: 9px; }
      #inhalt > #experimente #experiment-madmax .madmax-process-flow,
      #inhalt > #experimente #experiment-madmax .madmax-term-notes,
      #inhalt > #experimente #experiment-madmax .madmax-collaboration-summary,
      #inhalt > #experimente #experiment-madmax .madmax-timeline { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-madmax .madmax-comparison-head { display: none; }
      #inhalt > #experimente #experiment-madmax .madmax-comparison-row { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-madmax .madmax-comparison-row > * { padding: 10px 12px; }
      #inhalt > #experimente #experiment-madmax .madmax-comparison-row > * + * { border-left: 0; }
      #inhalt > #experimente #experiment-madmax .madmax-comparison-row > strong { background: color-mix(in srgb, var(--experiment-accent) 9%, transparent); }
      #inhalt > #experimente #experiment-madmax .madmax-timeline .timeline-item { grid-template-columns: 82px minmax(0, 1fr); }
    }

    /* CERN & LHC: kompakte Leseführung nach dem abgenommenen MADMAX-Muster. */
    #inhalt > #experimente #experiment-cern {
      --cern-current: #69d4ff;
      --cern-result: #63d5a5;
      --cern-plan: #b9a7ff;
      --cern-principle: #d6e6f3;
    }

    body:has(#inhalt > #experimente.active #experiment-cern.active) {
      background-color: #020914;
      background-image:
        radial-gradient(circle at 18% 18%, rgba(20, 133, 190, 0.2), transparent 34%),
        linear-gradient(rgba(2, 9, 20, 0.78), rgba(2, 9, 20, 0.92)),
        url("../assets/hintergrund-cern-lhc-v1.webp");
      background-position: center, center, center top;
      background-repeat: no-repeat, no-repeat, repeat-y;
      background-size: cover, cover, cover;
      background-attachment: fixed, fixed, fixed;
    }

    :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-cern.active) {
      background-color: #eef7fb;
      background-image:
        radial-gradient(circle at 18% 18%, rgba(32, 155, 207, 0.13), transparent 36%),
        linear-gradient(rgba(241, 248, 252, 0.91), rgba(236, 246, 250, 0.96)),
        url("../assets/hintergrund-cern-lhc-v1.webp");
    }

    #inhalt > #experimente #experiment-cern > :is(.experiment-reading-depth, .cern-reference-guide, .cern-resource-bar) {
      box-sizing: border-box;
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin-right: auto;
      margin-left: auto;
    }

    #inhalt > #experimente #experiment-cern .cern-editorial-intro {
      box-sizing: border-box;
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin: 16px auto 0;
      padding-top: 5px;
    }

    #inhalt > #experimente #experiment-cern .cern-editorial-intro > header {
      padding: 2px 0 16px 16px;
      border-left: 3px solid var(--experiment-accent);
    }

    #inhalt > #experimente #experiment-cern .cern-editorial-intro > header .tagline {
      margin: 0 0 6px;
      color: var(--experiment-accent);
    }

    #inhalt > #experimente #experiment-cern .cern-editorial-intro > header h3 {
      max-width: 860px;
      margin: 0 0 8px;
      font-size: clamp(1.35rem, 2.6vw, 2rem);
      line-height: 1.16;
    }

    #inhalt > #experimente #experiment-cern .cern-editorial-intro > header p:last-child {
      max-width: 900px;
      margin: 0;
      color: var(--muted);
      line-height: 1.62;
    }

    #inhalt > #experimente #experiment-cern .cern-key-points {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin-top: 10px;
    }

    #inhalt > #experimente #experiment-cern .cern-key-points > h4 {
      grid-column: 1 / -1;
      margin: 0;
      color: var(--muted);
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    #inhalt > #experimente #experiment-cern .cern-key-points article {
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr);
      gap: 10px;
      min-width: 0;
      padding: 14px;
      border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 62%, var(--line));
      background: color-mix(in srgb, var(--experiment-accent) 5%, var(--card));
    }

    #inhalt > #experimente #experiment-cern .cern-key-points article > span,
    #inhalt > #experimente #experiment-cern :is(.cern-process-flow, .cern-data-flow) article > span {
      display: inline-grid;
      place-items: center;
      width: 30px;
      height: 30px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 52%, transparent);
      border-radius: 50%;
      color: var(--experiment-accent);
      font-size: 0.75rem;
      font-weight: 900;
    }

    #inhalt > #experimente #experiment-cern .cern-key-points article div { min-width: 0; }
    #inhalt > #experimente #experiment-cern .cern-key-points article h4 { margin: 0 0 4px; color: var(--experiment-accent); font-size: 0.75rem; }
    #inhalt > #experimente #experiment-cern .cern-key-points strong { display: block; margin-bottom: 6px; line-height: 1.3; }
    #inhalt > #experimente #experiment-cern .cern-key-points p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.5; }

    #inhalt > #experimente #experiment-cern .experiment-status-badge {
      display: flex;
      width: fit-content;
      margin: 7px 0 10px;
      padding: 4px 9px;
      border: 1px solid currentColor;
      border-radius: 999px;
      font-size: 0.73rem;
      font-style: normal;
      font-weight: 850;
      letter-spacing: 0.055em;
      line-height: 1.3;
      text-transform: uppercase;
    }

    #inhalt > #experimente #experiment-cern .experiment-status-badge.is-current { color: var(--cern-current); }
    #inhalt > #experimente #experiment-cern .experiment-status-badge.is-result { color: var(--cern-result); }
    #inhalt > #experimente #experiment-cern .experiment-status-badge.is-plan { color: var(--cern-plan); }
    #inhalt > #experimente #experiment-cern .experiment-status-badge.is-principle { color: var(--cern-principle); }

    #inhalt > #experimente #experiment-cern .experiment-reading-depth-content {
      box-sizing: border-box;
      max-width: none;
      margin: 0;
      padding: 16px 18px 18px;
      border-left: 0;
    }

    #inhalt > #experimente #experiment-cern .experiment-reading-depth-content .source-box > .compact-heading { display: none; }
    #inhalt > #experimente #experiment-cern .experiment-reading-depth-content .source-box > .tagline { margin: 0 0 12px; }
    #inhalt > #experimente #experiment-cern .chart-note { margin: 0 0 14px; color: var(--muted); line-height: 1.55; }

    #inhalt > #experimente #experiment-cern .experiment-reading-depth > summary {
      justify-content: space-between;
      gap: 16px;
      padding-right: 18px;
    }

    #inhalt > #experimente #experiment-cern .experiment-reading-depth > summary::after {
      content: "+ Abschnitt öffnen";
      position: static;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      min-height: 38px;
      padding: 8px 13px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 46%, transparent);
      border-radius: 999px;
      background: color-mix(in srgb, var(--experiment-accent) 7%, rgba(4, 9, 18, 0.88));
      color: var(--experiment-accent);
      font-size: 0.82rem;
      font-weight: 900;
      line-height: 1.2;
      white-space: nowrap;
    }

    #inhalt > #experimente #experiment-cern .experiment-reading-depth[open] > summary::after { content: "− Abschnitt schließen"; }

    #inhalt > #experimente #experiment-cern :is(.cern-process-flow, .cern-data-flow) {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
    }

    #inhalt > #experimente #experiment-cern :is(.cern-process-flow, .cern-data-flow) article {
      min-width: 0;
      padding: 14px;
      border: 1px solid color-mix(in srgb, var(--experiment-accent) 28%, var(--line));
      border-radius: 8px;
      background: color-mix(in srgb, var(--experiment-accent) 5%, transparent);
    }

    #inhalt > #experimente #experiment-cern :is(.cern-process-flow, .cern-data-flow) article > div { margin-top: 10px; }
    #inhalt > #experimente #experiment-cern :is(.cern-process-flow, .cern-data-flow) h3 { margin: 0 0 7px; font-size: 1rem; line-height: 1.28; }
    #inhalt > #experimente #experiment-cern :is(.cern-process-flow, .cern-data-flow) p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.52; }

    #inhalt > #experimente #experiment-cern .cern-value-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 12px;
    }

    #inhalt > #experimente #experiment-cern .cern-value-grid article,
    #inhalt > #experimente #experiment-cern .cern-status-grid article {
      min-width: 0;
      padding: 14px;
      border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 58%, var(--line));
      background: color-mix(in srgb, var(--experiment-accent) 4%, var(--card));
    }

    #inhalt > #experimente #experiment-cern .cern-value-grid strong { display: block; margin: 1px 0 4px; font-size: 1.35rem; line-height: 1.1; }
    #inhalt > #experimente #experiment-cern .cern-value-grid span { color: var(--muted); font-size: 0.86rem; line-height: 1.45; }

    #inhalt > #experimente #experiment-cern :is(.cern-experiment-grid, .cern-results-grid, .cern-regional-grid, .cern-technology-grid) {
      gap: 10px;
    }

    #inhalt > #experimente #experiment-cern .cern-experiment-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-cern :is(.cern-results-grid, .cern-regional-grid, .cern-technology-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    #inhalt > #experimente #experiment-cern :is(.cern-experiment-grid, .cern-results-grid, .cern-regional-grid, .cern-technology-grid) > .fact {
      min-height: 0;
      padding: 13px;
    }

    #inhalt > #experimente #experiment-cern .fact > .tag {
      display: flex;
      width: fit-content;
      margin-bottom: 8px;
      color: var(--text);
      font-size: 0.84rem;
      font-weight: 800;
      line-height: 1.35;
    }

    #inhalt > #experimente #experiment-cern .cern-status-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    #inhalt > #experimente #experiment-cern .cern-technical-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    #inhalt > #experimente #experiment-cern .cern-technical-grid article {
      min-width: 0;
      padding: 14px;
      border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 58%, var(--line));
      background: color-mix(in srgb, var(--experiment-accent) 4%, var(--card));
    }

    #inhalt > #experimente #experiment-cern .cern-technical-grid strong { display: block; margin: 1px 0 5px; font-size: 1.3rem; line-height: 1.15; }
    #inhalt > #experimente #experiment-cern .cern-technical-grid h3 { margin: 0 0 7px; font-size: 1rem; line-height: 1.3; }
    #inhalt > #experimente #experiment-cern .cern-technical-grid p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.52; }

    #inhalt > #experimente #experiment-cern .cern-status-grid h3 { margin: 0 0 7px; font-size: 1rem; line-height: 1.3; }
    #inhalt > #experimente #experiment-cern .cern-status-grid p,
    #inhalt > #experimente #experiment-cern .cern-data-note { margin: 0; color: var(--muted); font-size: 0.9rem; line-height: 1.55; }
    #inhalt > #experimente #experiment-cern .cern-data-note { margin-top: 13px; padding: 11px 13px; border-left: 2px solid var(--experiment-accent); background: color-mix(in srgb, var(--experiment-accent) 4%, transparent); }

    #inhalt > #experimente #experiment-cern .cern-reference-guide { margin-top: 14px; }
    #inhalt > #experimente #experiment-cern .cern-reference-header { padding: 16px 18px 17px; border-left: 3px solid var(--experiment-accent); background: color-mix(in srgb, var(--experiment-accent) 5%, var(--card)); }
    #inhalt > #experimente #experiment-cern .cern-reference-header .tagline { margin: 0 0 4px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-cern .cern-reference-header h3 { margin: 0 0 6px; font-size: 1.08rem; }
    #inhalt > #experimente #experiment-cern .cern-reference-header > p:last-child { margin: 0; color: var(--muted); font-size: 0.9rem; line-height: 1.5; }
    #inhalt > #experimente #experiment-cern .cern-reference-details { margin-top: 10px; }
    #inhalt > #experimente #experiment-cern .cern-reference-details > summary { min-height: 64px; padding-top: 16px; padding-bottom: 16px; font-size: 1rem; }
    #inhalt > #experimente #experiment-cern .cern-reference-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; margin: 0; }
    #inhalt > #experimente #experiment-cern .cern-reference-list > div { padding: 13px 0 15px; border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 25%, var(--line)); }
    #inhalt > #experimente #experiment-cern .cern-reference-list dt { margin: 0 0 5px; color: var(--text); font-weight: 900; line-height: 1.35; }
    #inhalt > #experimente #experiment-cern .cern-reference-list dd { margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.58; }

    #inhalt > #experimente #experiment-cern .cern-resource-bar {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 10px;
      margin-bottom: 4px;
    }

    #inhalt > #experimente #experiment-cern .cern-resource-intro { grid-column: 1 / -1; display: grid; gap: 3px; padding: 14px 16px; border-left: 3px solid var(--experiment-accent); background: color-mix(in srgb, var(--experiment-accent) 5%, var(--card)); }
    #inhalt > #experimente #experiment-cern .cern-resource-intro strong { color: var(--text); font-size: 0.98rem; }
    #inhalt > #experimente #experiment-cern .cern-resource-intro span { color: var(--muted); font-size: 0.84rem; line-height: 1.45; }
    #inhalt > #experimente #experiment-cern .cern-resource-bar .media-action-link { min-width: 0; min-height: 50px; padding: 9px 14px; justify-content: flex-start; border-radius: 8px; text-align: left; }
    #inhalt > #experimente #experiment-cern .cern-resource-bar .media-action-link::before { flex: 0 0 auto; }
    #inhalt > #experimente #experiment-cern .cern-resource-bar .media-action-link span,
    #inhalt > #experimente #experiment-cern .cern-resource-bar .media-action-link small { display: block; }
    #inhalt > #experimente #experiment-cern .cern-resource-bar .media-action-link small { margin-left: 7px; overflow: hidden; color: var(--muted); font-size: 0.72rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }

    #inhalt > #experimente #experiment-cern > .universal-universe-edge {
      border-color: color-mix(in srgb, var(--experiment-accent) 48%, var(--line));
      background-image:
        linear-gradient(90deg, rgba(2, 11, 23, 0.87) 0%, rgba(2, 11, 23, 0.54) 47%, rgba(2, 11, 23, 0.18) 100%),
        linear-gradient(180deg, transparent 55%, rgba(2, 9, 18, 0.68) 100%),
        url("../assets/hauptgrafik-cern-lhc-v1.webp") !important;
      background-position: center, center, center !important;
      background-repeat: no-repeat !important;
      background-size: auto, auto, contain !important;
    }

    #inhalt > #experimente #experiment-cern > .universal-universe-edge .universe-back-to-top { border-color: var(--experiment-accent); color: var(--experiment-accent); }

    :root[data-theme="light"] #inhalt > #experimente #experiment-cern {
      --cern-current: #17677f;
      --cern-result: #237653;
      --cern-plan: #5c4b9a;
      --cern-principle: #4d5968;
    }

    @media (max-width: 900px) {
      #inhalt > #experimente #experiment-cern .cern-key-points,
      #inhalt > #experimente #experiment-cern .cern-value-grid,
      #inhalt > #experimente #experiment-cern .cern-experiment-grid,
      #inhalt > #experimente #experiment-cern .cern-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      #inhalt > #experimente #experiment-cern :is(.cern-process-flow, .cern-data-flow) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 700px) {
      body:has(#inhalt > #experimente.active #experiment-cern.active),
      :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-cern.active) {
        background-attachment: scroll, scroll, scroll;
      }

      #inhalt > #experimente #experiment-cern .cern-editorial-intro { margin-top: 12px; padding-top: 4px; }
      #inhalt > #experimente #experiment-cern .cern-editorial-intro > header { padding: 0 0 13px 12px; }
      #inhalt > #experimente #experiment-cern .cern-key-points,
      #inhalt > #experimente #experiment-cern :is(.cern-process-flow, .cern-data-flow),
      #inhalt > #experimente #experiment-cern .cern-value-grid,
      #inhalt > #experimente #experiment-cern .cern-experiment-grid,
      #inhalt > #experimente #experiment-cern :is(.cern-results-grid, .cern-regional-grid, .cern-technology-grid),
      #inhalt > #experimente #experiment-cern .cern-status-grid,
      #inhalt > #experimente #experiment-cern .cern-technical-grid,
      #inhalt > #experimente #experiment-cern .cern-reference-list,
      #inhalt > #experimente #experiment-cern .cern-resource-bar { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-cern .experiment-reading-depth > summary { align-items: flex-start; flex-direction: column; gap: 12px; padding-right: 16px; }
      #inhalt > #experimente #experiment-cern .experiment-reading-depth > summary::after { min-height: 42px; }
      #inhalt > #experimente #experiment-cern .experiment-reading-depth-content { padding: 14px 15px 16px; }
      #inhalt > #experimente #experiment-cern .cern-resource-bar .media-action-link small { white-space: normal; }
    }

    /* FCC: Studienstand, Strategie, Projektionen und Langzeitstufen klar getrennt. */
    #inhalt > #experimente #experiment-fcc {
      --fcc-current: #dce6ef;
      --fcc-result: #78d7ad;
      --fcc-study: #aebdcc;
      --fcc-strategy: #9dc8ff;
      --fcc-projection: #c5b7ff;
      --fcc-plan: #e2c982;
      --fcc-decision: #f0aab8;
    }

    body:has(#inhalt > #experimente.active #experiment-fcc.active) {
      background-color: #05080d;
      background-image:
        radial-gradient(circle at 82% 18%, rgba(173, 194, 214, 0.15), transparent 34%),
        linear-gradient(rgba(5, 8, 13, 0.8), rgba(5, 8, 13, 0.93)),
        url("../assets/hintergrund-fcc-v1.webp");
      background-position: center, center, center top;
      background-repeat: no-repeat, no-repeat, repeat-y;
      background-size: cover, cover, cover;
      background-attachment: fixed, fixed, fixed;
    }

    :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-fcc.active) {
      background-color: #f1f4f7;
      background-image:
        radial-gradient(circle at 82% 18%, rgba(119, 145, 169, 0.13), transparent 36%),
        linear-gradient(rgba(247, 249, 251, 0.91), rgba(239, 243, 247, 0.96)),
        url("../assets/hintergrund-fcc-v1.webp");
    }

    .quote-banner.fcc-story-banner blockquote {
      max-width: 33ch;
      font-size: clamp(1.35rem, 2.05vw, 1.78rem);
      line-height: 1.12;
    }

    #inhalt > #experimente #experiment-fcc > :is(.experiment-reading-depth, .fcc-reference-guide, .fcc-resource-bar),
    #inhalt > #experimente #experiment-fcc .fcc-editorial-intro {
      box-sizing: border-box;
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin-right: auto;
      margin-left: auto;
    }

    #inhalt > #experimente #experiment-fcc .fcc-editorial-intro { margin-top: 16px; padding-top: 5px; }
    #inhalt > #experimente #experiment-fcc .fcc-editorial-intro > header { padding: 2px 0 16px 16px; border-left: 3px solid var(--experiment-accent); }
    #inhalt > #experimente #experiment-fcc .fcc-editorial-intro > header .tagline { margin: 0 0 6px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-fcc .fcc-editorial-intro > header h3 { max-width: 860px; margin: 0 0 8px; font-size: clamp(1.35rem, 2.6vw, 2rem); line-height: 1.16; }
    #inhalt > #experimente #experiment-fcc .fcc-editorial-intro > header p:last-child { max-width: 930px; margin: 0; color: var(--muted); line-height: 1.62; }

    #inhalt > #experimente #experiment-fcc .fcc-key-points { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
    #inhalt > #experimente #experiment-fcc .fcc-key-points > h4 { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
    #inhalt > #experimente #experiment-fcc .fcc-key-points article { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; min-width: 0; padding: 14px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 62%, var(--line)); background: color-mix(in srgb, var(--experiment-accent) 5%, var(--card)); }
    #inhalt > #experimente #experiment-fcc .fcc-key-points article > span { display: inline-grid; place-items: center; width: 30px; height: 30px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 52%, transparent); border-radius: 50%; color: var(--experiment-accent); font-size: 0.75rem; font-weight: 900; }
    #inhalt > #experimente #experiment-fcc .fcc-key-points article div { min-width: 0; }
    #inhalt > #experimente #experiment-fcc .fcc-key-points article h4 { margin: 0 0 4px; color: var(--experiment-accent); font-size: 0.75rem; }
    #inhalt > #experimente #experiment-fcc .fcc-key-points strong { display: block; margin-bottom: 6px; line-height: 1.3; }
    #inhalt > #experimente #experiment-fcc .fcc-key-points p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.5; }

    #inhalt > #experimente #experiment-fcc .experiment-status-badge { display: flex; width: fit-content; margin: 7px 0 10px; padding: 4px 9px; border: 1px solid currentColor; border-radius: 999px; font-size: 0.73rem; font-style: normal; font-weight: 850; letter-spacing: 0.055em; line-height: 1.3; text-transform: uppercase; }
    #inhalt > #experimente #experiment-fcc .experiment-status-badge.is-current { color: var(--fcc-current); }
    #inhalt > #experimente #experiment-fcc .experiment-status-badge.is-result { color: var(--fcc-result); }
    #inhalt > #experimente #experiment-fcc .experiment-status-badge.is-study,
    #inhalt > #experimente #experiment-fcc .experiment-status-badge.is-concept { color: var(--fcc-study); }
    #inhalt > #experimente #experiment-fcc .experiment-status-badge.is-strategy { color: var(--fcc-strategy); }
    #inhalt > #experimente #experiment-fcc .experiment-status-badge.is-projection { color: var(--fcc-projection); }
    #inhalt > #experimente #experiment-fcc .experiment-status-badge.is-plan { color: var(--fcc-plan); }
    #inhalt > #experimente #experiment-fcc .experiment-status-badge.is-decision { color: var(--fcc-decision); }

    #inhalt > #experimente #experiment-fcc .fcc-designation-suffix {
      font-weight: 950;
      letter-spacing: 0.015em;
    }

    #inhalt > #experimente #experiment-fcc .fcc-designation-suffix.is-ee { color: var(--fcc-strategy); }
    #inhalt > #experimente #experiment-fcc .fcc-designation-suffix.is-hh { color: var(--fcc-plan); }

    #inhalt > #experimente #experiment-fcc .experiment-reading-depth-content { box-sizing: border-box; max-width: none; margin: 0; padding: 16px 18px 18px; border-left: 0; }
    #inhalt > #experimente #experiment-fcc .experiment-reading-depth-content .source-box > .compact-heading { display: none; }
    #inhalt > #experimente #experiment-fcc .experiment-reading-depth-content .source-box > .tagline { margin: 0 0 12px; }
    #inhalt > #experimente #experiment-fcc .chart-note { margin: 0 0 14px; color: var(--muted); line-height: 1.55; }
    #inhalt > #experimente #experiment-fcc .experiment-reading-depth > summary { justify-content: space-between; gap: 16px; padding-right: 18px; }
    #inhalt > #experimente #experiment-fcc .experiment-reading-depth > summary::after { content: "+ Abschnitt öffnen"; position: static; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 38px; padding: 8px 13px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 46%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--experiment-accent) 7%, rgba(4, 9, 18, 0.88)); color: var(--experiment-accent); font-size: 0.82rem; font-weight: 900; line-height: 1.2; white-space: nowrap; }
    #inhalt > #experimente #experiment-fcc .experiment-reading-depth[open] > summary::after { content: "− Abschnitt schließen"; }

    #inhalt > #experimente #experiment-fcc .fcc-programme-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    #inhalt > #experimente #experiment-fcc .fcc-phase-card { min-height: 0; padding: 16px; border-radius: 8px; }
    #inhalt > #experimente #experiment-fcc .fcc-phase-card::after { display: none; }
    #inhalt > #experimente #experiment-fcc .fcc-phase-card ul { margin: 12px 0 0; padding-left: 19px; color: var(--muted); font-size: 0.88rem; line-height: 1.55; }
    #inhalt > #experimente #experiment-fcc .fcc-phase-card li + li { margin-top: 4px; }

    #inhalt > #experimente #experiment-fcc :is(.fcc-value-grid, .fcc-projection-grid, .fcc-status-grid) { display: grid; gap: 10px; }
    #inhalt > #experimente #experiment-fcc .fcc-value-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-fcc .fcc-projection-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-fcc .fcc-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-fcc .fcc-mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    #inhalt > #experimente #experiment-fcc .fcc-mode-grid article { min-width: 0; padding: 14px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 58%, var(--line)); background: color-mix(in srgb, var(--experiment-accent) 4%, var(--card)); }
    #inhalt > #experimente #experiment-fcc .fcc-mode-grid strong { display: block; margin: 1px 0 5px; font-size: 1.3rem; line-height: 1.15; }
    #inhalt > #experimente #experiment-fcc .fcc-mode-grid h3 { margin: 0 0 7px; font-size: 1rem; line-height: 1.3; }
    #inhalt > #experimente #experiment-fcc .fcc-mode-grid p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.52; }
    #inhalt > #experimente #experiment-fcc .fcc-luminosity-value { margin: 10px 0; padding: 9px 10px; border-left: 3px solid var(--experiment-accent); background: color-mix(in srgb, var(--experiment-accent) 9%, transparent); }
    #inhalt > #experimente #experiment-fcc .fcc-luminosity-value span { display: block; margin-bottom: 3px; color: var(--muted); font-size: 0.76rem; line-height: 1.25; }
    #inhalt > #experimente #experiment-fcc .fcc-luminosity-value b { display: block; color: var(--text); font-size: 1.08rem; line-height: 1.25; overflow-wrap: anywhere; }
    #inhalt > #experimente #experiment-fcc :is(.fcc-value-grid, .fcc-projection-grid, .fcc-status-grid) article { min-width: 0; padding: 14px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 58%, var(--line)); background: color-mix(in srgb, var(--experiment-accent) 4%, var(--card)); }
    #inhalt > #experimente #experiment-fcc :is(.fcc-value-grid, .fcc-projection-grid) strong { display: block; margin: 1px 0 5px; font-size: 1.3rem; line-height: 1.15; }
    #inhalt > #experimente #experiment-fcc .fcc-value-grid span { color: var(--muted); font-size: 0.86rem; line-height: 1.45; }
    #inhalt > #experimente #experiment-fcc .fcc-projection-grid h3,
    #inhalt > #experimente #experiment-fcc .fcc-status-grid h3 { margin: 0 0 7px; font-size: 1rem; line-height: 1.3; }
    #inhalt > #experimente #experiment-fcc .fcc-projection-grid p,
    #inhalt > #experimente #experiment-fcc .fcc-status-grid p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.52; }
    #inhalt > #experimente #experiment-fcc .fcc-infrastructure-note { margin: 13px 0 0; padding: 11px 13px; border-left: 2px solid var(--experiment-accent); background: color-mix(in srgb, var(--experiment-accent) 4%, transparent); color: var(--muted); font-size: 0.9rem; line-height: 1.55; }

    #inhalt > #experimente #experiment-fcc :is(.fcc-physics-grid, .fcc-environment-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    #inhalt > #experimente #experiment-fcc :is(.fcc-physics-grid, .fcc-environment-grid) > .fact { min-height: 0; padding: 13px; }
    #inhalt > #experimente #experiment-fcc .fact > .tag { display: flex; width: fit-content; margin-bottom: 8px; color: var(--text); font-size: 0.84rem; font-weight: 800; line-height: 1.35; }

    #inhalt > #experimente #experiment-fcc .fcc-comparison-table { display: grid; border: 1px solid color-mix(in srgb, var(--experiment-accent) 28%, var(--line)); border-radius: 8px; overflow: hidden; }
    #inhalt > #experimente #experiment-fcc .fcc-comparison-row { display: grid; grid-template-columns: minmax(100px, 0.55fr) repeat(3, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-fcc .fcc-comparison-row > * { min-width: 0; padding: 11px 12px; border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 18%, var(--line)); line-height: 1.45; }
    #inhalt > #experimente #experiment-fcc .fcc-comparison-row > * + * { border-left: 1px solid color-mix(in srgb, var(--experiment-accent) 18%, var(--line)); }
    #inhalt > #experimente #experiment-fcc .fcc-comparison-head { color: var(--text); background: color-mix(in srgb, var(--experiment-accent) 10%, transparent); font-size: 0.76rem; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; }
    #inhalt > #experimente #experiment-fcc .fcc-comparison-head > * { border-top: 0; }
    #inhalt > #experimente #experiment-fcc .fcc-comparison-row [role="cell"] { color: var(--muted); font-size: 0.88rem; }

    #inhalt > #experimente #experiment-fcc .fcc-reference-guide { margin-top: 14px; }
    #inhalt > #experimente #experiment-fcc .fcc-reference-header { padding: 16px 18px 17px; border-left: 3px solid var(--experiment-accent); background: color-mix(in srgb, var(--experiment-accent) 5%, var(--card)); }
    #inhalt > #experimente #experiment-fcc .fcc-reference-header .tagline { margin: 0 0 4px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-fcc .fcc-reference-header h3 { margin: 0 0 6px; font-size: 1.08rem; }
    #inhalt > #experimente #experiment-fcc .fcc-reference-header > p:last-child { margin: 0; color: var(--muted); font-size: 0.9rem; line-height: 1.5; }
    #inhalt > #experimente #experiment-fcc .fcc-reference-details { margin-top: 10px; }
    #inhalt > #experimente #experiment-fcc .fcc-reference-details > summary { min-height: 64px; padding-top: 16px; padding-bottom: 16px; font-size: 1rem; }
    #inhalt > #experimente #experiment-fcc .fcc-reference-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; margin: 0; }
    #inhalt > #experimente #experiment-fcc .fcc-reference-list > div { padding: 13px 0 15px; border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 25%, var(--line)); }
    #inhalt > #experimente #experiment-fcc .fcc-reference-list dt { margin: 0 0 5px; color: var(--text); font-weight: 900; line-height: 1.35; }
    #inhalt > #experimente #experiment-fcc .fcc-reference-list dd { margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.58; }

    #inhalt > #experimente #experiment-fcc .fcc-resource-bar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; margin-bottom: 4px; }
    #inhalt > #experimente #experiment-fcc .fcc-resource-intro { grid-column: 1 / -1; display: grid; gap: 3px; padding: 14px 16px; border-left: 3px solid var(--experiment-accent); background: color-mix(in srgb, var(--experiment-accent) 5%, var(--card)); }
    #inhalt > #experimente #experiment-fcc .fcc-resource-intro strong { color: var(--text); font-size: 0.98rem; }
    #inhalt > #experimente #experiment-fcc .fcc-resource-intro span { color: var(--muted); font-size: 0.84rem; line-height: 1.45; }
    #inhalt > #experimente #experiment-fcc .fcc-resource-bar .media-action-link { min-width: 0; min-height: 50px; padding: 9px 14px; justify-content: flex-start; border-radius: 8px; text-align: left; }
    #inhalt > #experimente #experiment-fcc .fcc-resource-bar .media-action-link::before { flex: 0 0 auto; }
    #inhalt > #experimente #experiment-fcc .fcc-resource-bar .media-action-link span,
    #inhalt > #experimente #experiment-fcc .fcc-resource-bar .media-action-link small { display: block; }
    #inhalt > #experimente #experiment-fcc .fcc-resource-bar .media-action-link small { margin-left: 7px; overflow: hidden; color: var(--muted); font-size: 0.72rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }

    #inhalt > #experimente #experiment-fcc > .universal-universe-edge { border-color: color-mix(in srgb, var(--experiment-accent) 48%, var(--line)); background-image: linear-gradient(90deg, rgba(5, 8, 13, 0.88) 0%, rgba(5, 8, 13, 0.56) 47%, rgba(5, 8, 13, 0.18) 100%), linear-gradient(180deg, transparent 55%, rgba(5, 8, 13, 0.7) 100%), url("../assets/hauptgrafik-fcc-v1.webp") !important; background-position: center, center, center !important; background-repeat: no-repeat !important; background-size: auto, auto, contain !important; }
    #inhalt > #experimente #experiment-fcc > .universal-universe-edge .universe-back-to-top { border-color: var(--experiment-accent); color: var(--experiment-accent); }

    :root[data-theme="light"] #inhalt > #experimente #experiment-fcc { --fcc-current: #4d5968; --fcc-result: #237653; --fcc-study: #566373; --fcc-strategy: #2e6397; --fcc-projection: #5c4b9a; --fcc-plan: #715817; --fcc-decision: #8a4052; }

    @media (max-width: 900px) {
      #inhalt > #experimente #experiment-fcc .fcc-key-points,
      #inhalt > #experimente #experiment-fcc .fcc-value-grid,
      #inhalt > #experimente #experiment-fcc .fcc-projection-grid,
      #inhalt > #experimente #experiment-fcc .fcc-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 700px) {
      body:has(#inhalt > #experimente.active #experiment-fcc.active),
      :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-fcc.active) { background-attachment: scroll, scroll, scroll; }
      #inhalt > #experimente #experiment-fcc .fcc-editorial-intro { margin-top: 12px; padding-top: 4px; }
      #inhalt > #experimente #experiment-fcc .fcc-editorial-intro > header { padding: 0 0 13px 12px; }
      #inhalt > #experimente #experiment-fcc .fcc-key-points,
      #inhalt > #experimente #experiment-fcc .fcc-programme-grid,
      #inhalt > #experimente #experiment-fcc .fcc-value-grid,
      #inhalt > #experimente #experiment-fcc .fcc-projection-grid,
      #inhalt > #experimente #experiment-fcc :is(.fcc-physics-grid, .fcc-environment-grid),
      #inhalt > #experimente #experiment-fcc .fcc-status-grid,
      #inhalt > #experimente #experiment-fcc .fcc-mode-grid,
      #inhalt > #experimente #experiment-fcc .fcc-reference-list,
      #inhalt > #experimente #experiment-fcc .fcc-resource-bar { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-fcc .experiment-reading-depth > summary { align-items: flex-start; flex-direction: column; gap: 12px; padding-right: 16px; }
      #inhalt > #experimente #experiment-fcc .experiment-reading-depth > summary::after { min-height: 42px; }
      #inhalt > #experimente #experiment-fcc .experiment-reading-depth-content { padding: 14px 15px 16px; }
      #inhalt > #experimente #experiment-fcc .fcc-comparison-head { display: none; }
      #inhalt > #experimente #experiment-fcc .fcc-comparison-row { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-fcc .fcc-comparison-row > * { padding: 10px 12px; }
      #inhalt > #experimente #experiment-fcc .fcc-comparison-row > * + * { border-left: 0; }
      #inhalt > #experimente #experiment-fcc .fcc-comparison-row > strong { background: color-mix(in srgb, var(--experiment-accent) 9%, transparent); }
      #inhalt > #experimente #experiment-fcc .fcc-resource-bar .media-action-link small { white-space: normal; }
    }

    /* MEDUSA: kompakte Radiopolarimetrie-Erzählung in Jade, Cyan und Messing. */
    #inhalt > #skao #skao-medusa {
      --medusa-programme: #72e3bd;
      --medusa-method: #78d9ed;
      --medusa-result: #9be0ad;
      --medusa-derived: #e2cf78;
      --medusa-open: #c7d3d7;
      --medusa-model: #82c8d5;
      --medusa-interpretation: #b7d891;
    }

    body:has(#inhalt > #skao.active #skao-medusa.active) {
      background-color: #031014;
      background-image:
        radial-gradient(circle at 78% 17%, rgba(54, 178, 148, 0.13), transparent 34%),
        linear-gradient(rgba(2, 13, 17, 0.79), rgba(2, 12, 16, 0.92)),
        url("../assets/background-medusa-radio-v1.webp");
      background-position: center, center, center top;
      background-size: cover, cover, cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }

    :root[data-theme="light"] body:has(#inhalt > #skao.active #skao-medusa.active) {
      background-color: #edf7f4;
      background-image:
        radial-gradient(circle at 78% 17%, rgba(42, 147, 122, 0.10), transparent 34%),
        linear-gradient(rgba(241, 250, 247, 0.89), rgba(233, 246, 242, 0.95)),
        url("../assets/background-medusa-radio-v1.webp");
    }

    .quote-banner.medusa-story-banner blockquote {
      max-width: 35ch;
      font-size: clamp(1.28rem, 2vw, 1.72rem);
      line-height: 1.14;
    }

    #inhalt > #skao #skao-medusa > :is(.medusa-editorial-intro, .source-box, .experiment-reading-depth, .medusa-reference-guide) {
      box-sizing: border-box;
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin-right: auto;
      margin-left: auto;
    }

    #inhalt > #skao #skao-medusa .medusa-editorial-intro { margin-top: 16px; padding-top: 5px; }
    #inhalt > #skao #skao-medusa .medusa-editorial-intro > header { max-width: 920px; padding: 2px 0 16px 16px; border-left: 3px solid var(--experiment-accent); }
    #inhalt > #skao #skao-medusa .medusa-editorial-intro > header .tagline { margin: 0 0 6px; color: var(--experiment-accent); }
    #inhalt > #skao #skao-medusa .medusa-editorial-intro > header h3 { margin: 0 0 8px; font-size: clamp(1.35rem, 2.6vw, 2rem); line-height: 1.16; }
    #inhalt > #skao #skao-medusa .medusa-editorial-intro > header p:last-child { margin: 0; color: var(--muted); line-height: 1.62; }

    #inhalt > #skao #skao-medusa .medusa-key-points { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
    #inhalt > #skao #skao-medusa .medusa-key-points > h4 { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
    #inhalt > #skao #skao-medusa .medusa-key-points article { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; min-width: 0; padding: 14px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 62%, var(--line)); background: color-mix(in srgb, var(--experiment-accent) 5%, var(--card)); }
    #inhalt > #skao #skao-medusa .medusa-key-points article > span { display: inline-grid; place-items: center; width: 30px; height: 30px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 54%, transparent); border-radius: 50%; color: var(--experiment-accent); font-size: 0.75rem; font-weight: 900; }
    #inhalt > #skao #skao-medusa .medusa-key-points article div { min-width: 0; }
    #inhalt > #skao #skao-medusa .medusa-key-points article h4 { margin: 0 0 4px; color: var(--experiment-accent); font-size: 0.75rem; }
    #inhalt > #skao #skao-medusa .medusa-key-points strong { display: block; margin-bottom: 6px; line-height: 1.3; }
    #inhalt > #skao #skao-medusa .medusa-key-points p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.5; }

    #inhalt > #skao #skao-medusa .experiment-status-badge { display: flex; width: fit-content; margin: 7px 0 10px; padding: 4px 9px; border: 1px solid currentColor; border-radius: 999px; font-size: 0.7rem; font-style: normal; font-weight: 850; letter-spacing: 0.05em; line-height: 1.3; text-transform: uppercase; }
    #inhalt > #skao #skao-medusa .experiment-status-badge:is(.is-programme, .is-goal) { color: var(--medusa-programme); }
    #inhalt > #skao #skao-medusa .experiment-status-badge:is(.is-method, .is-model) { color: var(--medusa-method); }
    #inhalt > #skao #skao-medusa .experiment-status-badge:is(.is-result) { color: var(--medusa-result); }
    #inhalt > #skao #skao-medusa .experiment-status-badge:is(.is-derived) { color: var(--medusa-derived); }
    #inhalt > #skao #skao-medusa .experiment-status-badge:is(.is-open) { color: var(--medusa-open); }
    #inhalt > #skao #skao-medusa .experiment-status-badge:is(.is-principle, .is-interpretation) { color: var(--medusa-interpretation); }

    #inhalt > #skao #skao-medusa :is(.medusa-programme-grid, .medusa-result-grid, .medusa-interpretation-grid) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    #inhalt > #skao #skao-medusa :is(.medusa-programme-grid, .medusa-result-grid, .medusa-interpretation-grid) article { min-width: 0; padding: 14px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 58%, var(--line)); background: color-mix(in srgb, var(--experiment-accent) 4%, var(--card)); }
    #inhalt > #skao #skao-medusa :is(.medusa-programme-grid, .medusa-result-grid) strong { display: block; margin: 1px 0 5px; font-size: 1.28rem; line-height: 1.16; }
    #inhalt > #skao #skao-medusa :is(.medusa-programme-grid, .medusa-result-grid, .medusa-interpretation-grid) h3 { margin: 0 0 7px; font-size: 1rem; line-height: 1.3; }
    #inhalt > #skao #skao-medusa :is(.medusa-programme-grid, .medusa-result-grid, .medusa-interpretation-grid) p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.52; }

    #inhalt > #skao #skao-medusa .medusa-method-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    #inhalt > #skao #skao-medusa .medusa-method-flow article { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; min-width: 0; padding: 14px; border-top: 2px solid color-mix(in srgb, var(--medusa-method) 62%, var(--line)); background: color-mix(in srgb, var(--medusa-method) 4%, var(--card)); }
    #inhalt > #skao #skao-medusa .medusa-method-flow article > span { display: inline-grid; place-items: center; width: 30px; height: 30px; border: 1px solid color-mix(in srgb, var(--medusa-method) 52%, transparent); border-radius: 50%; color: var(--medusa-method); font-size: 0.75rem; font-weight: 900; }
    #inhalt > #skao #skao-medusa .medusa-method-flow h3 { margin: 0 0 6px; font-size: 0.98rem; line-height: 1.3; }
    #inhalt > #skao #skao-medusa .medusa-method-flow p { margin: 0; color: var(--muted); font-size: 0.86rem; line-height: 1.5; }

    #inhalt > #skao #skao-medusa .medusa-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    #inhalt > #skao #skao-medusa .medusa-case-grid > .fact { min-height: 0; padding: 13px; }
    #inhalt > #skao #skao-medusa .medusa-case-grid .tag { display: flex; width: fit-content; margin-bottom: 8px; color: var(--text); font-size: 0.84rem; font-weight: 800; line-height: 1.35; }
    #inhalt > #skao #skao-medusa .chart-note { margin: 0 0 14px; color: var(--muted); line-height: 1.55; }

    #inhalt > #skao #skao-medusa .experiment-reading-depth-content { box-sizing: border-box; max-width: none; margin: 0; padding: 16px 18px 18px; border-left: 0; }
    #inhalt > #skao #skao-medusa .experiment-reading-depth > summary { justify-content: space-between; gap: 16px; padding-right: 18px; }
    #inhalt > #skao #skao-medusa .experiment-reading-depth > summary::after { content: "+ Abschnitt öffnen"; position: static; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 38px; padding: 8px 13px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 46%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--experiment-accent) 7%, rgba(4, 15, 18, 0.88)); color: var(--experiment-accent); font-size: 0.82rem; font-weight: 900; line-height: 1.2; white-space: nowrap; }
    #inhalt > #skao #skao-medusa .experiment-reading-depth[open] > summary::after { content: "− Abschnitt schließen"; }

    #inhalt > #skao #skao-medusa .medusa-reference-guide { margin-top: 14px; }
    #inhalt > #skao #skao-medusa .medusa-reference-guide > header { padding: 16px 18px 17px; border-left: 3px solid var(--experiment-accent); background: color-mix(in srgb, var(--experiment-accent) 5%, var(--card)); }
    #inhalt > #skao #skao-medusa .medusa-reference-guide > header .tagline { margin: 0 0 4px; color: var(--experiment-accent); }
    #inhalt > #skao #skao-medusa .medusa-reference-guide > header h3 { margin: 0 0 6px; font-size: 1.08rem; }
    #inhalt > #skao #skao-medusa .medusa-reference-guide > header > p:last-child { margin: 0; color: var(--muted); font-size: 0.9rem; line-height: 1.5; }
    #inhalt > #skao #skao-medusa .medusa-reference-details { margin-top: 10px; }
    #inhalt > #skao #skao-medusa .medusa-reference-details > summary { min-height: 64px; padding-top: 16px; padding-bottom: 16px; }
    #inhalt > #skao #skao-medusa .medusa-reference-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; margin: 0; }
    #inhalt > #skao #skao-medusa .medusa-reference-list > div { padding: 13px 0 15px; border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 25%, var(--line)); }
    #inhalt > #skao #skao-medusa .medusa-reference-list dt { margin: 0 0 5px; color: var(--text); font-weight: 900; line-height: 1.35; }
    #inhalt > #skao #skao-medusa .medusa-reference-list dd { margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.58; }

    #inhalt > #skao #skao-medusa > .universal-universe-edge {
      border-color: color-mix(in srgb, var(--experiment-accent) 48%, var(--line));
      background-image:
        linear-gradient(90deg, rgba(2, 13, 16, 0.88) 0%, rgba(2, 13, 16, 0.53) 48%, rgba(2, 13, 16, 0.18) 100%),
        linear-gradient(180deg, transparent 54%, rgba(2, 13, 16, 0.72) 100%),
        url("../assets/abschluss-medusa-magnetfeld-v1.webp") !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: auto, auto, contain !important;
    }

    #inhalt > #skao #skao-medusa > .universal-universe-edge .universe-back-to-top { border-color: var(--experiment-accent); color: var(--experiment-accent); background: rgba(3, 17, 20, 0.90); }

    :root[data-theme="light"] #inhalt > #skao #skao-medusa {
      --medusa-programme: #19755c;
      --medusa-method: #18738a;
      --medusa-result: #287a49;
      --medusa-derived: #786318;
      --medusa-open: #4d5e63;
      --medusa-model: #286f7d;
      --medusa-interpretation: #587429;
    }

    @media (max-width: 900px) {
      #inhalt > #skao #skao-medusa .medusa-key-points,
      #inhalt > #skao #skao-medusa .medusa-method-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 700px) {
      body:has(#inhalt > #skao.active #skao-medusa.active),
      :root[data-theme="light"] body:has(#inhalt > #skao.active #skao-medusa.active) { background-attachment: scroll; }
      #inhalt > #skao #skao-medusa .medusa-editorial-intro { margin-top: 12px; }
      #inhalt > #skao #skao-medusa .medusa-editorial-intro > header { padding: 0 0 13px 12px; }
      #inhalt > #skao #skao-medusa :is(.medusa-key-points, .medusa-programme-grid, .medusa-method-flow, .medusa-case-grid, .medusa-result-grid, .medusa-interpretation-grid, .medusa-reference-list) { grid-template-columns: 1fr; }
      #inhalt > #skao #skao-medusa .experiment-reading-depth > summary { align-items: flex-start; flex-direction: column; gap: 12px; padding-right: 16px; }
      #inhalt > #skao #skao-medusa .experiment-reading-depth > summary::after { min-height: 42px; }
      #inhalt > #skao #skao-medusa .experiment-reading-depth-content { padding: 14px 15px 16px; }
    }

    /* Einstein-Teleskop: aktueller Designstand, Technik und Projektstatus. */
    #inhalt > #experimente #experiment-et {
      --experiment-accent: #8ea0ff;
      --experiment-accent-ink: #0000cc;
      --et-current: #dce4ff;
      --et-result: #7bd9b2;
      --et-reference: #aebcff;
      --et-study: #a8d3ef;
      --et-decision: #f0b2c0;
      --et-plan: #ded08f;
      --et-design: #9fd8e2;
      --et-prototype: #9fdfc0;
      --et-network: #bcb2ff;
      --et-data: #c6d0dc;
    }

    body:has(#inhalt > #experimente.active #experiment-et.active) {
      background-color: #03050c;
      background-image:
        radial-gradient(circle at 76% 12%, rgba(0, 0, 204, 0.17), transparent 35%),
        linear-gradient(rgba(3, 5, 12, 0.10), rgba(3, 5, 12, 0.38)),
        url("../assets/einstein-teleskop-hintergrund-v2.webp");
      background-position: center, center, center top;
      background-repeat: no-repeat, no-repeat, repeat-y;
      background-size: cover, cover, cover;
      background-attachment: fixed, fixed, fixed;
    }

    :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-et.active) {
      background-color: #f3f5fb;
      background-image:
        radial-gradient(circle at 76% 12%, rgba(0, 0, 204, 0.08), transparent 36%),
        linear-gradient(rgba(249, 250, 254, 0.46), rgba(241, 244, 250, 0.66)),
        url("../assets/einstein-teleskop-hintergrund-v2.webp");
    }

    #inhalt > #experimente .experiment-content-shell:has(#experiment-et.active) {
      background: transparent;
      border-color: transparent;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }

    #inhalt > #experimente #experiment-et .quote-banner.einstein-story-banner {
      background-image:
        linear-gradient(90deg, rgba(2, 4, 12, 0.94) 0%, rgba(2, 4, 12, 0.74) 48%, rgba(2, 4, 12, 0.18) 100%),
        url("../assets/einstein-teleskop-hauptbanner-v2.webp") !important;
      background-position: center !important;
      background-size: cover !important;
    }

    #inhalt > #experimente #experiment-et .quote-banner.einstein-story-banner :is(.tagline, blockquote) { color: #f7f9ff; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.82); }
    #inhalt > #experimente #experiment-et .quote-banner.einstein-story-banner .tagline { color: #aab7ff; }
    #inhalt > #experimente #experiment-et .quote-banner.einstein-story-banner blockquote {
      max-width: 35ch;
      font-size: clamp(1.24rem, 1.82vw, 1.62rem);
      line-height: 1.13;
    }

    #inhalt > #experimente #experiment-et > :is(.et-editorial-intro, .et-reference-guide) {
      box-sizing: border-box;
      width: var(--site-main-banner-reference-width);
      max-width: 100%;
      margin-right: auto;
      margin-left: auto;
    }

    #inhalt > #experimente #experiment-et .et-editorial-intro { margin-top: 16px; padding-top: 5px; }
    #inhalt > #experimente #experiment-et .et-editorial-intro > header { padding: 2px 0 16px 16px; border-left: 3px solid var(--experiment-accent); }
    #inhalt > #experimente #experiment-et .et-editorial-intro > header .tagline { margin: 0 0 6px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-et .et-editorial-intro > header h3 { max-width: 900px; margin: 0 0 8px; font-size: clamp(1.35rem, 2.6vw, 2rem); line-height: 1.16; }
    #inhalt > #experimente #experiment-et .et-editorial-intro > header p:last-child { max-width: 960px; margin: 0; color: var(--muted); line-height: 1.62; }

    #inhalt > #experimente #experiment-et .et-key-points { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
    #inhalt > #experimente #experiment-et .et-key-points > h4 { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
    #inhalt > #experimente #experiment-et .et-key-points article { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; min-width: 0; padding: 14px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 62%, var(--line)); background: color-mix(in srgb, #0000cc 5%, var(--card)); }
    #inhalt > #experimente #experiment-et .et-key-points article > span { display: inline-grid; place-items: center; width: 30px; height: 30px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 52%, transparent); border-radius: 50%; color: var(--experiment-accent); font-size: 0.75rem; font-weight: 900; }
    #inhalt > #experimente #experiment-et .et-key-points article div { min-width: 0; }
    #inhalt > #experimente #experiment-et .et-key-points article h4 { margin: 0 0 4px; color: var(--experiment-accent); font-size: 0.75rem; }
    #inhalt > #experimente #experiment-et .et-key-points strong { display: block; margin-bottom: 6px; line-height: 1.3; }
    #inhalt > #experimente #experiment-et .et-key-points p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.5; }

    #inhalt > #experimente #experiment-et .experiment-status-badge { display: flex; width: fit-content; margin: 7px 0 10px; padding: 4px 9px; border: 1px solid currentColor; border-radius: 999px; font-size: 0.72rem; font-style: normal; font-weight: 850; letter-spacing: 0.05em; line-height: 1.3; text-transform: uppercase; }
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-current,
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-principle,
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-capability { color: var(--et-current); }
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-result { color: var(--et-result); }
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-reference { color: var(--et-reference); }
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-study { color: var(--et-study); }
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-decision,
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-open { color: var(--et-decision); }
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-plan { color: var(--et-plan); }
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-design { color: var(--et-design); }
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-prototype { color: var(--et-prototype); }
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-network { color: var(--et-network); }
    #inhalt > #experimente #experiment-et .experiment-status-badge.is-data { color: var(--et-data); }

    #inhalt > #experimente #experiment-et .experiment-reading-depth-content { box-sizing: border-box; max-width: none; margin: 0; padding: 16px 18px 18px; border-left: 0; }
    #inhalt > #experimente #experiment-et .experiment-reading-depth-content .source-box > .compact-heading { display: none; }
    #inhalt > #experimente #experiment-et .experiment-reading-depth-content .source-box > .tagline { margin: 0 0 12px; }
    #inhalt > #experimente #experiment-et .chart-note { margin: 0 0 14px; color: var(--muted); line-height: 1.55; }
    #inhalt > #experimente #experiment-et .experiment-reading-depth > summary { justify-content: space-between; gap: 16px; padding-right: 18px; }
    #inhalt > #experimente #experiment-et .experiment-reading-depth > summary::after { content: "+ Abschnitt öffnen"; position: static; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 38px; padding: 8px 13px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 46%, transparent); border-radius: 999px; background: color-mix(in srgb, #0000cc 9%, rgba(4, 7, 18, 0.9)); color: var(--experiment-accent); font-size: 0.82rem; font-weight: 900; line-height: 1.2; white-space: nowrap; }
    #inhalt > #experimente #experiment-et .experiment-reading-depth[open] > summary::after { content: "− Abschnitt schließen"; }

    #inhalt > #experimente #experiment-et :is(.et-process-flow, .et-value-grid, .et-design-grid, .et-instrument-grid, .et-network-grid, .et-status-grid, .et-aachen-grid) { display: grid; gap: 10px; }
    #inhalt > #experimente #experiment-et .et-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-et .et-process-flow article { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 13px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 55%, var(--line)); background: color-mix(in srgb, #0000cc 4%, var(--card)); }
    #inhalt > #experimente #experiment-et .et-process-flow article > span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 48%, transparent); border-radius: 50%; color: var(--experiment-accent); font-size: 0.75rem; font-weight: 900; }
    #inhalt > #experimente #experiment-et .et-process-flow h3 { margin: 0 0 5px; font-size: 1rem; }
    #inhalt > #experimente #experiment-et .et-process-flow p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.52; }
    #inhalt > #experimente #experiment-et .et-value-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 10px; }
    #inhalt > #experimente #experiment-et .et-value-grid article { min-width: 0; padding: 13px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 55%, var(--line)); background: color-mix(in srgb, #0000cc 4%, var(--card)); }
    #inhalt > #experimente #experiment-et .et-value-grid strong { display: block; margin: 1px 0 5px; font-size: 1.22rem; line-height: 1.18; }
    #inhalt > #experimente #experiment-et .et-value-grid span { color: var(--muted); font-size: 0.85rem; line-height: 1.45; }
    #inhalt > #experimente #experiment-et :is(.et-design-grid, .et-instrument-grid, .et-network-grid, .et-status-grid, .et-aachen-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-et :is(.et-design-grid, .et-instrument-grid, .et-network-grid, .et-status-grid, .et-aachen-grid) article { min-width: 0; padding: 14px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 55%, var(--line)); background: color-mix(in srgb, #0000cc 4%, var(--card)); }
    #inhalt > #experimente #experiment-et :is(.et-design-grid, .et-instrument-grid) strong { display: block; margin: 1px 0 5px; font-size: 1.22rem; line-height: 1.18; }
    #inhalt > #experimente #experiment-et :is(.et-design-grid, .et-instrument-grid, .et-network-grid, .et-status-grid, .et-aachen-grid) h3 { margin: 0 0 7px; font-size: 1rem; line-height: 1.3; }
    #inhalt > #experimente #experiment-et :is(.et-design-grid, .et-instrument-grid, .et-network-grid, .et-status-grid, .et-aachen-grid) p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.52; }
    #inhalt > #experimente #experiment-et :is(.et-noise-grid, .et-science-grid) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    #inhalt > #experimente #experiment-et :is(.et-noise-grid, .et-science-grid) > .fact { min-height: 0; padding: 13px; }
    #inhalt > #experimente #experiment-et :is(.et-noise-grid, .et-science-grid) .tag { display: flex; width: fit-content; margin-bottom: 8px; color: var(--experiment-accent); font-size: 0.82rem; font-weight: 850; line-height: 1.35; }

    #inhalt > #experimente #experiment-et .et-reference-guide { margin-top: 14px; }
    #inhalt > #experimente #experiment-et .et-reference-header { padding: 16px 18px 17px; border-left: 3px solid var(--experiment-accent); background: color-mix(in srgb, #0000cc 5%, var(--card)); }
    #inhalt > #experimente #experiment-et .et-reference-header .tagline { margin: 0 0 4px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-et .et-reference-header h3 { margin: 0 0 6px; font-size: 1.08rem; }
    #inhalt > #experimente #experiment-et .et-reference-header > p:last-child { margin: 0; color: var(--muted); font-size: 0.9rem; line-height: 1.5; }
    #inhalt > #experimente #experiment-et .et-reference-details { margin-top: 10px; }
    #inhalt > #experimente #experiment-et .et-reference-details > summary { min-height: 64px; padding-top: 16px; padding-bottom: 16px; }
    #inhalt > #experimente #experiment-et .et-reference-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; margin: 0; }
    #inhalt > #experimente #experiment-et .et-reference-list > div { padding: 13px 0 15px; border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 25%, var(--line)); }
    #inhalt > #experimente #experiment-et .et-reference-list dt { margin: 0 0 5px; color: var(--text); font-weight: 900; line-height: 1.35; }
    #inhalt > #experimente #experiment-et .et-reference-list dd { margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.58; }

    #inhalt > #experimente #experiment-et > .universal-universe-edge {
      border-color: color-mix(in srgb, var(--experiment-accent) 48%, var(--line));
      background-image:
        linear-gradient(90deg, rgba(2, 4, 12, 0.91) 0%, rgba(2, 4, 12, 0.62) 48%, rgba(2, 4, 12, 0.14) 100%),
        linear-gradient(180deg, transparent 54%, rgba(2, 4, 12, 0.75) 100%),
        url("../assets/einstein-teleskop-abschluss-v2.webp") !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: auto, auto, contain !important;
    }
    #inhalt > #experimente #experiment-et > .universal-universe-edge .universe-back-to-top { border-color: var(--experiment-accent); color: var(--experiment-accent); background: rgba(3, 5, 14, 0.9); }

    :root[data-theme="light"] #inhalt > #experimente #experiment-et {
      --et-current: #354265;
      --et-result: #247653;
      --et-reference: #3448a8;
      --et-study: #286b8b;
      --et-decision: #91455b;
      --et-plan: #705c16;
      --et-design: #176d79;
      --et-prototype: #267351;
      --et-network: #5948a5;
      --et-data: #4d5d6c;
    }

    :root[data-theme="light"] #inhalt > #experimente #experiment-et .et-editorial-intro {
      padding: 16px;
      border: 1px solid rgba(34, 48, 92, 0.14);
      background: rgba(248, 250, 255, 0.82);
      box-shadow: 0 12px 30px rgba(30, 42, 76, 0.10);
    }

    @media (max-width: 900px) {
      #inhalt > #experimente #experiment-et .et-key-points,
      #inhalt > #experimente #experiment-et .et-value-grid,
      #inhalt > #experimente #experiment-et :is(.et-noise-grid, .et-science-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 700px) {
      body:has(#inhalt > #experimente.active #experiment-et.active),
      :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-et.active) { background-attachment: scroll, scroll, scroll; }
      #inhalt > #experimente #experiment-et .quote-banner.einstein-story-banner blockquote { max-width: 28ch; font-size: clamp(1.05rem, 5.2vw, 1.34rem); line-height: 1.16; }
      #inhalt > #experimente #experiment-et .et-editorial-intro { margin-top: 12px; padding-top: 4px; }
      #inhalt > #experimente #experiment-et .et-editorial-intro > header { padding: 0 0 13px 12px; }
      #inhalt > #experimente #experiment-et :is(.et-key-points, .et-process-flow, .et-value-grid, .et-design-grid, .et-instrument-grid, .et-noise-grid, .et-science-grid, .et-network-grid, .et-status-grid, .et-aachen-grid, .et-reference-list) { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-et .experiment-reading-depth > summary { align-items: flex-start; flex-direction: column; gap: 12px; padding-right: 16px; }
      #inhalt > #experimente #experiment-et .experiment-reading-depth > summary::after { min-height: 42px; }
      #inhalt > #experimente #experiment-et .experiment-reading-depth-content { padding: 14px 15px 16px; }
    }

    /* LISA: Mission, Technik, Wissenschaft und europaeische Beitraege. */
    #inhalt > #experimente #experiment-lisa {
      --experiment-accent: #68d7f2;
      --lisa-current: #8ee7f5;
      --lisa-result: #82dfb5;
      --lisa-design: #a9bcff;
      --lisa-target: #f2d486;
      --lisa-plan: #ddc47c;
      --lisa-open: #e7a7bd;
      --lisa-data: #b9c8dc;
      --lisa-network: #b9abff;
      --lisa-partner: #d6b5ff;
    }

    body:has(#inhalt > #experimente.active #experiment-lisa.active) {
      background-color: #020711;
      background-image:
        radial-gradient(circle at 78% 14%, rgba(72, 121, 218, 0.14), transparent 35%),
        linear-gradient(rgba(2, 7, 17, 0.08), rgba(2, 7, 17, 0.34)),
        url("../assets/lisa-hintergrund-v2.webp");
      background-position: center, center, center top;
      background-repeat: no-repeat, no-repeat, repeat-y;
      background-size: cover, cover, cover;
      background-attachment: fixed, fixed, fixed;
    }

    :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-lisa.active) {
      background-color: #eef5fa;
      background-image:
        radial-gradient(circle at 78% 14%, rgba(48, 109, 186, 0.08), transparent 36%),
        linear-gradient(rgba(246, 251, 254, 0.48), rgba(235, 245, 250, 0.68)),
        url("../assets/lisa-hintergrund-v2.webp");
    }

    #inhalt > #experimente .experiment-content-shell:has(#experiment-lisa.active) {
      background: transparent;
      border-color: transparent;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }

    #inhalt > #experimente #experiment-lisa .quote-banner.lisa-story-banner {
      background-image:
        linear-gradient(90deg, rgba(2, 6, 17, 0.95) 0%, rgba(2, 6, 17, 0.78) 50%, rgba(2, 6, 17, 0.14) 100%),
        url("../assets/lisa-hauptbanner-v2.webp") !important;
      background-position: center !important;
      background-size: cover !important;
    }
    #inhalt > #experimente #experiment-lisa .quote-banner.lisa-story-banner :is(.tagline, blockquote) { color: #f5f9ff; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.88); }
    #inhalt > #experimente #experiment-lisa .quote-banner.lisa-story-banner .tagline { color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-lisa .quote-banner.lisa-story-banner blockquote { max-width: 35ch; font-size: clamp(1.22rem, 1.76vw, 1.58rem); line-height: 1.14; }

    #inhalt > #experimente #experiment-lisa > :is(.lisa-editorial-intro, .lisa-reference-guide) { box-sizing: border-box; width: var(--site-main-banner-reference-width); max-width: 100%; margin-right: auto; margin-left: auto; }
    #inhalt > #experimente #experiment-lisa .lisa-editorial-intro { margin-top: 16px; padding-top: 5px; }
    #inhalt > #experimente #experiment-lisa .lisa-editorial-intro > header { padding: 2px 0 16px 16px; border-left: 3px solid var(--experiment-accent); }
    #inhalt > #experimente #experiment-lisa .lisa-editorial-intro > header .tagline { margin: 0 0 6px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-lisa .lisa-editorial-intro > header h3 { max-width: 940px; margin: 0 0 8px; font-size: clamp(1.35rem, 2.6vw, 2rem); line-height: 1.16; }
    #inhalt > #experimente #experiment-lisa .lisa-editorial-intro > header p:last-child { max-width: 1000px; margin: 0; color: var(--muted); line-height: 1.62; }

    #inhalt > #experimente #experiment-lisa .lisa-key-points { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
    #inhalt > #experimente #experiment-lisa .lisa-key-points > h4 { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
    #inhalt > #experimente #experiment-lisa .lisa-key-points article,
    #inhalt > #experimente #experiment-lisa :is(.lisa-orbit-grid, .lisa-instrument-grid, .lisa-pathfinder-grid, .lisa-data-grid, .lisa-europe-grid, .lisa-status-grid) article { min-width: 0; padding: 14px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 58%, var(--line)); background: color-mix(in srgb, #12366b 7%, var(--card)); }
    #inhalt > #experimente #experiment-lisa .lisa-key-points article { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; }
    #inhalt > #experimente #experiment-lisa .lisa-key-points article > span,
    #inhalt > #experimente #experiment-lisa .lisa-process-flow article > span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 52%, transparent); border-radius: 50%; color: var(--experiment-accent); font-size: 0.75rem; font-weight: 900; }
    #inhalt > #experimente #experiment-lisa .lisa-key-points article div { min-width: 0; }
    #inhalt > #experimente #experiment-lisa .lisa-key-points article h4 { margin: 0 0 4px; color: var(--experiment-accent); font-size: 0.75rem; }
    #inhalt > #experimente #experiment-lisa .lisa-key-points strong { display: block; margin-bottom: 6px; line-height: 1.3; }
    #inhalt > #experimente #experiment-lisa .lisa-key-points p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.5; }

    #inhalt > #experimente #experiment-lisa .experiment-status-badge { display: flex; width: fit-content; margin: 7px 0 10px; padding: 4px 9px; border: 1px solid currentColor; border-radius: 999px; font-size: 0.72rem; font-style: normal; font-weight: 850; letter-spacing: 0.05em; line-height: 1.3; text-transform: uppercase; }
    #inhalt > #experimente #experiment-lisa .experiment-status-badge:is(.is-current, .is-principle, .is-capability) { color: var(--lisa-current); }
    #inhalt > #experimente #experiment-lisa .experiment-status-badge.is-result { color: var(--lisa-result); }
    #inhalt > #experimente #experiment-lisa .experiment-status-badge.is-design { color: var(--lisa-design); }
    #inhalt > #experimente #experiment-lisa .experiment-status-badge.is-target { color: var(--lisa-target); }
    #inhalt > #experimente #experiment-lisa .experiment-status-badge.is-plan { color: var(--lisa-plan); }
    #inhalt > #experimente #experiment-lisa .experiment-status-badge.is-open { color: var(--lisa-open); }
    #inhalt > #experimente #experiment-lisa .experiment-status-badge.is-data { color: var(--lisa-data); }
    #inhalt > #experimente #experiment-lisa .experiment-status-badge.is-network { color: var(--lisa-network); }
    #inhalt > #experimente #experiment-lisa .experiment-status-badge.is-partner { color: var(--lisa-partner); }

    #inhalt > #experimente #experiment-lisa .lisa-process-flow,
    #inhalt > #experimente #experiment-lisa :is(.lisa-value-grid, .lisa-orbit-grid, .lisa-instrument-grid, .lisa-pathfinder-grid, .lisa-science-grid, .lisa-data-grid, .lisa-europe-grid, .lisa-status-grid) { display: grid; gap: 10px; }
    #inhalt > #experimente #experiment-lisa .lisa-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-lisa .lisa-process-flow article { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 13px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 55%, var(--line)); background: color-mix(in srgb, #12366b 6%, var(--card)); }
    #inhalt > #experimente #experiment-lisa .lisa-process-flow h3 { margin: 0 0 5px; font-size: 1rem; }
    #inhalt > #experimente #experiment-lisa .lisa-process-flow p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.52; }
    #inhalt > #experimente #experiment-lisa .lisa-value-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 10px; }
    #inhalt > #experimente #experiment-lisa .lisa-value-grid article { min-width: 0; padding: 13px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 55%, var(--line)); background: color-mix(in srgb, #12366b 6%, var(--card)); }
    #inhalt > #experimente #experiment-lisa .lisa-value-grid strong { display: block; margin: 1px 0 5px; font-size: 1.22rem; line-height: 1.18; }
    #inhalt > #experimente #experiment-lisa .lisa-value-grid span { color: var(--muted); font-size: 0.85rem; line-height: 1.45; }
    #inhalt > #experimente #experiment-lisa :is(.lisa-orbit-grid, .lisa-instrument-grid, .lisa-pathfinder-grid, .lisa-data-grid, .lisa-europe-grid, .lisa-status-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-lisa :is(.lisa-orbit-grid, .lisa-instrument-grid) strong { display: block; margin: 1px 0 5px; font-size: 1.2rem; line-height: 1.18; }
    #inhalt > #experimente #experiment-lisa :is(.lisa-orbit-grid, .lisa-instrument-grid, .lisa-pathfinder-grid, .lisa-data-grid, .lisa-europe-grid, .lisa-status-grid) h3 { margin: 0 0 7px; font-size: 1rem; line-height: 1.3; }
    #inhalt > #experimente #experiment-lisa :is(.lisa-orbit-grid, .lisa-instrument-grid, .lisa-pathfinder-grid, .lisa-data-grid, .lisa-europe-grid, .lisa-status-grid) p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.52; }
    #inhalt > #experimente #experiment-lisa .lisa-science-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-lisa .lisa-science-grid > .fact { min-height: 0; padding: 13px; }
    #inhalt > #experimente #experiment-lisa .lisa-science-grid .tag { display: flex; width: fit-content; margin-bottom: 8px; color: var(--experiment-accent); font-size: 0.82rem; font-weight: 850; }

    #inhalt > #experimente #experiment-lisa .chart-note { margin: 0 0 14px; color: var(--muted); line-height: 1.55; }
    #inhalt > #experimente #experiment-lisa .experiment-reading-depth-content { box-sizing: border-box; max-width: none; margin: 0; padding: 16px 18px 18px; border-left: 0; }
    #inhalt > #experimente #experiment-lisa .experiment-reading-depth-content .source-box > .compact-heading { display: none; }
    #inhalt > #experimente #experiment-lisa .experiment-reading-depth-content .source-box > .tagline { margin: 0 0 12px; }
    #inhalt > #experimente #experiment-lisa .experiment-reading-depth > summary { justify-content: space-between; gap: 16px; padding-right: 18px; }
    #inhalt > #experimente #experiment-lisa .experiment-reading-depth > summary::after { content: "+ Abschnitt öffnen"; position: static; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 38px; padding: 8px 13px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 46%, transparent); border-radius: 999px; background: color-mix(in srgb, #12366b 12%, rgba(3, 9, 20, 0.92)); color: var(--experiment-accent); font-size: 0.82rem; font-weight: 900; white-space: nowrap; }
    #inhalt > #experimente #experiment-lisa .experiment-reading-depth[open] > summary::after { content: "− Abschnitt schließen"; }
    #inhalt > #experimente #experiment-lisa .lisa-reference-guide { margin-top: 14px; }
    #inhalt > #experimente #experiment-lisa .lisa-reference-header { padding: 16px 18px 17px; border-left: 3px solid var(--experiment-accent); background: color-mix(in srgb, #12366b 7%, var(--card)); }
    #inhalt > #experimente #experiment-lisa .lisa-reference-header .tagline { margin: 0 0 4px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-lisa .lisa-reference-header h3 { margin: 0 0 6px; font-size: 1.08rem; }
    #inhalt > #experimente #experiment-lisa .lisa-reference-header > p:last-child { margin: 0; color: var(--muted); font-size: 0.9rem; }
    #inhalt > #experimente #experiment-lisa .lisa-reference-details { margin-top: 10px; }
    #inhalt > #experimente #experiment-lisa .lisa-reference-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; margin: 0; }
    #inhalt > #experimente #experiment-lisa .lisa-reference-list > div { padding: 13px 0 15px; border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 25%, var(--line)); }
    #inhalt > #experimente #experiment-lisa .lisa-reference-list dt { margin: 0 0 5px; color: var(--text); font-weight: 900; }
    #inhalt > #experimente #experiment-lisa .lisa-reference-list dd { margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.58; }

    #inhalt > #experimente #experiment-lisa > .universal-universe-edge {
      border-color: color-mix(in srgb, var(--experiment-accent) 48%, var(--line));
      background-image:
        linear-gradient(90deg, rgba(2, 6, 17, 0.92) 0%, rgba(2, 6, 17, 0.65) 48%, rgba(2, 6, 17, 0.12) 100%),
        linear-gradient(180deg, transparent 54%, rgba(2, 6, 17, 0.78) 100%),
        url("../assets/lisa-abschluss-v2.webp") !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: auto, auto, contain !important;
    }
    #inhalt > #experimente #experiment-lisa > .universal-universe-edge > p { color: #f4f9ff; text-shadow: 0 2px 9px rgba(0, 0, 0, 0.92); }
    #inhalt > #experimente #experiment-lisa > .universal-universe-edge .universe-back-to-top { border-color: var(--experiment-accent); color: var(--experiment-accent); background: rgba(3, 9, 20, 0.9); }

    :root[data-theme="light"] #inhalt > #experimente #experiment-lisa { --lisa-current: #176579; --lisa-result: #247653; --lisa-design: #3652a1; --lisa-target: #735b10; --lisa-plan: #705b19; --lisa-open: #8c4259; --lisa-data: #475b70; --lisa-network: #5746a6; --lisa-partner: #6c3f91; }
    :root[data-theme="light"] #inhalt > #experimente #experiment-lisa .lisa-editorial-intro { padding: 16px; border: 1px solid rgba(37, 81, 115, 0.14); background: rgba(247, 252, 255, 0.84); box-shadow: 0 12px 30px rgba(30, 67, 92, 0.10); }

    @media (max-width: 900px) {
      #inhalt > #experimente #experiment-lisa :is(.lisa-key-points, .lisa-value-grid, .lisa-science-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 700px) {
      body:has(#inhalt > #experimente.active #experiment-lisa.active),
      :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-lisa.active) { background-attachment: scroll, scroll, scroll; }
      #inhalt > #experimente #experiment-lisa .quote-banner.lisa-story-banner blockquote { max-width: 27ch; font-size: clamp(1.02rem, 5vw, 1.3rem); line-height: 1.16; }
      #inhalt > #experimente #experiment-lisa .lisa-editorial-intro { margin-top: 12px; padding-top: 4px; }
      #inhalt > #experimente #experiment-lisa .lisa-editorial-intro > header { padding: 0 0 13px 12px; }
      #inhalt > #experimente #experiment-lisa :is(.lisa-key-points, .lisa-process-flow, .lisa-value-grid, .lisa-orbit-grid, .lisa-instrument-grid, .lisa-pathfinder-grid, .lisa-science-grid, .lisa-data-grid, .lisa-europe-grid, .lisa-status-grid, .lisa-reference-list) { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-lisa .experiment-reading-depth > summary { align-items: flex-start; flex-direction: column; gap: 12px; padding-right: 16px; }
      #inhalt > #experimente #experiment-lisa .experiment-reading-depth > summary::after { min-height: 42px; }
      #inhalt > #experimente #experiment-lisa .experiment-reading-depth-content { padding: 14px 15px 16px; }
    }

    /* Roman und Euclid: laufende ESA-Mission und startbereites NASA-Observatorium. */
    #inhalt > #experimente #experiment-roman {
      --experiment-accent: #f06bb3;
      --roman-result: #75d9b3;
      --roman-current: #81d9f1;
      --roman-design: #b9c8f5;
      --roman-plan: #ebc974;
      --roman-open: #eea0bb;
      --roman-partner: #d2b8ff;
    }
    body:has(#inhalt > #experimente.active #experiment-roman.active) {
      background-color: #030712;
      background-image: linear-gradient(rgba(3, 7, 18, 0.22), rgba(3, 7, 18, 0.48)), url("../assets/roman-euclid-background-v1.webp");
      background-position: center, center top;
      background-repeat: no-repeat, repeat-y;
      background-size: cover, cover;
      background-attachment: fixed, fixed;
    }
    :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-roman.active) { background-image: linear-gradient(rgba(247, 247, 252, 0.64), rgba(240, 244, 250, 0.76)), url("../assets/roman-euclid-background-v1.webp"); }
    #inhalt > #experimente .experiment-content-shell:has(#experiment-roman.active) { background: transparent; border-color: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
    #inhalt > #experimente #experiment-roman .quote-banner.roman-euclid-story-banner blockquote { max-width: 36ch; font-size: clamp(1.2rem, 1.72vw, 1.55rem); line-height: 1.15; }
    #inhalt > #experimente #experiment-roman > :is(.roman-editorial-intro, .roman-image-story, .roman-reference-guide) { box-sizing: border-box; width: var(--site-main-banner-reference-width); max-width: 100%; margin-right: auto; margin-left: auto; }
    #inhalt > #experimente #experiment-roman .roman-editorial-intro { margin-top: 16px; padding-top: 5px; }
    #inhalt > #experimente #experiment-roman .roman-editorial-intro > header,
    #inhalt > #experimente #experiment-roman .roman-image-story > header { padding: 2px 0 16px 16px; border-left: 3px solid var(--experiment-accent); }
    #inhalt > #experimente #experiment-roman :is(.roman-editorial-intro, .roman-image-story) > header .tagline { margin: 0 0 6px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-roman :is(.roman-editorial-intro, .roman-image-story) > header h3 { max-width: 940px; margin: 0 0 8px; font-size: clamp(1.35rem, 2.6vw, 2rem); line-height: 1.16; }
    #inhalt > #experimente #experiment-roman :is(.roman-editorial-intro, .roman-image-story) > header p:last-child { max-width: 1000px; margin: 0; color: var(--muted); line-height: 1.62; }
    #inhalt > #experimente #experiment-roman :is(.roman-key-points, .roman-status-grid, .roman-value-grid, .roman-process-grid, .euclid-instrument-grid, .roman-method-grid, .roman-comparison-grid, .roman-europe-grid, .roman-featured-images) { display: grid; gap: 10px; }
    #inhalt > #experimente #experiment-roman .roman-key-points { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 10px; }
    #inhalt > #experimente #experiment-roman .roman-key-points > h4 { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
    #inhalt > #experimente #experiment-roman .roman-key-points article { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; }
    #inhalt > #experimente #experiment-roman .roman-key-points article > span,
    #inhalt > #experimente #experiment-roman .roman-process-grid article > span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 52%, transparent); border-radius: 50%; color: var(--experiment-accent); font-size: 0.75rem; font-weight: 900; }
    #inhalt > #experimente #experiment-roman .roman-key-points article,
    #inhalt > #experimente #experiment-roman :is(.roman-status-grid, .roman-value-grid, .roman-process-grid, .euclid-instrument-grid, .roman-method-grid, .roman-comparison-grid, .roman-europe-grid) article { min-width: 0; padding: 14px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 58%, var(--line)); background: color-mix(in srgb, #7b245e 6%, var(--card)); }
    #inhalt > #experimente #experiment-roman .roman-key-points h4 { margin: 0 0 4px; color: var(--experiment-accent); font-size: 0.75rem; }
    #inhalt > #experimente #experiment-roman .roman-key-points strong { display: block; margin-bottom: 6px; line-height: 1.3; }
    #inhalt > #experimente #experiment-roman :is(.roman-key-points, .roman-status-grid, .roman-process-grid, .euclid-instrument-grid, .roman-method-grid, .roman-comparison-grid, .roman-europe-grid) p { margin: 0; color: var(--muted); font-size: 0.88rem; line-height: 1.52; }
    #inhalt > #experimente #experiment-roman .experiment-status-badge { display: flex; width: fit-content; margin: 7px 0 10px; padding: 4px 9px; border: 1px solid currentColor; border-radius: 999px; font-size: 0.72rem; font-style: normal; font-weight: 850; letter-spacing: 0.05em; line-height: 1.3; text-transform: uppercase; }
    #inhalt > #experimente #experiment-roman .experiment-status-badge:is(.is-current, .is-principle, .is-capability) { color: var(--roman-current); }
    #inhalt > #experimente #experiment-roman .experiment-status-badge.is-result { color: var(--roman-result); }
    #inhalt > #experimente #experiment-roman .experiment-status-badge.is-design { color: var(--roman-design); }
    #inhalt > #experimente #experiment-roman .experiment-status-badge:is(.is-plan, .is-target) { color: var(--roman-plan); }
    #inhalt > #experimente #experiment-roman .experiment-status-badge.is-open { color: var(--roman-open); }
    #inhalt > #experimente #experiment-roman .experiment-status-badge:is(.is-data, .is-partner) { color: var(--roman-partner); }
    #inhalt > #experimente #experiment-roman :is(.roman-status-grid, .roman-process-grid, .euclid-instrument-grid, .roman-method-grid, .roman-comparison-grid, .roman-europe-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-roman .roman-value-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-roman .roman-status-grid strong,
    #inhalt > #experimente #experiment-roman .roman-value-grid strong,
    #inhalt > #experimente #experiment-roman .euclid-instrument-grid strong { display: block; margin: 1px 0 6px; font-size: 1.14rem; line-height: 1.22; }
    #inhalt > #experimente #experiment-roman :is(.roman-status-grid, .roman-process-grid, .euclid-instrument-grid, .roman-method-grid, .roman-europe-grid) h3 { margin: 0 0 7px; font-size: 1rem; line-height: 1.3; }
    #inhalt > #experimente #experiment-roman .roman-value-grid span { color: var(--muted); font-size: 0.85rem; line-height: 1.45; }
    #inhalt > #experimente #experiment-roman .roman-process-grid article { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 11px; }
    #inhalt > #experimente #experiment-roman .roman-science-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #inhalt > #experimente #experiment-roman .roman-science-grid > .fact { min-height: 0; padding: 13px; }
    #inhalt > #experimente #experiment-roman .roman-science-grid .tag { color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-roman .roman-comparison-grid article strong { display: block; color: var(--experiment-accent); font-size: 1.12rem; }
    #inhalt > #experimente #experiment-roman .roman-comparison-grid article span { display: block; margin: 3px 0 8px; color: var(--text); font-weight: 800; }
    #inhalt > #experimente #experiment-roman .roman-image-story { margin-top: 16px; }
    #inhalt > #experimente #experiment-roman .roman-featured-images { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 10px; }
    #inhalt > #experimente #experiment-roman .roman-featured-images .roman-figure { margin: 0; }
    #inhalt > #experimente #experiment-roman .roman-featured-images .roman-figure img { width: 100%; height: clamp(260px, 31vw, 420px); object-fit: cover; }
    #inhalt > #experimente #experiment-roman .roman-featured-images figcaption { display: grid; gap: 4px; }
    #inhalt > #experimente #experiment-roman .roman-gallery-detail { margin-top: 10px; }
    #inhalt > #experimente #experiment-roman .experiment-reading-depth-content { box-sizing: border-box; max-width: none; margin: 0; padding: 16px 18px 18px; border-left: 0; }
    #inhalt > #experimente #experiment-roman .experiment-reading-depth > summary { justify-content: space-between; gap: 16px; padding-right: 18px; }
    #inhalt > #experimente #experiment-roman .experiment-reading-depth > summary::after { content: "+ Abschnitt öffnen"; position: static; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 38px; padding: 8px 13px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 46%, transparent); border-radius: 999px; background: rgba(12, 7, 20, 0.9); color: var(--experiment-accent); font-size: 0.82rem; font-weight: 900; white-space: nowrap; }
    #inhalt > #experimente #experiment-roman .experiment-reading-depth[open] > summary::after { content: "− Abschnitt schließen"; }
    #inhalt > #experimente #experiment-roman .roman-reference-guide { margin-top: 14px; }
    #inhalt > #experimente #experiment-roman .roman-reference-header { padding: 16px 18px 17px; border-left: 3px solid var(--experiment-accent); background: color-mix(in srgb, #7b245e 7%, var(--card)); }
    #inhalt > #experimente #experiment-roman .roman-reference-header .tagline { margin: 0 0 4px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-roman .roman-reference-header h3 { margin: 0 0 6px; font-size: 1.08rem; }
    #inhalt > #experimente #experiment-roman .roman-reference-header > p:last-child { margin: 0; color: var(--muted); font-size: 0.9rem; }
    #inhalt > #experimente #experiment-roman .roman-reference-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; margin: 0; }
    #inhalt > #experimente #experiment-roman .roman-reference-list > div { padding: 13px 0 15px; border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 25%, var(--line)); }
    #inhalt > #experimente #experiment-roman .roman-reference-list dt { margin: 0 0 5px; color: var(--text); font-weight: 900; }
    #inhalt > #experimente #experiment-roman .roman-reference-list dd { margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.58; }
    #inhalt > #experimente #experiment-roman > .universal-universe-edge { border-color: color-mix(in srgb, var(--experiment-accent) 48%, var(--line)); background-image: linear-gradient(90deg, rgba(3, 6, 17, 0.94) 0%, rgba(3, 6, 17, 0.64) 48%, rgba(3, 6, 17, 0.08) 100%), linear-gradient(180deg, transparent 54%, rgba(3, 6, 17, 0.78) 100%), url("../assets/roman-euclid-abschluss-v1.webp") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: auto, auto, contain !important; }
    #inhalt > #experimente #experiment-roman > .universal-universe-edge > p { color: #f7f6ff; text-shadow: 0 2px 9px rgba(0, 0, 0, 0.92); }
    #inhalt > #experimente #experiment-roman > .universal-universe-edge .universe-back-to-top { border-color: var(--experiment-accent); color: var(--experiment-accent); background: rgba(7, 4, 16, 0.9); }
    :root[data-theme="light"] #inhalt > #experimente #experiment-roman { --roman-result: #197151; --roman-current: #17647a; --roman-design: #425895; --roman-plan: #796014; --roman-open: #923b5a; --roman-partner: #664697; }
    :root[data-theme="light"] #inhalt > #experimente #experiment-roman .roman-editorial-intro { padding: 16px; border: 1px solid rgba(119, 44, 91, 0.14); background: rgba(255, 249, 253, 0.86); box-shadow: 0 12px 30px rgba(91, 31, 69, 0.10); }
    @media (max-width: 900px) { #inhalt > #experimente #experiment-roman :is(.roman-key-points, .roman-value-grid, .roman-science-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 700px) {
      body:has(#inhalt > #experimente.active #experiment-roman.active), :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-roman.active) { background-attachment: scroll, scroll; }
      #inhalt > #experimente #experiment-roman .quote-banner.roman-euclid-story-banner blockquote { max-width: 27ch; font-size: clamp(1.02rem, 5vw, 1.3rem); line-height: 1.16; }
      #inhalt > #experimente #experiment-roman .roman-editorial-intro { margin-top: 12px; padding-top: 4px; }
      #inhalt > #experimente #experiment-roman :is(.roman-editorial-intro, .roman-image-story) > header { padding: 0 0 13px 12px; }
      #inhalt > #experimente #experiment-roman :is(.roman-key-points, .roman-status-grid, .roman-value-grid, .roman-process-grid, .euclid-instrument-grid, .roman-method-grid, .roman-comparison-grid, .roman-europe-grid, .roman-science-grid, .roman-featured-images, .roman-reference-list) { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-roman .experiment-reading-depth > summary { align-items: flex-start; flex-direction: column; gap: 12px; padding-right: 16px; }
      #inhalt > #experimente #experiment-roman .experiment-reading-depth > summary::after { min-height: 42px; }
      #inhalt > #experimente #experiment-roman .experiment-reading-depth-content { padding: 14px 15px 16px; }
      #inhalt > #experimente #experiment-roman .roman-featured-images .roman-figure img { height: auto; max-height: none; object-fit: contain; }
    }

    /* DSA: lokal gekapselte Textstruktur, ohne Hauptgrafik. */
    #inhalt > #experimente #experiment-dsa { --experiment-accent: #39d5e8; --card: rgba(5,16,23,.92); }
    body:has(#inhalt > #experimente.active #experiment-dsa.active) { background-color: #03090d; background-image: linear-gradient(rgba(2,8,12,.18),rgba(2,8,12,.4)),url("../assets/dsa-hintergrund-v1.webp"); background-position: center,center bottom; background-size: cover,cover; background-attachment: fixed; }
    :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-dsa.active) { background-image: linear-gradient(rgba(240,249,251,.65),rgba(240,249,251,.8)),url("../assets/dsa-hintergrund-v1.webp"); }
    #inhalt > #experimente .experiment-content-shell:has(#experiment-dsa.active) { background: transparent; border-color: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
    #inhalt > #experimente #experiment-dsa .dsa-story-banner blockquote { max-width: 38ch; font-size: clamp(1.18rem,1.85vw,1.65rem); line-height: 1.22; color: #f5fbff; text-shadow: 0 2px 8px #000; }
    #inhalt > #experimente #experiment-dsa .dsa-story-banner .tagline { color: #a3f3fc; }
    #inhalt > #experimente #experiment-dsa > :is(.dsa-editorial-intro,.experiment-reading-depth,.dsa-reference-guide,.dsa-resource-bar,.dsa-universe-edge) { box-sizing: border-box; width: var(--site-main-banner-reference-width); max-width: 100%; margin-inline: auto; }
    #inhalt > #experimente #experiment-dsa .dsa-editorial-intro { margin-block: 16px; }
    #inhalt > #experimente #experiment-dsa :is(.dsa-editorial-intro > header,.dsa-reference-header) { padding: 12px 16px; border-left: 3px solid var(--experiment-accent); background: color-mix(in srgb,var(--card) 94%,transparent); }
    #inhalt > #experimente #experiment-dsa :is(.dsa-editorial-intro,.dsa-reference-guide,.dsa-resource-bar) .tagline { margin: 0 0 6px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-dsa .dsa-editorial-intro > header h3 { margin: 0 0 10px; font-size: clamp(1.35rem,2.4vw,1.95rem); line-height: 1.2; }
    #inhalt > #experimente #experiment-dsa .dsa-editorial-intro > header p:last-child { max-width: 95ch; margin: 0; color: var(--muted); line-height: 1.65; }
    #inhalt > #experimente #experiment-dsa :is(.dsa-key-points,.dsa-status-grid,.dsa-value-grid,.dsa-process-grid,.dsa-science-grid,.dsa-survey-grid,.dsa-technology-grid,.dsa-network-grid) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    #inhalt > #experimente #experiment-dsa .dsa-key-points { grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 14px; }
    #inhalt > #experimente #experiment-dsa .dsa-key-points > h4 { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
    #inhalt > #experimente #experiment-dsa .dsa-value-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    #inhalt > #experimente #experiment-dsa :is(.dsa-key-points,.dsa-status-grid,.dsa-value-grid,.dsa-process-grid,.dsa-science-grid,.dsa-survey-grid,.dsa-technology-grid,.dsa-network-grid) > article { min-width: 0; min-height: 0; padding: 14px; border: 0; border-top: 2px solid color-mix(in srgb,var(--experiment-accent) 55%,var(--line)); border-radius: 0; background: color-mix(in srgb,#067588 6%,var(--card)); box-shadow: none; }
    #inhalt > #experimente #experiment-dsa :is(.dsa-key-points,.dsa-process-grid) > article { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; }
    #inhalt > #experimente #experiment-dsa :is(.dsa-key-points,.dsa-process-grid) > article > span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--text); font-size: .72rem; font-weight: 800; }
    #inhalt > #experimente #experiment-dsa :is(.dsa-key-points,.dsa-status-grid,.dsa-value-grid) strong { display: block; margin: 5px 0 8px; font-size: 1.08rem; line-height: 1.3; }
    #inhalt > #experimente #experiment-dsa :is(.dsa-status-grid,.dsa-process-grid,.dsa-science-grid,.dsa-survey-grid,.dsa-technology-grid,.dsa-network-grid) h3 { margin: 0 0 8px; font-size: 1rem; line-height: 1.3; }
    #inhalt > #experimente #experiment-dsa .dsa-key-points h4 { margin: 0 0 8px; font-size: .8rem; }
    #inhalt > #experimente #experiment-dsa :is(article p,.dsa-value-grid span) { margin: 0; color: var(--muted); font-size: .93rem; line-height: 1.6; }
    #inhalt > #experimente #experiment-dsa .dsa-value-grid em { display: block; margin-bottom: 9px; font-size: .78rem; font-style: normal; font-weight: 800; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-dsa .experiment-status-badge { display: table; max-width: 100%; margin: 0 0 10px; white-space: normal; line-height: 1.3; }
    #inhalt > #experimente #experiment-dsa .experiment-status-badge:is(.is-result,.is-current) { color: #7ce5b8; }
    #inhalt > #experimente #experiment-dsa .experiment-status-badge:is(.is-target,.is-build) { color: #d4deeb; }
    #inhalt > #experimente #experiment-dsa .experiment-status-badge:is(.is-partner,.is-tech,.is-data) { color: #91e7f2; }
    #inhalt > #experimente #experiment-dsa .experiment-reading-depth { margin-block: 14px; }
    #inhalt > #experimente #experiment-dsa .experiment-reading-depth > summary { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 18px; }
    #inhalt > #experimente #experiment-dsa .experiment-reading-depth > summary::after { content: "+ Abschnitt öffnen"; position: static; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 40px; padding: 8px 13px; border: 1px solid var(--experiment-accent); border-radius: 999px; color: var(--experiment-accent); background: var(--card); font-size: .82rem; font-weight: 800; white-space: nowrap; }
    #inhalt > #experimente #experiment-dsa .experiment-reading-depth[open] > summary::after { content: "− Abschnitt schließen"; }
    #inhalt > #experimente #experiment-dsa .experiment-reading-depth-content { max-width: none; margin: 0; padding: 16px; border-left: 0; }
    #inhalt > #experimente #experiment-dsa .experiment-reading-depth-content > .source-box { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
    #inhalt > #experimente #experiment-dsa .experiment-reading-depth-content > .source-box > .compact-heading { display: none; }
    #inhalt > #experimente #experiment-dsa .dsa-reference-guide { margin-top: 18px; }
    #inhalt > #experimente #experiment-dsa :is(.dsa-reference-header,.dsa-resource-bar > header) h3 { margin: 0 0 8px; font-size: 1.1rem; }
    #inhalt > #experimente #experiment-dsa :is(.dsa-reference-header,.dsa-resource-bar > header) p:last-child { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.6; }
    #inhalt > #experimente #experiment-dsa .dsa-reference-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; margin: 0; }
    #inhalt > #experimente #experiment-dsa .dsa-reference-list > div { padding: 13px 0; border-top: 1px solid var(--line); }
    #inhalt > #experimente #experiment-dsa .dsa-reference-list dt { font-weight: 900; margin-bottom: 5px; }
    #inhalt > #experimente #experiment-dsa .dsa-reference-list dd { margin: 0; color: var(--muted); line-height: 1.6; }
    #inhalt > #experimente #experiment-dsa .dsa-resource-bar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 18px; padding: 18px; border: 1px solid color-mix(in srgb,var(--experiment-accent) 50%,var(--line)); border-top: 3px solid var(--experiment-accent); border-radius: 8px; background: color-mix(in srgb,#067588 8%,var(--card)); }
    #inhalt > #experimente #experiment-dsa .dsa-resource-bar > header { grid-column: 1 / -1; }
    #inhalt > #experimente #experiment-dsa .dsa-resource-bar .media-action-link { display: grid; grid-template-columns: 30px minmax(0,1fr); min-width: 0; height: auto; min-height: 82px; padding: 14px 16px; border-radius: 8px; white-space: normal; align-content: center; gap: 5px 12px; border-color: var(--experiment-accent); color: var(--text); background: var(--card); }
    #inhalt > #experimente #experiment-dsa .dsa-resource-bar .media-action-link::before { content: "↗"; grid-column: 1; grid-row: 1 / span 2; background: var(--experiment-accent); color: var(--card); }
    #inhalt > #experimente #experiment-dsa .dsa-resource-bar .media-action-link > :is(span,small) { grid-column: 2; }
    #inhalt > #experimente #experiment-dsa .dsa-resource-bar small { color: var(--muted); font-weight: 400; line-height: 1.5; }
    #inhalt > #experimente #experiment-dsa .dsa-resource-bar a:focus-visible { outline: 2px solid var(--experiment-accent); outline-offset: 3px; }
    #inhalt > #experimente #experiment-dsa > .dsa-universe-edge { height: clamp(300px,31vw,372px); min-height: clamp(300px,31vw,372px); align-content: end; background-image: linear-gradient(90deg,rgba(2,8,12,.9),rgba(2,8,12,.1)),url("../assets/dsa-abschluss-v1.webp"); background-position: center; background-repeat: no-repeat; background-size: auto,contain; }
    #inhalt > #experimente #experiment-dsa > .dsa-universe-edge > p { color: #f5fbfc; text-shadow: 0 2px 8px #000; }
    :root[data-theme="light"] #inhalt > #experimente #experiment-dsa { --experiment-accent: #08788b; --card: rgba(244,251,253,.95); }
    :root[data-theme="light"] #inhalt > #experimente #experiment-dsa .experiment-status-badge:is(.is-result,.is-current) { color: #176a49; }
    :root[data-theme="light"] #inhalt > #experimente #experiment-dsa .experiment-status-badge:is(.is-target,.is-build) { color: #4e5d73; }
    :root[data-theme="light"] #inhalt > #experimente #experiment-dsa .experiment-status-badge:is(.is-partner,.is-tech,.is-data) { color: #076d7d; }
    @media (max-width: 900px) { #inhalt > #experimente #experiment-dsa :is(.dsa-key-points,.dsa-value-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); } }
    @media (max-width: 720px) {
      body:has(#inhalt > #experimente.active #experiment-dsa.active),:root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-dsa.active) { background-attachment: scroll; }
      #inhalt > #experimente #experiment-dsa .dsa-story-banner blockquote { max-width: 30ch; font-size: clamp(1.02rem,4.7vw,1.3rem); }
      #inhalt > #experimente #experiment-dsa :is(.dsa-key-points,.dsa-status-grid,.dsa-value-grid,.dsa-process-grid,.dsa-science-grid,.dsa-survey-grid,.dsa-technology-grid,.dsa-network-grid,.dsa-reference-list,.dsa-resource-bar) { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-dsa .experiment-reading-depth > summary { flex-direction: column; align-items: flex-start; }
      #inhalt > #experimente #experiment-dsa .experiment-reading-depth > summary::after { white-space: normal; }
      #inhalt > #experimente #experiment-dsa > .dsa-universe-edge { height: 320px; min-height: 320px; }
    }

    /* Rubin Observatory: zeitaufgeloeste Himmelsdurchmusterung. */
    #inhalt > #experimente #experiment-rubin { --experiment-accent: #62dfd1; --rubin-result: #77dfaa; --rubin-current: #73dce9; --rubin-design: #b9c9dc; --rubin-plan: #e6ce78; --rubin-partner: #b8d8f0; }
    body:has(#inhalt > #experimente.active #experiment-rubin.active) { background-color: #020a0d; background-image: linear-gradient(rgba(2, 10, 13, 0.22), rgba(2, 10, 13, 0.5)), url("../assets/rubin-hintergrund-v1.webp"); background-position: center, center top; background-repeat: no-repeat, repeat-y; background-size: cover, cover; background-attachment: fixed, fixed; }
    :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-rubin.active) { background-image: linear-gradient(rgba(244, 251, 250, 0.65), rgba(237, 247, 247, 0.78)), url("../assets/rubin-hintergrund-v1.webp"); }
    #inhalt > #experimente .experiment-content-shell:has(#experiment-rubin.active) { background: transparent; border-color: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
    #inhalt > #experimente #experiment-rubin .quote-banner.rubin-story-banner { background-image: linear-gradient(90deg, rgba(2, 8, 12, 0.95) 0%, rgba(2, 8, 12, 0.76) 50%, rgba(2, 8, 12, 0.08) 100%), url("../assets/rubin-hauptbanner-v1.webp") !important; background-position: center !important; background-size: cover !important; }
    #inhalt > #experimente #experiment-rubin .quote-banner.rubin-story-banner :is(.tagline, blockquote) { color: #f5fbfc; text-shadow: 0 2px 8px rgba(0,0,0,.9); }
    #inhalt > #experimente #experiment-rubin .quote-banner.rubin-story-banner .tagline { color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-rubin .quote-banner.rubin-story-banner blockquote { max-width: 36ch; font-size: clamp(1.18rem, 1.7vw, 1.52rem); line-height: 1.15; }
    #inhalt > #experimente #experiment-rubin > :is(.rubin-editorial-intro, .rubin-resource-bar, .rubin-reference-guide) { box-sizing: border-box; width: var(--site-main-banner-reference-width); max-width: 100%; margin-right: auto; margin-left: auto; }
    #inhalt > #experimente #experiment-rubin .rubin-editorial-intro { margin-top: 16px; padding-top: 5px; }
    #inhalt > #experimente #experiment-rubin .rubin-editorial-intro > header { padding: 2px 0 16px 16px; border-left: 3px solid var(--experiment-accent); }
    #inhalt > #experimente #experiment-rubin .rubin-editorial-intro > header .tagline { margin: 0 0 6px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-rubin .rubin-editorial-intro > header h3 { max-width: 940px; margin: 0 0 8px; font-size: clamp(1.35rem, 2.6vw, 2rem); line-height: 1.16; }
    #inhalt > #experimente #experiment-rubin .rubin-editorial-intro > header p:last-child { max-width: 1000px; margin: 0; color: var(--muted); line-height: 1.62; }
    #inhalt > #experimente #experiment-rubin :is(.rubin-key-points, .rubin-status-grid, .rubin-value-grid, .rubin-process-grid, .rubin-survey-grid, .rubin-data-grid, .rubin-network-grid) { display: grid; gap: 10px; }
    #inhalt > #experimente #experiment-rubin .rubin-key-points { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 10px; }
    #inhalt > #experimente #experiment-rubin .rubin-key-points > h4 { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
    #inhalt > #experimente #experiment-rubin .rubin-key-points article,
    #inhalt > #experimente #experiment-rubin :is(.rubin-status-grid, .rubin-value-grid, .rubin-process-grid, .rubin-survey-grid, .rubin-data-grid, .rubin-network-grid) article { min-width: 0; padding: 14px; border-top: 2px solid color-mix(in srgb, var(--experiment-accent) 58%, var(--line)); background: color-mix(in srgb, #0c746f 6%, var(--card)); }
    #inhalt > #experimente #experiment-rubin .rubin-key-points article,
    #inhalt > #experimente #experiment-rubin .rubin-process-grid article { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 10px; }
    #inhalt > #experimente #experiment-rubin .rubin-key-points article > span,
    #inhalt > #experimente #experiment-rubin .rubin-process-grid article > span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 52%, transparent); border-radius: 50%; color: var(--experiment-accent); font-size: .75rem; font-weight: 900; }
    #inhalt > #experimente #experiment-rubin .rubin-key-points h4 { margin: 0 0 4px; color: var(--experiment-accent); font-size: .75rem; }
    #inhalt > #experimente #experiment-rubin .rubin-key-points strong { display: block; margin-bottom: 6px; line-height: 1.3; }
    #inhalt > #experimente #experiment-rubin :is(.rubin-key-points, .rubin-status-grid, .rubin-process-grid, .rubin-survey-grid, .rubin-data-grid, .rubin-network-grid) p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.52; }
    #inhalt > #experimente #experiment-rubin .experiment-status-badge { display: flex; width: fit-content; margin: 7px 0 10px; padding: 4px 9px; border: 1px solid currentColor; border-radius: 999px; font-size: .72rem; font-style: normal; font-weight: 850; letter-spacing: .05em; line-height: 1.3; text-transform: uppercase; }
    #inhalt > #experimente #experiment-rubin .experiment-status-badge:is(.is-current, .is-principle, .is-capability) { color: var(--rubin-current); }
    #inhalt > #experimente #experiment-rubin .experiment-status-badge.is-result { color: var(--rubin-result); }
    #inhalt > #experimente #experiment-rubin .experiment-status-badge.is-design { color: var(--rubin-design); }
    #inhalt > #experimente #experiment-rubin .experiment-status-badge:is(.is-plan, .is-target) { color: var(--rubin-plan); }
    #inhalt > #experimente #experiment-rubin .experiment-status-badge:is(.is-partner, .is-data) { color: var(--rubin-partner); }
    #inhalt > #experimente #experiment-rubin :is(.rubin-status-grid, .rubin-process-grid, .rubin-survey-grid, .rubin-data-grid, .rubin-network-grid) { grid-template-columns: repeat(2, minmax(0,1fr)); }
    #inhalt > #experimente #experiment-rubin .rubin-value-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    #inhalt > #experimente #experiment-rubin :is(.rubin-status-grid, .rubin-value-grid, .rubin-survey-grid, .rubin-data-grid) strong { display: block; margin: 1px 0 6px; font-size: 1.14rem; line-height: 1.22; }
    #inhalt > #experimente #experiment-rubin :is(.rubin-status-grid, .rubin-process-grid, .rubin-survey-grid, .rubin-data-grid, .rubin-network-grid) h3 { margin: 0 0 7px; font-size: 1rem; line-height: 1.3; }
    #inhalt > #experimente #experiment-rubin .rubin-value-grid span { color: var(--muted); font-size: .85rem; line-height: 1.45; }
    #inhalt > #experimente #experiment-rubin .rubin-science-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    #inhalt > #experimente #experiment-rubin .rubin-science-grid > .fact { min-height: 0; padding: 13px; }
    #inhalt > #experimente #experiment-rubin .rubin-science-grid .tag { color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-rubin .rubin-resource-bar { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: 20px; padding: 18px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--experiment-accent) 48%, var(--line)); border-radius: 8px; background: radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--experiment-accent) 16%, transparent), transparent 34%), color-mix(in srgb, #0c746f 8%, var(--card)); box-shadow: 0 16px 36px rgba(0,0,0,.2), inset 0 1px rgba(226,255,252,.06); }
    #inhalt > #experimente #experiment-rubin .rubin-resource-bar::before { position: absolute; inset: 0 0 auto; height: 3px; content: ""; background: linear-gradient(90deg, var(--experiment-accent), color-mix(in srgb, var(--experiment-accent) 12%, transparent)); }
    #inhalt > #experimente #experiment-rubin .rubin-resource-bar > header { grid-column: 1 / -1; padding: 2px 0 14px 16px; border-left: 3px solid var(--experiment-accent); }
    #inhalt > #experimente #experiment-rubin .rubin-resource-bar > header .tagline { margin: 0 0 4px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-rubin .rubin-resource-bar > header h3 { margin: 0 0 6px; font-size: 1.08rem; }
    #inhalt > #experimente #experiment-rubin .rubin-resource-bar > header p:last-child { margin: 0; color: var(--muted); font-size: .9rem; }
    #inhalt > #experimente #experiment-rubin .rubin-resource-bar .media-action-link { min-height: 68px; border-color: color-mix(in srgb, var(--experiment-accent) 58%, var(--line)); background: color-mix(in srgb, #0c746f 13%, var(--card)); box-shadow: inset 0 1px rgba(226,255,252,.05); }
    #inhalt > #experimente #experiment-rubin .rubin-resource-bar .media-action-link:hover,
    #inhalt > #experimente #experiment-rubin .rubin-resource-bar .media-action-link:focus-visible { border-color: var(--experiment-accent); background: color-mix(in srgb, #0c746f 20%, var(--card)); box-shadow: 0 10px 24px rgba(0,0,0,.2), 0 0 22px color-mix(in srgb, var(--experiment-accent) 16%, transparent); }
    #inhalt > #experimente #experiment-rubin .rubin-resource-bar .media-action-link:last-child { grid-column: 1 / -1; }
    #inhalt > #experimente #experiment-rubin .experiment-reading-depth-content { box-sizing: border-box; max-width: none; margin: 0; padding: 16px 18px 18px; border-left: 0; }
    #inhalt > #experimente #experiment-rubin .experiment-reading-depth > summary { justify-content: space-between; gap: 16px; padding-right: 18px; }
    #inhalt > #experimente #experiment-rubin .experiment-reading-depth > summary::after { content: "+ Abschnitt öffnen"; position: static; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 38px; padding: 8px 13px; border: 1px solid color-mix(in srgb, var(--experiment-accent) 46%, transparent); border-radius: 999px; background: rgba(2, 14, 16, .9); color: var(--experiment-accent); font-size: .82rem; font-weight: 900; white-space: nowrap; }
    #inhalt > #experimente #experiment-rubin .experiment-reading-depth[open] > summary::after { content: "− Abschnitt schließen"; }
    #inhalt > #experimente #experiment-rubin .rubin-reference-guide { margin-top: 14px; }
    #inhalt > #experimente #experiment-rubin .rubin-reference-header { padding: 16px 18px 17px; border-left: 3px solid var(--experiment-accent); background: color-mix(in srgb, #0c746f 7%, var(--card)); }
    #inhalt > #experimente #experiment-rubin .rubin-reference-header .tagline { margin: 0 0 4px; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-rubin .rubin-reference-header h3 { margin: 0 0 6px; font-size: 1.08rem; }
    #inhalt > #experimente #experiment-rubin .rubin-reference-header > p:last-child { margin: 0; color: var(--muted); font-size: .9rem; }
    #inhalt > #experimente #experiment-rubin .rubin-reference-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 24px; margin: 0; }
    #inhalt > #experimente #experiment-rubin .rubin-reference-list > div { padding: 13px 0 15px; border-top: 1px solid color-mix(in srgb, var(--experiment-accent) 25%, var(--line)); }
    #inhalt > #experimente #experiment-rubin .rubin-reference-list dt { margin: 0 0 5px; color: var(--text); font-weight: 900; }
    #inhalt > #experimente #experiment-rubin .rubin-reference-list dd { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.58; }
    #inhalt > #experimente #experiment-rubin > .universal-universe-edge { border-color: color-mix(in srgb, var(--experiment-accent) 48%, var(--line)); background-image: linear-gradient(90deg, rgba(2,8,12,.94) 0%, rgba(2,8,12,.64) 48%, rgba(2,8,12,.06) 100%), linear-gradient(180deg, transparent 54%, rgba(2,8,12,.8) 100%), url("../assets/rubin-abschluss-v1.webp") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: auto, auto, contain !important; }
    #inhalt > #experimente #experiment-rubin > .universal-universe-edge > p { color: #f5fcfc; text-shadow: 0 2px 9px rgba(0,0,0,.92); }
    #inhalt > #experimente #experiment-rubin > .universal-universe-edge .universe-back-to-top { border-color: var(--experiment-accent); color: var(--experiment-accent); background: rgba(2,12,14,.92); }
    :root[data-theme="light"] #inhalt > #experimente #experiment-rubin { --rubin-result: #237452; --rubin-current: #176c75; --rubin-design: #53687d; --rubin-plan: #766017; --rubin-partner: #3f657e; }
    :root[data-theme="light"] #inhalt > #experimente #experiment-rubin .rubin-editorial-intro { padding: 16px; border: 1px solid rgba(25, 106, 103, .14); background: rgba(247, 253, 252, .87); box-shadow: 0 12px 30px rgba(19, 81, 78, .1); }
    :root[data-theme="light"] #inhalt > #experimente #experiment-rubin .rubin-resource-bar { border-color: rgba(25,106,103,.32); background: radial-gradient(circle at 92% 4%, rgba(98,223,209,.2), transparent 34%), rgba(247,253,252,.94); box-shadow: 0 14px 32px rgba(19,81,78,.12), inset 0 1px rgba(255,255,255,.9); }
    @media (max-width: 900px) { #inhalt > #experimente #experiment-rubin :is(.rubin-key-points, .rubin-value-grid, .rubin-science-grid) { grid-template-columns: repeat(2, minmax(0,1fr)); } }
    @media (max-width: 700px) {
      body:has(#inhalt > #experimente.active #experiment-rubin.active), :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-rubin.active) { background-attachment: scroll, scroll; }
      #inhalt > #experimente #experiment-rubin .quote-banner.rubin-story-banner blockquote { max-width: 27ch; font-size: clamp(1.02rem, 5vw, 1.3rem); line-height: 1.16; }
      #inhalt > #experimente #experiment-rubin .rubin-editorial-intro { margin-top: 12px; padding-top: 4px; }
      #inhalt > #experimente #experiment-rubin .rubin-editorial-intro > header { padding: 0 0 13px 12px; }
      #inhalt > #experimente #experiment-rubin .rubin-resource-bar { padding: 15px; }
      #inhalt > #experimente #experiment-rubin :is(.rubin-key-points, .rubin-status-grid, .rubin-value-grid, .rubin-process-grid, .rubin-survey-grid, .rubin-data-grid, .rubin-network-grid, .rubin-science-grid, .rubin-resource-bar, .rubin-reference-list) { grid-template-columns: 1fr; }
      #inhalt > #experimente #experiment-rubin .rubin-resource-bar .media-action-link:last-child { grid-column: auto; }
      #inhalt > #experimente #experiment-rubin .experiment-reading-depth > summary { align-items: flex-start; flex-direction: column; gap: 12px; padding-right: 16px; }
      #inhalt > #experimente #experiment-rubin .experiment-reading-depth > summary::after { min-height: 42px; }
      #inhalt > #experimente #experiment-rubin .experiment-reading-depth-content { padding: 14px 15px 16px; }
    }

    /* Hubble Birthday: isolated festive editorial layout. */
    body:has(#inhalt > #experimente.active #experiment-hubble-birthday.active) { background: linear-gradient(#03081733,#03081766),url("../assets/birthday-hintergrund-v1.webp") center/cover fixed; }
    :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-hubble-birthday.active) { background-image: linear-gradient(#f9f4fcaa,#f9f4fccc),url("../assets/birthday-hintergrund-v1.webp"); }
    #inhalt > #experimente .experiment-content-shell:has(#experiment-hubble-birthday.active) { background: transparent; backdrop-filter: none; }
    #inhalt > #experimente #experiment-hubble-birthday { --experiment-accent: #ff92c5; --birthday-card: rgba(9,17,32,.94); --birthday-text: #ecf2fc; --birthday-muted: #c1cde0; --birthday-border: #826280; }
    :root[data-theme="light"] #inhalt > #experimente #experiment-hubble-birthday { --experiment-accent: #a62967; --birthday-card: rgba(255,251,254,.96); --birthday-text: #202c43; --birthday-muted: #40516b; --birthday-border: #ba8daa; }
    #inhalt > #experimente #experiment-hubble-birthday > :is(.birthday-intro,.experiment-reading-depth,.birthday-reference,.birthday-resources,.birthday-edge) { box-sizing: border-box; width: var(--site-main-banner-reference-width); max-width: 100%; margin: 16px auto; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-banner { background-image: linear-gradient(90deg,#06101be8,#06101b44),url("../assets/hauptgrafik-hubble-birthday-v1.webp"); background-position: center; background-size: cover; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-banner blockquote { font-size: clamp(1.18rem,1.8vw,1.65rem); line-height: 1.3; max-width: 680px; color: #fff; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-banner .tagline { color: #ffcee5; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-intro { padding: 22px; background: var(--birthday-card); border: 1px solid var(--birthday-border); border-top: 3px solid #fa84bb; border-radius: 10px; }
    #inhalt > #experimente #experiment-hubble-birthday :is(h3,h4,strong,dt) { color: var(--birthday-text); }
    #inhalt > #experimente #experiment-hubble-birthday :is(p,dd,li) { color: var(--birthday-muted); line-height: 1.7; }
    #inhalt > #experimente #experiment-hubble-birthday h3 { font-size: clamp(1.25rem,2vw,1.65rem); margin: 0 0 12px; }
    #inhalt > #experimente #experiment-hubble-birthday h4 { font-size: 1.05rem; margin: 0 0 6px; }
    #inhalt > #experimente #experiment-hubble-birthday p { margin: 0 0 12px; }
    #inhalt > #experimente #experiment-hubble-birthday .tagline { color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 20px; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-facts article { border-top: 2px solid #ff92c5; padding-top: 12px; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-facts article:nth-child(2) { border-color: #47cdd8; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-facts article:nth-child(3) { border-color: #e5b858; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-facts article > span { float: right; font-size: 1.7rem; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-facts strong { display: block; margin-bottom: 8px; }
    #inhalt > #experimente #experiment-hubble-birthday .experiment-reading-depth { background: var(--birthday-card); border: 1px solid var(--birthday-border); border-radius: 9px; overflow: hidden; }
    #inhalt > #experimente #experiment-hubble-birthday .experiment-reading-depth > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; color: var(--birthday-text); list-style: none; cursor: pointer; }
    #inhalt > #experimente #experiment-hubble-birthday .experiment-reading-depth > summary::-webkit-details-marker { display: none; }
    #inhalt > #experimente #experiment-hubble-birthday .experiment-reading-depth > summary::after { content: "+ Abschnitt öffnen"; position: static; flex: 0 0 auto; font-size: .8rem; line-height: 1.5; padding: 7px 10px; color: var(--experiment-accent); border: 1px solid currentColor; border-radius: 20px; transform: none; width: auto; height: auto; background: none; }
    #inhalt > #experimente #experiment-hubble-birthday .experiment-reading-depth[open] > summary::after { content: "− Abschnitt schließen"; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-copy { padding: 18px 20px; border-top: 1px solid var(--birthday-border); margin: 0; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 28px; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-steps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 36px; padding-left: 24px; margin: 0; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-steps li::marker { color: var(--experiment-accent); font-weight: 800; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-reference > details { margin: 12px 0; width: 100%; box-sizing: border-box; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-reference > header { padding: 14px 20px; background: var(--birthday-card); border-radius: 8px; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-glossary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 24px; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-glossary dt { font-weight: 700; margin-bottom: 4px; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-glossary dd { margin: 0; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-resources { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 20px; background: var(--birthday-card); border: 1px solid var(--birthday-border); border-radius: 10px; border-top: 3px solid #48cdd6; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-resources > :is(header,.birthday-primary) { grid-column: 1/-1; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-resources a { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; padding: 16px 18px; min-width: 0; white-space: normal; color: var(--birthday-text); background: var(--birthday-card); border: 1px solid var(--birthday-border); border-radius: 8px; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-resources a::before { display: none; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-resources a::after { content: "Extern öffnen ↗"; position: static; color: var(--experiment-accent); font-size: .8rem; }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-resources a.birthday-primary { border: 2px solid var(--experiment-accent); background: linear-gradient(100deg,#ef6caf18,#46cbd918); }
    #inhalt > #experimente #experiment-hubble-birthday .birthday-resources small { color: var(--birthday-muted); font-weight: 400; }
    #inhalt > #experimente #experiment-hubble-birthday > .birthday-edge { height: clamp(300px,31vw,372px); min-height: clamp(300px,31vw,372px); align-content: end; background: linear-gradient(0deg,#020916ed,transparent 70%),#020916 url("../assets/birthday-abschluss-v1.webp") center/contain no-repeat; }
    #inhalt > #experimente #experiment-hubble-birthday > .birthday-edge p { color: #fff; text-shadow: 0 2px 8px #000; }
    @media(max-width:720px) {
      body:has(#inhalt > #experimente.active #experiment-hubble-birthday.active) { background-attachment: scroll; }
      #inhalt > #experimente #experiment-hubble-birthday :is(.birthday-grid,.birthday-facts,.birthday-steps,.birthday-resources,.birthday-glossary) { grid-template-columns: minmax(0,1fr); }
      #inhalt > #experimente #experiment-hubble-birthday .birthday-glossary { gap: 6px; }
      #inhalt > #experimente #experiment-hubble-birthday .birthday-glossary dd { margin-bottom: 14px; }
      #inhalt > #experimente #experiment-hubble-birthday .experiment-reading-depth > summary { flex-wrap: wrap; gap: 10px; padding: 16px; }
      #inhalt > #experimente #experiment-hubble-birthday :is(.birthday-copy,.birthday-intro,.birthday-resources) { padding: 16px; }
      #inhalt > #experimente #experiment-hubble-birthday > .birthday-edge { height: 320px; min-height: 320px; }
    }
    /* NASA Space Apps: isolated editorial layout. */
    body:has(#inhalt > #experimente.active #experiment-space-apps.active) { background: linear-gradient(#0a080933,#0a080966),url("../assets/space-apps-hintergrund-v1.webp") center/cover fixed; }
    :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-space-apps.active) { background-image: linear-gradient(#faf7f5aa,#faf7f5cc),url("../assets/space-apps-hintergrund-v1.webp"); }
    #inhalt > #experimente .experiment-content-shell:has(#experiment-space-apps.active) { background: transparent; backdrop-filter: none; }
    #inhalt > #experimente #experiment-space-apps { --experiment-accent: #ff827b; --apps-card: rgba(16,17,22,.94); --apps-text: #ecf2fc; --apps-muted: #c1cde0; --apps-border: #845653; }
    :root[data-theme="light"] #inhalt > #experimente #experiment-space-apps { --experiment-accent: #af211a; --apps-card: rgba(255,251,254,.96); --apps-text: #202c43; --apps-muted: #40516b; --apps-border: #ba8e8a; }
    #inhalt > #experimente #experiment-space-apps > :is(.apps-intro,.experiment-reading-depth,.apps-reference,.apps-resources,.apps-independent,.apps-edge) { box-sizing: border-box; width: var(--site-main-banner-reference-width); max-width: 100%; margin: 16px auto; }
    #inhalt > #experimente #experiment-space-apps .apps-banner { background: #020506 url("../assets/portal-nasa-space-apps-banner.webp") center / contain no-repeat; }
    #inhalt > #experimente #experiment-space-apps .apps-intro { padding: 22px; background: var(--apps-card); border: 1px solid var(--apps-border); border-top: 3px solid #e03c31; border-radius: 10px; }
    #inhalt > #experimente #experiment-space-apps :is(h3,h4,strong,dt) { color: var(--apps-text); }
    #inhalt > #experimente #experiment-space-apps :is(p,dd,li) { color: var(--apps-muted); line-height: 1.7; }
    #inhalt > #experimente #experiment-space-apps h3 { font-size: clamp(1.25rem,2vw,1.65rem); margin: 0 0 12px; }
    #inhalt > #experimente #experiment-space-apps h4 { font-size: 1.05rem; margin: 0 0 6px; }
    #inhalt > #experimente #experiment-space-apps p { margin: 0 0 12px; }
    #inhalt > #experimente #experiment-space-apps .tagline { color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-space-apps .apps-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 20px; }
    #inhalt > #experimente #experiment-space-apps .apps-facts article { border-top: 2px solid #ff827b; padding-top: 12px; }
    #inhalt > #experimente #experiment-space-apps .apps-facts article:nth-child(2) { border-color: #cfb9b7; }
    #inhalt > #experimente #experiment-space-apps .apps-facts article:nth-child(3) { border-color: #a9807d; }
    #inhalt > #experimente #experiment-space-apps .apps-facts article > span { float: right; font-size: 1.7rem; color: var(--experiment-accent); }
    #inhalt > #experimente #experiment-space-apps .apps-facts strong { display: block; margin-bottom: 8px; }
    #inhalt > #experimente #experiment-space-apps .experiment-reading-depth { background: var(--apps-card); border: 1px solid var(--apps-border); border-radius: 9px; overflow: hidden; }
    #inhalt > #experimente #experiment-space-apps .experiment-reading-depth > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; color: var(--apps-text); list-style: none; cursor: pointer; }
    #inhalt > #experimente #experiment-space-apps .experiment-reading-depth > summary::-webkit-details-marker { display: none; }
    #inhalt > #experimente #experiment-space-apps .experiment-reading-depth > summary::after { content: "+ Abschnitt öffnen"; position: static; flex: 0 0 auto; font-size: .8rem; line-height: 1.5; padding: 7px 10px; color: var(--experiment-accent); border: 1px solid currentColor; border-radius: 20px; transform: none; width: auto; height: auto; background: none; }
    #inhalt > #experimente #experiment-space-apps .experiment-reading-depth[open] > summary::after { content: "− Abschnitt schließen"; }
    #inhalt > #experimente #experiment-space-apps .apps-copy { padding: 18px 20px; border-top: 1px solid var(--apps-border); margin: 0; }
    #inhalt > #experimente #experiment-space-apps .apps-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 28px; }
    #inhalt > #experimente #experiment-space-apps .apps-steps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 36px; padding-left: 24px; margin: 0; }
    #inhalt > #experimente #experiment-space-apps .apps-steps li::marker { color: var(--experiment-accent); font-weight: 800; }
    #inhalt > #experimente #experiment-space-apps .apps-reference > details { margin: 12px 0; width: 100%; box-sizing: border-box; }
    #inhalt > #experimente #experiment-space-apps .apps-reference > header { padding: 14px 20px; background: var(--apps-card); border-radius: 8px; }
    #inhalt > #experimente #experiment-space-apps .apps-glossary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 24px; }
    #inhalt > #experimente #experiment-space-apps .apps-glossary dt { font-weight: 700; margin-bottom: 4px; }
    #inhalt > #experimente #experiment-space-apps .apps-glossary dd { margin: 0; }
    #inhalt > #experimente #experiment-space-apps .apps-resources { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 20px; background: var(--apps-card); border: 1px solid var(--apps-border); border-radius: 10px; border-top: 3px solid #e03c31; }
    #inhalt > #experimente #experiment-space-apps .apps-resources > :is(header,.apps-primary) { grid-column: 1/-1; }
    #inhalt > #experimente #experiment-space-apps .apps-resources a { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; padding: 16px 18px; min-width: 0; white-space: normal; color: var(--apps-text); background: var(--apps-card); border: 1px solid var(--apps-border); border-radius: 8px; }
    #inhalt > #experimente #experiment-space-apps .apps-resources a::before { display: none; }
    #inhalt > #experimente #experiment-space-apps .apps-resources a::after { content: "Extern öffnen ↗"; position: static; color: var(--experiment-accent); font-size: .8rem; }
    #inhalt > #experimente #experiment-space-apps .apps-resources a.apps-primary { border: 2px solid var(--experiment-accent); background: linear-gradient(100deg,#e03c3120,#e03c3108); }
    #inhalt > #experimente #experiment-space-apps .apps-resources small { color: var(--apps-muted); font-weight: 400; }
    #inhalt > #experimente #experiment-space-apps > .apps-edge { height: clamp(300px,31vw,372px); min-height: clamp(300px,31vw,372px); align-content: end; background: linear-gradient(0deg,#020916ed,transparent 70%),#020916 url("../assets/space-apps-abschluss-v1.webp") center/contain no-repeat; }
    #inhalt > #experimente #experiment-space-apps > .apps-edge p { color: #fff; text-shadow: 0 2px 8px #000; }
    @media(max-width:720px) {
      body:has(#inhalt > #experimente.active #experiment-space-apps.active) { background-attachment: scroll; }
      #inhalt > #experimente #experiment-space-apps :is(.apps-grid,.apps-facts,.apps-steps,.apps-resources,.apps-glossary) { grid-template-columns: minmax(0,1fr); }
      #inhalt > #experimente #experiment-space-apps .apps-glossary { gap: 6px; }
      #inhalt > #experimente #experiment-space-apps .apps-glossary dd { margin-bottom: 14px; }
      #inhalt > #experimente #experiment-space-apps .experiment-reading-depth > summary { flex-wrap: wrap; gap: 10px; padding: 16px; }
      #inhalt > #experimente #experiment-space-apps :is(.apps-copy,.apps-intro,.apps-resources) { padding: 16px; }
      #inhalt > #experimente #experiment-space-apps > .apps-edge { height: 320px; min-height: 320px; }
    }


    #inhalt > #experimente #experiment-space-apps .apps-years { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 10px; margin: 18px 0 24px; }
    #inhalt > #experimente #experiment-space-apps .apps-years > div { display: grid; gap: 6px; padding: 10px 12px; border-left: 2px solid var(--experiment-accent); }
    #inhalt > #experimente #experiment-space-apps .apps-years span { color: var(--apps-muted); }
    #inhalt > #experimente #experiment-space-apps .apps-years strong { font-size: 1.15rem; }
    #inhalt > #experimente #experiment-space-apps .apps-independent { background: var(--apps-card); padding: 14px 18px; border-radius: 8px; font-size: .85rem; }
    @media(max-width:720px) {
      #inhalt > #experimente #experiment-space-apps .apps-years { grid-template-columns: repeat(2,minmax(0,1fr)); }
    }

    /* Project sources: isolated grouping and readable external links. */
    #inhalt > #experimente #experiment-sources { --sources-card: rgba(13,16,23,.95); --sources-text: #edf1f7; --sources-muted: #c1cbd9; --sources-line: #77828f; }
    :root[data-theme="light"] #inhalt > #experimente #experiment-sources { --sources-card: rgba(252,253,255,.97); --sources-text: #172334; --sources-muted: #43526a; --sources-line: #9aa7b6; }
    #inhalt > #experimente #experiment-sources > :is(.experiment-sources-intro,.experiment-reading-depth,.universe-edge) { width: var(--site-main-banner-reference-width); max-width: 100%; box-sizing: border-box; margin: 16px auto; }
    #inhalt > #experimente #experiment-sources .experiment-sources-intro { padding: 20px; background: var(--sources-card); border: 1px solid var(--sources-line); border-radius: 8px; }
    #inhalt > #experimente #experiment-sources .experiment-sources-intro h3 { color: var(--sources-text); margin: 0 0 12px; }
    #inhalt > #experimente #experiment-sources .experiment-sources-intro p { color: var(--sources-muted); line-height: 1.65; margin: 0 0 12px; }
    #inhalt > #experimente #experiment-sources .experiment-sources-intro .experiment-sources-count { margin: 0; color: var(--sources-text); font-weight: 700; }
    #inhalt > #experimente #experiment-sources .experiment-sources-group { background: var(--sources-card); border: 1px solid var(--sources-line); border-radius: 8px; overflow: hidden; }
    #inhalt > #experimente #experiment-sources .experiment-sources-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; list-style: none; color: var(--sources-text); cursor: pointer; }
    #inhalt > #experimente #experiment-sources .experiment-sources-group > summary::-webkit-details-marker { display: none; }
    #inhalt > #experimente #experiment-sources .experiment-sources-group > summary strong { display: block; margin-bottom: 6px; }
    #inhalt > #experimente #experiment-sources .experiment-sources-group > summary small { display: block; font-weight: 400; line-height: 1.5; color: var(--sources-muted); }
    #inhalt > #experimente #experiment-sources .experiment-sources-group > summary::after { content: "+ Quellen öffnen"; position: static; flex: 0 0 auto; padding: 8px 13px; min-height: 40px; box-sizing: border-box; display: inline-flex; align-items: center; border: 1px solid var(--sources-line); border-radius: 24px; width: auto; height: auto; transform: none; background: transparent; font-size: .82rem; color: var(--sources-text); }
    #inhalt > #experimente #experiment-sources .experiment-sources-group[open] > summary::after { content: "− Quellen schließen"; }
    #inhalt > #experimente #experiment-sources .experiment-sources-list { list-style: none; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; margin: 0; padding: 0 20px 12px; border-top: 1px solid var(--sources-line); }
    #inhalt > #experimente #experiment-sources .experiment-sources-list li { min-width: 0; padding: 0; border-bottom: 1px solid color-mix(in srgb,var(--sources-line) 35%,transparent); }
    #inhalt > #experimente #experiment-sources .experiment-sources-list a { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; padding: 15px 0; color: var(--sources-text); overflow-wrap: anywhere; text-decoration: none; line-height: 1.5; white-space: normal; }
    #inhalt > #experimente #experiment-sources .experiment-sources-list a::before,#inhalt > #experimente #experiment-sources .experiment-sources-list a::after { display: none; }
    #inhalt > #experimente #experiment-sources .experiment-sources-list a > span { font-weight: 650; }
    #inhalt > #experimente #experiment-sources .experiment-sources-list a small { color: var(--sources-muted); font-size: .8rem; }
    #inhalt > #experimente #experiment-sources .experiment-sources-list a:hover > span { text-decoration: underline; }
    #inhalt > #experimente #experiment-sources :is(summary,a):focus-visible { outline: 2px solid var(--sources-text); outline-offset: -3px; }
    @media(max-width:720px) {
      #inhalt > #experimente #experiment-sources .experiment-sources-list { grid-template-columns: minmax(0,1fr); padding-inline: 16px; }
      #inhalt > #experimente #experiment-sources .experiment-sources-group > summary { flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px; }
    }

    #inhalt > #experimente #experiment-sources { --source-check-missing: #ff9c9c; --source-check-unverified: #8cd8ff; }
    :root[data-theme="light"] #inhalt > #experimente #experiment-sources { --source-check-missing: #a3212b; --source-check-unverified: #155b85; }
    #inhalt > #experimente #experiment-sources .experiment-sources-list :is(.source-check-missing,.source-check-unverified) { border-left: 3px solid var(--source-check-unverified); padding-left: 12px; background: color-mix(in srgb,var(--source-check-unverified) 7%,transparent); }
    #inhalt > #experimente #experiment-sources .experiment-sources-list .source-check-missing { border-left-color: var(--source-check-missing); background: color-mix(in srgb,var(--source-check-missing) 7%,transparent); }
    #inhalt > #experimente #experiment-sources .source-check-label { display: block; font-size: .8rem; font-weight: 700; line-height: 1.5; margin-top: 5px; }
    #inhalt > #experimente #experiment-sources :is(.source-check-missing .source-check-label,.source-check-summary-missing) { color: var(--source-check-missing); }
    #inhalt > #experimente #experiment-sources :is(.source-check-unverified .source-check-label,.source-check-summary-unverified) { color: var(--source-check-unverified); }

    body:has(#inhalt > #experimente.active #experiment-sources.active) { background: linear-gradient(#07080922,#07080944),url("../assets/quellen-hintergrund-v1.webp") center/cover fixed; }
    :root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-sources.active) { background-image: linear-gradient(#f5f6f7a6,#f5f6f7c0),url("../assets/quellen-hintergrund-v1.webp"); }
    #inhalt > #experimente .experiment-content-shell:has(#experiment-sources.active) { background: transparent; backdrop-filter: none; }
    #inhalt > #experimente #experiment-sources .sources-banner { background: linear-gradient(90deg,#07090cc9,#07090c00),url("../assets/quellen-hauptbanner-v1.webp") center/cover no-repeat; }
    #inhalt > #experimente #experiment-sources .sources-banner::before,#inhalt > #experimente #experiment-sources .sources-banner::after { display: none; }
    #inhalt > #experimente #experiment-sources .sources-banner blockquote { color: #fff; max-width: 660px; font-size: clamp(1.18rem,1.8vw,1.65rem); line-height: 1.35; text-shadow: 0 2px 8px #000; }
    #inhalt > #experimente #experiment-sources .sources-banner .tagline { color: #e1e6ec; }
    #inhalt > #experimente #experiment-sources > .sources-edge { height: clamp(300px,31vw,372px); min-height: clamp(300px,31vw,372px); align-content: end; background: linear-gradient(0deg,#050609ef,transparent 65%),#050609 url("../assets/quellen-abschluss-v1.webp") center/contain no-repeat; }
    #inhalt > #experimente #experiment-sources > .sources-edge > p { color: #fff; text-shadow: 0 2px 8px #000; }
    @media(max-width:720px) {
      body:has(#inhalt > #experimente.active #experiment-sources.active) { background-attachment: scroll; }
      #inhalt > #experimente #experiment-sources > .sources-edge { height: 320px; min-height: 320px; }
    }

    /* Witz und Kurioses: eigene Motive, gemeinsame Bannergeometrie. */
    /* Weiterfuehrende Medien: lokale Inhalte, gemeinsame Kopf- und Tabstruktur. */
    body:has(#inhalt > #x.active) { background:#050609 url('../assets/medien-hintergrund-v1.webp') center/cover fixed; }
    :root[data-theme="light"] body:has(#inhalt > #x.active) { background-image:linear-gradient(#f8f6efbd,#f8f6efd4),url('../assets/medien-hintergrund-v1.webp'); }
    #inhalt > #x { --media-text:#f5f2eb; --media-muted:#c7cac8; --media-panel:rgba(10,13,14,.94); --media-line:#c5ac794d; --media-accent:#f0d498; }
    :root[data-theme="light"] #inhalt > #x { --media-text:#242722; --media-muted:#494d46; --media-panel:rgba(255,253,246,.96); --media-line:#8d733a66; --media-accent:#735115; }
    #inhalt > #x > .media-hub { --experiment-hub-line:var(--media-line); --experiment-hub-glow:#bdae791c; }
    #inhalt > #x .media-content-shell { width:var(--site-main-banner-reference-width); max-width:var(--site-main-banner-reference-width); margin:0 auto; padding:0; border:0; background:transparent; box-shadow:none; }
    #inhalt > #x .media-panel { display:grid; gap:18px; min-width:0; margin-top:24px; }
    #inhalt > #x .media-panel[hidden] { display:none; }
    #mediaTabs.mini-tabbar { display:flex; flex-wrap:nowrap; overflow-x:auto; max-width:100%; }
    #mediaTabs .mini-tab { flex:0 0 auto; width:auto; max-width:none; white-space:nowrap; --tab-gradient:linear-gradient(137deg,#f8e8bc,#adbbba,#806a45); --button-effect-color:#ddceac; }
    #inhalt > #x .site-main-banner { background:linear-gradient(90deg,#05060988,transparent),url('../assets/medien-hauptbanner-v1.webp') center/cover no-repeat; }
    #inhalt > #x .site-main-banner::before,#inhalt > #x .site-main-banner::after { display:none; }
    #inhalt > #x .site-main-banner blockquote { max-width:660px; color:#fff; font-size:clamp(1.18rem,1.8vw,1.65rem); line-height:1.4; text-shadow:0 2px 8px #000; }
    #inhalt > #x .site-main-banner .tagline { color:#f0d498; }
    #inhalt > #x .site-main-banner-sweep { animation-play-state:paused; }
    #inhalt > #x.active .site-main-banner.is-motion-active .site-main-banner-sweep { animation-play-state:running; }
    #inhalt > #x :is(.question-item,.media-series,.media-details) { background:var(--media-panel); color:var(--media-text); border:1px solid var(--media-line); border-radius:8px; box-shadow:none; }
    #inhalt > #x .question-item { padding:20px; }
    #inhalt > #x .media-card::before { display:none; }
    #inhalt > #x :is(h3,strong,.video-thumb-title) { color:var(--media-text); }
    #inhalt > #x h3 { font-size:clamp(1.12rem,1.7vw,1.5rem); line-height:1.35; margin:0 0 12px; }
    #inhalt > #x :is(p,li,.media-video-row small) { color:var(--media-muted); line-height:1.7; }
    #inhalt > #x .media-panel > p { margin:0; }
    #inhalt > #x .media-label { color:var(--media-accent); margin-bottom:10px; }
    #inhalt > #x :is(.media-series-list,.media-channel-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0; }
    #inhalt > #x .media-series-list .media-card { display:flex; flex-direction:column; padding:20px; min-width:0; gap:10px; }
    #inhalt > #x .media-series-list .media-card > * { width:auto; max-width:none; margin:0; }
    #inhalt > #x .media-video { min-height:0; height:auto; margin-top:18px; aspect-ratio:auto; background:none; border:0; }
    #inhalt > #x .media-video .video-link-card { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:16px; min-height:0; height:auto; aspect-ratio:auto; background:transparent; border:1px solid var(--media-line); border-radius:8px; }
    #inhalt > #x .media-video .video-link-card::before,#inhalt > #x .media-video .video-link-card::after { display:none; }
    #inhalt > #x .media-video .video-thumb-title { display:block; position:static; font-size:1rem; line-height:1.5; }
    #inhalt > #x .media-series-list > .media-card:last-child:nth-child(odd) { grid-column:1/-1; }
    #inhalt > #x .media-video .video-thumb-title small { font-size:.88rem; color:var(--media-muted); }
    #inhalt > #x .media-video .video-play-badge { position:static; transform:none; font-size:.86rem; padding:8px 12px; background:#f0d498; color:#141711; border-radius:999px; }
    #inhalt > #x .media-details { padding:0; margin:0; }
    #inhalt > #x :is(.media-details,.media-series) > summary { display:flex; flex-wrap:wrap; align-items:center; gap:10px; width:100%; padding:16px 20px; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--media-text); }
    #inhalt > #x :is(.media-details,.media-series) > summary::after { content:'+ Abschnitt öffnen'; margin-left:auto; flex:0 0 auto; padding:8px 12px; border:1px solid var(--media-line); border-radius:999px; font-size:.8rem; color:var(--media-accent); }
    #inhalt > #x :is(.media-details,.media-series)[open] > summary::after { content:'− Abschnitt schließen'; }
    #inhalt > #x .media-series > summary small { display:none; }
    #inhalt > #x :is(.media-details,.media-series)[open] > summary { border-bottom:1px solid var(--media-line); }
    #inhalt > #x :is(.media-details-body,.media-series-intro,.media-series-list) { padding:18px 20px; }
    #inhalt > #x :is(.source-link,.media-action-link) { color:var(--media-accent); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
    #inhalt > #x :is(a,summary,button):focus-visible,#mediaTabs button:focus-visible { outline:3px solid #cfa752; outline-offset:3px; }
    #inhalt > #x > .media-edge { background:linear-gradient(0deg,#050609f2,transparent 65%),#050609 url('../assets/medien-abschluss-v1.webp') center/contain no-repeat; }
    #inhalt > #x > .media-edge > p { color:#fff; text-shadow:0 2px 8px #000; }
    @media(max-width:720px) {
      body:has(#inhalt > #x.active) { background-attachment:scroll; }
      #inhalt > #x :is(.media-series-list,.media-channel-grid) { grid-template-columns:minmax(0,1fr); }
      #inhalt > #x :is(.media-details,.media-series) > summary { padding:14px; }
      #inhalt > #x :is(.media-details,.media-series) > summary::after { margin-left:0; min-height:42px; }
      #inhalt > #x :is(.media-details-body,.media-series-intro,.media-series-list) { padding:14px; }
      #inhalt > #x .site-main-banner { background-position:70% center; }
    }
    body:has(#inhalt > #kurioses.active) { background: #050609 url("../assets/kurioses-hintergrund-v1.webp") center/cover fixed; }
    :root[data-theme="light"] body:has(#inhalt > #kurioses.active) { background-image: linear-gradient(#faf7efb8,#faf7efd4),url("../assets/kurioses-hintergrund-v1.webp"); }
    #inhalt > #kurioses { --curiosity-text:#f5f2e9; --curiosity-muted:#c9c8c2; --curiosity-panel:rgba(10,13,14,.94); --curiosity-line:#af91584d; --curiosity-accent:#f4d186; }
    :root[data-theme="light"] #inhalt > #kurioses { --curiosity-text:#24241f; --curiosity-muted:#494b45; --curiosity-panel:rgba(255,253,247,.95); --curiosity-line:#82662666; --curiosity-accent:#715013; }
    #inhalt > #kurioses > .panel.intro { background:transparent; backdrop-filter:none; border:0; box-shadow:none; }
    #inhalt > #kurioses .question-list { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; width:var(--site-main-banner-reference-width); max-width:100%; margin:0 auto; }
    #inhalt > #kurioses > .curiosity-hub { --experiment-hub-line:var(--curiosity-line); --experiment-hub-glow:#bc92461a; }
    #inhalt > #kurioses .curiosity-panel { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; min-width:0; }
    #inhalt > #kurioses .curiosity-panel[hidden] { display:none; }
    #inhalt > #kurioses .curiosity-introduction { color:var(--curiosity-muted); line-height:1.65; margin:12px 0 0; }
    #curiosityTabs .mini-tab { --tab-gradient:linear-gradient(137deg,#f9e5aa,#bba478,#616c65); --button-effect-color:#e6cd8c; }
    #curiosityTabs.mini-tabbar { display:flex; flex-wrap:nowrap; overflow-x:auto; max-width:100%; }
    #curiosityTabs .mini-tab { flex:0 0 auto; width:auto; max-width:none; white-space:nowrap; }
    @media (max-width: 600px) {
      :is(#curiosityTabs, #mediaTabs).mini-tabbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; overflow:visible; box-sizing:border-box; }
      :is(#curiosityTabs, #mediaTabs) .mini-tab { box-sizing:border-box; width:100%; min-width:0; min-height:44px; padding:10px 8px; white-space:normal; overflow-wrap:anywhere; font-size:.85rem; line-height:1.35; }
      :is(#curiosityTabs, #mediaTabs) .mini-tab:last-child:nth-child(odd) { grid-column:1 / -1; }
      #mediaTabs :is(#media-tab-madmax, #media-tab-channels) { grid-column:1 / -1; }
    }
    @media (max-width: 360px) {
      :is(#curiosityTabs, #mediaTabs).mini-tabbar { grid-template-columns:minmax(0,1fr); }
    }
    #inhalt > #kurioses .experiment-tab-sticky.is-subtab-pinned { position:fixed; top:calc(var(--main-nav-top) + var(--main-nav-height) + var(--sticky-gap)); left:50%; width:var(--site-main-banner-reference-width); max-width:var(--site-main-banner-reference-width); z-index:905; transform:translateX(-50%); }
    #inhalt > #kurioses .site-main-banner { background:linear-gradient(90deg,#05060966,#05060900),url("../assets/kurioses-hauptbanner-v1.webp") center/cover no-repeat; }
    #inhalt > #kurioses .site-main-banner::before,
    #inhalt > #kurioses .site-main-banner::after { display:none; }
    #inhalt > #kurioses .site-main-banner blockquote { max-width:650px; font-size:clamp(1.18rem,1.8vw,1.65rem); line-height:1.35; color:#fff; text-shadow:0 2px 8px #000; }
    #inhalt > #kurioses .site-main-banner > p:not(.tagline) { max-width:570px; font-size:.95rem; line-height:1.5; color:#ece8dd; }
    #inhalt > #kurioses .site-main-banner .tagline { color:#f4d186; }
    #inhalt > #kurioses .site-main-banner-sweep { animation-play-state:paused; }
    #inhalt > #kurioses.active .site-main-banner.is-motion-active .site-main-banner-sweep { animation-play-state:running; }
    #inhalt > #kurioses .curiosity-heading { padding:18px 0 4px; color:var(--curiosity-text); }
    #inhalt > #kurioses .curiosity-heading h3 { margin:5px 0 8px; font-size:clamp(1.3rem,2vw,1.7rem); }
    #inhalt > #kurioses .curiosity-heading p { max-width:85ch; color:var(--curiosity-muted); line-height:1.6; }
    #inhalt > #kurioses .curiosity-heading .tagline { color:var(--curiosity-accent); font-size:.78rem; }
    #inhalt > #kurioses .knowledge-detail { width:100%; margin:0; padding:0; border:1px solid var(--curiosity-line); border-radius:8px; background:var(--curiosity-panel); box-shadow:none; color:var(--curiosity-text); }
    #inhalt > #kurioses .knowledge-detail > summary { padding:16px 20px; min-height:72px; color:var(--curiosity-text); font-size:1rem; letter-spacing:normal; }
    #inhalt > #kurioses .knowledge-detail > summary::after { min-height:38px; padding:7px 12px; font-size:.8rem; color:var(--curiosity-accent); background:transparent; border-color:var(--curiosity-line); box-shadow:none; }
    #inhalt > #kurioses .knowledge-detail[open] > summary { border-bottom:1px solid var(--curiosity-line); margin-bottom:14px; }
    #inhalt > #kurioses .knowledge-detail p,
    #inhalt > #kurioses .knowledge-detail li { color:var(--curiosity-muted); font-size:1rem; line-height:1.7; }
    #inhalt > #kurioses .knowledge-detail > ul { margin:0 20px 20px; }
    #inhalt > #kurioses .knowledge-detail strong,
    #inhalt > #kurioses .knowledge-detail h3 { color:var(--curiosity-text); }
    #inhalt > #kurioses .knowledge-detail > h3 { padding:0 20px; }
    #inhalt > #kurioses .curiosity-sea-lemon-figure { display:grid; grid-template-columns:minmax(220px,360px) minmax(0,1fr); gap:16px; align-items:center; margin:14px 20px 20px; padding:14px 0; border-top:1px solid var(--curiosity-line); border-bottom:1px solid var(--curiosity-line); }
    #inhalt > #kurioses .curiosity-sea-lemon-figure img { display:block; width:100%; height:160px; border-radius:6px; object-fit:cover; object-position:42% 38%; }
    #inhalt > #kurioses .curiosity-sea-lemon-figure figcaption { min-width:0; color:var(--curiosity-muted); font-size:.86rem; line-height:1.55; }
    #inhalt > #kurioses :is(.chart-box,.scale-ladder,.record-podium) { margin:16px 20px 20px; }
    #inhalt > #kurioses .scale-step { grid-template-columns:170px 80px minmax(0,1fr); border:0; border-bottom:1px solid var(--curiosity-line); border-radius:0; background:transparent; }
    #inhalt > #kurioses .record-card { min-height:0; border-radius:8px; background:transparent; }
    #inhalt > #kurioses .chart-row { border-color:var(--curiosity-line); }
    #inhalt > #kurioses .chart-value { color:var(--curiosity-text); }
    #inhalt > #kurioses .curiosity-glossary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 28px; padding:4px 20px 20px; margin:0; }
    #inhalt > #kurioses .curiosity-glossary > div { min-width:0; border-bottom:1px solid var(--curiosity-line); padding-bottom:12px; }
    #inhalt > #kurioses .curiosity-glossary dt { font-weight:800; color:var(--curiosity-text); margin-bottom:6px; }
    #inhalt > #kurioses .curiosity-glossary dd { margin:0; color:var(--curiosity-muted); line-height:1.65; }
    #inhalt > #kurioses .curiosity-sources { padding:22px; background:var(--curiosity-panel); border-top:2px solid var(--curiosity-line); color:var(--curiosity-text); }
    #inhalt > #kurioses .curiosity-sources ul { padding-left:20px; }
    #inhalt > #kurioses .curiosity-sources li { padding:8px 0; }
    #inhalt > #kurioses .curiosity-sources a { color:var(--curiosity-accent); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
    #inhalt > #kurioses :is(a,summary,button):focus-visible { outline:3px solid var(--curiosity-accent); outline-offset:3px; }
    #inhalt > #kurioses > .curiosity-edge { background:linear-gradient(0deg,#050609ef,transparent 65%),#050609 url("../assets/kurioses-abschluss-v1.webp") center/contain no-repeat; }
    #inhalt > #kurioses > .curiosity-edge > p { color:#fff; text-shadow:0 2px 8px #000; }
    @media(max-width:720px) {
      body:has(#inhalt > #kurioses.active) { background-attachment:scroll; }
      #inhalt > #kurioses .knowledge-detail > summary { flex-wrap:wrap; padding:14px 16px; gap:10px; }
      #inhalt > #kurioses .knowledge-detail > summary::after { min-height:42px; margin-left:0; }
      #inhalt > #kurioses .curiosity-sea-lemon-figure { grid-template-columns:minmax(0,1fr); gap:10px; margin:12px 16px 16px; }
      #inhalt > #kurioses .curiosity-sea-lemon-figure img { height:170px; }
      #inhalt > #kurioses .curiosity-glossary { grid-template-columns:minmax(0,1fr); }
      #inhalt > #kurioses .scale-step { grid-template-columns:minmax(0,1fr) 72px; padding:12px 0; }
      #inhalt > #kurioses .scale-step > span { grid-column:1/-1; }
      #inhalt > #kurioses .record-podium { grid-template-columns:minmax(0,1fr); }
      #inhalt > #kurioses .site-main-banner { background-position:85% center; }
      #inhalt > #kurioses .site-main-banner > p:not(.tagline) { font-size:.85rem; line-height:1.4; }
    }