/* Impressum / Datenschutz: a quiet reading page in the den's colours. */
:root{ --obsidian:#1d1511; }
*{ box-sizing:border-box; margin:0; }
body{
  min-height:100vh; background:radial-gradient(120% 80% at 50% -10%, #3e2e25, var(--obsidian) 60%) fixed;
  color:var(--ink-dim); font-family:var(--font-body); font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased; padding:var(--s-6) var(--s-4) var(--s-8);
}
.legal{
  max-width:760px; margin:0 auto; padding:var(--s-6);
  border:1px solid color-mix(in srgb, var(--brass) 34%, #5d4a3b); border-radius:var(--r-xl);
  background:linear-gradient(180deg, rgba(255,232,190,.04), transparent 30%), linear-gradient(170deg, #30251f, #281e19);
  box-shadow:inset 0 1px 0 rgba(255,226,170,.16), 0 30px 70px -30px rgba(0,0,0,.85);
}
.legal__back{ display:inline-block; font-size:.82rem; margin-bottom:var(--s-4); }
.legal__emblem{ display:block; width:96px; height:96px; margin:0 auto var(--s-2); filter:drop-shadow(0 0 18px rgba(255,125,77,.45)); }
h1{
  font-family:var(--font-display); font-size:2rem; text-align:center; margin-bottom:var(--s-4);
  background:linear-gradient(180deg, #fff1d2, #f0cf8f 40%, #c8964d 62%, #f3d79c);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
h2{ font-family:var(--font-display); font-size:1.15rem; color:var(--brass-soft); margin:var(--s-5) 0 var(--s-2); }
p, ul{ margin-bottom:var(--s-3); }
ul{ padding-left:1.2em; }
li{ margin-bottom:var(--s-1); }
b{ color:var(--ink); }
a{ color:var(--brass); }
a:hover{ color:var(--ember-soft); }
.legal__lede{ text-align:center; color:var(--ink-faint); font-size:.92rem; }
.legal__date{ margin-top:var(--s-5); font-size:.8rem; color:var(--ink-faint); }
.legal__nav{ margin-top:var(--s-3); font-size:.85rem; text-align:center; }
/* Placeholders the operator still has to fill in — impossible to overlook. */
.todo{ background:rgba(240,115,106,.18); color:#ffb3ac; outline:1px dashed #f0736a; padding:0 4px; border-radius:4px; }
@media (max-width:560px){ .legal{ padding:var(--s-5) var(--s-4); } body{ padding:var(--s-4) var(--s-2) var(--s-7); } }