/* Правки поверх темы mint3 — живут в mu-plugins, а не в style.css.
   Файлы темы на этом сайте регулярно откатываются к старым версиям, и правки
   в самой теме не переживают откат. Здесь они подключаются после стилей темы,
   поэтому выигрывают по порядку каскада. */

/* Блок «Рубрики». Правило `.section + .section { padding-top: 0 }` снимает
   верхний отступ у тонированной секции, а бордер у неё есть — подзаголовок
   ложится прямо на линию. */
.section.section--tint {
	padding-block: clamp(34px, 5vw, 60px);
}

/* Хиро. Миллиметровка `.grid-paper` с минорной клеткой 8 px во всю ширину
   экрана рябит. Оставляем мажорные линии 40 px очень слабым цветом и мягкую
   заливку сверху вниз. */
.home-hero.grid-paper {
	--hero-line: rgba(26, 30, 25, 0.028);
	background-image:
		linear-gradient(var(--hero-line) 1px, transparent 1px),
		linear-gradient(90deg, var(--hero-line) 1px, transparent 1px),
		linear-gradient(180deg, var(--paper) 0%, var(--surface) 60%);
	background-size: 40px 40px, 40px 40px, 100% 100%;
	background-position: -1px -1px, -1px -1px, 0 0;
}

:root[data-theme='dark'] .home-hero.grid-paper {
	--hero-line: rgba(233, 229, 218, 0.022);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme='light']) .home-hero.grid-paper {
		--hero-line: rgba(233, 229, 218, 0.022);
	}
}