/* ── Yleinen sivutemplate (esim. tietosuojaseloste) ──────────── */
.page-content {
  padding-block: var(--space-section);
}

.page-content__title {
  color: var(--color-manty);
  margin-bottom: var(--space-md);
  max-width: 24ch;
  font-size: 3.5rem;
}

.page-content__body {
  max-width: 70ch;
  color: var(--color-manty);
}

.page-content__body p,
.page-content__body ul,
.page-content__body ol {
  line-height: 1.7;
  margin-bottom: 1rem;
}

.page-content__body h2 {
  color: var(--color-manty);
  font-size: clamp(2rem, 4vw, 2.375rem);
  margin-top: var(--space-md);
  margin-bottom: var(--space-sm);
}

.page-content__body h3 {
  font-family: var(--font-heading);
  font-weight: 400;
  margin-top: var(--space-sm);
  margin-bottom: 0.5rem;
}

.page-content__body ul,
.page-content__body ol {
  padding-left: 1.5rem;
}

.page-content__body a {
  text-decoration: underline;
}

/* ── Mobiili ───────────────────────────────────────────────── */
@media (max-width: 48em) {
  .page-content {
    padding-block: var(--space-section-mobile);
  }
}