/* Tacit — legal pages (Impressum, Datenschutz). Plain reading pages on the landing tokens. */
:root{--ink:#18311e;--ink2:#44503f;--ink3:#6b7567;--hair:rgba(24,49,30,.14);--bone:#f5f1e7;--font-display:"Newsreader",Georgia,serif;--font-sans:"Hanken Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--gut:clamp(16px,4vw,56px)}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bone)}
body{margin:0;background:var(--bone);color:var(--ink);font:400 17px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-underline-offset:3px}
a:hover{color:var(--ink2)}
.lg-top{display:flex;align-items:center;justify-content:space-between;max-width:820px;margin:0 auto;padding:28px var(--gut)}
.lg-brand{font:700 14px/1 var(--font-sans);letter-spacing:.17em;text-transform:uppercase;text-decoration:none}
.lg-back{font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);text-decoration:none}
main{max-width:820px;margin:0 auto;padding:clamp(40px,6vw,88px) var(--gut) clamp(64px,8vw,120px)}
h1{margin:0;font:400 clamp(40px,6vw,72px)/1 var(--font-display);letter-spacing:-.03em}
.lg-sub{margin:16px 0 0;color:var(--ink3);font:500 12px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.lg-lang{margin:clamp(48px,6vw,80px) 0 0;padding-top:20px;border-top:1px solid var(--hair);font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
h2{margin:40px 0 0;font:500 20px/1.3 var(--font-sans);letter-spacing:-.01em}
p,ul,address{margin:12px 0 0;color:var(--ink2);font-style:normal}
ul{padding-left:20px}
li+li{margin-top:6px}
.todo{background:#f6e3c8;color:#7a4b12;padding:0 4px;border-radius:3px}
