/* Miski Willow — Rechtsseiten (Impressum, Datenschutz).
   Bewusst ohne JavaScript und ohne Inline-Styles, damit diese Seiten
   unter einer strengen CSP laufen. */

@font-face {
  font-family: 'Crayons';
  src: url('/assets/crayons.ttf') format('truetype');
  font-display: swap;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  background: #efe9e2;
  color: #1d1f20;
  font-family: 'Barlow', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.6;
}

.wrap  { min-height: 100vh; padding: clamp(28px, 6vw, 90px); }
.inner { max-width: 760px; margin: 0 auto; }

a { color: #3fa6bb; text-decoration: none; }
a:hover, a:focus-visible { color: #6EC6D9; text-decoration: underline; }

.back {
  font-family: 'Crayons', 'Comic Sans MS', cursive;
  font-size: 22px;
  color: #1d1f20;
  display: inline-block;
  margin-bottom: 32px;
}
.back:hover, .back:focus-visible { color: #6EC6D9; text-decoration: none; }

h1 {
  font-family: 'Crayons', 'Comic Sans MS', cursive;
  font-size: clamp(40px, 7vw, 72px);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 36px;
}

h2 {
  font-family: 'Crayons', 'Comic Sans MS', cursive;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 8px;
}

.blocks { display: flex; flex-direction: column; gap: 26px; }

p + p  { margin-top: 12px; }
ul     { margin: 10px 0 0 1.3em; }
li     { margin-bottom: 4px; }

address { font-style: normal; }

code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .92em; }

/* Noch zu ergaenzende Angabe — vor dem Livegang muss diese Markierung weg sein. */
.todo { background: #ffe8a3; padding: 0 4px; border-radius: 3px; }

.meta { margin-top: 48px; font-size: 14px; color: #8a827b; }

@media (max-width: 480px) { body { font-size: 16px; } }