/* ============================================================
   Privacy page — document-specific layout only.
   Chrome (topbar, footer, theme toggle), the fact card, and all
   color/type come from the design system (../styles.css). This file
   holds just the reading-column layout for the prose sections.
   ============================================================ */

.gy-doc { max-width: 720px; margin: 0 auto; padding: 0 32px; }

.gy-doc__hero { padding: 56px 0 36px; display: flex; flex-direction: column; gap: 16px; }
.gy-doc__title {
  font-family: var(--font-sans); font-weight: 800;
  font-size: clamp(38px, 6.5vw, 60px); line-height: 1.02; letter-spacing: -0.03em;
  margin: 0; text-wrap: balance;
}
.gy-doc__lede {
  font-size: clamp(18px, 2.4vw, 21px); line-height: 1.55; color: var(--text-faint);
  margin: 0; max-width: 52ch; text-wrap: pretty;
}

.gy-doc__block { padding: 40px 0; display: flex; flex-direction: column; gap: 14px; }
.gy-doc__block--divide { border-top: 1px solid color-mix(in srgb, var(--text-primary) 8%, transparent); padding-bottom: 88px; }
.gy-p { font-size: 17px; line-height: 1.7; color: var(--text-primary); margin: 0; max-width: 62ch; }
.gy-p--contact { color: var(--text-faint); margin-top: 4px; }