/* The plain reading pages: privacy and terms. Loaded after tokens.css and base.css. */

body { background: var(--cream); }
.page-header { background: linear-gradient(180deg, var(--maroon), var(--maroon-dark)); color: var(--on-night); }
.page-header__in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: var(--header-h); }
.page-header .brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.page-header .brand img { border-radius: 9px; }
.page-header .brand span { font-family: var(--font-display); font-weight: 600; font-size: 1.3rem; }
.page-header a.back { font-size: 0.92rem; font-weight: 600; text-underline-offset: 4px; }

.doc { width: min(100% - 2 * var(--gutter), 44rem); margin-inline: auto; padding-block: clamp(40px, 8vw, 88px); }
.doc h1 { font-size: var(--step-3); }
.doc h2 { font-size: var(--step-2); margin-top: 2.2em; padding-top: 1.2em; border-top: 1px solid var(--line-strong); }
.doc h3 { font-family: var(--font-body); font-size: var(--step-0); font-weight: 700; letter-spacing: 0; margin-top: 1.6em; }
.doc p, .doc ul { margin-top: 0.8em; color: var(--ink-muted); }
.doc ul { padding-left: 1.2em; list-style: disc; }
.doc li + li { margin-top: 0.4em; }
.doc .draft { margin-top: 20px; padding: 14px 16px; border-radius: 12px; background: var(--gold-tint); color: var(--ink); font-size: 0.95rem; }
.doc a { color: var(--maroon); font-weight: 600; text-underline-offset: 4px; }

.page-footer { padding: 28px 0 40px; border-top: 1px solid var(--line); }
.page-footer p { font-size: var(--step--1); color: var(--ink-muted); }
.page-footer a { text-underline-offset: 4px; }

@media print {
  .page-header { background: none; color: var(--ink); border-bottom: 1px solid #999; }
  .page-header a.back { display: none; }
  .doc { padding-block: 16px; }
}