/* the privacy policy and terms: readable on a phone, light or dark */
:root { --bg: #ffffff; --ink: #1b1d24; --soft: #5b6070; --line: #e3e5ec; --tint: #f3f5fa; --accent: #0f9e87; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #0e1118; --ink: #e9ebf2; --soft: #a0a6b8; --line: #262b38; --tint: #161b26; --accent: #2ee6c5; }
}
* { box-sizing: border-box; }
body {
  margin: 0 auto; max-width: 720px; padding: max(18px, env(safe-area-inset-top)) 20px 48px; background: var(--bg); color: var(--ink);
  font: 16px/1.6 Inter, system-ui, -apple-system, 'Segoe UI', sans-serif; -webkit-text-size-adjust: 100%;
}
h1 { font-size: 30px; line-height: 1.2; margin: 18px 0 2px; }
h2 { font-size: 19px; margin: 30px 0 6px; }
h3 { font-size: 16px; margin: 20px 0 4px; }
p, li { color: var(--ink); }
ul { padding-left: 22px; }
li { margin: 5px 0; }
a { color: var(--accent); }
.meta { color: var(--soft); margin: 0; font-size: 14px; }
.short { margin: 22px 0; padding: 4px 18px 8px; border-radius: 14px; background: var(--tint); border: 1px solid var(--line); }
.short h2 { margin-top: 14px; }
.draft { margin: 0; padding: 10px 14px; border-radius: 10px; background: #fff3c4; color: #5a4300; font-weight: 700; font-size: 14px; }