/* ─────────────────────────────────────────────────────────────────────
   Lousmont v2 — Rechtsseiten (Impressum · Datenschutz · Lizenzen)
   Ruhiger Lesesatz in der Marken-Sprache: Mono-Labels wie auf der
   Dokument-Buehne, Ink-Linie unter jeder Ueberschrift, sonst Stille.
   Kein Inline-CSS (Ziel-CSP: style-src 'self').
   ───────────────────────────────────────────────────────────────────── */

.legal{max-width:var(--wrap);margin:0 auto;padding:10px var(--pad) 20px;width:100%}
.legal .inner{max-width:78ch}

/* Abschnitte ------------------------------------------------------- */
.legal section{margin-bottom:38px}
.legal h2{font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--ink);
  margin-bottom:14px;padding-bottom:9px;border-bottom:1px solid var(--ink)}
.legal h3{font-weight:700;font-size:15.5px;color:var(--ink);margin:22px 0 7px}
.legal p{font-size:15.5px;line-height:1.7;color:var(--ink-2);margin-bottom:10px}
.legal strong{color:var(--ink);font-weight:700}
.legal ul{margin:6px 0 12px;padding-left:20px}
.legal li{font-size:15.5px;line-height:1.7;color:var(--ink-2);margin-bottom:5px}

/* Angabe-Zeilen (Label | Wert) — Mono-Label wie im Dokument --------- */
.legal .row{font-size:15.5px;line-height:1.75;color:var(--ink-2);
  display:flex;flex-wrap:wrap;gap:0 14px}
.legal .row .label{flex:none;width:200px;color:var(--ink-3);
  font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.07em}
.legal .row > *:not(.label){min-width:0}

/* Links: Koralle-Unterstrich statt Blau ----------------------------- */
.legal a{color:var(--ink);border-bottom:1.5px solid var(--coral);padding-bottom:1px}
.legal a:hover{color:var(--wine);border-color:var(--wine)}

/* E-Mail steht als Bild (harte Regel: kein Klartext, kein mailto) --- */
.legal .mailimg{height:1.15em;vertical-align:-2px}

/* Pfade und Dateinamen ---------------------------------------------- */
.legal code{font-family:"JetBrains Mono",monospace;font-size:.88em;
  background:var(--paper-2);border-radius:5px;padding:2px 6px}

/* Stand-Marker ------------------------------------------------------ */
.legal .stand{font-family:"JetBrains Mono",monospace;font-size:11px;
  letter-spacing:.14em;color:var(--ink-3);margin-top:30px;
  padding-top:16px;border-top:1px solid var(--rule)}

/* Tabellen (Sub-Prozessoren, Lizenzen) ----------------------------- */
.legal .tbl{width:100%;border-collapse:collapse;margin:10px 0 14px;font-size:14.5px}
.legal .tbl th{text-align:left;font-family:"JetBrains Mono",monospace;font-weight:500;
  font-size:11px;letter-spacing:.13em;color:var(--ink-3);
  padding:0 14px 9px 0;border-bottom:1px solid var(--ink);vertical-align:bottom}
.legal .tbl td{padding:11px 14px 11px 0;border-bottom:1px solid var(--rule);
  color:var(--ink-2);line-height:1.6;vertical-align:top}
.legal .tbl td:last-child,.legal .tbl th:last-child{padding-right:0}
/* schmale Viewports: Tabelle scrollt in sich, die Seite nie */
.legal .tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Lizenz-Karten ----------------------------------------------------- */
.legal .lic{border:1px solid var(--rule);border-radius:14px;padding:20px 22px;
  margin-bottom:14px;background:rgba(253,250,242,.6)}
.legal .lic b{display:block;font-size:16px;color:var(--ink);margin-bottom:3px}
.legal .lic .meta{font-family:"JetBrains Mono",monospace;font-size:11px;
  letter-spacing:.1em;color:var(--ink-3);margin-bottom:9px}
.legal .lic p{font-size:14.5px;margin-bottom:0}

@media (max-width:760px){
  .legal h2{font-size:17px}
  .legal p,.legal li,.legal .row{font-size:15px;line-height:1.65}
  /* Label ueber den Wert statt daneben — sonst bleibt kaum Textbreite */
  .legal .row{display:block}
  .legal .row .label{display:block;width:auto;margin-bottom:1px}
  .legal .lic{padding:16px 18px}
}