/*
  Richtung D – Layout-Persönlichkeit: kompakt, ruhig, kartenbasiert.
  Kompakterer Rhythmus als die drei Vorgänger (weniger Scrollen), Boxen mit
  weichem Schatten statt Rahmenlinien, Versal-Kicker wird konsequent
  wiederverwendet. Sektionen teilen sich EINEN warmen Hintergrundton
  (mechanische Abwechslung 16.07.2026 abgeschafft, s. u.).

  Ausrichtung (3. Feedback-Runde, 09.07.2026 – REVIDIERT 16.07.2026):
  Die Fassung vom 09.07. zentrierte jeden schmalen Block als eigene Spalte
  in der Seitenmitte (margin-inline:auto), um den Wechsel zwischen ganz
  linksbündigen und ganz zentrierten Blöcken zu beruhigen. Das erzeugte
  aber einen Versatz gegenüber den vollbreiten Karten-Containern (Pfad-
  Karten, Fakten-Band, Testimonials) – Heiko bemängelte das als Leser.
  Neue, einfachere Regel (16.07.2026, Sammelauftrag VI Block B1+B5):
  ALLES linksbündig, eine Achse, inklusive Hero – kein margin-inline:auto
  mehr auf den Textspalten. Details s. Kommentar bei der jeweiligen Regel
  weiter unten.
*/

:root {
  --radius: 0.625rem;
  --card-border: none;
  /* Etwas kräftiger als zuvor (30.07.2026, Designpass B: "Kartenflächen etwas
     klarer vom Hintergrund abheben" – Opacity von 0.06/0.05 auf 0.09/0.07). */
  --card-shadow: 0 1px 2px oklch(27% 0.03 250 / 0.09), 0 8px 20px oklch(27% 0.03 250 / 0.07);
  /* 16.07.2026, Sammelauftrag VI Block B3: von --space-6 auf --space-7 angehoben – ohne die
     mechanische Sektions-Abwechslung (s. u.) braucht es mehr Luft zwischen den Blöcken, damit
     ein neuer Abschnitt beginnt, auch ohne Farbwechsel als Signal.
     04.08.2026, Konsistenzpass: wieder auf --space-6 zurückgenommen – über mittlerweile acht
     Sektionen mit sichtbaren H2s (statt der ursprünglichen, spärlicheren Struktur) hatte sich
     --space-7 als zu großzügig erwiesen (~25% mehr Luft als nötig), s. base.css für den
     zugehörigen zweiten Rhythmus-Schritt --gap-tight. */
  --section-rhythm: var(--space-6);
}

/* H1-Override auf denselben Wert wie base.css gebracht (30.07.2026, Designpass B) –
   vorher wich diese Regel unbemerkt von der in base.css gepflegten Skala ab (kleineres
   Minimum, anderes Font-Weight), weil direction.css nach base.css lädt und gewinnt.
   Jetzt eine einzige Quelle für die Subpage-H1-Größe, hier nur noch site-weit
   referenziert statt dupliziert. */
h1 { font-weight: 600; }

/* Hero-H1 auf der Startseite bekommt bewusst mehr visuelles Gewicht als die übrigen
   Seitenköpfe (Designpass B, Aufgabe „Startseite: Hero … stärker gewichten“) – der
   Rest der Site bleibt bei der in base.css definierten H1-Größe. */
.hero h1 {
  font-size: clamp(2.75rem, 2.2rem + 3vw, 4rem);
  font-weight: 500;
}

/* Versal-Kicker – öfter verwendet, einheitlich in der Text- statt der
   Display-Schrift (nur echte Überschriften nutzen --font-display), enger
   und kontrastreicher gesetzt (Vorbild: modulare Größensprünge statt
   feiner Abstufung). .kicker ergänzt 16.07.2026 (Sammelauftrag VI Block A/B4):
   generische Klasse für Label-Überschriften in Ghost-Page-HTML-Karten. */
.hero-eyebrow, .path-eyebrow, .facts-band dt, .kicker {
  font-family: var(--font-text);
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
}

/* Mechanische Sektions-Abwechslung abgeschafft (Heiko, 16.07.2026, Sammelauftrag VI
   Block B3): einheitlicher warmer Grund für alle Blöcke. Nur zwei semantische Bänder
   bleiben – Signatur-Zeile und Footer-CTA als bewusster Seitenabschluss/Podest –, beide
   mit --color-bg-alt (jetzt als warmes Band-/Karten-Token definiert, Nutzungsregel
   PLAN-WEBSITE §4). */
/* 30.07.2026, Designpass B: Der Selfcheck-Teaser blieb bislang optisch nicht von einem
   normalen Textabschnitt unterscheidbar (background:var(--color-bg); border:none –
   identisch zur Seite selbst). Card-Optik jetzt auf dem Container statt auf der
   Section: Schatten + Radius wie bei .path-card/.facts-band, KEIN drittes
   --color-bg-alt-Band – das bleibt Signatur/Footer-CTA vorbehalten (s. u.). */
.selfcheck-teaser { background: var(--color-bg); border: none; }
.selfcheck-teaser .container {
  box-shadow: var(--card-shadow);
  border-radius: var(--radius);
}
/* 31.07.2026, Konsistenzpass: .signature ist jetzt ein eigenständiges dunkles Band
   (Mentoring-Palette) statt desselben hellen --color-bg-alt-Tons wie .footer-cta –
   vorher wirkten beide Bänder als eine zusammenhängende Fläche. Regel + Farb-Overrides
   in base.css (site-weit, nicht richtungsspezifisch, da an die Mentoring-Tokens
   gekoppelt statt an Richtung-D-eigene Farben). */
.footer-cta { background: var(--color-bg-alt); }

/* Karten heben sich über helleren Ton + weichen Schatten ab, keine Linien */
.path-card { background: var(--color-bg); padding: var(--space-5); }
.path-card:nth-child(1) { border-top: 4px solid var(--color-accent); } /* 3px→4px, Designpass B */
.path-card:nth-child(2) { border-top: 4px solid var(--color-accent-secondary); }

.facts-band { background: var(--color-bg); box-shadow: var(--card-shadow); }

.matrix-svg .quadrant-label { font-family: var(--font-display); font-weight: 600; }
/* .on-accent-Regel jetzt in shared/base.css (gilt für alle Richtungen) */

/* Linksbündig-Regel, eine Achse site-weit (Heiko-Entscheidung 16.07.2026, Sammelauftrag VI
   Block B1+B5 – ersetzt den Kompromiss der 3. Feedback-Runde 09.07.2026: Text war zwar
   linksbündig gesetzt, aber jeder schmale Block rückte zusätzlich als eigene, engere Spalte
   in die Seitenmitte (margin-inline:auto) – das erzeugte einen sichtbaren Versatz gegenüber
   den vollbreiten Karten-Containern (Pfad-Karten, Fakten-Band, Testimonials, Matrix-Figur).
   Jetzt: alle Textblöcke bleiben auf max-width begrenzt, aber ohne Zentrierung – ihre linke
   Kante fluchtet dadurch mit der linken Kante der Karten-Container. */
/* Korrektur 17.07.2026 (Heiko-Fund, live auf breitem Viewport aufgefallen): Hero/
   fl-beat6/fl-page-header hatten hier eine EIGENE, schmalere max-width direkt auf
   .container – mit margin-inline:0 sitzt so ein schmalerer Container flush an der
   WAHREN Seitenkante, nicht an der linken Kante des Standard-Containers (der ist
   72rem breit und über margin-inline:auto in der Seite zentriert – das ist die
   Kante, an der Nav, Diagnose, Matrix, Pfade & Co. tatsächlich hängen). Auf breiten
   Viewports klaffte dadurch eine große Lücke zwischen Hero und allem anderen.
   Fix: .container bleibt hier der normale, zentrierte Standard-Container (keine
   Sonderregel mehr) – die schmalere Breite sitzt stattdessen direkt auf den
   Text-/Interaktionselementen darin (s. u.), exakt wie bei .prose/.matrix-intro. */
.diagnose-list,
.fl-symptom-list,
.fl-arbeitsweise-list,
.prose,
.diagnose-people,
.matrix-intro,
.matrix-outro,
.paths-lede,
.proof-intro,
.fl-closing,
.fl-haltung-item,
.fl-schlusssatz,
.fl-proof-intro,
.fl-proof-honesty {
  margin-inline: 0;
}

/* 17.07.2026-Fix: KEIN margin-inline:0 mehr hier – .container ist bei diesen dreien
   jetzt wieder der normale, zentrierte Standard-Container (die Breitenbegrenzung sitzt
   auf den Text-/Überschriften-Elementen selbst, s. base.css). margin-inline:0 auf einem
   72rem-Container in einer volleren Section wäre genau derselbe Fehler wie beim Hero. */
.selfcheck-teaser .container,
.signature .container,
.footer-cta .container {
  text-align: left;
}