/*
 * Типова сторінка ( page.php )
 *
 * Шапка — .phero--flat ( main.css ), текст — .prose.prose--wide ( ui.css ).
 * Своє тут лише ритм секції — ширину колонки задає сам .container
 * (1280px контенту): для довгих юридичних текстів (політика
 * конфіденційності, умови) вужча колонка ( як у .post-body__inner на
 * сторінці поста, 860px ) залишала багато порожнього поля обабіч і
 * читалась як звужена штучно — на прохання замовника прибрано.
 */
.page-body {
    padding:    var(--section-gap) 0;
    background: var(--bg-canvas);
}

@media (max-width: 1024px) { .page-body { padding: 80px 0; } }
@media (max-width: 768px)  { .page-body { padding: 64px 0; } }
@media (max-width: 480px)  { .page-body { padding: 48px 0; } }