:root {
  --coral: #F16383;
  --ink: #1B1E2B;
  --body: #4B5166;
  --muted: #8F94A6;
  --line: #E5E6EB;
  --bg: #FFFFFF;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--body);
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 42rem; margin: 0 auto; padding: 2.5rem 1.25rem 5rem; }
header.site { display: flex; align-items: center; gap: .6rem; margin-bottom: 3rem; }
header.site a { display: flex; align-items: center; gap: .6rem; text-decoration: none; }
.mark {
  width: 34px; height: 34px; border-radius: 11px; background: var(--coral);
  display: grid; place-items: center; color: #fff; font-weight: 700; font-size: 17px;
}
.wordmark { color: var(--ink); font-weight: 700; font-size: 19px; }
h1 { color: var(--ink); font-size: 2.1rem; line-height: 1.2; margin: 0 0 1rem; letter-spacing: -.02em; }
h2 { color: var(--ink); font-size: 1.2rem; margin: 2.5rem 0 .75rem; }
h3 { color: var(--ink); font-size: 1rem; margin: 1.75rem 0 .5rem; }
p, li { margin: 0 0 1rem; }
ul { padding-left: 1.2rem; }
a { color: var(--coral); }
.lede { font-size: 1.15rem; color: var(--body); }
.meta { color: var(--muted); font-size: .9rem; }
hr { border: 0; border-top: 1px solid var(--line); margin: 3rem 0; }
footer.site { border-top: 1px solid var(--line); margin-top: 4rem; padding-top: 1.5rem; color: var(--muted); font-size: .9rem; }
footer.site a { color: var(--muted); margin-right: 1rem; }
table { border-collapse: collapse; width: 100%; margin: 0 0 1.5rem; font-size: .95rem; }
th, td { text-align: left; padding: .6rem .5rem; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--ink); }
/* Anything only Fabian can supply. Deliberately loud so it cannot ship by accident. */
.todo {
  background: #FFE9A8; color: #6B4E00; padding: 0 .3em; border-radius: 3px;
  font-weight: 600; font-size: .95em;
}
.notice {
  background: #FFF4F6; border: 1px solid #F9C9D4; border-radius: 12px;
  padding: 1rem 1.1rem; margin: 0 0 2rem; color: #8A2E45; font-size: .95rem;
}