/* Shared layout for legal/document pages — inherits tokens from styles.css. */
.doc-page { min-height: 100svh; }
.doc-header { padding: 22px 24px; border-bottom: 1px solid rgba(255,255,255,.06); }
.doc-header .wordmark { display: inline-flex; }
.doc {
  max-width: 760px; margin: 0 auto; padding: 3.5rem 24px 5rem;
}
.doc h1 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: .4rem; }
.doc .doc-updated {
  font-family: var(--display); font-size: .75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .18em; color: var(--faint);
  margin-bottom: 2.2rem;
}
.doc h2 { font-size: 1.25rem; font-weight: 500; margin: 2.2rem 0 .7rem; }
.doc p, .doc li { color: var(--dim); font-size: .98rem; }
.doc p + p { margin-top: .8rem; }
.doc ul { margin: .6rem 0 0; padding-left: 1.3rem; display: grid; gap: .45rem; }
.doc a { color: var(--teal-bright); }
.doc a:hover { text-decoration: underline; }