/* Layout der Rechtstexte — uebernommen von der Prompter-Startseite (LEGAL_HTML),
   damit Impressum/Datenschutz ueber beide tha:vision-Tools gleich aussehen.
   Eigene Datei statt <style>-Block, weil zwei Seiten sie teilen. */
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 300 700;
  font-display: swap; src: url(assets/space-grotesk.woff2) format('woff2'); }

:root { --teal: #2FE7CE; --ink: #0B0E11; --white: #F3F6F5; --muted: #9AA6AD; }
:focus-visible { outline: 3px solid rgba(47,231,206,.25); outline-offset: 2px; }
html { background: var(--ink); -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100dvh; color: #e8eef5;
  font-family: 'Space Grotesk','Helvetica Neue',Arial,sans-serif;
  background: radial-gradient(circle at 50% 0%, #171D23 0%, #0B0E11 60%) no-repeat;
  line-height: 1.6; -webkit-font-smoothing: antialiased; }
main { max-width: 760px; margin: 0 auto;
  padding: max(24px, env(safe-area-inset-top)) 20px 60px; }
h1 { font-size: 24px; margin: 8px 0 20px; }
h2 { font-size: 17px; margin: 26px 0 8px; color: rgba(255,255,255,.85); }
p, li { font-size: 15px; color: rgba(255,255,255,.8); }
strong { color: var(--white); font-weight: 500; }
a { color: var(--teal); word-break: break-word; }
ul { padding-left: 20px; }
.back { display: inline-block; margin-bottom: 8px; font-size: 14px; }
footer { margin-top: 40px; font-size: 13px; color: rgba(255,255,255,.4); }
footer a { color: rgba(255,255,255,.55); margin-right: 14px; }
/* dekodierte Kontaktdaten: nicht markierbar -> von Hand schwerer abzugreifen */
.enc { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }