/* Legal pages (/terms, /privacy) — rides on styles.css tokens and fonts.
   Requisite placeholders are <mark class="fill"> so an unfilled blank is
   impossible to miss before the pages go to payment-provider moderation. */

.legal { margin-top: 64px; }

.doc-head .doc-kicker { color: #757575; font-size: 13px; letter-spacing: 0.12em; }
.legal h1 { font-family: var(--serif); font-weight: 400; font-size: 32px; line-height: 40px; margin-top: 12px; }
.doc-sub { margin-top: 12px; max-width: 560px; font-size: 16px; line-height: 24px; color: var(--ink-54); }

.requisites { margin-top: 28px; background: var(--panel-soft); border-radius: 12px; padding: 16px; font-size: 14px; line-height: 22px; }
.requisites p + p { margin-top: 4px; }
mark.fill { background: var(--peach); color: var(--brick); font-weight: 600; padding: 0 5px; border-radius: 4px; }

.doc-meta { margin-top: 20px; font-size: 13px; color: #727270; }

.legal section { border-top: 1px solid var(--hair); margin-top: 40px; padding-top: 32px; }
.legal h2 { font-family: var(--serif); font-weight: 400; font-size: 22px; line-height: 30px; }
.legal section p { margin-top: 14px; font-size: 15px; line-height: 24px; color: rgba(0, 0, 0, 0.82); }
.legal section p b { color: var(--ink); font-weight: 600; }
.legal ul { margin-top: 14px; list-style: none; }
.legal li { position: relative; padding-left: 22px; margin-top: 8px; font-size: 15px; line-height: 24px; color: rgba(0, 0, 0, 0.82); }
.legal li::before { content: "—"; position: absolute; left: 0; color: #9a9a97; }
.legal a { text-underline-offset: 3px; }

.doc-cross { border-top: 1px solid var(--hair); margin-top: 48px; padding-top: 24px; font-size: 14px; line-height: 22px; color: var(--ink-54); }
.doc-cross a { color: var(--brick); }