/* T-102: schlankes Lesetypografie-Overlay für Impressum/AGB/Datenschutz/
   Lizenzen -- nutzt dieselben CSS-Variablen wie style.css, ergänzt nur
   Fließtext-Stile, die die Marketing-Seite bisher nicht braucht. */
.legal-shell{max-width:760px;margin:0 auto;padding:120px 24px 80px}
.legal-back{display:inline-block;margin-bottom:32px;color:var(--brand-bright);text-decoration:none;font-family:var(--mono);font-size:13px}
.legal-back:hover{text-decoration:underline}
.legal-shell h1{font-family:var(--serif);font-size:34px;font-weight:600;margin-bottom:8px}
.legal-shell .legal-updated{color:var(--ink-faint);font-size:13px;font-family:var(--mono);margin-bottom:40px}
.legal-shell h2{font-family:var(--serif);font-size:21px;font-weight:600;margin:36px 0 12px;color:var(--brand-bright)}
.legal-shell h3{font-size:16px;font-weight:600;margin:20px 0 8px}
.legal-shell p{color:var(--ink-dim);margin-bottom:14px}
.legal-shell ul{color:var(--ink-dim);margin:0 0 14px 22px}
.legal-shell li{margin-bottom:6px}
.legal-shell a{color:var(--brand-bright)}
.legal-shell strong{color:var(--ink)}
.legal-shell table{width:100%;border-collapse:collapse;margin-bottom:20px}
.legal-shell td,.legal-shell th{text-align:left;padding:6px 10px 6px 0;border-bottom:1px solid var(--line-soft);color:var(--ink-dim);font-size:14px}
.legal-shell th{color:var(--ink);font-weight:600}