.page-content-doc__surface { max-width: 780px; padding-block: clamp(12px, 3vw, 36px); border-top: 1px solid var(--border); }
.page-content-doc__tag { display: block; margin-bottom: 16px; color: var(--brand); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.page-content-doc__heading { margin: 0; color: var(--text); font-size: clamp(28px, 4vw, 48px); font-weight: 600; line-height: 1.12; text-wrap: balance; }
.page-content-doc__paragraph { max-width: 72ch; margin: 20px 0 0; color: var(--text-s); font-size: 16px; line-height: 1.85; }
.page-content-doc__list-title { margin: 32px 0 14px; color: var(--text); font-size: 18px; font-weight: 600; }
.page-content-doc__list { display: grid; gap: 12px; margin: 0; padding-inline-start: 20px; }
.page-content-doc__list li { padding-inline-start: 6px; color: var(--text); line-height: 1.7; }
@media (max-width: 767px) { .page-content-doc__paragraph { font-size: 15px; line-height: 1.78; } }

/* ============================================================
   FIX (2026-07-28): desktop reading-column balance.
   The doc column was left-aligned in a full-width container,
   leaving the right half of the page empty. Center it as a
   proper long-form reading column.
   ============================================================ */
@media (min-width: 768px) {
  .page-content-doc .page-shell-inner { max-width: 820px !important; margin-inline: auto !important; }
  .page-content-doc__surface { margin-inline: auto !important; }
}