/* One stylesheet for the three static pages. Deliberately plain: these exist
   to satisfy Play's privacy-policy and account-deletion URL requirements and
   to be readable on a phone, not to be a marketing site. */
:root {
  --ink: #1f2328;
  --muted: #5c6570;
  --line: #e4e7ea;
  --green: #2e7d32;
  --bg: #fdfbf3;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 32px 20px 64px;
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--ink);
  background: var(--bg);
}
main { max-width: 44rem; margin: 0 auto; }
h1 { font-size: 1.7rem; line-height: 1.25; margin: 0 0 .25em; }
h2 { font-size: 1.15rem; margin: 2em 0 .5em; }
a { color: var(--green); }
.tag { color: var(--muted); font-size: .9rem; margin: 0 0 2em; }
ul { padding-left: 1.2em; }
li { margin-bottom: .4em; }
.card {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px 20px;
  background: #fff;
  margin: 1.5em 0;
}
.nav { margin-top: 3em; padding-top: 1.5em; border-top: 1px solid var(--line); font-size: .9rem; }
.todo { background: #fff4d6; border: 1px solid #f0d48a; border-radius: 8px; padding: 12px 14px; }

.lang-switch { text-align: right; font-size: .85rem; margin: 0 0 1em; }
.lang-switch a { color: var(--muted); }