/* Gemeinsame Gestaltung der drei Seiten auf chodigo.com.
   Tokens wie in constants/brief.ts — die Seiten sind der erste Eindruck
   nach der Registrierung und sollen aussehen wie die App. */
:root {
  --paper:#f5efe4; --ink:#1c2740; --ink-soft:#3a4664; --muted:#7a6f5c;
  --rule:#d8cebb; --accent:#b85c3a; --card:#fffdf7;
}
* { box-sizing: border-box; }
body {
  margin:0; min-height:100vh; background:var(--paper); color:var(--ink);
  font-family: Georgia, 'Times New Roman', serif;
  padding:24px;
}
body.mitte { display:flex; align-items:center; justify-content:center; }
main { width:100%; max-width:30rem; margin:0 auto; }
main.text { max-width:42rem; }

.card {
  background:var(--card); border:1px solid var(--rule); border-radius:14px;
  padding:32px 28px;
}
.seal {
  width:46px; height:46px; border-radius:50%; background:var(--accent);
  margin-bottom:22px; display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:20px;
}
h1 { font-size:1.6rem; line-height:1.25; margin:0 0 12px; letter-spacing:-.01em; }
h2 { font-size:1.1rem; line-height:1.3; margin:32px 0 10px; }
h3 { font-size:.95rem; margin:22px 0 6px; }
p, li { font-size:1rem; line-height:1.62; color:var(--ink-soft); margin:0 0 14px; }
li { margin-bottom:8px; }
ul { padding-left:1.15rem; }
strong { color:var(--ink); }
.muted { color:var(--muted); font-size:.85rem; line-height:1.55; }

a { color:var(--accent); }
a.button {
  display:inline-block; margin:18px 0 6px; padding:14px 22px; border-radius:999px;
  background:var(--ink); color:var(--paper); text-decoration:none; font-size:1rem;
}
.brand {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:.7rem; letter-spacing:.22em; color:var(--muted);
  text-transform:uppercase; margin-bottom:26px;
}
.brand a { color:inherit; text-decoration:none; }

/* Noch auszufüllende Angaben — im Text nicht zu übersehen. */
.luecke {
  background:#f7e3b8; color:#4a3a12; padding:1px 6px; border-radius:4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size:.85em;
}

table { border-collapse:collapse; width:100%; margin:0 0 16px; font-size:.95rem; }
th, td { text-align:left; vertical-align:top; padding:9px 10px; border-bottom:1px solid var(--rule); }
th { color:var(--ink); font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; }
td { color:var(--ink-soft); line-height:1.5; }
.scroll { overflow-x:auto; }

/* Einladungscode zum Abtippen: muss umbrechen duerfen. */
code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size:.9rem;
  background:var(--rule); color:var(--ink); padding:3px 7px; border-radius:5px;
  overflow-wrap:anywhere;
}

footer { margin-top:36px; text-align:center; }
footer a { color:var(--muted); font-size:.8rem; text-decoration:none; margin:0 8px; }
[hidden] { display:none !important; }