.content-page { max-width: 760px; margin: 0 auto; padding: var(--s-6) 0 var(--s-16); }
.content-page--wide { max-width: 1080px; }

@media (max-width: 720px) {
  .content-page { padding: var(--s-4) 0 var(--s-10); }
  .content-page h1 { font-size: var(--t-2xl); }
  .content-page h2 { font-size: var(--t-xl); margin-top: var(--s-6); }
  .content-page h3 { font-size: var(--t-lg); }
  .content-page p, .content-page li { font-size: var(--t-base); }
  .content-page__lede { font-size: var(--t-md); }
  .content-page__divider { margin: var(--s-6) 0; }
  .content-page__callout { padding: var(--s-4); margin: var(--s-4) 0; }
}

.content-page h1, .content-page h2, .content-page h3, .content-page h4 {
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin-top: var(--s-8);
  margin-bottom: var(--s-3);
  color: var(--ink-1);
  line-height: 1.1;
}

.content-page > h1:first-child { margin-top: 0; }

.content-page h1 { font-size: var(--t-3xl); }
.content-page h2 { font-size: var(--t-2xl); }
.content-page h3 { font-size: var(--t-xl); }
.content-page h4 { font-size: var(--t-lg); }

.content-page p, .content-page li {
  font-size: var(--t-md);
  line-height: var(--lh-loose);
  color: var(--ink-2);
}
.content-page p { margin-bottom: var(--s-3); }
.content-page strong { color: var(--ink-1); font-weight: 600; }
.content-page a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }

.content-page ul, .content-page ol { padding-left: 24px; margin-bottom: var(--s-4); }
.content-page ul li { list-style: disc; }
.content-page ol li { list-style: decimal; }
.content-page li { margin-bottom: 6px; }

.content-page__lede {
  font-size: var(--t-lg);
  color: var(--ink-1);
  line-height: var(--lh-loose);
  font-weight: 500;
}

.content-page__meta {
  font-size: var(--t-xs);
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  margin-bottom: var(--s-3);
}

.content-page__divider { border: 0; border-top: 1px solid var(--line); margin: var(--s-8) 0; }

.content-page__callout {
  padding: var(--s-5);
  background: var(--bg-2);
  border-left: 3px solid var(--accent);
  border-radius: var(--r-md);
  margin: var(--s-5) 0;
}
.content-page__callout--warn { border-left-color: var(--warn); background: var(--warn-soft); }

.content-page__contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-3);
  margin-top: var(--s-6);
}
@media (max-width: 720px) { .content-page__contact { grid-template-columns: 1fr; } }
.content-page__contact-card {
  padding: var(--s-5);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
}
.content-page__contact-card h4 { margin-top: 0; }