/* Wissensartikel „Gold besitzen oder Gold versprochen bekommen?“ (gold-lagern-vergleich.php)
   Nur im Artikel eingebunden. flexgold.css (auch Landingpage) bleibt unverändert.
   v1 2026-10-15: Bau nach 104-umsetzungsplan-v3 / Gate 2b. Präfix .fga-
   v2 2026-10-15: Trustlocal-Anzeige als eigene Zeile (mobil kein Überlauf).
   v8 2026-10-15: Fußnotenmarke inline (kein Umbruch vor der Marke).
   v9 2026-10-15: Artikel-Fassung v3 (30-gold-artikel-v3/80-bauprotokoll.md): Hierarchie H2/H3 (H2 mit Trennlinie, H3 kleiner),
      Beispiel-Kästen mit Kasten-Kopf, Leitfragen .fga-q, Raster und Steuertabelle (.fga-grid) unter 760 px gestapelt,
      Grafik Eigentum/Forderung (Unterzeilen .fga-ow__sub), verschachteltes Inhaltsverzeichnis, Schluss-CTA mit Rückruf-Textlink.
      v10/v11: Raster mit sechs Spalten ohne Überlauf (ab 900 px feste Spalten mit Silbentrennung, darunter gestapelt).
      Alle Regeln der v3 unter .fga-v3 (gold-lagern-vergleich-v2.php nutzt gold-artikel-v2.css und ist nicht betroffen).
   v3 2026-10-15: Vertrauensleiter max. 460 px (Desktop-Schrift nicht größer als Fließtext).
   v4 2026-10-15: Korrektur Runde 1 (120-sichtpruefung-r1): Nach-oben-Knopf mobil aus, CTA-Buttons gleich groß,
      Leiter wächst mit der Nutzerschrift, Steuertabelle ausgerichtet, Doppel-Links mobil untereinander,
      Autorenbox mobil Foto über Text, Druck der Checkliste ohne Fußnotenziffern und mit Absender.
   v6 2026-10-15: Korrekturen Alex (131-korrekturen-alex): Zwischenüberschriften näher am folgenden Text (Gesetz der Nähe),
      Sprungmarken ab 768 px unter der fixierten Theme-Navigation (mit gold-artikel.js), Gesprächs-Button #6 ab 768 px kompakter.
   v7 2026-10-15: Korrekturrunde 3 (142-bau-korr3): Gesetz der Nähe bei den Leitsätzen im flexgold-Abschnitt (.fga-q4)
      und in der Checkliste (.fg-qlist): Abstand zwischen den Blöcken deutlich größer als zwischen Leitsatz und Text.
      Brückenkasten im ETC/ETF-Abschnitt entfernt (.fga-bridge-Regeln ohne Verwendung).
   v12 2026-10-15: Korrektur Runde 1 v3 (30-gold-artikel-v3/90-sicht-r1): Raster und Steuertabelle per Container-Query
      (Schwelle 72rem, Karten ab 18 px Schrift), Tabellenschrift 1,5rem; Druck ohne KI-Bilder und ohne Schlusskasten.
   v21 2026-10-15: Lesehilfen (31-gold-artikel-v4/12-bauplan-lesehilfen.md): Verzeichnis-Tippflächen 44 px, Rücklinks,
      mitlaufendes Verzeichnis links ab 1700 px und 86em, Druck; Raster und Steuertabelle nur mit Silbentrennung (Abschnitt v21 am Ende).
   v24 2026-10-16: Sichtprüfung v5: Checkliste und Beispiel-H3 unter 480 px ohne Notumbruch (Abschnitt v24 am Ende). */

/* Autorenzeile unter der Unterzeile */
.fga-byline { display: flex; align-items: center; gap: 12px; margin: -4px 0 22px; }
.fga-byline picture { flex: 0 0 auto; }
.fga-byline img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; object-position: 50% 30%; box-shadow: 0 0 0 1px var(--fg-line); }
.fg .fga-byline p { margin: 0; font-size: 1.55rem; line-height: 1.4; color: var(--fg-ink-2); }
.fg .fga-byline strong { color: var(--fg-ink); }

/* Rollenzeile in der Kurzantwort */
.fg .fg-answer p + p.fga-role { margin-top: .8em; }

/* Vertrauensleiter (SVG) */
.fga-ladder { margin: 6px 0 26px; max-width: 460px; max-width: min(100%, 31em); }
.fga-ladder svg { display: block; width: 100%; height: auto; }
.fga-ladder figcaption { font-size: 1.45rem; color: var(--fg-muted); line-height: 1.45; margin-top: 8px; }

/* Zitatband Morgan */
.fga-morgan { margin: clamp(32px, 5vw, 48px) 0 0; padding: clamp(22px, 4vw, 34px) clamp(8px, 3vw, 28px); border-top: 3px solid var(--fg-gold); border-bottom: 3px solid var(--fg-gold); background: var(--fg-ivory-2); text-align: center; }
.fg .fga-morgan blockquote p { font-family: var(--fg-serif); font-style: italic; font-weight: 700; font-size: clamp(2.6rem, 3.6vw, 3.6rem); line-height: 1.18; margin: 0 0 .35em; color: var(--fg-ink); }
.fg .fga-morgan figcaption { font-size: 1.5rem; color: var(--fg-ink-2); margin: 0 0 .7em; }
.fg .fga-morgan .fga-morgan__ctx { margin: 0 auto; max-width: 30em; font-size: 1.7rem; color: var(--fg-ink); }

/* Hanau: Bild und Link-Kasten als eine Einheit */
.fga-hanau { margin: 22px 0 28px; border: 1px solid var(--fg-line); border-radius: 12px; overflow: hidden; background: var(--fg-paper); }
.fga-hanau figure { margin: 0; }
.fga-hanau img { width: 100%; }
.fg .fga-hanau figcaption { font-size: 1.45rem; color: var(--fg-ink-2); padding: 10px 18px 0; margin: 0; }
.fga-hanau__box { padding: 12px 18px 18px; }
.fg .fga-hanau__box p { margin: 0 0 .55em; }
.fg .fga-hanau__box .fga-hanau__link, .fg .fga-hanau__box .fga-hanau__tel { font-weight: 700; }
.fg .fga-hanau__box .fga-hanau__tel a { white-space: nowrap; }
.fg .fga-hanau__box .fga-hanau__info { font-size: 1.55rem; color: var(--fg-ink-2); }
.fg .fga-hanau__box .fga-hanau__trust { font-size: 1.45rem; color: var(--fg-muted); margin: .7em 0 0; }

/* Brückenkasten #5 */
.fg .fga-bridge p { flex: 1 1 100%; }
.fg .fga-bridge .fga-bridge__links { font-weight: 700; }
.fga-sep { display: inline-block; margin: 0 .55em; color: var(--fg-muted); font-weight: 400; }

/* Leitfragen #6 */
.fg .fga-q4 { margin: 0 0 1.1em; }
.fg .fga-q4 > strong:first-child { display: block; font-family: var(--fg-serif); font-size: 1.12em; margin-bottom: .2em; }

/* CTA-Kasten mit gefülltem und Ghost-Button */
.fga-cta { margin: 26px 0 10px; padding: clamp(18px, 3vw, 26px); background: var(--fg-goldwash); border: 1px solid var(--fg-line); border-left: 4px solid var(--fg-gold); border-radius: 10px; }
.fg .fga-cta__head { font-family: var(--fg-serif); font-weight: 700; font-size: clamp(2rem, 2.2vw, 2.4rem); line-height: 1.25; margin: 0 0 .6em; }
.fga-cta .fg-actions { margin-top: 0; }
.fg .fga-cta .fg-micro { color: var(--fg-ink-2); }
.fg .fga-cta .fg-btn--ghost { background: var(--fg-paper); }
.fg .fga-talk { gap: .6em; }
.fga-talk picture { display: inline-block; flex: 0 0 auto; }
.fg .fga-talk img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; object-position: 50% 30%; display: block; }

/* Konditionen #8 */
.fg .fga-cond { margin: 0; padding-left: 1.2em; }
.fg .fga-cond li { margin: 0 0 .5em; }
.fg .fga-cond li:last-child { margin-bottom: 0; }
.fg .fga-links { font-weight: 700; }

/* Checkliste #9: Drucken und Senden */
.fga-tools { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 18px 0 0; }
.fg .fga-tools button, .fg .fga-tools a { display: inline-flex; align-items: center; gap: .45em; min-height: 44px; padding: 0; background: none; border: 0; font: inherit; font-weight: 700; color: var(--fg-ink); text-decoration: underline; text-decoration-color: var(--fg-gold); text-decoration-thickness: 2px; text-underline-offset: .2em; cursor: pointer; }
.fg .fga-tools svg { width: 1.1em; height: 1.1em; flex: none; }

/* Karten #10: fünfte Karte über volle Breite */
@media (min-width: 760px) { .fg-fit.fga-fit > div:last-child { grid-column: 1 / -1; } }
.fg .fga-fit p + p { margin-top: .5em; }

/* Autorenbox */
.fga-author { flex-wrap: wrap; }
.fga-author > div:not(.fga-author-trust) { flex: 1 1 0; min-width: 0; }

/* v4: Theme-Knopf „nach oben“ verdeckt mobil Zeilenenden; Inhaltsübersicht und Fußnoten-Rücksprünge ersetzen ihn */
@media (max-width: 991px) { .enigma_scrollup { display: none !important; } }

/* v4: CTA-Paar gleich breit und gleich hoch */
.fg .fga-cta .fg-actions > .fg-btn { flex: 1 1 0; min-width: 14em; min-height: 3.6em; justify-content: center; }
.fg .fga-cta .fg-actions { align-items: stretch; }
@media (max-width: 599px) {
  .fg .fga-cta .fg-actions { display: grid; grid-template-columns: 1fr; grid-auto-rows: 1fr; }
  .fg .fga-cta .fg-actions > .fg-btn { min-width: 0; }
}

/* v4: Steuertabelle */
@media (min-width: 600px) {
  .fg .fga-tax th:first-child { width: 30%; }
  .fg .fga-tax th:nth-child(3), .fg .fga-tax td:nth-child(3) { width: 26%; white-space: nowrap; }
}
@media (max-width: 599px) {
  .fg .fga-tax td[data-label]::before { flex: 0 0 auto; }
  .fg .fga-tax td > span { flex: 1 1 auto; text-align: right; }
  .fg .fga-tax td:nth-child(3) > span { white-space: nowrap; }
  .fg .fga-tax tr.is-gold td:nth-child(2) { flex-direction: column; gap: 2px; }
  .fg .fga-tax tr.is-gold td:nth-child(2) > span { text-align: left; }
}

/* v4: zwei Textlinks mit Trennpunkt mobil untereinander */
@media (max-width: 599px) {
  .fg .fga-bridge__links a, .fg .fga-links a { display: block; padding: .25em 0; }
  .fg .fga-bridge__links .fga-sep, .fg .fga-links .fga-sep { display: none; }
}

@media (min-width: 600px) { .fg .fga-links a, .fg .fga-bridge__links a { white-space: nowrap; } }

/* v4: Autorenbox mobil Foto über Text */
@media (max-width: 479px) {
  .fga-author { flex-direction: column; }
  .fga-author > picture { flex: 0 0 auto; }
  .fga-author img { width: 72px; height: 72px; }
  .fga-author > div:not(.fga-author-trust) { flex: 1 1 auto; }
}

/* v4: Absenderzeile nur im Druck */
.fga-printonly { display: none; }

/* Druck: nur die Checkliste, wenn über „Checkliste drucken“ ausgelöst */
@media print {
  .fga-tools, .fga-talk { display: none !important; }
  body.fga-print-checkliste .fg-article .fg-wrap--article > *:not(#checkliste) { display: none !important; }
  body.fga-print-checkliste #checkliste { margin-top: 0; }
  body.fga-print-checkliste #checkliste .fga-noprint { display: none !important; }
  .fga-morgan { background: #fff; }
  body.fga-print-checkliste #checkliste .fg-fnref { display: none !important; }
  body.fga-print-checkliste #checkliste .fga-printonly { display: block; margin-top: 14pt; padding-top: 6pt; border-top: 1px solid #999; font-size: 10pt; }
}

/* v5: Sprunganker der Vorfassung (Landingpage verlinkt #etf) landen unter der Kopfleiste */
#zuhause, #schliessfach, #etc, #etf, #zollfreilager { scroll-margin-top: calc(var(--fg-top, 0px) + 80px); }

/* v5: CTA-Buttons mobil mit weniger Seitenabstand und kleinerem Foto, damit die Texte weniger umbrechen */
@media (max-width: 599px) {
  .fg .fga-cta .fg-btn--l { padding-left: .8em; padding-right: .8em; }
  .fg .fga-talk { gap: .45em; }
  .fg .fga-talk img { width: 26px; height: 26px; }
}
@media (min-width: 600px) {
  .fg .fga-cta .fg-btn--l { padding-left: 1.1em; padding-right: 1.1em; }
}

/* v6: Gesetz der Nähe: Zwischenüberschriften mit deutlich mehr Abstand nach oben als nach unten */
.fg-article section > h2 { margin-bottom: .4em; }
.fg-article section > h3 { margin: 1.8em 0 .4em; }
.fg-article section > h2 + p, .fg-article section > h3 + p { margin-top: 0; }

/* v6: Gesprächs-Button #6 ab 768 px kompakter (Foto 26 px), bei 20 px Schrift höchstens zwei Zeilen */
@media (min-width: 768px) {
  #flexgold .fga-cta .fga-talk { gap: .4em; }
  #flexgold .fga-cta .fga-talk img { width: 26px; height: 26px; }
  #flexgold .fga-cta .fg-btn--l { padding-left: .7em; padding-right: .7em; }
  #flexgold .fga-cta .fg-actions > a.fga-talk { flex-grow: 1.08; }
}

/* v7: Gesetz der Nähe bei Leitsätzen. Zwischen den Blöcken etwa eine Leerzeile mehr als bisher,
   Leitsatz mit engerer Zeilenhöhe direkt über seinem Text. */
.fg .fga-q4 { margin: 0 0 1.9em; }
.fg .fga-q4 > strong:first-child { line-height: 1.3; margin-bottom: .15em; }
.fg-article .fg-qlist li { margin-bottom: 1.5em; }
.fg-article .fg-qlist li:last-child { margin-bottom: 0; }
.fg-article .fg-qlist strong { line-height: 1.3; margin-bottom: .15em; }
.fg-article .fg-qlist + p { margin-top: 1.9em; }
/* v7: erster Leitsatz nicht an der Bildunterschrift darüber kleben lassen */
.fg-article .fg-figure + .fga-q4 { margin-top: 1.9em; }
/* v8: Fußnotenmarke nicht vom vorangehenden Wort/Satzzeichen trennen (inline-block in flexgold.css erlaubt sonst Umbruch davor) */
.fg-article sup.fg-fnref a { display: inline; }

/* ===== v9: Artikel-Fassung v3 ===== */

/* Sprungziele unter der fixierten Navigation */
.fga-v3 #besitz, .fga-v3 #vergleich, .fga-v3 #ueberblick, .fga-v3 #steuer, .fga-v3 #beispiele, .fga-v3 #hanau, .fga-v3 #flexgold,
.fga-v3 #checkliste, .fga-v3 #ziel, .fga-v3 #quellen { scroll-margin-top: calc(var(--fg-top, 0px) + 80px); }

/* Kurzantwort: Absätze mit Luft, Rollenzeile abgesetzt */
.fga-v3 .fga-answer p + p { margin-top: .65em; }
.fga-v3 .fga-answer .fga-answer__sum { margin-top: 1em; font-weight: 600; }
.fga-v3 .fga-answer p.fga-role { margin-top: 1em; padding-top: .9em; border-top: 1px solid var(--fg-line); }

/* Inhaltsverzeichnis mit Unterpunkten */
.fga-v3 .fga-toc ul { margin: .2em 0 .4em; padding-left: 1.2em; list-style: disc; font-size: .92em; }
.fga-v3 .fga-toc ul li { margin: .1em 0; }

/* Hierarchie: H2 eröffnet einen Hauptabschnitt mit Trennlinie und viel Abstand nach oben,
   H3 deutlich kleiner; Abstand nach oben größer als nach unten (Gesetz der Nähe) */
.fga-v3 > .fg-wrap > section { margin-top: clamp(48px, 7vw, 76px); }
.fga-v3 > .fg-wrap > section:not(.fg-sources) > h2 { padding-top: .75em; border-top: 3px solid var(--fg-gold); margin-bottom: .45em; }
.fga-v3 section > h3, .fga-v3 .fga-example h3 { font-size: clamp(2rem, 2vw, 2.3rem); line-height: 1.22; }
.fga-v3 section > h3 { margin: 2em 0 .4em; }
.fga-v3 .fga-fit h3 { font-size: 1.9rem; margin: 0 0 .4em; }

/* Begriffe und die sechs Fragen */
.fga-v3 .fga-terms li { margin: 0 0 .6em; }
.fga-v3 .fga-six { margin: 4px 0 8px; padding: 14px 18px 14px 2.6em; background: var(--fg-ivory-2); border-radius: 10px; }
.fga-v3 .fga-six li { margin: .2em 0; font-weight: 600; }

/* Grafik Eigentum/Forderung */
.fga-v3 .fga-owner { margin: 24px 0 22px; }
.fga-ow__sub { font: 600 13px var(--fg-sans); fill: var(--fg-muted); }
.fg-ow-svg--stack .fga-ow__sub { font-size: 14px; }

/* Raster „Alle Wege auf einen Blick“ und Steuertabelle */
.fga-v3 .fga-grid { font-size: 1.45rem; }
.fga-v3 .fga-grid caption { font-size: 1.45rem; font-weight: 400; color: var(--fg-ink-2); }
.fga-v3 .fga-grid tbody th { background: var(--fg-ivory); }
.fga-v3 .fga-grid th, .fga-v3 .fga-grid td { padding: 9px 10px; }
/* Steuer: Gruppenabsätze */
.fga-v3 .fga-taxgroup { padding-left: 14px; border-left: 3px solid var(--fg-line); }

/* Beispiele aus unserem Angebot: eigener Kasten mit Kasten-Kopf über der H3 */
.fga-v3 .fga-example { margin: 30px 0 0; padding: clamp(18px, 3vw, 30px); background: var(--fg-paper); border: 1px solid var(--fg-line); border-top: 4px solid var(--fg-gold); border-radius: 12px; }
.fga-v3 .fga-example + .fga-example { margin-top: 36px; }
.fg .fga-example .fga-example__kicker { font-family: var(--fg-sans); text-transform: uppercase; letter-spacing: .08em; font-size: 1.35rem; font-weight: 700; color: var(--fg-gold-text); margin: 0 0 .5em; line-height: 1.4; }
.fga-v3 .fga-example h3 { margin: 0 0 .5em; }
.fga-v3 .fga-example .fga-hanau { margin: 18px 0 0; }
.fga-v3 .fga-example .fg-figure { margin: 18px 0 0; }
.fga-v3 .fga-example .fga-example__close { margin-top: 1.6em; font-weight: 600; }
.fga-v3 .fga-next { margin: 1.2em 0 0; }
.fga-v3 .fga-next .fg-btn { background: var(--fg-paper); }

/* Leitfragen im flexgold-Beispiel: Frage, Antwortetikett, Text eng; zwischen den Blöcken deutlich mehr Abstand */
.fga-v3 .fga-q { margin: 1.9em 0 0; }
.fga-v3 .fg-figure + .fga-q { margin-top: 1.9em; }
.fg .fga-q .fga-q__ask { font-family: var(--fg-serif); font-weight: 700; font-size: 1.12em; line-height: 1.3; margin: 0 0 .2em; color: var(--fg-ink); }
.fga-v3 .fga-q p { margin: 0; }
.fga-v3 .fga-q p + p { margin-top: .6em; }
.fga-v3 .fga-q .fga-cond { margin-top: .6em; }

/* Karten: vier gleichrangige Karten im 2er-Raster */
.fga-v3 .fga-fit > div:last-child { grid-column: auto; }

/* Schluss-CTA: Unterzeile und Rückruf als Textlink mit Foto */
.fg .fga-cta .fga-cta__sub { margin: -.2em 0 .9em; }
.fga-v3 .fga-talklink { display: flex; align-items: center; gap: .6em; margin: 1.1em 0 0; font-weight: 700; }
.fga-v3 .fga-talklink picture { flex: 0 0 auto; }
.fga-v3 .fga-talklink img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; object-position: 50% 30%; display: block; }

/* Checkliste drucken: unauffälliger Textknopf */
.fga-v3 .fga-tools { margin-top: 14px; }
.fg .fga-v3 .fga-tools button, .fga-v3 .fga-tools button { font-weight: 600; color: var(--fg-ink-2); text-decoration-thickness: 1px; }

/* Autorenbox: Kontakt je Zeile */
.fga-v3 .fga-author__contact { line-height: 1.7; }

@media print {
  .fga-v3 .fga-talklink, .fga-v3 .fga-next { display: none !important; }
}

/* v12: Korrektur Runde 1 (90-sicht-r1). Raster und Steuertabelle schalten nach der Breite der Textspalte
   in Schrift-Einheiten um, nicht nach der Fensterbreite: Tabelle, solange die Spalte mindestens 72rem breit ist
   (Desktop bei 14 und 16 px Standardschrift), sonst gestapelte Karten (ab 18 px, mobil, Tablet hochkant). */
.fga-v3 .fga-gridbox { container: fga-grid / inline-size; }
.fga-v3 .fga-gridbox .fga-grid { margin-bottom: 22px; }
/* Tabellenansicht */
.fga-v3 .fga-grid { font-size: 1.5rem; }
.fga-v3 .fga-grid caption { font-size: 1.5rem; }
.fga-v3 .fga-grid thead th { font-size: 1.5rem; }
.fga-v3 .fga-grid:not(.fga-tax) { table-layout: fixed; }
.fga-v3 .fga-grid:not(.fga-tax) th, .fga-v3 .fga-grid:not(.fga-tax) td { padding: 8px 7px; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }
.fga-v3 .fga-grid:not(.fga-tax) thead th:first-child { width: 16%; }
.fga-v3 .fga-tax { table-layout: auto; }
.fga-v3 .fga-tax th:nth-child(n), .fga-v3 .fga-tax td:nth-child(n) { width: auto; white-space: normal; hyphens: manual; -webkit-hyphens: manual; overflow-wrap: normal; }
.fga-v3 .fga-tax thead th:first-child { width: 30%; }
.fga-v3 .fga-tax thead th:nth-child(3) { width: 34%; }
/* Kartenansicht. v31 (20.10.): Schwelle in px, weil die Root-Schrift seit v30 größer ist; vorher kippte das Raster am Desktop in die Kartenansicht (gilt für alle fünf @container fga-grid). */
@container fga-grid (max-width: 720px) {
  .fga-v3 .fga-grid, .fga-v3 .fga-grid tbody, .fga-v3 .fga-grid tr, .fga-v3 .fga-grid th, .fga-v3 .fga-grid td { display: block; width: 100% !important; }
  .fga-v3 .fga-grid { border: 0; background: none; font-size: 1.6rem; }
  .fga-v3 .fga-grid caption { display: block; padding-bottom: 10px; }
  .fga-v3 .fga-grid thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .fga-v3 .fga-grid tr { background: var(--fg-paper); border: 1px solid var(--fg-line); border-radius: 8px; margin: 0 0 12px; overflow: hidden; }
  .fga-v3 .fga-grid tbody th { background: var(--fg-ivory-2); border-bottom: 1px solid var(--fg-line); font-size: 1.7rem; padding: 10px 12px; hyphens: manual; }
  .fga-v3 .fga-grid td { border-bottom: 1px solid var(--fg-line); padding: 8px 12px; hyphens: manual; -webkit-hyphens: manual; }
  .fga-v3 .fga-grid td:last-child { border-bottom: 0; }
  .fga-v3 .fga-grid td[data-label]::before { content: attr(data-label); display: block; font-size: 1.4rem; font-weight: 600; color: var(--fg-muted); margin-bottom: 1px; }
}

/* v12: Druck. Die drei KI-Symbolbilder samt Badge und Bildunterschrift entfallen (auf Papier ohne Mehrwert),
   der Schlusskasten ebenso, weil seine Buttons im Druck fehlen. */
@media print {
  .fga-v3 figure:has(> .fg-ki), .fga-v3 .fga-cta { display: none !important; }
}

/* v13: Korrektur Runde 2 (90-sicht-r2).
   W1: Zellen mit relativem Zeilenabstand statt geerbter 20 px; in der Kartenansicht keine automatische Trennung
   (Selektoren mit :not(.fga-tax), damit sie die Tabellenregel oben sicher überstimmen).
   K1: Tabellenansicht 1,6rem; erste Spalte und „Was es kostet“ nur an den weichen Trennstellen im HTML. */
.fga-v3 .fga-gridbox th, .fga-v3 .fga-gridbox td { line-height: 1.45; }
.fga-v3 .fga-grid { font-size: 1.6rem; }
.fga-v3 .fga-grid caption, .fga-v3 .fga-grid thead th { font-size: 1.6rem; }
.fga-v3 .fga-grid:not(.fga-tax) tbody th, .fga-v3 .fga-grid:not(.fga-tax) td:nth-child(5) { hyphens: manual; -webkit-hyphens: manual; }
@container fga-grid (max-width: 720px) {
  .fga-v3 .fga-grid:not(.fga-tax) th, .fga-v3 .fga-grid:not(.fga-tax) td,
  .fga-v3 .fga-tax th:nth-child(n), .fga-v3 .fga-tax td:nth-child(n) { hyphens: manual; -webkit-hyphens: manual; }
  .fga-v3 .fga-grid:not(.fga-tax) td, .fga-v3 .fga-tax td:nth-child(n) { padding: 8px 12px; }
  .fga-v3 .fga-grid:not(.fga-tax) tbody th, .fga-v3 .fga-tax tbody th:nth-child(n) { padding: 10px 12px; }
  .fga-v3 .fga-gridbox td[data-label]::before { line-height: 1.35; margin-bottom: 2px; }
}
/* W2: Grafik Eigentum/Forderung wächst mit der Schrift bis zur Breite der Textspalte (bei 14 px wie bisher, ca. 600 px) */
.fga-v3 .fga-owner { max-width: none; width: min(100%, 40em); box-sizing: border-box; }
/* K2: Karten-Überschriften unter „Welche Form passt zu welchem Ziel?“ */
.fga-v3 .fga-fit h3 { line-height: 1.25; }

/* v14: Integration Feedback Alex (2026-10-15, 30-gold-artikel-v3/106).
   Raster mit sieben Spalten („Wem Sie vertrauen“ nach 99 b): erste Spalte schmaler, „Was es kostet“ ist jetzt Spalte 6. */
.fga-v3 .fga-grid--7 thead th:first-child { width: 13%; }
.fga-v3 .fga-grid--7 td:nth-child(5) { hyphens: auto; -webkit-hyphens: auto; }
.fga-v3 .fga-grid--7 td:nth-child(6) { hyphens: manual; -webkit-hyphens: manual; }
.fga-v3 .fga-grid--7 td:nth-child(2) { font-weight: 600; }

/* Ziel-Karten als Schaubild (104): Farbe nach Rechtsform, Kennzeichen als Text, Symbol; Verbindungsleiste darunter */
.fga-v3 .fga-goals { display: grid; gap: 14px; margin: 18px 0 12px; }
@media (min-width: 760px) { .fga-v3 .fga-goals { grid-template-columns: repeat(3, 1fr); } }
.fga-v3 .fga-goal { background: var(--fg-paper); border: 1px solid var(--fg-line); border-top: 4px solid var(--fg-line); border-radius: 10px; padding: 16px 18px 18px; }
.fga-v3 .fga-goal.is-gold { background: var(--fg-goldwash); border-color: var(--fg-gold); border-top-color: var(--fg-gold); }
.fga-v3 .fga-goal__ico { display: block; width: 36px; height: 36px; color: var(--fg-ink-2); margin: 0 0 8px; }
.fga-v3 .fga-goal.is-gold .fga-goal__ico { color: var(--fg-gold-text); }
.fg .fga-goal .fga-goal__tag { font-family: var(--fg-sans); font-size: 1.3rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--fg-muted); margin: 0 0 .3em; line-height: 1.35; }
.fg .fga-goal.is-gold .fga-goal__tag { color: var(--fg-gold-text); }
.fga-v3 .fga-goal h3 { font-size: 1.9rem; line-height: 1.25; margin: 0 0 .4em; hyphens: manual; }
.fg .fga-goal p:not(.fga-goal__tag) { margin: 0; font-size: 1.6rem; line-height: 1.5; }
.fga-v3 .fga-goals__link { display: flex; align-items: center; gap: 14px; margin: 0 0 1.4em; padding: 12px 16px; border: 1px dashed var(--fg-gold); border-radius: 10px; background: var(--fg-ivory); }
.fga-v3 .fga-goals__icons { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; color: var(--fg-gold-text); font-weight: 700; font-size: 2rem; }
.fga-v3 .fga-goals__icons .fga-goal__ico { width: 30px; height: 30px; margin: 0; color: var(--fg-gold-text); }
@media (max-width: 479px) { .fga-v3 .fga-goals__link { flex-direction: column; align-items: flex-start; gap: 6px; } }
@media print { .fga-v3 .fga-goal, .fga-v3 .fga-goals__link { break-inside: avoid; } }

/* flexgold-Beispiel: Primär „Konto anlegen“ und Sekundär „im Detail“ nebeneinander, mobil gestapelt */
.fga-v3 .fga-next.fg-actions { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: stretch; }
.fga-v3 .fga-next .fg-btn:not(.fg-btn--ghost) { background: var(--fg-gold-btn); }
@media (max-width: 599px) { .fga-v3 .fga-next.fg-actions > .fg-btn { flex: 1 1 100%; justify-content: center; text-align: center; } }

/* v15: Runde 4 (30-gold-artikel-v3/107, 109). Ziel-Karten: vier Karten in der Reihenfolge der Vertrauensleiter,
   Flächenfarben der Leiter (Stufe als Text auf der Karte), keine Hervorhebung eigener Angebote.
   subgrid: Symbol, Stufe, Überschrift, Text und „Dafür“ stehen je Zeile auf gleicher Höhe. */
.fga-v3 .fga-goals { grid-template-columns: 1fr; row-gap: 14px; }
@media (min-width: 760px) { .fga-v3 .fga-goals { grid-template-columns: repeat(2, 1fr); } }
.fga-v3 .fga-goal { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 0; align-content: start;
  border-color: var(--fg-line); border-top-color: var(--fg-gold); }
.fga-v3 .fga-goal--s1 { background: #FFFDF8; }
.fga-v3 .fga-goal--s2 { background: #F7F3EA; }
.fga-v3 .fga-goal--s4 { background: #F3E7C6; }
.fga-v3 .fga-goal .fga-goal__ico { color: var(--fg-ink-2); }
.fg .fga-goal .fga-goal__tag { color: var(--fg-muted); }
.fg .fga-goal p.fga-goal__trade { margin-top: .6em; padding-top: .55em; border-top: 1px solid var(--fg-line); color: var(--fg-ink-2); }
.fga-v3 .fga-goals__link { border-style: solid; border-color: var(--fg-line); }
.fga-v3 .fga-goals__icons, .fga-v3 .fga-goals__icons .fga-goal__ico { color: var(--fg-ink-2); }
/* Fußnoten-Trenner zwischen zwei Marken */
.fg sup.fg-fnsep { padding: 0 .05em; }
/* Runde 4, Alex: in „Wem Sie vertrauen“ keine automatische Trennung (z. B. „sei-nen“); lange Wörter tragen weiche Trennstellen im HTML */
.fga-v3 .fga-grid--7 td:nth-child(2) { hyphens: manual; -webkit-hyphens: manual; }

/* v16: Runde 5 (115). Hinweis „Auch kombinierbar“ als leiser Absatz unter den Karten: kein Kasten, keine Symbole (112). */
.fga-v3 .fga-goals__note { margin: 4px 0 1.4em; color: var(--fg-ink-2); }

/* v17: Runde 5b (115): ETF-Symbol wieder Depot aus Runde 4b; CSS inhaltlich unverändert, Version wegen Artikel-Änderung hochgezählt. */

/* v18: v4 Runde 1 (31-gold-artikel-v4/02); CSS inhaltlich unverändert, Version wegen Artikel-Änderung hochgezählt. */

/* v19: v4 Runde 1 Teil 2; CSS inhaltlich unverändert. */

/* v20: v4 Runde 1, Punkt 18: Vertrauensleiter mit fünf Stufen (ETC und ETF getrennt).
   Kartenfarben = Leiterfarben, leise Abstufung nach Stufe, keine Hervorhebung eigener Angebote.
   Stufe 1 Forderung, 2 Fondsanteil, 3 verwahrtes Eigentum, 4 Bankschließfach, 5 eigene Hand (Karte Barren und Münzen umfasst 4 und 5, Farbe Stufe 5 wie bisher). */
.fga-v3 .fga-goal--l1 { background: #FFFDF8; }
.fga-v3 .fga-goal--l2 { background: #FCF8EE; }
.fga-v3 .fga-goal--l3 { background: #F6EDD5; } /* v32 (Alex 20.10.): verwahrtes Eigentum farblich wie Bankschließfach, wie in der Vertrauensleiter; vorher #F8F2E2 */
.fga-v3 .fga-goal--l4 { background: #F6EDD5; }
.fga-v3 .fga-goal--l5 { background: #F3E7C6; }

/* v21: Lesehilfen (31-gold-artikel-v4/12-bauplan-lesehilfen.md, Protokoll 13-lesehilfen-umsetzung.md).
   Maße: 1rem = 10 px bei 16 px Standardschrift (Theme 62,5 %), daher 4.4rem statt 2.75rem; Media Queries in em beziehen sich auf 16 px. */

/* M1: Verzeichnis steht jetzt zwischen Kurzantwort und Vertrauensleiter; Abstand zur Leiter wie zwischen Kurzantwort und Verzeichnis */
.fga-v3 .fga-toc { margin: 0 0 28px; }

/* M2: Tippflächen, jede Zeile mindestens 44 px, auch die Unterpunkte; Fokusrahmen aus flexgold.css (3 px, --fg-focus) */
.fga-v3 .fga-toc li, .fga-v3 .fga-toc ul li { margin: 0; }
.fga-v3 .fga-toc a { display: flex; align-items: center; min-height: max(44px, 4.4rem); padding-block: .35em; line-height: 1.35; }
.fga-v3 .fga-toc ul { margin: 0 0 .2em; }

/* Unterstreichung im Verzeichnis bleibt (Klickbarkeit für vorsichtige Klicker 55+, Horton/Quesenbery, Chadwick-Dias u. a.),
   aber ruhiger: 1 px statt 2 px; bei Hover und Fokus wieder 2 px. Begründung in 13-lesehilfen-umsetzung.md. */
.fga-v3 .fga-toc a { text-decoration-thickness: 1px; }
.fga-v3 .fga-toc a:hover, .fga-v3 .fga-toc a:focus-visible { text-decoration-thickness: 2px; }

/* M4: Sprungziel Verzeichnis unter der fixierten Navigation */
.fga-v3 #inhalt { scroll-margin-top: calc(var(--fg-top, 0px) + 80px); }
/* Fokus per Skript auf Überschriften: kein Rahmen nach Mausklick (:focus-visible), nach Tastatur schon */
.fga-v3 h2[tabindex="-1"]:focus:not(:focus-visible), .fga-v3 h3[tabindex="-1"]:focus:not(:focus-visible), .fga-v3 #inhalt:focus:not(:focus-visible) { outline: none; }

/* M3: Rücklink am Ende jedes H2-Abschnitts, schlichter Textlink, links ausgerichtet */
.fga-v3 .fga-totoc { margin: 1.6em 0 0; }
.fga-v3 .fga-totoc a { display: inline-flex; align-items: center; gap: .3em; min-height: max(44px, 4.4rem); }  /* gap ersetzt das im Flex-Element entfallende Leerzeichen nach dem Pfeil */

/* M5 und M6: Seitenspalte links, nur breit und nur am Bildschirm. Dasselbe nav-Element wandert per Grid in die linke Spalte.
   Umbruchpunkt 1700px statt der geplanten 1360px: Das Theme zeigt die Seite als Kasten (body.boxed), 1230 px breit bis 1699 px
   Fensterbreite und erst ab 1700 px 1360 px breit. Nur dann bleiben links rund 270 px für das Verzeichnis (Conversion-Jury: mindestens etwa 260 px).
   86em lässt die Spalte bei größerer Schrift verschwinden (bei 20 px Standardschrift erst ab 1720 px).
   Textspalte bleibt mittig und 740 px breit wie bisher (820 px max-width abzüglich 2 × 40 px Innenabstand);
   der Innenabstand des Rahmens sinkt in der Spalten-Ansicht auf 16 px, damit die Seitenspalte breiter wird. */
@media screen and (min-width: 1700px) and (min-width: 86em) {
  .fga-v3 .fg-wrap--article { max-width: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 740px) minmax(0, 1fr);
    column-gap: 2.4rem; padding-left: 16px; padding-right: 16px; }
  .fga-v3 .fg-wrap--article > * { grid-column: 2; }
  .fga-v3 .fg-wrap--article > .fga-toc { grid-column: 1; grid-row: 1 / span 60; align-self: start;
    width: 100%; margin: 0; padding: 14px 16px 14px 14px; font-size: .92em;
    position: sticky; top: calc(var(--fg-top, 0px) + 1.5rem);
    max-height: calc(100vh - var(--fg-top, 0px) - 3rem); overflow-y: auto; overscroll-behavior: contain; }
  .fga-v3 .fga-toc ol { padding-left: 1.3em; }
  .fga-v3 .fga-toc ul { padding-left: 1em; font-size: .95em; }
  .fga-v3 .fga-toc a:focus-visible { outline-offset: -3px; }
  .fga-v3.fga-js .fga-toc li:not(.is-open) > ul { display: none; }
  .fga-v3 .fga-toc a[aria-current] { font-weight: 700; box-shadow: inset 4px 0 0 var(--fg-ink); padding-left: .6em; }
  .fga-v3 .fga-totoc { display: none; }
}

/* Silbentrennung im Raster (Freigabe Alex 2026-10-15: „keine kaputte wort trennung, nur silbentrennung“).
   Alle Zellen trennen nur an den weichen Trennstellen (­) im HTML, gesetzt an Silbengrenzen; keine Wörterbuch-Trennung
   des Browsers, die je nach Gerät fehlt und dann in den Notumbruch ohne Strich fällt. „seinen“ bleibt ohne Trennstelle. */
.fga-v3 .fga-gridbox .fga-grid--7 th, .fga-v3 .fga-gridbox .fga-grid--7 td, .fga-v3 .fga-gridbox .fga-grid--7 td:nth-child(n) { hyphens: manual; -webkit-hyphens: manual; }

/* M8: Druck. Rücklinks und Seitenspalte entfallen, das Verzeichnis bleibt als schwarze Gliederung */
@media print {
  .fga-v3 .fga-totoc { display: none !important; }
  .fga-v3 .fga-toc { position: static !important; max-height: none !important; overflow: visible !important; background: #fff; border: 1px solid #999; break-inside: avoid; }
  .fga-v3 .fga-toc a { color: #000 !important; text-decoration: none !important; min-height: 0; padding-block: 0; display: inline; }
  .fga-v3 .fga-toc ul { display: block !important; }
  .fga-v3 .fga-toc a[aria-current] { font-weight: inherit; box-shadow: none; padding-left: 0; }
  /* Verzeichnis und Vertrauensleiter passen so gemeinsam auf eine A4-Seite (sonst bleibt nach dem Verzeichnis eine halbe Seite leer) */
  .fga-v3 .fga-ladder { max-width: 110mm; }
}

/* v22: v4 Runde 2 (02, Abschnitt Runde 2); CSS inhaltlich unverändert. */

/* ===== v23: v5 Visuals (32-gold-artikel-v5/12-gate-visuals.md, Protokoll 13-visuals-umsetzung.md). Kein Text geändert. ===== */

/* M7 Typografie: Bildunterschriften etwa 14 px bei 14 px Standardschrift, Fließtext-Grau statt Hellgrau */
.fg.fga-v3 figcaption { font-size: 1.6rem; color: var(--fg-ink-2); line-height: 1.45; }
/* M7 Dachzeilen der Zielkarten etwa 13 px, normale Schreibung statt Versalien (Quelltext steht in normaler Schreibung) */
.fg.fga-v3 .fga-goal .fga-goal__tag { font-size: 1.5rem; text-transform: none; letter-spacing: normal; }
/* M7 H3 mobil etwa 1,35-mal Fließtext (2,3rem zu 1,7rem), wie bisher am Desktop */
.fga-v3 section > h3, .fga-v3 .fga-example h3 { font-size: 2.3rem; }
/* M7 H3 im Vergleich: neutrale 1-px-Linie darüber, mehr Abstand; mit Plakette steht die Linie über der Plakette */
.fga-v3 #vergleich > h3, .fga-v3 #vergleich > .fga-stufe { margin-top: 2.4em; padding-top: .9em; border-top: 1px solid var(--fg-line); }
.fga-v3 #vergleich > .fga-stufe + h3 { margin-top: .35em; padding-top: 0; border-top: 0; }
.fga-v3 #vergleich > .fga-stufe + h3[id] { scroll-margin-top: calc(var(--fg-top, 0px) + 80px + 5rem); }
/* M7 Praxis-Kasten „Zu Hause“ (nur dieser Absatz, ohne Icon) */
.fga-v3 .fga-praxis { background: var(--fg-ivory-2); border-left: 4px solid var(--fg-gold); border-radius: 0 8px 8px 0; padding: 14px 18px; }

/* M1 Plakette „Stufe“ mit Ziffernkreis wie in der Vertrauensleiter (#1E2430, Ziffer weiß); aria-hidden, außerhalb der H3 */
.fga-v3 .fga-stufe { display: flex; align-items: center; gap: .45em; margin: 0; font-size: 1.6rem; font-weight: 600; line-height: 1.2; color: var(--fg-ink); }
.fga-v3 .fga-stufe__n { display: inline-grid; place-items: center; flex: 0 0 auto; width: 1.8em; height: 1.8em; border-radius: 50%;
  background: #1E2430; color: #FFFFFF; font-weight: 700; font-size: .95em; line-height: 1; font-variant-numeric: tabular-nums;
  -webkit-print-color-adjust: exact; print-color-adjust: exact; }
/* in den Tabellen: nur der Kreis über dem Wegnamen, ohne neue Spalte; „Stufe“ nur in den gestapelten Karten */
.fga-v3 .fga-grid .fga-stufe--cell { display: flex; gap: .25em; margin: 0 0 .3em; font-size: 1em; font-weight: 600; }
.fga-v3 .fga-grid .fga-stufe--cell .fga-stufe__n { font-size: .85em; }
.fga-v3 .fga-grid .fga-stufe__w { display: none; }
@container fga-grid (max-width: 720px) {
  .fga-v3 .fga-grid .fga-stufe--cell { display: flex; align-items: center; margin: 0 0 .35em; font-size: .9em; }
  .fga-v3 .fga-grid .fga-stufe__w { display: inline; margin-right: .1em; }
}

/* M5 (Runde 2: Spaltentönung entfallen) Barren voll = Eigentum, Barren gestrichelt = Forderung (Bildsprache der Grafik Eigentum/Forderung).
   Die Form trägt den Unterschied, nicht die Farbe. Gold-ETF ohne Symbol (Fondsanteil). */
.fga-v3 .fga-bar { display: inline-block; width: 1.45em; height: .92em; vertical-align: -.1em; margin-right: .35em; overflow: visible; }
.fga-v3 .fga-bar rect { stroke: var(--fg-gold-edge); stroke-width: 1.5; }
.fga-v3 .fga-bar--voll rect { fill: var(--fg-gold-btn); }
.fga-v3 .fga-bar--forderung rect { fill: none; stroke-dasharray: 3 2; }

/* M6 Steuertabelle: Spalte „Steuer auf Gewinne“ getönt, beide Ergebnisse gleich stark */
.fga-v3 .fga-tax th:nth-child(3), .fga-v3 .fga-tax td:nth-child(3) { background: var(--fg-goldwash); }
.fga-v3 .fga-taxres { font-weight: 600; }

/* M2 Checkliste als Karte mit leeren Abhakkästchen (Rahmen statt Fläche, damit sie gedruckt erscheinen); Nummerierung bleibt */
.fga-v3 #checkliste .fg-qlist { background: var(--fg-paper); border: 1px solid var(--fg-line); border-top: 3px solid var(--fg-gold); border-radius: 10px;
  padding: 20px 18px 20px 3em; }
.fga-v3 #checkliste .fg-qlist li { position: relative; padding-left: 2em; }
.fga-v3 #checkliste .fg-qlist li::before { content: ""; position: absolute; left: 0; top: .12em; width: max(18px, 1.15em); height: max(18px, 1.15em);
  border: 2px solid var(--fg-ink-2); border-radius: 3px; background: #fff; }

/* M8 Vorschau ohne KI-Bilder: Bildunterschrift Hanau als Absatz zu Beginn des Kastens */
.fg .fga-hanau .fga-hanau__cap { margin: 0; padding: 14px 18px 0; color: var(--fg-ink-2); }

@media print {
  .fga-v3 #checkliste .fg-qlist { background: #fff; border-color: #999; border-top: 2px solid #000; }
  .fga-v3 #checkliste .fg-qlist li::before { border-color: #000; }
  .fga-v3 .fga-tax th:nth-child(3), .fga-v3 .fga-tax td:nth-child(3) { background: none; }
}

/* ===== v24: Sichtprüfung v5 (32-gold-artikel-v5/14-sichtpruefung.md). Kein Text geändert. =====
   Unter 480 px liefen Checkliste (Nummer + Kästchen + Einzug ließen bei 360 px/20 px nur rund 200 px Textbreite)
   und die H3 der Beispiel-Kästen (seit M7 größer) in Notumbrüche ohne Strich („Schuldverschreibun|g“, „Hochsicherheitsla|ger“).
   Einzug schmaler und automatische Silbentrennung (lang="de") nur für lange Wörter (ab 12 Zeichen, je 5 vor/nach dem Strich); fehlt das Wörterbuch, bleibt es beim bisherigen Notumbruch. */
@media (max-width: 479px) {
  .fga-v3 #checkliste .fg-qlist { padding: 18px 14px 18px 2.3em; }
  .fga-v3 #checkliste .fg-qlist li, .fga-v3 .fga-example h3 { hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 12 5 5; }
  .fga-v3 #checkliste .fg-qlist li { padding-left: 1.75em; }
}

/* ===== v24: v5 Runde 2 (Freigabe Alex): Raster gedreht, Wege als Spalten, Fragen als Zeilen. Ohne Wort „Stufe“, ohne Spaltenhervorhebung. =====
   Neutrale Lesehilfe: abwechselnd hinterlegte Zeilen; hinterlegt sind die Fragen 1, 3 und 5 (Was gehört Ihnen?, Prüfung und Versicherung,
   So kommen Sie heran). Die Zeile „Wem Sie vertrauen“ steht davor ohne Hinterlegung. */
.fga-v3 .fga-grid--quer thead th { vertical-align: bottom; background: var(--fg-ivory-2); }
.fga-v3 .fga-grid--quer tbody th { background: var(--fg-ivory); font-weight: 700; }
.fga-v3 .fga-grid--quer tbody tr:nth-child(even) th, .fga-v3 .fga-grid--quer tbody tr:nth-child(even) td { background: var(--fg-ivory-2); }
.fga-v3 .fga-grid--quer td { vertical-align: top; }
/* Mobil (Raster schmaler als 72rem): je Weg eine Karte. Die Zellen werden per Grid je Spalte untereinander gestellt;
   die Tabellenrollen stehen als ARIA-Rollen im Markup, damit die Tabelle für Screenreader eine Tabelle bleibt. */
@container fga-grid (max-width: 720px) {
  .fga-v3 .fga-grid.fga-grid--quer { display: grid !important; grid-template-columns: minmax(0, 1fr); border: 0; background: none; }
  .fga-v3 .fga-grid--quer caption { grid-row: 1; display: block; }
  .fga-v3 .fga-grid--quer thead, .fga-v3 .fga-grid--quer tbody, .fga-v3 .fga-grid--quer tr { display: contents !important; }
  .fga-v3 .fga-grid--quer thead { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .fga-v3 .fga-grid--quer thead th:first-child, .fga-v3 .fga-grid--quer tbody th { display: none !important; }
  .fga-v3 .fga-grid--quer thead th { display: block; grid-column: 1; margin-top: 14px; padding: 10px 12px !important; font-size: 1.7rem;
    border: 1px solid var(--fg-line); border-radius: 8px 8px 0 0; background: var(--fg-ivory-2); text-align: left; }
  .fga-v3 .fga-grid--quer thead th:nth-child(2) { margin-top: 0; }
  .fga-v3 .fga-grid--quer thead .fga-stufe--cell { display: inline-flex; margin: 0 .45em 0 0; vertical-align: -.15em; font-size: 1em; }
  .fga-v3 .fga-grid--quer td { display: block; grid-column: 1; border: 1px solid var(--fg-line); border-top: 0; background: var(--fg-paper); }
  .fga-v3 .fga-grid--quer tbody tr:nth-child(6) td { border-radius: 0 0 8px 8px; }
  .fga-v3 .fga-grid--quer tbody tr:nth-child(even) td { background: var(--fg-ivory-2); }
  .fga-v3 .fga-grid--quer tbody tr:nth-child(1) td:nth-child(2){grid-row:3}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(2) td:nth-child(2){grid-row:4}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(3) td:nth-child(2){grid-row:5}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(4) td:nth-child(2){grid-row:6}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(5) td:nth-child(2){grid-row:7}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(6) td:nth-child(2){grid-row:8}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(1) td:nth-child(3){grid-row:10}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(2) td:nth-child(3){grid-row:11}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(3) td:nth-child(3){grid-row:12}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(4) td:nth-child(3){grid-row:13}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(5) td:nth-child(3){grid-row:14}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(6) td:nth-child(3){grid-row:15}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(1) td:nth-child(4){grid-row:17}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(2) td:nth-child(4){grid-row:18}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(3) td:nth-child(4){grid-row:19}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(4) td:nth-child(4){grid-row:20}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(5) td:nth-child(4){grid-row:21}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(6) td:nth-child(4){grid-row:22}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(1) td:nth-child(5){grid-row:24}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(2) td:nth-child(5){grid-row:25}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(3) td:nth-child(5){grid-row:26}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(4) td:nth-child(5){grid-row:27}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(5) td:nth-child(5){grid-row:28}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(6) td:nth-child(5){grid-row:29}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(1) td:nth-child(6){grid-row:31}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(2) td:nth-child(6){grid-row:32}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(3) td:nth-child(6){grid-row:33}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(4) td:nth-child(6){grid-row:34}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(5) td:nth-child(6){grid-row:35}
  .fga-v3 .fga-grid--quer tbody tr:nth-child(6) td:nth-child(6){grid-row:36}
  .fga-v3 .fga-grid--quer thead th:nth-child(2){grid-row:2}
  .fga-v3 .fga-grid--quer thead th:nth-child(3){grid-row:9}
  .fga-v3 .fga-grid--quer thead th:nth-child(4){grid-row:16}
  .fga-v3 .fga-grid--quer thead th:nth-child(5){grid-row:23}
  .fga-v3 .fga-grid--quer thead th:nth-child(6){grid-row:30}
}
@media print {
  .fga-v3 .fga-grid--quer tbody tr:nth-child(even) th, .fga-v3 .fga-grid--quer tbody tr:nth-child(even) td { background: #eee; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
@container fga-grid (max-width: 720px) {
  .fga-v3 .fga-grid--quer tbody tr td:last-child { border-bottom: 1px solid var(--fg-line); }
}
/* Runde 2: Die frühere Fettung der Spalte „Wem Sie vertrauen“ (td:nth-child(2)) träfe im gedrehten Raster den Weg „Zu Hause“.
   Sie gilt deshalb jetzt für die Zeile „Wem Sie vertrauen“, für alle Wege gleich. */
.fga-v3 .fga-grid--quer td:nth-child(2) { font-weight: 400; }
.fga-v3 .fga-grid--quer tr.fga-grid__wer td { font-weight: 600; }

/* v26: v5 Runde 3: KI-Bild zum Praxis-Kasten „Zu Hause“, ohne Bildunterschrift; Abstand zum folgenden Absatz wie zwischen Blöcken */
.fga-v3 .fga-zuhause-bild { margin: .6em 0 1.8em; }

/* v27: v5 Runde 4 (Freigabe Alex): Ziffernkreise vor den H3, in Raster und Steuertabelle entfernt (Regeln .fga-stufe oben greifen nicht mehr).
   Rasterkopf ruhig: alle Kopfzellen oben und links ausgerichtet, gleiche Innenabstände, Wegnamen ohne Kreis. */
.fga-v3 .fga-grid--quer thead th { vertical-align: top; text-align: left; padding-top: 10px; padding-bottom: 10px; }

/* v28: Freigabe Alex (16.10.): Abhakkästchen in „Sechs Fragen“ entfernt (M2-Kästchen per ::before), Nummerierung und Karte bleiben; gilt auch im Druck und unter 480 px. */
.fga-v3 #checkliste .fg-qlist li::before { content: none; }
.fga-v3 #checkliste .fg-qlist li { padding-left: 0; }
@media (max-width: 479px) { .fga-v3 #checkliste .fg-qlist li { padding-left: 0; } }

/* v29: Hanau-Kasten (Freigabe Alex 16.10.): Antworten zu den sechs Fragen unter dem Bild, über Link und Termin; Ansprechpartner hervorgehoben, Trennlinie zum Kontaktblock. */
.fg .fga-hanau__fragen { padding: 14px 18px 4px; border-bottom: 1px solid var(--fg-line); margin: 0 18px; padding-left: 0; padding-right: 0; }
.fg .fga-hanau__fragen p { margin: 0 0 .7em; }
.fg .fga-hanau__fragen .fga-hanau__kontakt { font-weight: 600; }

/* ===== v30 (20.10.2026, Freigabe Alex): Lesespur Gold-Artikel v3 und Schrift aus theme-redesign/37-lesespur-lp.md §8/§9 (agent-work-lesespur-lp/artikel-lesespur-v3.css, artikel-schrift.css), unverändert übernommen ===== */
/* Lesespur Gold-Artikel v3 = v2 (37 §9): keine Lesespur-Aenderung; Schrift siehe artikel-schrift.css (§8). */
/* Lesespur Gold-Artikel (37-lesespur-lp.md): eine Lesespalte, eine Kastenkante.
   L1 = Artikelkante; K = L1 + 30 px fuer alles in einem Kasten; Aufzaehlungszeichen haengen vor L1. */
@media (min-width: 720px) {
  main.fg-article :is(.fga-answer, .fga-toc, .fga-morgan, .fg-sources, .fga-example, .fga-goal) { padding-left: 30px; padding-right: 30px; }
  main.fg-article :is(.fga-praxis, .fga-taxgroup) { padding-left: 27px; }
  main.fg-article .fg-wrap--article > section > :is(ul, ol):not([class]) { padding-left: 0; list-style-position: outside; }
}
@media (min-width: 720px) {
  main.fg-article .fg-owner__fig figcaption { padding-left: 30px; }
}
@media (min-width: 720px) {
  /* Karte im Kasten: Tafelgeschaeft-Karte buendig mit der Kastenkante, Text auf K */
  main.fg-article .fga-hanau__box, main.fg-article .fga-hanau figcaption { padding-left: 0; padding-right: 0; }
  main.fg-article .fga-hanau { border-left: 0; border-right: 0; border-radius: 0; }
  main.fg-article .fg-owner__fig figcaption { padding-left: 0; }
}

/* v2 (37 §7): Vorspann ohne kuenstliche Grenze (die Lesespalte 740 px ist bereits das Mass). Morgan-Zitatband bleibt zentriert (begruendete Ausnahme). */
@media (min-width: 720px) {
  main.fg-article .fg-lead { max-width: none; }
}

/* Schrift Gold-Artikel (37 §8): gleiche Untergrenze wie die Gold-LP (flexgold.css Z. 798 f., dort nur fuer main.fg[data-berater]),
   damit Fliesstext bei 14 px Nutzerschrift nicht unter 17 px faellt; Kleintext mindestens 14 px. */
html:has(main.fg-article) { font-size: max(62.5%, 10px); }
@media (min-width: 900px) { html:has(main.fg-article) { font-size: max(62.5%, 10.625px); } }
main.fg-article :is(.fg-sources__back, .fg-ki__badge, .fga-goal__tag), main.fg-article .fga-example .fga-example__kicker { font-size: max(1.4rem, 14px); }

/* v33 (Alex 20.10.): Raster „Alle Wege auf einen Blick“, nur Tabellenansicht: Kopfspalte und Kopfzeile (inkl. Ecke „Weg“) in eigenem Goldton
   #E6D9BC (Papier mit 32 % --fg-gold; Text #1E2430 11,1:1), über alle Zeilen einheitlich. Streifen der Inhaltszellen unverändert. Kartenansicht unberührt. */
@container fga-grid (min-width: 721px) {
  .fga-v3 .fga-grid--quer thead th, .fga-v3 .fga-grid--quer tbody tr:nth-child(n) th { background: #E6D9BC; }
}