/* Document pages (privacy policy, terms of use, support): one readable
   column on the cream band, sized in plain pixels rather than the design
   unit so the text stays comfortable to read at every width. */
.doc { background: var(--cream); padding: 56px 24px 88px; }
.doc article { max-width: 760px; margin: 0 auto; font-weight: 500; font-size: 18px; line-height: 1.55; color: #1E1427; }
.doc h1 { margin: 0 0 28px; font-family: var(--display); font-weight: 900; font-size: clamp(40px, 5vw, 60px); line-height: 1; color: var(--plum-link); text-wrap: balance; }
.doc h2 { margin: 44px 0 12px; font-family: var(--display); font-weight: 900; font-size: 30px; line-height: 1.1; color: var(--plum); }
.doc p { margin: 0 0 16px; }
.doc ul { margin: 0 0 16px; padding-left: 24px; }
.doc li { margin: 0 0 10px; }
.doc li::marker { color: var(--plum-link); }
.doc strong { font-weight: 700; }
.doc a { color: var(--plum-link); text-decoration: underline; text-underline-offset: 3px; }
.doc a:hover { color: var(--purple-word); }

@media (max-width: 960px) {
  .doc { padding: 36px 20px 56px; }
  .doc article { font-size: 17px; }
  .doc h2 { font-size: 26px; margin-top: 36px; }
}