@media (max-width: 767px) {
  .container--wide, .container--main, .container--reading, .container--narrow { padding-inline: var(--space-4); }
  .section-header { gap: var(--space-4); margin-bottom: var(--space-7); }
  .section-header--split { grid-template-columns: 1fr; align-items: start; gap: var(--space-5); }
  .section-title, .section-title--large { max-width: none; }
  .button, .button--large { width: 100%; min-height: 64px; padding: var(--space-4) var(--space-5); white-space: normal; text-align: center; }
  .media-frame--editorial { border-radius: 0 var(--radius-lg) var(--radius-lg) 0; }
  .section-surface--editorial { background: linear-gradient(180deg, var(--color-surface) 0 62%, var(--color-cream) 62%); }
}