/* ============================================================
   Раскладка страниц сайта (только тема).
   Общие параметры (цвета, шрифты, элементы) — в design-system.css.
   ============================================================ */

.container {
	width: 100%;
	max-width: var(--container-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--spacing-l);
	padding-right: var(--spacing-l);
}

@media (min-width: 960px) {
	.container {
		padding-left: var(--spacing-xl);
		padding-right: var(--spacing-xl);
	}
}

@media (min-width: 1300px) {
	.container {
		padding-left: var(--spacing-xxl);
		padding-right: var(--spacing-xxl);
	}
}

/* Ритм секций: 80px / 64px (планшет) / 48px (мобильный) — docs/DESIGN_SYSTEM.md §5 */
.section {
	padding-top: var(--spacing-section);
	padding-bottom: var(--spacing-section);
}

/* Шаблоны на parts/content.php (страница курсов, страницы, записи) выводят
   контейнер без обёртки .section — отбиваем содержание от футера по тому же
   ритму §5. Контейнеры с классом .section (архив, поиск, 404, курс) уже
   имеют свой отступ и здесь исключены. */
.site-content > .container:not(.section) {
	padding-bottom: var(--spacing-section);
}

@media (max-width: 1299px) {
	.section {
		padding-top: var(--spacing-section-tablet);
		padding-bottom: var(--spacing-section-tablet);
	}

	.site-content > .container:not(.section) {
		padding-bottom: var(--spacing-section-tablet);
	}
}

@media (max-width: 959px) {
	.section {
		padding-top: var(--spacing-section-mobile);
		padding-bottom: var(--spacing-section-mobile);
	}

	.site-content > .container:not(.section) {
		padding-bottom: var(--spacing-section-mobile);
	}
}

.section-header {
	margin-bottom: var(--spacing-xl);
}

.section-title {
	margin-bottom: var(--spacing-s);
}

.section-subtitle {
	color: var(--color-foreground-muted);
}

/* Заголовок страницы в шаблонах content.php (нет обёртки .section —
   иначе заголовок прилипает к шапке). Ритм — по §5.

   Параметры самой шапки (padding, линия, типографика лида) переехали
   в дизайн-систему — см. .entry-header / .entry-title /
   .entry-header__subtitle в design-system.css (§9.21). */