/* Shared by privacy.html and terms.html. Colors and fonts match index.html. */
:root {
  --night: #1a0113;
  --plum: #530238;
  --cream: #fcf3e3;
  --cream-dim: rgba(252, 243, 227, 0.72);
  --cream-faint: rgba(252, 243, 227, 0.12);
  --rose: #d98091;
  --display: "Cormorant Garamond", Georgia, serif;
  --body: "Figtree", system-ui, sans-serif;
}
* { box-sizing: border-box; margin: 0; }
html { background: var(--night); }
body {
  background: radial-gradient(ellipse 70% 360px at 50% 0, rgba(83, 2, 56, 0.7), transparent), var(--night);
  color: var(--cream);
  font: 400 16.5px/1.65 var(--body);
  -webkit-font-smoothing: antialiased;
}
main { max-width: 680px; margin: 0 auto; padding: 48px 20px 48px; }
a { color: inherit; text-decoration-color: rgba(252, 243, 227, 0.35); text-underline-offset: 3px; }
a:hover { text-decoration-color: var(--rose); }
.home { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font: 600 22px var(--display); }
.home img { width: 36px; height: 36px; }
h1 { margin-top: 40px; font: 500 clamp(36px, 6vw, 48px)/1.1 var(--display); }
.updated { margin-top: 8px; color: var(--cream-dim); font-size: 14px; }
h2 { margin-top: 36px; font: 600 25px/1.2 var(--display); }
p, ul { margin-top: 12px; color: var(--cream-dim); }
ul { padding-left: 1.2em; }
li { margin-top: 6px; }
li::marker { color: var(--rose); }
strong { color: var(--cream); font-weight: 500; }
.caps { font-size: 14.5px; }
footer {
  margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--cream-faint);
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px;
  color: var(--cream-dim); font-size: 14px;
}
footer nav { display: flex; flex-wrap: wrap; gap: 6px 18px; }
@media (max-width: 520px) { main { padding: 32px 16px 40px; } }
code { font: 0.9em ui-monospace, monospace; color: var(--rose); }