/* ============================================================================
   World of Pharaos — Rechtstext-Fragmente (Paket D6, Fixrunde B1)

   Gilt fuer alles INNERHALB von <div class="lp-legal"> — also fuer die
   Fragmente startseite/{impressum,agb,datenschutz,widerruf,about}.php. Die
   liegen genau einmal und werden an ZWEI Stellen gezeigt:

     1. als eigenstaendige Seite /legal/* (startseite/_layout.php)
     2. im Spiel per openGlobalModal (ingamedesign/header.php)

   Bis hierher standen diese Regeln in css/landing.css, das im Spiel gar nicht
   geladen wird — im Modal kamen die Texte deshalb roh heraus: Ueberschriften
   ohne Farbe, Definitionslisten ohne Abstaende, das Widerrufsformular ohne
   Rahmen. Darum die eigene Datei: die Landing bindet sie zusaetzlich ein, und
   der Spiel-Header nimmt sie mit auf (Paket D2):

       <?= wop_asset_tag('css', '/css/views/legal.css') ?>

   Farben ausschliesslich ueber Tokens aus ui/css/wop-tokens.css — kein
   Farbliteral, kein !important (tools/test_design_tokens.php, Pruefungen a/b).

   NICHT hier: .lp-legal-top, .lp-legal-top__back und .lp-legal-main. Das ist
   das Geruest der eigenstaendigen Seite (Kopf mit Zurueck-Link und
   Sprachwahl), das es im Spiel-Modal nicht gibt — es bleibt in css/landing.css.
   ========================================================================== */

.lp-legal__title { color: var(--gold); margin-bottom: 28px; }

/* Im Dialog gibt seit Paket D5g die Huelle den Innenabstand (--dialog-pad).
   Die erste Ueberschrift brachte darueber noch ihren margin-top: 32px mit —
   also 48 px Luft oben und 16 px an den Seiten. Der erste Knoten faengt bei
   Null an; auf der eigenen Seite /legal/* aendert das nichts, dort steht der
   Titel als <h1> davor. */
.lp-legal > :first-child { margin-top: 0; }

.lp-legal h2,
.lp-legal h3 {
    font-family: var(--font-serif); font-weight: 600; line-height: 1.14;
    font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem);
    color: var(--gold-hi); margin-top: 32px; margin-bottom: 8px;
}
.lp-legal p { color: var(--text-2); margin-bottom: 12px; max-width: 70ch; }
.lp-legal ul { color: var(--text-2); max-width: 70ch; margin: 0 0 12px; padding-left: 22px; }
.lp-legal li { margin-bottom: 6px; }
.lp-legal dl { margin: 0 0 12px; max-width: 70ch; }
.lp-legal dt { color: var(--text-3); font-size: 0.92rem; }
.lp-legal dd { color: var(--text-2); margin: 0 0 10px; }
.lp-legal address { font-style: normal; color: var(--text-2); margin-bottom: 12px; }
.lp-legal a { color: var(--gold); }
.lp-legal a:hover { color: var(--gold-hi); }

/* Widerrufsformular zum Abschreiben — Zeilenumbrueche bleiben stehen. */
.lp-legal__form {
    padding: 16px 18px; margin-bottom: 12px;
    border: 1px solid var(--line); border-radius: var(--r-lg);
    background: var(--surface-2); color: var(--text-2);
    white-space: pre-wrap;
}
.lp-legal__stand { color: var(--text-4); font-size: 0.85rem; margin-top: 28px; }
/* Hinweis, dass ein Abschnitt (noch) nur auf Deutsch vorliegt. */
.lp-legal__missing-en {
    padding: 10px 14px; margin-bottom: 20px;
    border: 1px solid var(--overflow); border-radius: var(--r-lg);
    color: var(--text-1); font-size: 0.9rem;
}