/* Long-form document pages (privacy, terms). Reuses the app palette; the only
   change is a reading measure and a type rhythm suited to prose rather than
   cards. */

.doc {
  max-width: 68ch;
  margin: 0 auto;
  padding: var(--s8) var(--s5) 96px;
}

.doc h1 {
  font-size: clamp(28px, 5vw, 38px);
  font-weight: 700; letter-spacing: -.025em;
  margin: 0 0 var(--s3); text-wrap: balance;
}

.doc__meta { color: var(--text-faint); font-size: 13.5px; margin: 0 0 var(--s6); }

.doc__lead {
  font-size: 17px; color: var(--text); line-height: 1.6;
  padding: var(--s4) var(--s5);
  background: var(--surface); border-radius: var(--r-md);
  border-left: 3px solid var(--green);
  margin: 0 0 var(--s8);
}

.doc h2 {
  font-size: 20px; font-weight: 650; letter-spacing: -.015em;
  margin: var(--s8) 0 var(--s3);
  padding-top: var(--s5); border-top: 1px solid var(--hairline);
}

.doc h3 {
  font-size: 16px; font-weight: 650; color: var(--gold);
  margin: var(--s6) 0 var(--s2);
}

.doc p, .doc li { color: var(--text-dim); font-size: 15.5px; line-height: 1.65; }
.doc p { margin: 0 0 var(--s4); }
.doc strong { color: var(--text); font-weight: 600; }

.doc ul { margin: 0 0 var(--s4); padding-left: var(--s5); display: grid; gap: var(--s2); }
.doc li::marker { color: var(--green); }

.doc a { text-decoration: underline; text-underline-offset: 2px; }

.header .brand { text-decoration: none; }
.footer a { text-decoration: underline; text-underline-offset: 2px; }