/* =========================================================================
   Страница «Календарь мероприятий» — то, у чего нет своего компонента:
   H1 обеих раскладок и текстовый блок внизу месячной.

   Макет Figma HA2Vx4dnWPRDdb6SL7tM3y:
     140:4310   H1 «Календарь мероприятий», 1248×56, 48px Roboto Regular
     1403:12321 тот же H1 на месячной раскладке (561×56)
     1708:7899  сетка месяца 832×461, прижата к левому краю колонки 1248
     1601:8058  текстовый блок на плашке #C4C4C4, 1248×330
     1601:8060  текст внутри плашки

   Секции с компонентами описаны в style.css своих шаблонов:
   catalog.section/calendar-scale, catalog.section/calendar-month,
   catalog.section/calendar-promo, news.list/calendar-filter.

   Кегли заголовков пишутся с `.vine-main`, иначе общее правило
   `.vine-h1, .vine-main h1` перебивает макетное значение — грабля проекта.
   ========================================================================= */

.vine-main .calendar-page__title {
	margin: 0 0 var(--vine-gap, 16px);
	font-size: 48px;
	font-weight: 400;
	line-height: normal;
}

/* --------------------------------------------- сетка месяца (1708:7899) */

/* Сетка занимает 832 из 1248 и прижата влево: справа в макете пустая полоса
   416px на всю высоту блока. Ширину держит сам шаблон (max-width: 832px),
   секция остаётся обычным блоком и прижимает её к левому краю колонки.

   Флексом эту секцию делать нельзя: во flex-контейнере плашка получает ширину
   по содержимому и схлопывается — замер давал 560 вместо 832, а ячейка 68,65
   вместо 107,43. Ошибка тихая: вёрстка целая, просто уже. */
.calendar-page__month {
	margin-right: auto;
}

/* ------------------------------------- текстовый блок месяца (1601:8058) */

/*
   Плашка 1248×330 с текстом. Из макета в спецификацию волны попали фон
   (#C4C4C4) и габариты; радиус и внутренние поля там не зафиксированы,
   поэтому взяты те же, что у соседней плашки этой же раскладки
   (1708:7899 — radius 16, padding 16). Скрытый узел 1601:8061 (811×235,
   место под картинку) не строится — вопрос К12 к заказчику.

   Высота не прибивается: 330px макета — высота при макетном тексте, а в
   реальном контенте строк может быть больше. Минимум сохранён.
*/
.calendar-page__note {
	box-sizing: border-box;
	max-width: 1248px;
	min-height: 330px;
	padding: 16px;
	border-radius: 16px;
	background: #C4C4C4;
}

.calendar-page__note-text {
	margin: 0;
	font-size: var(--vine-fz-text, 18px);
	font-weight: 400;
	line-height: normal;
	color: var(--vine-color-text, #000000);
}