/* The question list and a full question share the rounded content surface. */
.questions-page { background: #062541; }
.questions-page__surface {
	background: #eff0f2;
	border-radius: 22px 22px 0 0;
	padding-top: 10px;
	min-height: 200px;
}
.questions-page__surface > :is(.cf-filters, .cfpc-filters) { margin-top: 0; }
.body__desktop .questions-page__surface { padding: 14px 12px 1px; }

/* Плашка страницы вопроса со стрелкой «назад» (questions/question_header.twig): синяя, над светлой подложкой, скругление верха даёт сама подложка */
.question_header { display: flex; align-items: center; gap: 10px; padding: 6px 10px 8px; background: #062541; position: sticky; top: 0; z-index: 10; }
.question_header__back { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; border: 1px solid #38516e; border-radius: 50%; background: linear-gradient(110deg, #193b59, #102e4e); cursor: pointer; }
.question_header__back svg { width: 20px; height: 20px; fill: #fff; }
.question_header__text { min-width: 0; }
.question_header__label { margin-bottom: 1px; font-size: 12px; line-height: 1.2; color: #afbee9; }
.question_header__title { min-width: 0; font-size: 16px; line-height: 1.25; font-weight: 700; color: #fff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.body__mobile .questions-page__surface { padding-top: 0; }
.body__mobile_question .main_block__mobile { margin-top: 0; }
/* sticky только на мобиле: body { overflow: hidden } из main.css делает body скролл-контейнером, clip контейнером не становится (как в settings.css). На ПК плашка обычная */
body.body__mobile:has(.question_header) { overflow: clip; }
.body__desktop .question_header { position: static; }

/* ПК: плашка белая со скруглённым верхом; синий фон .questions-page на ПК не нужен — иначе торчит за скруглёнными углами */
.body__desktop .questions-page { background: transparent; }
.body__desktop .question_header { padding: 14px 12px 8px; background: #fff; border-radius: 22px 22px 0 0; }
.body__desktop .question_header__back { border-color: #dfe5ee; background: #fff; box-shadow: 0 3px 8px #284e7615; }
.body__desktop .question_header__back svg { fill: #062541; }
.body__desktop .question_header__label { color: #59668e; }
.body__desktop .question_header__title { color: #090e30; }
.body__desktop .question_header + .questions-page__surface { border-radius: 0; padding-top: 14px; }
.question_header__sub { display: block; margin-top: 1px; font-size: 13px; line-height: 1.2; font-weight: 500; color: #afbee9; }
.body__desktop .question_header__sub { color: #59668e; }

/* h1 списка вопросов блоками (questions/list.twig), оформление как у плашки страницы вопроса */
.qlist_heading { margin: 0 0 5px 0; padding: 4px 13px 4px; font-weight: 400; }
.qlist_heading > span { display: block; }
.qlist_heading__label { margin-bottom: 1px; font-size: 12px; line-height: 1.2; color: #59668e; }
.qlist_heading__title { font-size: 20px; line-height: 1.2; font-weight: 700; color: #090e30; }
.qlist_heading__sub { margin-top: 2px; font-size: 14px; line-height: 1.2; font-weight: 500; color: #59668e; }
.qlist_heading__place, .qlist_heading__page { font-size: 13px; line-height: 1.2; color: #59668e; }
/* разделители остаются в тексте h1, но не видны (не visually-hidden из components.css: там visibility:hidden) */
.qlist_heading__sep { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.qlist_heading > .qlist_heading__sep { display: inline; }