h2#mechanism{font-size:clamp(24px, 20.66px + 0.86vw, 33px)!important;line-height:clamp(30px, 26.29px + 0.95vw, 40px)!important}
section.band h2{font-size:clamp(24px, 20.66px + 0.86vw, 33px)!important;line-height:clamp(30px, 26.29px + 0.95vw, 40px)!important}
.lead-in h2{font-size:clamp(24px, 20.66px + 0.86vw, 33px)!important;line-height:clamp(30px, 26.29px + 0.95vw, 40px)!important}
section.band h3{font-size:clamp(20px, 18.51px + 0.38vw, 24px)!important;line-height:clamp(26px, 23.77px + 0.57vw, 32px)!important}
section#signals h3{font-size:20px!important;line-height:26px!important}
section#desks h3{font-size:20px!important;line-height:26px!important}
h2#bridge-title{font-size:clamp(24px, 20.66px + 0.86vw, 33px)!important;line-height:clamp(30px, 26.29px + 0.95vw, 40px)!important}
.explainer-body h3{font-size:20px!important;line-height:26px!important}

/* ================================================================
   MARKE-BRUECKE — Intelligence-Leseflaechen auf den Markenlook
   Stand 2026-09-23 · Quelle der Werte: MARKE.md 1.0 / marke.json,
   Marke "intelligence" (Fraunces + Hanken Grotesk, Papier #f6f5f2),
   und die Startseite intelligence-home.css (Grund #16181d,
   Gold #9aa3e4, Muted #b3b6bf). Keine erfundene Farbe.

   WARUM SO: intelligence.css enthaelt 29 Hex- und 4 rgba-Werte,
   und ALLE 29+4 stehen in Tokendefinitionen — keine einzige Farbe
   steht hart in einer Regel. Die Leseflaeche laesst sich deshalb
   ueber die Token drehen.

   WARUM GESCHACHTELT: Die Umstellung am 21.09. scheiterte, weil sie
   die Token global drehte und die 5.914 Atlas-Seiten mitnahm, die
   ihre eigenen hellen Flaechen aus /atlas/wiki.css mitbringen.
   Diese Seiten tragen <body class="wiki-page">. Alles hier haengt
   an body:not(.wiki-page):not(.atlas-page) und trifft daher genau die 20 Seiten,
   die allein /intelligence.css laden: /start/, /about/, /en/,
   /editorial-policy/ und 16 /datasets/-Seiten.

   AUSLIEFERUNG: nginx haengt diese Datei per sub_filter in jede
   Seite (snippet marke-ueberschriften-intelligence.conf). Kein
   Release-Bau, kein Deploy, kein Symlink. Rueckweg: Datei leeren.
   ================================================================ */

@font-face { font-family:"Fraunces"; font-style:normal; font-weight:300 400; font-display:swap;
  src:url("/fonts/fraunces-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Fraunces"; font-style:normal; font-weight:300 400; font-display:swap;
  src:url("/fonts/fraunces-latinext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+A720-A7FF; }
@font-face { font-family:"Hanken Grotesk"; font-style:normal; font-weight:300 400; font-display:swap;
  src:url("/fonts/hanken-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Hanken Grotesk"; font-style:normal; font-weight:300 400; font-display:swap;
  src:url("/fonts/hanken-latinext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+A720-A7FF; }

/* --- 1. Die semantische Zuweisung drehen ------------------------ */
body:not(.wiki-page):not(.atlas-page) {
  color-scheme: dark;

  --bg:          #16181d;   /* = --g-850 = --ground der Startseite */
  --bg-raised:   #101216;
  --bg-deep:     var(--g-950);
  --ink:         #f6f5f2;   /* marke.json papier */
  --ink-2:       #d9dbe2;
  --ink-3:       #b3b6bf;   /* --muted der Startseite */

  --line:        rgba(154,163,228,.14);
  --line-strong: rgba(154,163,228,.30);

  --accent:         #9aa3e4;
  --accent-on-deep: #9aa3e4;

  /* Alt-Namen der Vorgaengerfassung, die die Seite noch benutzt */
  --paper:      #16181d;
  --paper-deep: #101216;
  --muted:      #b3b6bf;
  --signal:     var(--g-300);
  --night:      var(--g-950);
  --night-ink:  #f6f5f2;

  --sig-ok:    var(--g-300);
  --sig-warn:  var(--gold-300);
  --sig-alert: #d98b7c;

  --font-serif: "Fraunces","Newsreader",Georgia,serif;
  --font-sans:  "Hanken Grotesk","Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* --- 2. Die neun Stellen, die die Papier-Rampe direkt als FLAECHE
   benutzen. --p-050 bleibt unberuehrt: dieselbe Stufe traegt auf
   den dunklen Baendern (footer, atlas-promo, independence) die
   Schrift. Deshalb gezielt statt ueber die Rampe. ---------------- */
body:not(.wiki-page):not(.atlas-page) .hero-specimen footer,
body:not(.wiki-page):not(.atlas-page) .annotated-record > header,
body:not(.wiki-page):not(.atlas-page) .live-ledger,
body:not(.wiki-page):not(.atlas-page) .geo-figure       { background: rgba(244,239,230,.06); }

body:not(.wiki-page):not(.atlas-page) .desk-grid article:hover,
body:not(.wiki-page):not(.atlas-page) .signal-grid > a:hover,
body:not(.wiki-page):not(.atlas-page) .ai-desk-grid > a:hover,
body:not(.wiki-page):not(.atlas-page) .journey-track > a:hover { background: rgba(244,239,230,.05); }

/* --- 3. Mittleres bis dunkles Gruen als SCHRIFT: eine Stufe hoch.
   Die Vorlage kennt diese Regel schon fuer [data-surface="deep"]
   (Zeile 143), hier fuer die ganze Flaeche. -------------------- */
body:not(.wiki-page):not(.atlas-page) .ai-hero h1 em,
body:not(.wiki-page):not(.atlas-page) .signal-heading h2 em,
body:not(.wiki-page):not(.atlas-page) .atlas-promo h2 em,
body:not(.wiki-page):not(.atlas-page) .lead-story h3 a:hover,
body:not(.wiki-page):not(.atlas-page) .story-grid h3 a:hover,
body:not(.wiki-page):not(.atlas-page) .story-grid .story-meta span:last-child,
body:not(.wiki-page):not(.atlas-page) .briefing-list > a:hover h3,
body:not(.wiki-page):not(.atlas-page) .tutorial-steps li > b,
body:not(.wiki-page):not(.atlas-page) .glossary-grid dt,
body:not(.wiki-page):not(.atlas-page) .state-pill.emerging,
body:not(.wiki-page):not(.atlas-page) .geo-regions .geo-count { color: var(--g-300); }

body:not(.wiki-page):not(.atlas-page) .annotated-record .marker { color: var(--gold-400); }

/* Heller Halo um den Live-Punkt */
body:not(.wiki-page):not(.atlas-page) .pulse-dot {
  background: var(--g-300); box-shadow: 0 0 0 4px rgba(154,163,228,.18);
}

/* Band lag auf --g-850 und damit exakt auf dem neuen Grund */
body:not(.wiki-page):not(.atlas-page) .intelligence-bridge { background: var(--g-900); }

/* --- 4. Die zwei Bilder, die eine dunkle Fassung im Release haben */
/* MARKE.md Z.72, versiegelt 22.09.: "Metatron Intelligence ...
   Fraunces, Hanken Grotesk, Geist Mono; KEIN WUERFEL, keine
   Verkaufsstimme." Die Leseflaeche trug bis heute die Wuerfelkante
   im Kopf. Sie faellt damit weg, nicht aus Geschmack. */
body:not(.wiki-page):not(.atlas-page) .ai-hero { background-image: none; }
body:not(.wiki-page):not(.atlas-page) .geo-figure img[src="/geo/world-coverage.svg"] {
  content: url("/geo/world-coverage-dark.svg");
}
body:not(.wiki-page):not(.atlas-page) .geo-key .k-route  { background: #2f3fb5; }
body:not(.wiki-page):not(.atlas-page) .geo-key .k-region { background: #3b48b9; }
body:not(.wiki-page):not(.atlas-page) .geo-key .k-none   { background: #232833; }

/* Kaufseiten (Konto: /ask/, /subscribe/, /account/) — Graphit auf Papier, Ultramarin als Signal. 28.09.2026 */
body.konto{background:#f6f5f2!important;color:#16181d!important}
body.konto .konto-kopf{background:#16181d!important;color:#f6f5f2!important}
body.konto .konto-kopf a,body.konto .konto-marke{color:#f6f5f2!important}
body.konto .konto-nav a{color:#c3c8ee!important}
body.konto .konto-blatt,body.konto .konto-blatt p,body.konto .konto-blatt li,body.konto label,body.konto .zustimmung{color:#16181d!important}
body.konto h1,body.konto h2,body.konto h3{color:#16181d!important}
body.konto .eyebrow,body.konto small,body.konto .hinweis{color:#5b5f6b!important}
body.konto .preis{color:#2f3fb5!important}
body.konto form,body.konto .karte,body.konto .kasten{background:#ffffff!important;border:1px solid #d8d7d3!important}
body.konto input[type=email],body.konto input[type=text],body.konto textarea{background:#ffffff!important;color:#16181d!important;border:1px solid #b3b4b8!important}
body.konto button,body.konto .knopf,body.konto input[type=submit]{background:#2f3fb5!important;color:#ffffff!important;border-color:#2f3fb5!important}
body.konto a{color:#2f3fb5!important}
body.konto .konto-fuss{background:#ebeae6!important;color:#3f424a!important}
body.konto .konto-fuss a{color:#2f3fb5!important}

/* --- Fußzeile (28.09.2026): die neun Links als auto-Spalte nahmen die
   ganze Breite, der Absatz fiel auf ein Wort je Zeile. Jetzt: Marke und
   Absatz oben nebeneinander, Links als eigene Zeile über eine Haarlinie.
   Nur Aussehen, kein Inhalt. Maße aus der Abstandsleiter. ----------- */
footer:has(> .footer-mark) { grid-template-columns: auto minmax(0, 1fr); column-gap: 48px; row-gap: 32px; align-items: baseline; }
footer:has(> .footer-mark) > p { max-width: 62ch; }
footer:has(> .footer-mark) > .footer-links { grid-column: 1 / -1; justify-content: flex-start; gap: 12px 32px; padding-top: 24px; border-top: 1px solid rgba(244,239,230,.12); }
footer:has(> .footer-mark) > .ai-act-disclosure { grid-column: 1 / -1; width: 100%; margin: 0; }
@media (max-width: 720px) {
  footer:has(> .footer-mark) { grid-template-columns: 1fr; row-gap: 24px; }
  footer:has(> .footer-mark) > .footer-links { gap: 12px 24px; }
}

/* ===== Startseite Intelligence — Gestaltung 29.09.2026 =====================
   Founder: "Ich brauche DESIGN hier. die Seite ist knochentrocken."
   Befund: 5.300 px dasselbe Graphit, kein Bild, Schrittzahlen nur als Umriss,
   Themen als nackte Liste. Nur Aussehen, kein Wort geaendert. Farben aus
   farbordnung_2.intelligence (Papier #f6f5f2, Tinte #16181d, Ultramarin #2f3fb5).
   Geltung nur auf der Startseite: body:has(#home-signals). */
body:has(#home-signals){--ultra:#2f3fb5;--ultra-tief:#1c2463;--ultra-hell:#9aa3e4}

/* 1. Kopf: Metatrons Wuerfel (Bildgesetz, 13 Kreise, 78 Sehnen) als Traeger
   hinter dem echten Beleg, Ultramarin statt Gold */
body:has(#home-signals) .hero{position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(56% 72% at 76% 46%,rgba(47,63,181,.34),rgba(47,63,181,0) 72%)}
body:has(#home-signals) .hero::before{content:"";position:absolute;z-index:-1;left:calc(50% + 450px);top:50%;
  width:min(1040px,76vw);aspect-ratio:1;transform:translate(-50%,-50%);
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 450"><g fill="none" stroke="%239aa3e4" stroke-width="0.6" stroke-linecap="round"><path d="M225.2 225.2L325.2 225.2M225.2 225.2L275.2 138.6M225.2 225.2L175.2 138.6M225.2 225.2L125.2 225.2M225.2 225.2L175.2 311.8M225.2 225.2L275.2 311.8M225.2 225.2L375.2 138.6M225.2 225.2L225.2 52.0M225.2 225.2L75.2 138.6M225.2 225.2L75.2 311.8M225.2 225.2L225.2 398.4M225.2 225.2L375.2 311.8M325.2 225.2L275.2 138.6M325.2 225.2L175.2 138.6M325.2 225.2L125.2 225.2M325.2 225.2L175.2 311.8M325.2 225.2L275.2 311.8M325.2 225.2L375.2 138.6M325.2 225.2L225.2 52.0M325.2 225.2L75.2 138.6M325.2 225.2L75.2 311.8M325.2 225.2L225.2 398.4M325.2 225.2L375.2 311.8M275.2 138.6L175.2 138.6M275.2 138.6L125.2 225.2M275.2 138.6L175.2 311.8M275.2 138.6L275.2 311.8M275.2 138.6L375.2 138.6M275.2 138.6L225.2 52.0M275.2 138.6L75.2 138.6M275.2 138.6L75.2 311.8M275.2 138.6L225.2 398.4M275.2 138.6L375.2 311.8M175.2 138.6L125.2 225.2M175.2 138.6L175.2 311.8M175.2 138.6L275.2 311.8M175.2 138.6L375.2 138.6M175.2 138.6L225.2 52.0M175.2 138.6L75.2 138.6M175.2 138.6L75.2 311.8M175.2 138.6L225.2 398.4M175.2 138.6L375.2 311.8M125.2 225.2L175.2 311.8M125.2 225.2L275.2 311.8M125.2 225.2L375.2 138.6M125.2 225.2L225.2 52.0M125.2 225.2L75.2 138.6M125.2 225.2L75.2 311.8M125.2 225.2L225.2 398.4M125.2 225.2L375.2 311.8M175.2 311.8L275.2 311.8M175.2 311.8L375.2 138.6M175.2 311.8L225.2 52.0M175.2 311.8L75.2 138.6M175.2 311.8L75.2 311.8M175.2 311.8L225.2 398.4M175.2 311.8L375.2 311.8M275.2 311.8L375.2 138.6M275.2 311.8L225.2 52.0M275.2 311.8L75.2 138.6M275.2 311.8L75.2 311.8M275.2 311.8L225.2 398.4M275.2 311.8L375.2 311.8M375.2 138.6L225.2 52.0M375.2 138.6L75.2 138.6M375.2 138.6L75.2 311.8M375.2 138.6L225.2 398.4M375.2 138.6L375.2 311.8M225.2 52.0L75.2 138.6M225.2 52.0L75.2 311.8M225.2 52.0L225.2 398.4M225.2 52.0L375.2 311.8M75.2 138.6L75.2 311.8M75.2 138.6L225.2 398.4M75.2 138.6L375.2 311.8M75.2 311.8L225.2 398.4M75.2 311.8L375.2 311.8M225.2 398.4L375.2 311.8"/><circle cx="225.2" cy="225.2" r="50.0"/><circle cx="325.2" cy="225.2" r="50.0"/><circle cx="275.2" cy="138.6" r="50.0"/><circle cx="175.2" cy="138.6" r="50.0"/><circle cx="125.2" cy="225.2" r="50.0"/><circle cx="175.2" cy="311.8" r="50.0"/><circle cx="275.2" cy="311.8" r="50.0"/><circle cx="375.2" cy="138.6" r="50.0"/><circle cx="225.2" cy="52.0" r="50.0"/><circle cx="75.2" cy="138.6" r="50.0"/><circle cx="75.2" cy="311.8" r="50.0"/><circle cx="225.2" cy="398.4" r="50.0"/><circle cx="375.2" cy="311.8" r="50.0"/></g></svg>') center/contain no-repeat;opacity:.46;pointer-events:none}
body:has(#home-signals) .hero .casefile{background:rgba(22,24,29,.88);backdrop-filter:blur(8px);
  border:1px solid rgba(154,163,228,.34);border-radius:14px;box-shadow:0 48px 96px -48px rgba(0,0,0,.7);overflow:hidden}
body:has(#home-signals) .hero .casefile .cf-head{background:rgba(47,63,181,.22)}
body:has(#home-signals) .hero .btn-primary{background:var(--ultra);color:#f6f5f2;border-color:var(--ultra)}
body:has(#home-signals) .hero .btn-primary:hover{background:#3a4bd0}

/* 2. Kapitelrhythmus: "How a record works" und die acht Themen auf Papier */
body:has(#home-signals) section[aria-labelledby="mechanism"],
body:has(#home-signals) #desks{background:#f6f5f2;color:#16181d;border-top:0;
  --muted:#4a4e59;--rule:rgba(47,63,181,.40);--rule-faint:rgba(22,24,29,.10);--gold:#2f3fb5}
body:has(#home-signals) section[aria-labelledby="mechanism"] :is(h2,h3),
body:has(#home-signals) #desks :is(h2,h3){color:#16181d}
body:has(#home-signals) section[aria-labelledby="mechanism"] h2 em,
body:has(#home-signals) #desks h2 em{color:var(--ultra)}
body:has(#home-signals) section[aria-labelledby="mechanism"] .lead-in p,
body:has(#home-signals) #desks .lead-in p{color:#4a4e59}

/* Schrittzahlen: gross und in Ultramarin statt kaum sichtbarem Umriss */
body:has(#home-signals) .steps4{gap:32px}
body:has(#home-signals) .steps4 li{border-top:2px solid var(--ultra);padding-top:24px}
body:has(#home-signals) .steps4 .no{color:var(--ultra);-webkit-text-stroke:0;font-size:56px;line-height:56px;font-weight:300}

/* Themen als Karten */
body:has(#home-signals) .desks{gap:16px}
body:has(#home-signals) .desks a{background:#fff;border:1px solid rgba(22,24,29,.08);border-top:3px solid var(--ultra);
  border-radius:14px;padding:24px;min-height:100%;box-shadow:0 1px 0 rgba(22,24,29,.04);
  transition:transform 200ms cubic-bezier(.25,1,.5,1),box-shadow 200ms cubic-bezier(.25,1,.5,1)}
body:has(#home-signals) .desks a:hover{transform:translateY(-4px);box-shadow:0 24px 48px -24px rgba(28,36,99,.35)}
body:has(#home-signals) .desks a:hover h3{color:var(--ultra)}
body:has(#home-signals) .desks a::after{content:"→";margin-top:auto;padding-top:12px;color:var(--ultra);font-size:16px}

/* 3. Signposts: Karten mit Flaeche und Farbkante */
body:has(#home-signals) .signal-grid > a{background:linear-gradient(180deg,rgba(47,63,181,.14),rgba(47,63,181,.03));
  border:1px solid rgba(154,163,228,.22);border-radius:14px}
body:has(#home-signals) .signal-grid > a:hover{border-color:rgba(154,163,228,.55)}

/* 4. Quellen: Karte und Zahlen gerahmt */
body:has(#home-signals) #coverage figure img{border-radius:14px;border:1px solid rgba(154,163,228,.22)}
body:has(#home-signals) #coverage .facts dd{color:#f6f5f2;font-size:40px;line-height:44px}

/* 5. "Who publishes this": tiefes Ultramarin-Band */
body:has(#home-signals) section[aria-labelledby="stance-title"]{background:var(--ultra-tief);border-top:0;
  --muted:#c9cdf0;--rule:rgba(246,245,242,.35);--gold:#c9cdf0}
body:has(#home-signals) section[aria-labelledby="stance-title"] h2{color:#f6f5f2}

@media (max-width:1099px){
  body:has(#home-signals) .hero::before{left:78%;top:34%;width:110vw}
}
@media (max-width:720px){
  body:has(#home-signals) .hero::before{left:80%;top:30%;width:120vw;opacity:.26}
  body:has(#home-signals) .steps4 .no{font-size:40px;line-height:44px}
}
@media (prefers-reduced-motion:reduce){body:has(#home-signals) .desks a{transition:none}}

/* Vollprüfung 04.10.2026 (WCAG 1.4.3): Der KI-Hinweis stand mit Deckkraft .62 unter 4,5:1. Design */
.ai-act-disclosure{opacity:.86!important}