/* Shared styling for the two static legal pages (Impressum/Datenschutz) -
   deliberately separate from admin.css/live.css: these are plain documents,
   no interactive theme toggle needed, just prefers-color-scheme so they're
   still readable for a dark-mode visitor without any JS at all. */
:root {
  --bg: #f7f7f8; --fg: #1a1a1a; --muted-fg: #555;
  --link: #2563eb; --border: #ddd; --todo-bg: #fff3cd; --todo-border: #f0c36d;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #16171a; --fg: #eee; --muted-fg: #aaa; --link: #6ea8fe; --border: #333; --todo-bg: #3a3320; --todo-border: #7a5f1e; }
}
* { box-sizing: border-box; }
body {
  margin: 0; padding: 24px 16px 64px;
  background: var(--bg); color: var(--fg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
}
main { max-width: 680px; margin: 0 auto; }
h1 { font-size: 1.5em; margin-bottom: 4px; }
h2 { font-size: 1.1em; margin-top: 2em; border-bottom: 1px solid var(--border); padding-bottom: 4px; }
p, ul { color: var(--fg); }
a { color: var(--link); }
.back-link { display: inline-block; margin-bottom: 20px; color: var(--muted-fg); text-decoration: none; font-size: 0.9em; }
.back-link:hover { color: var(--link); }
/* Marks a section/placeholder the operator must still fill in or review
   before this page is fit to publish - deliberately loud (unlike this
   app's usual restrained styling elsewhere) so it can't be mistaken for
   finished text and accidentally left live. Remove this class (and this
   rule becomes unused, harmless) once real content replaces it. */
.todo {
  background: var(--todo-bg); border: 1px solid var(--todo-border);
  border-radius: 6px; padding: 10px 14px; margin: 12px 0;
  font-size: 0.95em;
}
.todo strong { display: block; margin-bottom: 4px; }