/* cf-intel.css — der Bereich "Intelligenz" (Scheibe 1, 2026-07-30). * * HIGGSFIELD-LAYOUT, als wiederverwendbare Klassen: JEDE Kachelgruppe traegt UEBER dem Raster * einen Sektionskopf aus (1) kleiner Eyebrow-Zeile (uppercase, letter-spacing, Chip statt * Akzent-TEXT — Lime-Schrift auf hellem Grund faellt durch den Kontrast, Lime-FLAECHE mit * dunkler Schrift nicht), (2) grosser fetter Ueberschrift, (3) einer gedaempften Erklaerzeile. * * ABSTANDS-VERTRAG (gemessen von docs/guard-intelligenz.mjs, nicht nur behauptet): * - mindestens 56 px UEBER jedem Sektionskopf * - 20-24 px zwischen Kopf und Raster (hier: 22 px) * - 16-20 px Kachel-Gap (hier: 18 px) * - 22-26 px Kachel-Padding (hier: 24 px) * Nichts gedraengt — jedes Thema bekommt Raum und Fokus. Kein Consumer-Sog: keine Autoplay- * Waende, keine Countdown-Banner, nur Flaechen, Kanten und Typografie. * * Alle Farben kommen aus den bestehenden Theme-Variablen — beide Themes tragen ohne Sonderfall. */ /* ---------- Sektionskopf ---------- */ .ig-sec{margin:56px 0 22px;max-width:880px} .ig-eb{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap} .ig-eb-chip{font-size:.66rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase; padding:3px 10px;border-radius:7px;background:var(--lime);color:var(--on-lime);white-space:nowrap} .ig-eb-txt{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)} .ig-sec h2{font-family:var(--disp);font-weight:900;font-size:1.55rem;letter-spacing:-.02em; line-height:1.15;text-wrap:balance;margin:0} .ig-sub{color:var(--ink-soft);font-size:.95rem;line-height:1.5;margin-top:8px;max-width:70ch} /* ---------- Kachelraster ---------- */ .ig-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))} @media(max-width:640px){.ig-grid{grid-template-columns:1fr}} /* ---------- Kachel ---------- SVG-Icon in farbigem Chip oben links, Status-Badge oben rechts, fetter Titel, EINE gedaempfte Beschreibungszeile, Hover-Anhebung. Als fuer externe Ziele (neuer Tab, rel="noopener") und als