/* МБУ АР «Молодёжный центр» — базовые стили сайта */
html, body, #allrecords { background-color: #080a0d; }
body { color: #f7f7fa; }
/* мягкие фиолетовые засветы фона, как в макете */
#allrecords { background-image: radial-gradient(circle at 8% 18%, rgba(99,75,149,0.10) 0%, rgba(99,75,149,0) 28%), radial-gradient(circle at 88% 42%, rgba(72,47,120,0.09) 0%, rgba(72,47,120,0) 30%); }
/* видимый фокус для доступности */
#allrecords a:focus-visible, #allrecords button:focus-visible, #allrecords input:focus-visible, #allrecords textarea:focus-visible { outline: 2px solid #c8b4ff; outline-offset: 3px; }
/* кнопка «Подать заявку» в шапке — градиент как в макете */
#allrecords .t-menu-base__buttons .t-btnflex { background-image: linear-gradient(100deg, #ffffff 0%, #ffffff 48%, #ffb9e5 100%) !important; }
#allrecords .t-menu-base__buttons .t-btnflex:hover { background-image: linear-gradient(100deg, #ffffff 0%, #ffdcf0 40%, #ffb9e5 100%) !important; }
/* всплывающая форма заявки: ссылки и чекбокс в фирменном цвете, кнопка с градиентом */
#allrecords .t-popup a, #allrecords .t-popup .t-checkbox__control a { color: #c8b4ff !important; text-decoration: underline; }
#allrecords .t-popup .t-checkbox__indicator { border-color: #c8b4ff !important; opacity: 1; }
#allrecords .t-popup .t-submit { background-image: linear-gradient(100deg, #ffffff 0%, #ffffff 48%, #ffb9e5 100%) !important; }
#allrecords .t-popup .t-input-error { color: #ff9cc8; }
#allrecords .t-popup .t-form__errorbox-text, #allrecords .t-popup .t-form__errorbox-item { color: #ff9cc8; }
/* перенос длинных слов на узких экранах (например, «конфиденциальности» в заголовке) */
#allrecords .tn-atom, #allrecords .t-cms__card__text, #allrecords .t-feed__post-popup__title, #allrecords .t-redactor__text { overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; }
/* шапка на ноутбуках 961–1200px: плотнее меню и кнопка, чтобы всё помещалось в одну строку */
@media screen and (min-width: 961px) and (max-width: 1200px) {
  #allrecords .t-menu-base__list { gap: 10px 18px !important; }
  #allrecords a.t-menu__link-item { font-size: 13px; }
  #allrecords .t-menu-base__maincontainer { gap: 10px 24px !important; }
  #allrecords .t-menu-base__textlogo { font-size: 15px; }
  #allrecords .t-menu-base__buttons .t-btnflex { padding-left: 14px !important; padding-right: 14px !important; font-size: 13px; }
  #allrecords .t-menu-base__maincontainer_logoleft .t-menu-base__leftwrapper.t-menu-base__leftwrapper_center { flex: 1 1 auto; justify-content: center; }
}
/* 961–1060px: кнопка в шапке не помещается — прячем её (форма доступна с главной и из блоков «Проведи мероприятие») */
@media screen and (min-width: 961px) and (max-width: 1060px) {
  #allrecords .t-menu-base__rightwrapper { display: none !important; }
}
/* ленты: картинка внутри карточки с отступом (список событий разделён штатным gap 14px) */
#allrecords .t-cms__card_tile .t-cms__card__cell_media { padding: 10px 10px 0 10px !important; }
#allrecords .t-cms__card_tile .t-cms__card__cell_media .t-cms__card__atom[data-fe-post-control="img"], #allrecords .t-cms__card_tile .t-cms__card__cell_media img, #allrecords .t-cms__card_tile .t-cms__card__atom_placeholder { border-radius: 12px !important; overflow: hidden; }
/* сетка карточек лент: промежуток между колонками (настройка блока column-gap не применяется) */
#allrecords .t2823__items.js-cms-container-cards { column-gap: 20px !important; row-gap: 20px !important; }
@media screen and (max-width: 640px) { #allrecords .t2823__items.js-cms-container-cards { column-gap: 16px !important; row-gap: 16px !important; } }

/* footer: org name must not be hyphenated */
#rec5070317401 .tn-atom { -webkit-hyphens: manual; hyphens: manual; }