/* Shared look of the legal pages and "page not found": night blue, or the
   forgetmenot paper and ink when someone chose the light look (look.js sets
   html.light). System fonts only (nothing is fetched from elsewhere). */
:root {
  color-scheme: dark;
  --paper: #111831; --ink: #EEF2FB; --muted: #A9B4D6; --link: #9DC0F5; --line: #2E3A63;
  --draft: #3D2A55; --draft-line: #EC9DBB; --todo: #2C2E4E;
}
html.light {
  color-scheme: light;
  --paper: #FAF8F3; --ink: #1E2A4A; --muted: #5E6A85; --link: #3D6BC7; --line: #E6E1D6;
  --draft: #FCEEF4; --draft-line: #D9779F; --todo: #FEF6DA;
}
html { background: var(--paper); }
body {
  margin: 0 auto; padding: 32px 20px 80px; max-width: 720px;
  font: 17px/1.6 Georgia, 'Times New Roman', serif; color: var(--ink);
}
header { margin-bottom: 28px; }
header a { display: inline-block; }
header img { height: 26px; width: auto; display: block; }
/* The logo in its two versions (docs/brand.md): light letters by night. */
header img.logo-ink { display: none; }
html.light header img.logo-ink { display: block; }
html.light header img.logo-light { display: none; }
h1 { font-size: 32px; font-weight: 500; line-height: 1.2; margin: 0 0 6px; }
h2 { font-size: 21px; font-weight: 500; margin: 34px 0 8px; }
p, li { margin: 0 0 12px; }
ul { padding-left: 22px; }
a { color: var(--link); }
.meta { color: var(--muted); font: 14px/1.5 system-ui, -apple-system, 'Segoe UI', sans-serif; }
.draft {
  background: var(--draft); border: 1px solid var(--draft-line); border-radius: 14px;
  padding: 14px 16px; margin: 20px 0 28px;
  font: 15px/1.5 system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.todo { background: var(--todo); padding: 1px 5px; border-radius: 5px; }
nav { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--line);
  font: 14px/1.5 system-ui, -apple-system, 'Segoe UI', sans-serif; }
nav a { margin-right: 16px; }
table { border-collapse: collapse; width: 100%; margin: 8px 0 16px;
  font: 15px/1.45 system-ui, -apple-system, 'Segoe UI', sans-serif; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--line); }
th { color: var(--muted); font-weight: 600; }