/* ===== gd-standards.css — kanonische Standard-Komponenten (g--d) =====
   Angelegt 260803-1945 (Jens-Auftrag): standards.html DOKUMENTIERT diese Klassen,
   definiert sie aber NICHT mehr selbst (das war ein Architekturfehler -- inline
   <style> in einer einzelnen HTML-Datei gilt NUR fuer diese Datei, kann also von
   keinem anderen Projekt/Automatismus wiederverwendet werden). Diese Datei ist
   die EINE kompakte, echte Quelle -- jedes neue Projekt bindet sie ein und nutzt
   exakt diese Klassen, statt eigene Box-Loesungen zu erfinden.
   Reihenfolge/Kommentare/Fund-Historie aus standards.html 1:1 uebernommen (DNA-Regel). */

:root{ --cx-accent-aa: color-mix(in srgb, hsl(var(--t-accent)) 70%, black 30%); }

/* Ee 260731-2130: .rs-intro ist eine ECHTE, geteilte Komponente (codex.html/werte.html
   nutzen sie genauso, gdti-copa.css sorgt dort korrekt fuer Theme-Lesbarkeit). Falsch war,
   sie hier fuer eine ANDERE Demo (box-freier Intro-Text) wiederzuverwenden -- das erzeugte
   die Kollision, die ich faelschlich als "Bug in gdti-copa.css" gemeldet hatte. Echte Loesung:
   eigene, kollisionsfreie Klasse .cx-plain-intro statt .rs-intro. */
/* Ee 260803-1445: +2pt (Jens-Auftrag, grundsaetzlich -- deckt Intro-Block UND Plain-Text-Demo ab, gleiche Klasse) */
/* Ee 260803-1555 (Jens-Fund): 64ch-Deckel liess Plain-Text/Code viel schmaler wirken als der neue 1104px-Satzspiegel -- Deckel raus, volle Breite. */
.cx-plain-intro{font-size:20px;line-height:1.65;margin-bottom:22px;color:var(--auto-ink);}
/* Ee 260803-1600 (Jens-GRUNDREGEL): Orange NUR fuer Links/Action, sonst NIE. Fett bleibt fett, Farbe raus. */
.cx-plain-intro b{color:inherit;}

/* --- Gruppe --- */
.cx-group{margin:32px 0 8px;}
.cx-group > .gh{font-family:var(--gdti-font,'Inter Tight','Inter',system-ui,-apple-system,sans-serif);font-size:24px;font-weight:700;margin:0 0 2px;color:var(--auto-ink);}
/* Ee 260803-1555 (Jens-Auftrag): gsub -> 18px */
.cx-group > .gsub{font-size:18px;color:var(--auto-ink);opacity:.82;margin:0;}

/* --- Hauptbox: rs-section mit Markier-Leiste (volle 5-Status-Interaktivitaet) --- */
/* Ee 260803-1315/1355: Content-section braucht keine eigene Karte (GR: keine Box ohne
   funktionalen Grund) -- direkt auf dem Seiten-HG, --auto-ink. Marker-Status nur am
   rs-tag-Pill sichtbar, nicht am ganzen Block. */
/* Ee 260803-2045 (Jens-Auftrag "alle codex-Elemente in Standards uebernehmen"): codex.html
   hatte ein REICHERES System (5 Status statt 3, echte Klick-Buttons via gdv.js -- bereits
   eine zentrale, sitewide JS-Datei). Hier komplett uebernommen: unread+custom-Status ergaenzt,
   .rs-bar/.rs-btn mit allen 5 Zustaenden + Hover + is-active. Boxlose GR-Optik BEHALTEN
   (Jens' Regel von heute Nachmittag bleibt in Kraft) -- nur die Karten-Optik von codex NICHT
   uebernommen, die Interaktivitaet SCHON. gdv.js verdrahtet Klicks automatisch ueber
   [data-rs-block]/.rs-bar .rs-btn -- jede Seite mit dieser Struktur + gdv.js eingebunden ist lauffaehig. */
section.rs-section{position:relative;padding:6px 0 15px;margin-bottom:18px;transition:all 240ms;}
.rs-section h3{font-size:18px;margin:0 0 7px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--auto-ink);}
.rs-section p{font-size:18px;line-height:1.55;margin:7px 0;color:var(--auto-ink);}
section.rs-section .motif{font-style:italic;color:var(--auto-ink);font-size:18px;}
section.rs-section .keep{font-size:17.5px;background:color-mix(in srgb, var(--auto-ink) 12%, transparent);border-radius:7px;padding:10px 12px;color:var(--auto-ink);}
.rs-section .keep b{color:inherit;font-weight:800;}
/* Status-Farbakzente (border-left, keine Flaechen-Box): read=gedaempft, unread=gestrichelt-orange,
   important/elementary=Akzent (staerker bei elementary), custom=gepunktet neutral. */
section.rs-section[data-rs="read"]{border-left:3px solid hsl(var(--t-muted-foreground));padding-left:12px;opacity:.82;}
section.rs-section[data-rs="unread"]{border-left:3px dashed hsl(var(--t-accent));padding-left:12px;}
section.rs-section[data-rs="important"]{border-left:5px solid hsl(var(--t-accent));padding-left:12px;}
section.rs-section[data-rs="elementary"]{border-left:6px solid hsl(var(--t-accent));padding-left:12px;}
section.rs-section[data-rs="custom"]{border-left:3px dotted var(--auto-ink);padding-left:12px;}
.rs-tag{font-size:11px;padding:2px 9px;border-radius:999px;background:hsl(var(--auto-ink) / .12);color:var(--auto-ink);font-weight:700;display:none;}
section.rs-section[data-rs] .rs-tag{display:inline-block;}
.rs-bar{display:inline-flex;gap:4px;margin-left:auto;flex-wrap:wrap;}
.rs-bar .rs-btn{font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 9px;border-radius:999px;border:1.5px solid hsl(var(--auto-ink) / .35);background:transparent;color:var(--auto-ink);text-decoration:none;line-height:1.4;transition:.18s;cursor:pointer;}
.rs-bar .rs-btn:active{transform:scale(.95);}
.rs-bar .rs-btn.r-read:hover{background:hsl(var(--t-muted-foreground));color:hsl(var(--t-card));border-color:hsl(var(--t-muted-foreground));}
.rs-bar .rs-btn.r-unread{border-style:dashed;border-color:hsl(var(--t-accent));color:hsl(var(--t-accent));}
.rs-bar .rs-btn.r-unread:hover{background:hsl(var(--t-accent));color:#fff;}
.rs-bar .rs-btn.r-important{border-color:hsl(var(--t-accent));color:hsl(var(--t-accent));}
.rs-bar .rs-btn.r-important:hover{background:hsl(var(--t-accent));color:#fff;}
.rs-bar .rs-btn.r-elementary{border-color:hsl(var(--t-accent));color:hsl(var(--t-accent));}
.rs-bar .rs-btn.r-elementary:hover{background:hsl(var(--t-accent));color:#fff;}
.rs-bar .rs-btn.r-custom{border-style:dotted;color:var(--auto-ink);}
.rs-bar .rs-btn.r-custom:hover{background:var(--auto-ink);color:hsl(var(--t-card));}
.rs-bar .rs-btn.is-active{color:#fff;font-weight:700;}
.rs-bar .rs-btn.r-read.is-active{background:hsl(var(--t-muted-foreground));border-color:hsl(var(--t-muted-foreground));}
.rs-bar .rs-btn.r-unread.is-active{background:hsl(var(--t-accent));border-style:solid;border-color:hsl(var(--t-accent));}
.rs-bar .rs-btn.r-important.is-active{background:hsl(var(--t-accent));border-color:hsl(var(--t-accent));}
.rs-bar .rs-btn.r-elementary.is-active{background:hsl(var(--t-accent));border-color:hsl(var(--t-accent));}
.rs-bar .rs-btn.r-custom.is-active{background:var(--auto-ink);color:hsl(var(--t-card));border-color:var(--auto-ink);}

/* --- Hero/Kicker/Nav (aus codex.html uebernommen, 260803-2045) --- */
.cx-hero{margin:8px 0 28px;}
.cx-hero h1{font-family:var(--gdti-serif,"Wix Madefor Display",Georgia,serif)!important;font-size:clamp(30px,6vw,46px);line-height:1.05;margin:6px 0 8px;color:var(--auto-ink);}
/* Orange NUR fuer Links/Action (Jens-Grundregel) -- Kicker nutzt auto-ink, nicht Akzent. */
.cx-kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--auto-ink);font-weight:800;opacity:.85;}
.cx-lead{font-size:21px;color:var(--auto-ink);max-width:64ch;}
.cx-stamp{font-size:12.5px;color:var(--auto-ink);opacity:.65;margin-top:6px;}
.cx-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px;}
.cx-nav a{font-size:13px;padding:7px 12px;border-radius:999px;background:hsl(var(--t-card));border:1px solid hsl(var(--t-card-foreground) / .16);color:hsl(var(--t-card-foreground));text-decoration:none;font-weight:600;}
.cx-nav a:hover{background:hsl(var(--t-muted));border-color:hsl(var(--t-card-foreground) / .30);}
.cx-nav a.lang{background:var(--cx-accent-aa);color:hsl(var(--t-card));font-weight:800;border-color:transparent;}
.cx-nav a.lang:hover{background:var(--cx-accent-aa);}

/* --- Compass + Deeper-Links (aus codex.html uebernommen, 260803-2045) --- */
.compass{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:10px;}
.compass .c{background:hsl(var(--t-card));border-radius:10px;padding:13px 15px;}
.compass .c .lvl{font-weight:800;color:hsl(var(--t-accent));font-size:13px;}
.compass .c .txt{font-size:13.5px;color:hsl(var(--t-card-foreground));margin-top:3px;}

.deeper{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:6px;}
.deeper a{display:block;text-decoration:none;background:hsl(var(--t-card));border:1px solid hsl(var(--t-border));
  border-radius:12px;padding:16px 18px;color:hsl(var(--t-card-foreground));transition:.15s;}
.deeper a:hover{border-color:hsl(var(--t-accent));transform:translateY(-2px);}
.deeper a .t{font-weight:700;font-size:15px;}
.deeper a .d{font-size:13px;color:hsl(var(--t-card-foreground) / .75);margin-top:4px;}

/* --- Utility (aus codex.html uebernommen) --- */
.u-c-soft{color:hsl(var(--t-muted-foreground));}
.u-c-deep{color:hsl(var(--t-accent));}
.u-link-plain{text-decoration:none;color:inherit;}

/* --- Zitat --- */
.gd-quote{border-left:4px solid hsl(var(--t-accent));padding:12px 17px;margin:16px 0;font-size:20px;font-style:italic;color:hsl(var(--t-card-foreground));background:hsl(var(--t-card) / .95);border-radius:0 8px 8px 0;}
.gd-quote cite{display:block;font-size:13px;font-style:normal;color:hsl(var(--t-muted-foreground));margin-top:6px;}

/* --- Callout --- */
.gd-callout{background:hsl(var(--t-card));border:1px solid hsl(var(--t-accent) / .35);border-left:5px solid hsl(var(--t-accent));border-radius:10px;padding:14px 17px;margin:16px 0;font-size:18px;color:hsl(var(--t-card-foreground));}
/* Ee 260803-1600 (Jens-GRUNDREGEL): Orange NUR fuer Links/Action, sonst NIE. Fett bleibt fett, Farbe raus. */
.gd-callout b{color:inherit;}
.gd-callout p{margin:6px 0;color:hsl(var(--t-card-foreground));}

/* --- Tabelle --- */
/* Ee 260803-1450 (Jens-Fund): Tabelle hatte Linie unter dem Header, aber keine am Ende -- jetzt symmetrisch oben+unten. */
table.tbl{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;color:var(--auto-ink);border-top:1px solid color-mix(in srgb, var(--auto-ink) 22%, transparent);border-bottom:1px solid color-mix(in srgb, var(--auto-ink) 22%, transparent);}
/* Ee 260803-1315: sitewide .gd-doc th/td gibt jeder Zelle background:hsl(var(--t-card)) (helle Karte) --
   diese Tabelle nutzt aber bewusst --auto-ink (fuer direkten dunklen Seiten-HG) als Textfarbe, ohne
   das zur hellen Karte passt: helle Zelle + evtl. helle Auto-Ink-Schrift = fast unsichtbar (Jens-Fund
   260803, live gemessen: bg rgb(252,251,248) + color rgb(233,223,208), <1.2:1 Kontrast). Hier lokal
   auf transparent gezwungen (hoehere Spezifitaet als die generische .gd-doc-Regel), damit Tabelle
   wirklich direkt auf dem Seiten-HG sitzt, so wie ihre eigene --auto-ink-Farbwahl es vorsieht. */
table.tbl th,table.tbl td{text-align:left;padding:9px 11px;border-bottom:1px solid color-mix(in srgb, var(--auto-ink) 22%, transparent);color:var(--auto-ink);background:transparent;}
table.tbl th{font-weight:800;color:var(--auto-ink);}

/* --- Bild + Caption --- */
/* Ee 260803-1450 (Jens-Auftrag): Bild braucht normalerweise KEINE Box -- Standard jetzt boxlos,
   Bild direkt auf Seiten-HG. .gd-fig--boxed ist die Ausnahme fuer Faelle wo eine Box wirklich Sinn
   macht (z.B. Bildergalerie/Album mit viel Metadatentext drumrum). Caption 2pt kleiner als normaler
   Text (20px Basis -> 17px). */
.gd-fig{margin:18px 0;}
.gd-fig img{width:100%;height:auto;display:block;border-radius:10px;}
.gd-fig figcaption{font-size:17px;color:var(--auto-ink);margin-top:8px;text-align:center;}
.gd-fig--boxed{background:hsl(var(--t-card) / .95);border-radius:12px;padding:12px;box-shadow:0 3px 16px hsl(var(--t-card-foreground) / .14);}
/* Ee 260804-1625 (Jens-Fund): 16:9-Top-Crop fuer Bilder mit ungeeignetem Quellformat (z.B. Hochkant-Fotos in Breitbild-Slots). object-position:top zeigt den OBEREN Bildausschnitt, nicht die Mitte. */
.gd-fig--wide img{aspect-ratio:16/9;object-fit:cover;object-position:top;}
.gd-fig--boxed figcaption{color:hsl(var(--t-card-foreground));}

/* --- KI-Box --- */
.gd-kibox{border:1px solid hsl(var(--t-accent) / .45);border-left:5px solid hsl(var(--t-accent));border-radius:10px;padding:15px 17px;margin:16px 0;background:hsl(var(--t-card) / .95);}
.gd-kibox .lbl{font-size:11px;letter-spacing:.10em;text-transform:uppercase;color:var(--cx-accent-aa);font-weight:800;}
.gd-kibox p{color:hsl(var(--t-card-foreground));}

/* --- NEU: Buttons --- */
/* Ee 260803-1315: Buttons haben je eigene sichtbare Flaeche (primary/secondary/ghost) -- brauchen keine zusaetzliche Wrapper-Karte drumrum. */
.gd-btns{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;}
.btn{font-family:'Oswald',sans-serif;font-size:16px;font-weight:600;letter-spacing:.02em;padding:9px 16px;border-radius:9px;border:1px solid transparent;cursor:pointer;text-decoration:none;}
/* Ee 260803-1700 (Jens-Fund 'dunkles Orange'): Alt-Regel entfernt -- ueberschrieb sitewide .btn.primary (helles #FF6A00) mit gedimmtem Text-AA-Wert. */
.btn.primary:hover{background:hsl(var(--t-accent));}
.btn.secondary{background:hsl(var(--t-card));color:hsl(var(--t-card-foreground));border-color:hsl(var(--t-card-foreground) / .22);}
.btn.secondary:hover{background:hsl(var(--t-muted));}
.btn.ghost{background:transparent;color:var(--cx-accent-aa);border-color:var(--cx-accent-aa);}

/* --- NEU: Badges --- */
.gd-badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;}
.badge{font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;}
.badge.live{background:hsl(142 60% 92%);color:hsl(142 60% 28%);}
.badge.warn{background:hsl(38 90% 90%);color:hsl(30 80% 30%);}
.badge.crit{background:hsl(0 70% 92%);color:hsl(0 65% 35%);}
.badge.info{background:hsl(210 60% 92%);color:hsl(210 60% 32%);}

/* --- NEU: Liste --- */
/* Ra 260731: KEIN Karten-HG mehr -- eine Liste ist kein 'Box-Typ', braucht keine Karte (Readability-Law: Boxen nur bei echter Notwendigkeit). */
.gd-list{padding-left:20px;margin:16px 0;}
/* Ee 260803-1445: +2pt (Jens: 'list etc.') */
.gd-list li{font-size:18px;line-height:1.6;color:var(--auto-ink);margin:4px 0;}

/* --- NEU: Code-Block --- */
/* Ee 260803-1315: laengere Kommentar-Codes (Dokumentations-Snippets, kein copy-paste-Code) liefen
   bisher over overflow-x:auto -- Scrollbar ist optisch kaum sichtbar, wirkt wie abgeschnitten (Jens-Fund
   260803, live gemessen: scrollWidth 861px in 552px Box). Jetzt Umbruch statt Scroll -- lesbar ohne
   Interaktion noetig, bleibt im Satzspiegel (max-width:64ch). */
/* Ee 260803-1600 (Jens-Fund): 64ch-Deckel raus, volle Satzspiegel-Breite wie Plain-Text. */
.gd-code{background:hsl(var(--t-card-foreground));color:hsl(var(--t-card));border-radius:10px;padding:14px 16px;margin:16px 0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word;}
.gd-code .c{color:hsl(var(--t-accent));}

/* --- NEU: Formfeld --- */
/* Ra 260731: KEIN Karten-HG mehr -- ein Formularfeld ist kein 'Box-Typ' (gleiche Begruendung wie .gd-list). */
.gd-form{margin:16px 0;}
.gd-form label{display:block;font-size:13px;font-weight:700;color:var(--auto-ink);margin-bottom:5px;}
.gd-form input{width:100%;box-sizing:border-box;padding:9px 11px;border-radius:8px;border:1px solid hsl(var(--t-card-foreground) / .25);font-size:14px;color:hsl(var(--t-card-foreground));background:hsl(var(--t-card));}
.gd-form .hint{font-size:12.5px;color:var(--auto-ink);opacity:.75;margin-top:5px;}

/* === THEME-OVERRIDE (Jens 260625): standards-Boxen IMMER hell+lesbar, in JEDEM Style ===
   gdti-copa.css faerbt bei dunklen Themes Boxen dunkel -> dunkel-auf-dunkel. Hier
   erzwingen wir: heller Box-HG + dunkler Text, unabhaengig vom data-theme.
   body[class]-Praefix gibt die noetige Spezifitaet gegen die Theme-Regeln. */
html[data-theme] body[class] .rule-box,
html[data-theme] body[class] .cx-group,
html[data-theme] body[class] section.rs-section,
html[data-theme] body[class] .gd-quote,
html[data-theme] body[class] .gd-callout,
html[data-theme] body[class] table.tbl,
html[data-theme] body[class] table.tbl th,
html[data-theme] body[class] table.tbl td,
html[data-theme] body[class] .gd-fig,
html[data-theme] body[class] .gd-kibox,
html[data-theme] body[class] .gd-list,
html[data-theme] body[class] .gd-form,
html[data-theme] body[class] .cx-nav a{
  background-image:none!important;
}
/* Ee 260731-2225: .cx-hero ist SEIT jetzt ebenfalls KEINE Karte mehr (Jens: H1 muss ohne Box,
   korrekten Font, korrekte Groesse direkt auf dem Seiten-HG stehen -- 166x angefragt). */
/* Ee 260803-1330: section.rs-section (Content section) HIER RAUSGENOMMEN -- Jens-Auftrag,
   diese Box hat keinen funktionalen Grund fuer eine erzwungene Karte, steht jetzt direkt auf
   dem Seiten-HG (siehe .rs-section-Basisregeln oben, --auto-ink). */
/* Ee 260803-1500 (Jens-Auftrag): .gd-fig raus -- Bild ist jetzt standardmaessig boxlos.
   .gd-fig--boxed uebernimmt fuer den Sonderfall die Karten-Optik separat. */
html[data-theme] body[class] .rule-box,
html[data-theme] body[class] .gd-quote,
html[data-theme] body[class] .gd-callout,
html[data-theme] body[class] .gd-kibox{ background:hsl(var(--t-card) / .96)!important; }
html[data-theme] body[class] .gd-fig--boxed{ background:hsl(var(--t-card) / .96)!important; }
html[data-theme] body[class] .gd-code{ background:hsl(var(--t-card-foreground))!important; }
/* Text in echten Karten IMMER dunkel (gegen Theme-Aufheller). .gd-list/.gd-form haben keine Karte mehr -- eigene var(--auto-ink)-Regeln oben greifen. */
/* Ee 260803-1330: section.rs-section hier ebenfalls raus -- Text folgt jetzt --auto-ink (Seiten-HG), nicht mehr card-foreground. */
/* Ee 260803-1445 (Jens-Fund "unsichtbarer Abschnitt"): .cx-group HIER RAUS -- war nie eine Karte,
   wurde aber von dieser breiten Liste faelschlich wie eine behandelt. Betraf die Plain-text-Demo-
   Absaetze (nacktes <p> direkt in .cx-group): dunkle Karten-Schrift auf transparentem/dunklem
   Seiten-HG = praktisch unsichtbar. Alter Kommentar darunter hatte das erkannt, aber nur .gh/.gsub
   gefixt, nicht die rohen <p>. Jetzt komplett raus, keine Kind-Sonderregel mehr noetig. */
/* Ee 260803-1500: .gd-fig hier raus (folgt jetzt --auto-ink, eigene Regel oben), .gd-fig--boxed
   bekommt eigene Karten-Text-Regel gleich danach. */
html[data-theme] body[class] :is(.rule-box,.gd-quote,.gd-callout,.gd-kibox) :is(h1,h2,h3,p,li,td,th,span,cite,label,figcaption,div){
  color:hsl(var(--t-card-foreground))!important; text-shadow:none!important;
}
html[data-theme] body[class] .gd-fig--boxed :is(figcaption){
  color:hsl(var(--t-card-foreground))!important; text-shadow:none!important;
}
html[data-theme] body[class] .cx-hero h1,
html[data-theme] body[class] .rule-box h2,
html[data-theme] body[class] .cx-group .gh{ color:var(--auto-ink)!important; text-shadow:none!important; }
html[data-theme] body[class] .cx-kicker{ color:var(--auto-ink)!important; opacity:.85; }
html[data-theme] body[class] .gd-code, html[data-theme] body[class] .gd-code *{ color:hsl(var(--t-card))!important; }
/* Ee 260803-1700: zweite Instanz derselben Alt-Regel (!important) ebenfalls entfernt. */
html[data-theme] body[class] .cx-nav a.lang{ background:var(--cx-accent-aa)!important; color:hsl(var(--t-card))!important; }


/* Ee 260731-2200: Root Cause verifiziert (Spezifitaets-Rechnung, nicht Raten): gdti-copa.css
   hat 2 Link-Farb-Regeln -- eine mit 4x :not() inkl. Ausnahme fuer .gdti-pill (Spezifitaet
   0,5,1), eine simple ohne jede Ausnahme (0,1,1, !important). Fix: .gdti-pill-Klasse auf die
   Pillen (nimmt Regel 1 raus, siehe HTML), + hier eine einfache, WIRKLICH ausreichende lokale
   Regel gegen Regel 2 -- keine :not()-Eskalation noetig, .cx-nav a hat schon (0,2,1) > (0,1,1). */
/* Ee 260731-2215: Sonderregel fuer tokyo/holz/paris (Hintergrund auf --t-muted) war
   falsch -- Live-Token-Check zeigt --t-card ist in diesen 3 Styles bereits dunkel (14-18%)
   mit hellem --t-card-foreground (94-95%). Die einfache universelle Regel reicht, kein
   Theme-Sonderfall noetig. */
.cx-nav a:not(.lang){ color:hsl(var(--t-card-foreground))!important; }
.cx-nav a.lang{ color:hsl(var(--t-card))!important; }
html[data-theme] body nav.cx-nav > a:not(.lang):hover,
html body nav.cx-nav > a:not(.lang):hover{ color:hsl(var(--t-card-foreground))!important; }