/* Nature's Lines — общий шаблон страниц (волна W2, часть 1).
   Токены (--nl-*) объявлены в header.css :root. Поля страницы: 18 / 32 / 40 по
   ширинам, ровно как в эталоне 2.2 (мобильный 18, планшет 32, десктоп 40).
   Одна переменная --nl-wg, ею же пользуется свадебный лендинг, чтобы вылеты
   иллюстраций и лент за поля считались от одного числа. */

.nl-page {
	--nl-wg: 18px;
	font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
	color: var(--nl-ink, #222222);
}

@media (min-width: 768px) {
	.nl-page { --nl-wg: 32px; }
}

@media (min-width: 1024px) {
	.nl-page { --nl-wg: 40px; }
}

.nl-page__body {
	max-width: 1300px;
	margin: 0 auto;
	padding: 16px var(--nl-wg) 56px;
}

@media (min-width: 1024px) {
	.nl-page__body { padding: 22px var(--nl-wg) 80px; }
}

/* nav wave 4: те же крошки, что на архивах и карточке (catalog.css, single.css).
   Спека общая, но эти два листа на страницах не подключены, поэтому она повторена
   здесь и должна меняться вместе с ними. */
.nl-crumbs { display: flex; flex-wrap: wrap; align-items: center; font-size: 12.5px; color: var(--nl-mute, #6e6e6e); margin-bottom: 12px; }
.nl-crumbs__sep { margin: 0 6px; color: var(--nl-sage, #abc8bf); }
.nl-crumbs__link { color: var(--nl-mute, #6e6e6e); text-decoration: none; }
.nl-crumbs__link:hover { color: var(--nl-gold, #1c1c1c); }
.nl-crumbs__cur { color: var(--nl-ink, #222222); font-weight: 600; }

/* Обычная страница: узкая колонка текста, ширина как у контентной зоны карточки
   товара (nl-cz.css, 660px). */
.nl-page__title {
	font-weight: 300;
	font-size: clamp(28px, 5vw, 46px);
	line-height: 1.1;
	letter-spacing: -0.01em;
	margin: 0 0 18px;
}

/* ВАЖНО. Типографика прозы навешивается ТОЛЬКО на узкую запись. Раньше эти
   правила стояли просто на .nl-page__content и по специфичности перебивали
   собственные стили блоков внутри записи: заголовок раздела свадебного лендинга
   получал 30px 300 вместо своих 11px 700. Любая новая запись со своим блоком
   наступила бы на те же грабли, поэтому область действия сужена здесь, а не
   заплаткой в блоке. */
.nl-page__content { max-width: 660px; }
.nl-page__body--narrow .nl-page__content { font-size: 15px; line-height: 1.8; }
.nl-page__body--narrow .nl-page__content > * + * { margin-top: 14px; }
.nl-page__body--narrow .nl-page__content h2 { font-weight: 300; font-size: clamp(22px, 3.4vw, 30px); line-height: 1.15; margin: 34px 0 0; }
.nl-page__body--narrow .nl-page__content h3 { font-weight: 600; font-size: 18px; line-height: 1.3; margin: 26px 0 0; }
.nl-page__body--narrow .nl-page__content a { color: var(--nl-ink, #222222); }
.nl-page__content img { max-width: 100%; height: auto; }

/* Широкая запись (свадебный лендинг): колонка не сжимается, блок рисует свою сетку. */
.nl-page__body--wide .nl-page__content { max-width: none; }