/* Rechtliches: /imprint, /privacy, /terms im Stil der Landingpage. Platzhalter [[…]] sind gelb markiert und müssen vor
   dem echten Start ersetzt werden (Issue für Damian). */
.legal { width:min(760px,100% - 40px); margin:0 auto; padding:var(--s-8) 0 var(--s-8); }
.legal h1 { font-size:clamp(48px,7vw,84px); margin:var(--s-4) 0 var(--s-5); }
.legal h2 { font-size:clamp(26px,3.2vw,34px); margin:var(--s-7) 0 var(--s-3); scroll-margin-top:96px; }
.legal h3 { font-size:19px; margin:var(--s-5) 0 var(--s-1); }
.legal p, .legal li { color:var(--soft); line-height:1.65; }
.legal ul { padding-left:1.2em; display:grid; gap:6px; }
.legal a { color:var(--ink); font-weight:650; }
.legal .updated { font-size:13px; color:var(--faint); margin:var(--s-4) 0 0; }
.todo { background:var(--butter-body); color:var(--ink); padding:0 5px; border-radius:6px; font-weight:700; }
nav.toc { display:flex; gap:8px; flex-wrap:wrap; }
nav.toc a { display:inline-flex; align-items:center; height:36px; padding:0 14px; border-radius:11px; background:var(--panel); border:1px solid var(--line-2);
  box-shadow:0 2px 0 var(--line-2); text-decoration:none; font-weight:700; font-size:14.5px; color:var(--ink); }
nav.toc a:hover { background:var(--panel-2); }
nav.toc a[aria-current="page"] { background:var(--ink); color:#fff; border-color:var(--ink); box-shadow:0 2px 0 #000; }