/* Shared by privacy.html and terms.html. Same palette and type as index.html. */
:root {
  --bg: #F2F4F1; --surface: #E6EAE5; --ink: #18201C; --muted: #56615B; --rule: #C9D0CA; --heart: #8E3B1D;
  --display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", sans-serif;
  --body: "Source Serif 4", Georgia, "Times New Roman", serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg: #121815; --surface: #1A221E; --ink: #E4EAE5; --muted: #9AA79F; --rule: #2C3832; --heart: #DB875C; color-scheme: dark; }
}
:root[data-theme="dark"] { --bg: #121815; --surface: #1A221E; --ink: #E4EAE5; --muted: #9AA79F; --rule: #2C3832; --heart: #DB875C; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 1.0625rem/1.65 var(--body); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration-color: var(--heart); text-underline-offset: 3px; }
a:hover { color: var(--heart); }
.wrap { max-width: 720px; margin-inline: auto; padding: 0 16px; }
header.site, footer.site { border-color: var(--rule); border-style: solid; border-width: 0; }
header.site { border-bottom-width: 1px; }
header.site .wrap, footer.site .wrap { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-block: 18px; font: 400 0.85rem/1.5 var(--mono); color: var(--muted); }
header.site a.brand { font: 800 1.1rem/1 var(--display); color: var(--ink); text-decoration: none; letter-spacing: -0.01em; }
footer.site { border-top-width: 1px; margin-top: 56px; }
main { padding-block: 40px 0; }
h1, h2, h3 { font-family: var(--display); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; text-wrap: balance; }
h1 { font-size: clamp(2rem, 5vw, 2.8rem); margin: 0 0 8px; }
h2 { font-size: 1.35rem; margin: 40px 0 10px; }
h3 { font-size: 1.05rem; margin: 24px 0 6px; }
p, ul { margin: 0 0 14px; }
li { margin-bottom: 6px; }
.meta { font: 400 0.85rem/1.5 var(--mono); color: var(--muted); margin-bottom: 28px; }
.callout { background: var(--surface); border-left: 3px solid var(--heart); padding: 14px 16px; margin: 18px 0; }
.callout p:last-child { margin-bottom: 0; }