/* SUNDUQ v266 — generated performance bundle. Source files remain in assets/. */

/* ---- assets/css/sunduq-dark-overrides.css ---- */
/*
SUNDUQ v9.4.5 - final dark surface guard.
Keeps old light section CSS from making unreadable white cards on the dark site.
*/

:root{
  --sd-bg:#06111b;
  --sd-surface:#0d1f30;
  --sd-surface-2:#10283b;
  --sd-surface-3:#132f46;
  --sd-line:rgba(255,255,255,.12);
  --sd-line-strong:rgba(255,255,255,.2);
  --sd-text:#f4f8ff;
  --sd-muted:#b8c6d6;
  --sd-soft:#8fa4bb;
  --sd-accent:#60a5fa;
  --sd-green:#22c55e;
  --sd-pink:#f0184f;
}

body{
  background:
    radial-gradient(circle at 16% 0%, rgba(96,165,250,.12), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(240,24,79,.12), transparent 30%),
    var(--sd-bg)!important;
  color:var(--sd-text)!important;
}

.marketSide,
.marketForm,
.marketCard,
.marketFull,
.sellerBox,
.ridesSide,
.rideForm,
.rideCard,
.rideFull,
.rideBox,
.eventsSide,
.eventForm,
.eventCard,
.eventFull,
.eventSideBox,
.musicSide,
.musicForm,
.trackCard,
.trackFull,
.musicPlayer,
.datingSide,
.datingCard,
.datingFull,
.infoBox,
.tourismSide,
.tourismForm,
.tourismCard,
.tourismFull,
.tourismBox,
.directorySide,
.directoryForm,
.directoryCard,
.directoryFull,
.directoryBox,
.jobsSide,
.jobForm,
.jobCard,
.resumeCard,
.jobFull,
.jobBox,
.realtySide,
.realtyForm,
.realtyCard,
.realtyFull,
.realtyBox,
.socialSide,
.socialCard,
.personCard,
.meetupCard,
.communityForm,
.communityCard,
.communityHero,
.communityPostForm,
.communityPost,
.communitySideBox,
.videoForm,
.videoCard,
.videoFull,
.authorBox,
.searchBox,
.resultGroup,
.resultItem,
.emptySearch,
.systemCard,
.profileHero,
.profileCard,
.roadmapItem,
.badgesBlock,
.badgeItem,
.achievement,
.achievementItem,
.sideCard,
.sideBox,
.mainNow,
.feedBox,
.feedList,
.feedPanel,
.topicFeed,
.pinnedTopics,
.pulseBar,
.feedLoader,
.post,
.rightCard,
.topicRow,
.topicCard,
.topicFull,
.topicComment,
.modalBox,
.messengerShell,
.dialogsPane,
.chatPane,
.chatHeader,
.messagesList,
.messageBubble,
.mapPanel,
.mapCanvasWrap,
.mapPopup,
.mapHint,
.badgeCard,
.achievementCard,
.activityItem,
.activityCard{
  background:linear-gradient(180deg,var(--sd-surface-2),var(--sd-surface))!important;
  border-color:var(--sd-line)!important;
  color:var(--sd-text)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.26)!important;
}

.marketPhoto,
.marketFullPhoto,
.calendarMini,
.eventDateBox,
.eventSideBox,
.rideDate,
.rideBox,
.tourismBox,
.directoryBox,
.jobBox,
.realtyBox,
.sellerBox,
.authorBox,
.infoBox,
.participantAvatar,
.sellerAvatar,
.directoryIcon,
.directoryFullIcon,
.rideIcon,
.communityAvatar,
.communityHeroAvatar,
.profileAvatar,
.resultIcon,
.dialogAvatar,
.searchUserAvatar,
.playerCover,
.mapPointIcon,
.messageRow.mine .messageBubble{
  background:rgba(255,255,255,.06)!important;
  border-color:var(--sd-line)!important;
  color:var(--sd-text)!important;
}

[style*="background:white"],
[style*="background: white"],
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#ffffff"],
[style*="background: #ffffff"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"],
[style*="background:rgb(255"],
[style*="background: rgb(255"],
[style*="background-color:rgb(255"],
[style*="background-color: rgb(255"]{
  background:linear-gradient(180deg,var(--sd-surface-2),var(--sd-surface))!important;
  border-color:var(--sd-line)!important;
  color:var(--sd-text)!important;
}

.marketCard h1,.marketCard h2,.marketCard h3,
.marketFull h1,.marketFull h2,.marketFull h3,
.rideCard h1,.rideCard h2,.rideCard h3,
.rideFull h1,.rideFull h2,.rideFull h3,
.eventCard h1,.eventCard h2,.eventCard h3,
.eventFull h1,.eventFull h2,.eventFull h3,
.trackCard h1,.trackCard h2,.trackCard h3,
.trackFull h1,.trackFull h2,.trackFull h3,
.datingCard h1,.datingCard h2,.datingCard h3,
.datingFull h1,.datingFull h2,.datingFull h3,
.tourismCard h1,.tourismCard h2,.tourismCard h3,
.tourismFull h1,.tourismFull h2,.tourismFull h3,
.directoryCard h1,.directoryCard h2,.directoryCard h3,
.directoryFull h1,.directoryFull h2,.directoryFull h3,
.jobCard h1,.jobCard h2,.jobCard h3,
.resumeCard h1,.resumeCard h2,.resumeCard h3,
.jobFull h1,.jobFull h2,.jobFull h3,
.realtyCard h1,.realtyCard h2,.realtyCard h3,
.realtyFull h1,.realtyFull h2,.realtyFull h3,
.socialCard h1,.socialCard h2,.socialCard h3,
.personCard h1,.personCard h2,.personCard h3,
.communityCard h1,.communityCard h2,.communityCard h3,
.communityHero h1,.communityHero h2,.communityHero h3,
.videoCard h1,.videoCard h2,.videoCard h3,
.videoFull h1,.videoFull h2,.videoFull h3,
.directoryCard b,
.resultItem b,
.topicRow b,
.card h1,.card h2,.card h3{
  color:var(--sd-text)!important;
  opacity:1!important;
  text-shadow:none!important;
}

.badgeItem b,
.achievement b,
.achievementItem b{
  color:var(--sd-text)!important;
  opacity:1!important;
}

.marketCard p,.marketFull p,
.rideCard p,.rideFull p,
.eventCard p,.eventFull p,
.trackCard p,.trackFull p,
.datingCard p,.datingFull p,
.tourismCard p,.tourismFull p,
.directoryCard p,.directoryFull p,
.jobCard p,.resumeCard p,.jobFull p,
.realtyCard p,.realtyFull p,
.socialCard p,.personCard p,
.communityCard p,.communityHero p,.communityPost p,
.videoCard p,.videoFull p,
.resultItem p,.topicRow p,.topicFull p,
.card p{
  color:var(--sd-muted)!important;
  opacity:1!important;
}

.badgeItem span,
.achievement span,
.achievementItem span,
.topicExcerpt{
  color:var(--sd-muted)!important;
  opacity:1!important;
}

.marketMeta,
.rideMeta,
.eventMeta,
.trackMeta,
.tourismMeta,
.directoryMeta,
.jobMeta,
.realtyMeta,
.communityMeta,
.videoMeta,
.topicMeta,
.topicFullMeta,
.dialogItem p,
.searchUser small,
.mapPopup small,
.checkLine,
small,
time{
  color:var(--sd-soft)!important;
  opacity:1!important;
}

input,
textarea,
select,
.dialogSearch,
.topicReply input,
.messageComposer textarea{
  background:#06111b!important;
  border-color:var(--sd-line-strong)!important;
  color:var(--sd-text)!important;
  box-shadow:none!important;
}

input::placeholder,
textarea::placeholder{
  color:#8fa4bb!important;
  opacity:1!important;
}

.marketFilters button,
.rideFilters button,
.eventFilters button,
.tourismFilters button,
.directoryFilters button,
.jobsFilters button,
.realty94Tabs button,
.communityFilters button,
.videoFilters button,
.datingFilters button,
.trackButtons button,
.eventActions button,
.rideActions button,
.tourismActions button,
.directoryActions button,
.jobActions button,
.videoActions button,
.topicReply button,
.joinBtn,
.goingBtn,
.contactBtn,
.externalLink{
  background:#132f46!important;
  border:1px solid var(--sd-line)!important;
  color:var(--sd-text)!important;
}

.marketFilters button.active,
.rideFilters button.active,
.eventFilters button.active,
.tourismFilters button.active,
.directoryFilters button.active,
.jobsFilters button.active,
.realty94Tabs button.active,
.communityFilters button.active,
.videoFilters button.active,
.datingFilters button.active,
.green,
.purple,
.pink,
.contactBtn,
.photoForm button,
.reviewForm button,
.responseForm button,
.joinForm button{
  background:var(--sd-pink)!important;
  border-color:transparent!important;
  color:#fff!important;
}

.rating,
.stars,
[class*="Rating"],
[class*="Stars"]{
  color:#ffb020!important;
}

.marketPrice,
.salary,
[class*="Price"]{
  color:#86efac!important;
  font-weight:1000!important;
}

.directoryCard:hover,
.jobCard:hover,
.resumeCard:hover,
.resultItem:hover,
.topicRow:hover,
.topicCard:hover,
.dialogItem:hover,
.dialogItem.active,
.mapPointItem:hover{
  background:linear-gradient(180deg,var(--sd-surface-3),var(--sd-surface-2))!important;
}

.x{
  background:#132f46!important;
  color:#fff!important;
}

@media(max-width:900px){
  .messengerShell,
  .marketFullGrid,
  .eventGrid,
  .tourismPlaceGrid,
  .directoryGridFull,
  .jobGrid,
  .rideGrid{
    grid-template-columns:1fr!important;
  }
}

/* ---- assets/css/site-theme.css ---- */
html.siteTheme-dark,
body.siteTheme-dark{
  background:
    radial-gradient(circle at 16% 0%, rgba(96,165,250,.12), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(240,24,79,.12), transparent 30%),
    #06111b!important;
}

.sunduqFooter{
  max-width:1180px;
  margin:28px auto 22px;
  padding:0 18px;
  display:flex;
  justify-content:center;
  gap:10px;
  color:#b8c6d6;
  font-weight:900;
}
.sunduqFooter a{
  color:#dbeafe;
  text-decoration:none;
}
.sunduqFooter a:hover{
  color:#fff;
}

html.siteTheme-light,
body.siteTheme-light{
  background:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.96), transparent 24%),
    linear-gradient(135deg,#eaf5ff 0%,#f8fbff 44%,#fef7e8 100%)!important;
  color:#102033!important;
}

body.siteTheme-light .v4Top,
body.siteTheme-light .siteHeader,
body.siteTheme-light .sunduqHeader{
  background:linear-gradient(180deg,#f3e6d1,#ead8bd)!important;
  border-bottom:1px solid rgba(92,64,42,.18)!important;
  color:#2a1d14!important;
  box-shadow:0 10px 28px rgba(92,64,42,.12)!important;
}

body.siteTheme-light .v4Top a,
body.siteTheme-light .v4Top button,
body.siteTheme-light .v4Top nav,
body.siteTheme-light .v4Top span,
body.siteTheme-light .siteHeader a,
body.siteTheme-light .siteHeader button,
body.siteTheme-light .siteHeader nav,
body.siteTheme-light .siteHeader span,
body.siteTheme-light .sunduqHeader a,
body.siteTheme-light .sunduqHeader button,
body.siteTheme-light .sunduqHeader nav,
body.siteTheme-light .sunduqHeader span{
  color:#2a1d14!important;
  opacity:1!important;
}

body.siteTheme-light .v4Top .brand,
body.siteTheme-light .siteHeader .brand,
body.siteTheme-light .sunduqHeader .brand{
  color:#1f160f!important;
}

body.siteTheme-light .v4Top .iconBtn,
body.siteTheme-light .siteHeader .iconBtn,
body.siteTheme-light .sunduqHeader .iconBtn{
  background:#102033!important;
  color:#fff!important;
}

body.siteTheme-light .profilePage,
body.siteTheme-light .appShell,
body.siteTheme-light main{
  color:#102033;
}

html.siteTheme-weather.siteWeather-sun,
body.siteTheme-weather.siteWeather-sun{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,245,180,.9), transparent 10%),
    repeating-conic-gradient(from 18deg at 18% 18%, rgba(255,223,112,.24) 0 7deg, transparent 7deg 17deg),
    linear-gradient(135deg,#0b243a 0%,#1b6f8a 42%,#e39b22 100%)!important;
}

html.siteTheme-weather.siteWeather-rain,
body.siteTheme-weather.siteWeather-rain{
  background:
    repeating-linear-gradient(115deg, rgba(191,219,254,.24) 0 2px, transparent 2px 24px),
    linear-gradient(135deg,#07111d 0%,#17314a 55%,#334155 100%)!important;
}

html.siteTheme-weather.siteWeather-snow,
body.siteTheme-weather.siteWeather-snow{
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.9) 0 3px, transparent 4px),
    radial-gradient(circle at 44% 30%, rgba(255,255,255,.75) 0 4px, transparent 5px),
    radial-gradient(circle at 78% 16%, rgba(255,255,255,.85) 0 3px, transparent 4px),
    linear-gradient(135deg,#10283b 0%,#3b82a7 48%,#e0f2fe 100%)!important;
}

html.siteTheme-weather.siteWeather-fog,
body.siteTheme-weather.siteWeather-fog,
html.siteTheme-weather.siteWeather-cloud,
body.siteTheme-weather.siteWeather-cloud{
  background:
    linear-gradient(170deg, transparent 18%, rgba(226,232,240,.18) 19%, transparent 34%),
    linear-gradient(190deg, transparent 42%, rgba(226,232,240,.16) 43%, transparent 58%),
    linear-gradient(135deg,#06111b 0%,#1f2937 52%,#64748b 100%)!important;
}

/* ---- assets/css/header-city-v143.css ---- */
/* SUNDUQ v143 — шапка в одну строку + меню поверх плеера радио.
   Заменяет header-city-v142.css.

   Что было не так: шапка главной — CSS-сетка с жёсткими колонками
   (grid-template-columns: 1fr auto). Добавленные кнопка «☰» и выбор
   города в эти колонки не поместились и перенеслись второй строкой,
   налезая на ленту.

   Решение: на узких экранах шапка становится обычной строкой (flex),
   всё выстраивается по горизонтали, а выбор города уезжает в меню —
   в шапке телефона ему всё равно не хватает места. */

/* ------------------------------------------------- панель фильтров долой */
.nhFilterBar { display: none !important; }

/* ------------------------------------------------------- город в шапке */
.suHeaderCity { position: relative; margin-left: 10px; }

.suHeaderCity > button,
.suHeaderCity .nhCitySelect > button {
  display: inline-flex; align-items: center; gap: 7px;
  height: 42px; padding: 0 14px;
  border: 1px solid #1b3d52; border-radius: 14px;
  background: #091d2c; color: #dfeaf2;
  font: inherit; font-size: 14.5px; font-weight: 600;
  cursor: pointer; white-space: nowrap; min-width: 0;
}
.suHeaderCity button:hover { background: #102b3d; border-color: #31556c; }
.suHeaderCity button i { font-style: normal; color: #6f8da1; font-size: 12px; }
.suHeaderCity button > span:first-child { color: #f0184f; font-size: 10px; }

.suHeaderCity .nhCityMenu {
  position: absolute; top: calc(100% + 6px); left: 0; z-index: 220;
  min-width: 190px; background: #0e1e2e; border: 1px solid #1c3348;
  border-radius: 12px; box-shadow: 0 14px 34px rgba(0,0,0,.5); padding: 6px;
}
.suHeaderCity .nhCityMenu.hidden { display: none; }
.suHeaderCity .nhCityMenu button {
  display: block; width: 100%; text-align: left; height: auto;
  background: transparent; border: 0; color: #e8eef5;
  padding: 9px 12px; border-radius: 8px; font: inherit; font-size: 14.5px; cursor: pointer;
}
.suHeaderCity .nhCityMenu button:hover { background: #12283b; }

/* --------------------------------------------- типы под кнопкой «☷» */
.nhTypeFilters.suTypesTucked { display: none; gap: 8px; flex-wrap: wrap; padding: 10px 0 4px; }
.nhTypeFilters.suTypesTucked.su-open { display: flex; }

/* ------------------------------------------------ меню разделов */
.suHomeMenuBtn {
  display: none; width: 42px; height: 42px; flex: 0 0 auto;
  border: 1px solid #1b3d52; border-radius: 14px;
  background: #091d2c; color: #dfeaf2; font-size: 19px;
  cursor: pointer; place-items: center; margin-right: 10px;
}
.suHomeMenu {
  position: fixed; top: 0; left: 0; bottom: 0;
  width: min(86vw, 330px); z-index: 9800;
  background: #06111b; border-right: 1px solid #1c3348;
  padding: 16px 12px; overflow-y: auto;
  box-shadow: 0 0 60px rgba(0,0,0,.6);
}
.suHomeMenu.hidden { display: none; }
.suHomeMenu a {
  display: block; padding: 12px 14px; border-radius: 11px;
  color: #e8eef5; text-decoration: none; font-size: 15.5px;
}
.suHomeMenu a:hover { background: #12283b; }
.suHomeMenuShade {
  position: fixed; inset: 0; z-index: 9790;
  background: rgba(3,10,17,.6); backdrop-filter: blur(2px);
}
.suHomeMenuShade.hidden { display: none; }

/* Город, переехавший внутрь меню. */
.suHomeMenu .suHeaderCity {
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #1c3348;
}
.suHomeMenu .suHeaderCity > button,
.suHomeMenu .suHeaderCity .nhCitySelect > button { width: 100%; justify-content: flex-start; height: 46px; }
.suHomeMenu .suHeaderCity .nhCityMenu { position: static; box-shadow: none; margin-top: 6px; width: 100%; }

/* ============================================ мобильный: одна строка */
@media (max-width: 900px) {

  /* Ключевое: сетка превращается в строку, поэтому ничего не переносится. */
  header.nhTop {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap !important;
    gap: 8px;
    height: 58px !important;
    padding: 0 12px !important;
    overflow: hidden;
  }
  header.nhTop .nhBrand { flex: 1 1 auto; min-width: 0; overflow: hidden; }
  header.nhTop .nhBrandText { min-width: 0; overflow: hidden; }
  header.nhTop .nhBrandText b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 16px !important; }
  header.nhTop .nhBrandText small { display: none !important; }
  header.nhTop .nhMainNav { display: none !important; }

  header.nhTop .nhHeaderActions {
    display: flex !important;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    margin-left: auto;
  }
  /* Круглые кнопки в шапке телефона не нужны: поиск, сообщения
     и уведомления есть в нижней панели. */
  header.nhTop .nhHeaderActions .nhCircleBtn { display: none !important; }

  /* Город в шапке телефона не помещается — он переезжает в меню. */
  header.nhTop .suHeaderCity { display: none !important; }

  header.nhTop .nhUserMenuWrap { display: flex !important; align-items: center; gap: 4px; flex: 0 0 auto; }
  header.nhTop .nhAuthBox { display: flex !important; }
  header.nhTop .nhUserArrow { display: none !important; }
  header.nhTop .nhWriteBtn { display: none !important; }

  .suHomeMenuBtn { display: grid !important; width: 40px; height: 40px; margin-right: 0; }

  /* Общая шапка внутренних страниц: возвращаем вход. */
  .suTop .suUser #authBox { display: flex !important; align-items: center; }

  .suTop .suUser #authBox button,
  .suTop .suUser #authBox .profile,
  header.nhTop .nhAuthBox button,
  header.nhTop .nhAuthBox .profile,
  header.nhTop .nhAuthBox a {
    display: inline-flex; align-items: center; gap: 6px;
    height: 38px; padding: 0 13px; border-radius: 12px;
    border: 1px solid #1b3d52; background: #091d2c; color: #e8eef5;
    font: inherit; font-size: 13.5px; font-weight: 600;
    text-decoration: none; white-space: nowrap;
    max-width: 128px; overflow: hidden; text-overflow: ellipsis;
  }
  .suTop .suUser #authBox button,
  header.nhTop .nhAuthBox button {
    background: #f0184f; border-color: #f0184f; color: #fff;
  }
}

@media (max-width: 420px) {
  header.nhTop .nhBrandText b { font-size: 15px !important; }
  header.nhTop .nhAuthBox button,
  header.nhTop .nhAuthBox .profile,
  header.nhTop .nhAuthBox a { max-width: 104px; }
}

/* ------------------------------------------------------- светлая тема */
body.siteTheme-light .suHeaderCity > button,
body.siteTheme-light .suHeaderCity .nhCitySelect > button,
body.siteTheme-light .suHomeMenuBtn { background: #fff; border-color: #dbe6f0; color: #102033; }
body.siteTheme-light .suHeaderCity .nhCityMenu,
body.siteTheme-light .suHomeMenu { background: #fff; border-color: #dbe6f0; }
body.siteTheme-light .suHeaderCity .nhCityMenu button,
body.siteTheme-light .suHomeMenu a { color: #102033; }
body.siteTheme-light .suHeaderCity .nhCityMenu button:hover,
body.siteTheme-light .suHomeMenu a:hover { background: #f1f6fb; }

/* ---------------------------------------------- меню и плеер радио
   У мини-плеера радио z-index 9700 — он оказывался поверх открытого
   меню и перекрывал пункты. Меню поднято выше, а сам плеер на время
   прячется: два слоя друг на друге всё равно нечитаемы. */
body.su-menu-open #su112MiniRadio,
body.su-menu-open .su112MiniRadio,
body.su-menu-open #su127Restore { display: none !important; }

/* Нижняя панель навигации тоже уходит под меню. */
body.su-menu-open .nhMobileNav,
body.su-menu-open .su112MobileNav { z-index: 1 !important; }

/* ---- assets/css/sunduq-unified-header-v196.css ---- */
/* SUNDUQ v175 — единая шапка, исправлен контраст имени пользователя. */
:root{--suh-bg:#03111c;--suh-panel:#0b2132;--suh-panel-2:#102a3d;--suh-line:#1d3b50;--suh-text:#f3f7fb;--suh-muted:#8ea5b6;--suh-blue:#238cff;--suh-pink:#f51d5c}
.suUnifiedHeader{position:sticky;top:0;z-index:900;min-height:76px;width:100%;display:grid;grid-template-columns:minmax(260px,330px) minmax(440px,1fr) auto;align-items:center;gap:22px;padding:0 28px;background:rgba(2,15,25,.97);border-bottom:1px solid rgba(80,126,157,.28);box-shadow:0 8px 30px rgba(0,0,0,.14);backdrop-filter:blur(18px);box-sizing:border-box}
.suUnifiedMenuBtn{display:none;width:44px;height:44px;border:1px solid var(--suh-line);border-radius:14px;background:var(--suh-panel);color:var(--suh-text);font-size:20px;cursor:pointer}
.suUnifiedBrand{display:flex;align-items:center;gap:14px;min-width:0;color:var(--suh-text)!important;text-decoration:none!important}
.suUnifiedBrandMark{position:relative;display:inline-block;flex:0 0 auto;width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#ff275f,#ed1451);box-shadow:0 10px 26px rgba(245,29,92,.24)}
.suUnifiedBrandMark i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff}.suUnifiedBrandMark i:nth-child(1){left:14px;top:22px}.suUnifiedBrandMark i:nth-child(2){left:29px;top:14px}.suUnifiedBrandMark i:nth-child(3){left:31px;top:31px}
.suUnifiedBrandText{display:flex;flex-direction:column;min-width:0}.suUnifiedBrandText b{font-size:21px;line-height:1.1;white-space:nowrap}.suUnifiedBrandText em{font-style:normal;color:#70899c}.suUnifiedBrandText small{margin-top:5px;color:var(--suh-muted);font-size:13px;font-weight:600;white-space:nowrap}
.suUnifiedNav{height:76px;display:flex;align-items:center;justify-content:center;gap:30px;min-width:0}
.suUnifiedNav>a,.suUnifiedNav>button,.suUnifiedMoreBtn{position:relative;height:100%;display:flex;align-items:center;border:0;background:transparent;color:#d5e0e9!important;text-decoration:none!important;font:inherit;font-size:15px;font-weight:800;white-space:nowrap;cursor:pointer;padding:0}
.suUnifiedNav>a:hover,.suUnifiedNav>button:hover,.suUnifiedMoreBtn:hover{color:#fff!important}
.suUnifiedNav>a.active:after,.suUnifiedMoreBtn.active:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:3px;border-radius:3px;background:var(--suh-pink)}
.suUnifiedMoreWrap{position:relative;height:100%;display:flex;align-items:center}.suUnifiedMoreBtn{gap:6px}.suUnifiedMoreBtn span{font-size:12px;color:#829aac}
.suUnifiedMoreMenu,.suUnifiedProfileMenu,.suUnifiedCityMenu{position:absolute;top:calc(100% + 8px);z-index:990;min-width:210px;padding:8px;border:1px solid var(--suh-line);border-radius:15px;background:#0a1d2c;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.suUnifiedMoreMenu{left:-12px;display:grid;grid-template-columns:1fr 1fr;min-width:390px;gap:2px}.suUnifiedMoreMenu.hidden,.suUnifiedProfileMenu.hidden,.suUnifiedCityMenu.hidden{display:none!important}
.suUnifiedMoreMenu a,.suUnifiedProfileMenu a{display:block;padding:10px 12px;border-radius:9px;color:#dce8f0!important;text-decoration:none!important;font-size:14px;font-weight:650}.suUnifiedMoreMenu a:hover,.suUnifiedProfileMenu a:hover{background:#143149;color:#fff!important}
.suUnifiedActions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.suUnifiedCitySelect{position:relative}.suUnifiedCitySelect>button{height:44px;display:flex;align-items:center;gap:8px;min-width:172px;padding:0 15px;border:1px solid var(--suh-line);border-radius:15px;background:var(--suh-panel);color:#e9f0f5;font:inherit;font-weight:750;cursor:pointer;white-space:nowrap}.suUnifiedCitySelect>button>span{color:var(--suh-pink);font-size:10px}.suUnifiedCitySelect>button i{font-style:normal;color:#839bac;font-size:12px;margin-left:auto}.suUnifiedCityMenu{right:0;min-width:190px}.suUnifiedCityMenu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#dce8f0;text-align:left;font:inherit;font-size:14px;cursor:pointer}.suUnifiedCityMenu button:hover{background:#143149}
.suUnifiedIconBtn{position:relative;width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--suh-line);border-radius:15px;background:var(--suh-panel);color:#e4edf4;cursor:pointer}.suUnifiedIconBtn:hover{background:var(--suh-panel-2);border-color:#31566e}.suUnifiedIconBtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.suUnifiedUserWrap{position:relative;min-width:176px;height:44px;display:flex;align-items:center;border:1px solid var(--suh-line);border-radius:23px;background:var(--suh-panel);overflow:visible}.suUnifiedAuthBox{flex:1;min-width:0}.suUnifiedAuthBox .profile,.suUnifiedAuthBox>button{width:100%;height:42px;display:flex;align-items:center;gap:7px;padding:0 8px 0 15px;border:0;text-decoration:none!important;font:inherit;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.suUnifiedAuthBox#authBox .profile{background:#fff!important;color:#142232!important;border-radius:22px 0 0 22px!important}.suUnifiedAuthBox#authBox .profile:hover{background:#edf3f8!important;color:#07131f!important}.suUnifiedAuthBox>button{justify-content:center;background:#fff!important;color:#142232!important;border-radius:22px}.suUnifiedUserArrow{width:38px;height:42px;border:0;border-left:1px solid rgba(84,126,153,.32);border-radius:0 22px 22px 0;background:transparent;color:#e5edf3;cursor:pointer}.suUnifiedUserArrow:hover{background:#143149;color:#fff}.suUnifiedProfileMenu{right:0;top:52px;min-width:190px}
.suUnifiedWriteBtn{height:46px;display:flex;align-items:center;gap:8px;padding:0 22px;border:1px solid #31495a;border-radius:16px;background:linear-gradient(180deg,#122a3a,#0c2130);color:#fff;font:inherit;font-weight:850;font-size:16px;cursor:pointer;white-space:nowrap;box-shadow:inset 0 -12px 24px rgba(245,29,92,.12)}.suUnifiedWriteBtn:hover{border-color:#4b6b80;transform:translateY(-1px)}
.suUnifiedDrawer{position:fixed;left:0;top:0;bottom:0;z-index:10020;width:min(88vw,350px);padding:16px 13px;background:#06131e;border-right:1px solid var(--suh-line);box-shadow:0 0 70px rgba(0,0,0,.68);overflow-y:auto;transform:translateX(-105%);transition:transform .2s ease}.suUnifiedDrawer.open{transform:translateX(0)}.suUnifiedDrawerHead{display:flex;align-items:center;justify-content:space-between;padding:0 3px 14px;border-bottom:1px solid var(--suh-line)}.suUnifiedDrawerHead a{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important}.suUnifiedDrawerHead .suUnifiedBrandMark{width:38px;height:38px;border-radius:12px}.suUnifiedDrawerHead .suUnifiedBrandMark i{width:5px;height:5px}.suUnifiedDrawerHead .suUnifiedBrandMark i:nth-child(1){left:10px;top:16px}.suUnifiedDrawerHead .suUnifiedBrandMark i:nth-child(2){left:22px;top:10px}.suUnifiedDrawerHead .suUnifiedBrandMark i:nth-child(3){left:23px;top:23px}.suUnifiedDrawerHead button{width:38px;height:38px;border:0;border-radius:11px;background:#112a3d;color:#fff;font-size:25px;cursor:pointer}.suUnifiedDrawer nav{display:grid;gap:3px;padding-top:10px}.suUnifiedDrawer nav a{display:block;padding:12px 13px;border-radius:10px;color:#e1ebf2!important;text-decoration:none!important;font-size:15px;font-weight:650}.suUnifiedDrawer nav a:hover{background:#122d42}.suUnifiedDrawerCity{padding:13px 4px 7px;border-bottom:1px solid var(--suh-line)}.suUnifiedDrawerCity>b{display:block;margin-bottom:9px;color:#8da5b5;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.suUnifiedDrawerCity>div{display:flex;flex-wrap:wrap;gap:6px}.suUnifiedDrawerCity button{padding:8px 10px;border:1px solid var(--suh-line);border-radius:9px;background:#0d2638;color:#e5edf3;font:inherit;font-size:13px;cursor:pointer}.suUnifiedDrawerShade{position:fixed;inset:0;z-index:10010;background:rgba(0,6,11,.64);backdrop-filter:blur(3px)}.suUnifiedDrawerShade.hidden{display:none!important}body.su-unified-menu-open{overflow:hidden}body.su-unified-menu-open #su112MiniRadio,body.su-unified-menu-open .su112MiniRadio{display:none!important}
@media(max-width:1540px){.suUnifiedHeader{grid-template-columns:minmax(240px,285px) minmax(400px,1fr) auto;gap:14px;padding:0 20px}.suUnifiedNav{gap:20px}.suUnifiedBrandText b{font-size:19px}.suUnifiedBrandText small{font-size:12px}.suUnifiedCitySelect>button{min-width:154px;padding:0 12px}.suUnifiedWriteBtn{padding:0 17px}.suUnifiedUserWrap{min-width:160px}}
@media(max-width:1260px){.suUnifiedNav{gap:17px}.suUnifiedNav>button:nth-of-type(1){display:none}.suUnifiedCitySelect{display:none}.suUnifiedHeader{grid-template-columns:250px minmax(350px,1fr) auto}.suUnifiedWriteBtn{padding:0 14px}.suUnifiedWriteBtn span{display:none}}
@media(max-width:1020px){.suUnifiedHeader{grid-template-columns:230px 1fr auto}.suUnifiedNav>a:nth-of-type(3){display:none}.suUnifiedActions .suUnifiedIconBtn:nth-of-type(2){display:none}.suUnifiedUserWrap{min-width:145px}}
@media(max-width:900px){.suUnifiedHeader{min-height:62px;height:62px;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;padding:0 12px}.suUnifiedMenuBtn{display:grid;place-items:center}.suUnifiedBrandMark{width:40px;height:40px;border-radius:13px}.suUnifiedBrandMark i{width:5px;height:5px}.suUnifiedBrandMark i:nth-child(1){left:11px;top:17px}.suUnifiedBrandMark i:nth-child(2){left:23px;top:11px}.suUnifiedBrandMark i:nth-child(3){left:24px;top:24px}.suUnifiedBrandText b{font-size:17px}.suUnifiedBrandText small{display:none}.suUnifiedNav,.suUnifiedCitySelect,.suUnifiedActions>.suUnifiedIconBtn,.suUnifiedUserArrow,.suUnifiedWriteBtn{display:none!important}.suUnifiedActions{gap:0}.suUnifiedUserWrap{display:flex;min-width:0;width:auto;height:40px;border:0;background:transparent}.suUnifiedAuthBox#authBox .profile,.suUnifiedAuthBox>button{width:auto;max-width:128px;height:40px;padding:0 12px;border:1px solid var(--suh-line);border-radius:13px!important;background:var(--suh-panel)!important;color:#f3f7fb!important;font-size:13px}.suUnifiedAuthBox>button{background:var(--suh-pink)!important;border-color:var(--suh-pink);color:#fff!important}}
@media(max-width:520px){.suUnifiedBrandText b{font-size:15px}.suUnifiedBrandText em{display:none}.suUnifiedAuthBox .profile,.suUnifiedAuthBox>button{max-width:100px;padding:0 9px}}
body.siteTheme-light .suUnifiedHeader{background:rgba(255,255,255,.97);border-color:#dbe6ef}.siteTheme-light .suUnifiedBrandText b,.siteTheme-light .suUnifiedNav>a,.siteTheme-light .suUnifiedNav>button,.siteTheme-light .suUnifiedMoreBtn{color:#142334!important}.siteTheme-light .suUnifiedBrandText small{color:#64798a}.siteTheme-light .suUnifiedCitySelect>button,.siteTheme-light .suUnifiedIconBtn,.siteTheme-light .suUnifiedUserWrap{background:#f5f8fb;border-color:#d9e5ed;color:#142334}.siteTheme-light .suUnifiedMoreMenu,.siteTheme-light .suUnifiedProfileMenu,.siteTheme-light .suUnifiedCityMenu,.siteTheme-light .suUnifiedDrawer{background:#fff;border-color:#d9e5ed}.siteTheme-light .suUnifiedMoreMenu a,.siteTheme-light .suUnifiedProfileMenu a,.siteTheme-light .suUnifiedCityMenu button,.siteTheme-light .suUnifiedDrawer nav a{color:#142334!important}

/* SUNDUQ v196 — menu restoration after messenger patches and responsive hardening. */
.suUnifiedHeader{
  z-index:12000!important;
  isolation:isolate;
  overflow:visible!important;
  pointer-events:auto!important;
  grid-template-columns:minmax(220px,300px) minmax(0,1fr) auto;
}
.suUnifiedHeader *{box-sizing:border-box}
.suUnifiedNav,.suUnifiedMoreWrap,.suUnifiedActions,.suUnifiedMoreBtn,.suUnifiedMenuBtn{
  pointer-events:auto!important;
}
.suUnifiedNav{gap:clamp(14px,1.55vw,30px);overflow:visible!important}
.suUnifiedMoreWrap{flex:0 0 auto;z-index:3}
.suUnifiedMoreBtn{min-width:max-content!important}
.suUnifiedMoreMenu,.suUnifiedProfileMenu,.suUnifiedCityMenu{z-index:12150!important}
.suUnifiedDrawer{z-index:12250!important}
.suUnifiedDrawerShade{z-index:12240!important}

@media(max-width:1500px){
  .suUnifiedHeader{grid-template-columns:minmax(205px,260px) minmax(0,1fr) auto;gap:12px;padding-inline:18px}
  .suUnifiedBrandText b{font-size:18px}
  .suUnifiedBrandText small{font-size:11px}
  .suUnifiedActions{gap:7px}
  .suUnifiedCitySelect>button{min-width:145px}
  .suUnifiedWriteBtn{padding-inline:14px}
}
@media(max-width:1320px){
  .suUnifiedHeader{grid-template-columns:minmax(185px,225px) minmax(0,1fr) auto}
  .suUnifiedBrandText small{display:none}
  .suUnifiedBrandMark{width:46px;height:46px;border-radius:15px}
  .suUnifiedNav{gap:14px}
  .suUnifiedCitySelect{display:none!important}
  .suUnifiedUserWrap{min-width:150px}
}
@media(max-width:1120px){
  .suUnifiedHeader{grid-template-columns:190px minmax(0,1fr) auto;padding-inline:12px}
  .suUnifiedNav>a{font-size:14px}
  .suUnifiedWriteBtn{width:46px;padding:0!important;justify-content:center}
  .suUnifiedWriteBtn span{display:inline!important}
  .suUnifiedWriteBtn{font-size:0}
  .suUnifiedActions .suUnifiedIconBtn:nth-of-type(2){display:none}
}
@media(max-width:980px){
  .suUnifiedHeader{min-height:62px;height:62px;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;padding:0 12px}
  .suUnifiedMenuBtn{display:grid!important;place-items:center}
  .suUnifiedNav,.suUnifiedCitySelect,.suUnifiedActions>.suUnifiedIconBtn,.suUnifiedUserArrow,.suUnifiedWriteBtn{display:none!important}
  .suUnifiedActions{display:flex!important;gap:0}
  .suUnifiedUserWrap{display:flex;min-width:0;width:auto;height:40px;border:0;background:transparent}
}

/* v224: guests on desktop get one Login control, never a profile dropdown. */
.suUnifiedUserArrow.hidden{display:none!important}
.suUnifiedUserWrap.suUnifiedGuest .suUnifiedAuthBox{width:100%}
.suUnifiedUserWrap.suUnifiedGuest .suUnifiedAuthBox>button{border-radius:22px!important}
.suUnifiedUserWrap.suUnifiedGuest .suUnifiedProfileMenu{display:none!important}

/* ---- assets/css/mobile-nav-v202.css ---- */
@media (max-width: 900px) {
  .su202MobileNav .su202NavIcon {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: currentColor;
  }

  .su202MobileNav .su202NavIcon svg {
    width: 25px;
    height: 25px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .su202MobileNav .su202ComposeIcon,
  .su202MobileNav .nhMobilePlus.su202NavIcon,
  .su202MobileNav .su112ComposeIcon.su202NavIcon {
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    background: #f51c58 !important;
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(245, 28, 88, .38) !important;
  }

  .su202MobileNav .su202ComposeIcon svg,
  .su202MobileNav .nhMobilePlus.su202NavIcon svg,
  .su202MobileNav .su112ComposeIcon.su202NavIcon svg {
    width: 32px;
    height: 32px;
    stroke-width: 2.3;
  }

  .su202MobileNav a,
  .su202MobileNav button {
    -webkit-tap-highlight-color: transparent;
  }

  .su202MobileNav a.active .su202NavIcon,
  .su202MobileNav button.active .su202NavIcon {
    color: #ff4c79;
  }

}

.trustGuestProfile {
  width: min(720px, calc(100% - 28px));
  margin: 28px auto 120px;
  padding: 34px 24px;
  border: 1px solid #23465d;
  border-radius: 28px;
  background: rgba(7, 27, 42, .94);
  color: #eaf4fb;
  text-align: center;
}

.trustGuestProfile h1 {
  margin: 0 0 12px;
  font-size: clamp(30px, 8vw, 48px);
}

.trustGuestProfile p {
  margin: 0 auto 24px;
  max-width: 520px;
  color: #9bb1c2;
  font-size: 17px;
  line-height: 1.5;
}

.trustGuestProfile button {
  min-height: 52px;
  padding: 0 26px;
  border: 0;
  border-radius: 16px;
  background: #f51c58;
  color: #fff;
  font: inherit;
  font-weight: 800;
}

/* ---- assets/css/alerts-v129.css ---- */
/* SUNDUQ v129 — «Важно сегодня» как оповещения, а не лента ссылок.
   Карточка больше не уводит на чужой сайт: текст читается на месте. */

.nhImportantItem {
  display: block;
  cursor: default;
  border-radius: 14px;
  border: 1px solid #173a4f;
  background: linear-gradient(145deg, rgba(12,34,49,.98), rgba(7,25,38,.98));
  padding: 12px 14px;
  margin-bottom: 7px;
  color: #edf6ff;
  text-decoration: none;
}

/* Экстренное — красная полоса слева, спокойное — синяя */
.nhImportantItem.red  { border-left: 4px solid #f0184f; }
.nhImportantItem.blue { border-left: 4px solid #60a5fa; }

.nhImportantItem .nhOfficialHead {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
}
.nhImportantItem .nhOfficialLogo {
  width: 30px; height: 30px;
  border-radius: 9px;
  display: grid; place-items: center;
  background: #102b3d;
  border: 1px solid #1b3d52;
  font-size: 15px;
  flex: 0 0 auto;
}
.nhImportantItem.red .nhOfficialLogo {
  background: rgba(240,24,79,.14);
  border-color: #74374b;
}
.nhImportantItem .nhOfficialHead b {
  display: block;
  font-size: 13.5px;
  line-height: 1.25;
  color: #edf6ff;
}
.nhImportantItem .nhOfficialHead small {
  display: block;
  font-size: 12px;
  color: #6f8da1;
}
.nhVerified { color: #35c46a; font-size: 11px; }

.nhImportantKind {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .2px;
  text-transform: uppercase;
  padding: 3px 9px;
  border-radius: 999px;
  background: #102b3d;
  color: #93a9bf;
  margin-bottom: 7px;
}
.nhImportantItem.red .nhImportantKind {
  background: #f0184f;
  color: #fff;
}

/* Заголовок оповещения — крупнее, чем было: его читают, а не кликают */
.nhAlertTitle {
  margin: 0 0 5px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.32;
  color: #edf6ff;
}
.nhAlertText {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: #a8bacd;
}
.nhAlertFoot {
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid rgba(66,105,130,.22);
  font-size: 11.5px;
  color: #6f8da1;
}

body.siteTheme-light .nhImportantItem {
  background: linear-gradient(145deg, #ffffff, #f7fbff);
  border-color: #dbe6f0;
  color: #102033;
}
body.siteTheme-light .nhAlertTitle { color: #102033; }
body.siteTheme-light .nhAlertText { color: #4a5f75; }
body.siteTheme-light .nhImportantItem .nhOfficialLogo { background: #f1f6fb; border-color: #dbe6f0; }

/* ---- assets/css/su-kit-v128.css ---- */
/* SUNDUQ v128 — общий набор для внутренних страниц.
   Значения взяты из главной (sunduq-home-neighbors-v102.css),
   а не придуманы заново. Главная не меняется — она эталон.

   Зачем это нужно: внутренние страницы написаны под СВЕТЛУЮ тему
   (background:white, border:#e5e7eb), а тёмный вид навязывается сверху
   файлом sunduq-dark-overrides.css. Отсюда несочетаемые оттенки:
   каждый экран выглядит немного по-своему.

   Здесь цвета заданы переменными и переключаются вместе с темой,
   поэтому и в тёмной, и в светлой всё сходится. */

:root,
body.siteTheme-dark {
  /* Поверхности — с главной */
  --k-card: linear-gradient(145deg, rgba(12,34,49,.98), rgba(7,25,38,.98));
  --k-card-flat: #0b2030;
  --k-card-2: #102b3d;
  --k-line: #173a4f;
  --k-line-hover: #28546d;
  --k-line-soft: rgba(66,105,130,.22);

  /* Текст */
  --k-text: #edf6ff;
  --k-muted: #93a9bf;
  --k-dim: #6f8da1;
  --k-link: #84baff;

  /* Акценты */
  --k-accent: #f0184f;
  --k-accent-soft: #ffc3d2;
  --k-blue: #2b7fd4;

  /* Форма */
  --k-radius: 14px;          /* карточки на главной */
  --k-radius-lg: 18px;
  --k-radius-sm: 11px;
  --k-radius-pill: 999px;
  --k-shadow: 0 5px 18px rgba(0,0,0,.22);
  --k-shadow-lg: 0 14px 38px rgba(0,0,0,.28);

  /* Ритм */
  --k-gap: 7px;              /* расстояние между карточками ленты */
  --k-pad: 12px 14px;        /* внутренние отступы карточки */
  --k-head: 54px;            /* высота шапки раздела */
}

body.siteTheme-light {
  --k-card: linear-gradient(145deg, #ffffff, #f7fbff);
  --k-card-flat: #ffffff;
  --k-card-2: #f1f6fb;
  --k-line: #dbe6f0;
  --k-line-hover: #b9cee0;
  --k-line-soft: rgba(16,32,51,.12);

  --k-text: #102033;
  --k-muted: #4a5f75;
  --k-dim: #7189a0;
  --k-link: #1f6fc4;

  --k-shadow: 0 5px 18px rgba(15,23,42,.07);
  --k-shadow-lg: 0 14px 38px rgba(15,23,42,.09);
}

/* ------------------------------------------------------------------ блоки */

/* Шапка раздела — как .nhFeedHead на главной */
.suKitHead {
  height: var(--k-head);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--k-line-soft);
  margin-top: 6px;
}
.suKitHead h1 {
  margin: 0;
  font-size: 19px;
  letter-spacing: -.2px;
  color: var(--k-text);
}
.suKitHead .suKitLink {
  border: 0;
  background: transparent;
  color: var(--k-link);
  cursor: pointer;
  font: inherit;
}

/* Карточка — как .nhFeedCard */
.suKitCard {
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius);
  background: var(--k-card);
  box-shadow: var(--k-shadow);
  overflow: hidden;
  color: var(--k-text);
  transition: border-color .15s ease, transform .15s ease;
}
.suKitCard:hover {
  border-color: var(--k-line-hover);
  transform: translateY(-1px);
}
.suKitCard .suKitBody { padding: var(--k-pad); }

/* Список карточек — как .nhFeed */
.suKitList {
  display: flex;
  flex-direction: column;
  gap: var(--k-gap);
  padding-top: 8px;
}

/* Круглая кнопка — как .nhCircleBtn */
.suKitCircle {
  width: 42px; height: 42px;
  border: 1px solid var(--k-line);
  border-radius: 50%;
  background: var(--k-card-flat);
  color: var(--k-text);
  display: grid; place-items: center;
  cursor: pointer;
}
.suKitCircle:hover { background: var(--k-card-2); border-color: var(--k-line-hover); }

/* Кнопки */
.suKitBtn {
  border: 0;
  border-radius: var(--k-radius-sm);
  padding: 11px 18px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  background: var(--k-accent);
  color: #fff;
}
.suKitBtn:hover { filter: brightness(1.08); }
.suKitBtn.suKitGhost {
  background: transparent;
  color: var(--k-text);
  border: 1px solid var(--k-line);
}
.suKitBtn.suKitGhost:hover { border-color: var(--k-line-hover); background: var(--k-card-2); }

/* Метки-таблетки */
.suKitChip {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius-pill);
  padding: 6px 12px;
  background: var(--k-card-flat);
  color: var(--k-muted);
  font-size: 13px;
  white-space: nowrap;
}
.suKitChip.is-active { background: var(--k-accent); border-color: var(--k-accent); color: #fff; }

.suKitMuted { color: var(--k-muted); }
.suKitDim   { color: var(--k-dim); }

/* ---- assets/css/sunduq-compact-pages.css ---- */
/* Global compact rhythm for dense regional pages. */
:where(.jobs93Page,.job93Page,.realty94Page,.realtyItemPage,.property94Page,.ridesPage,.ridePage,.marketPage,.marketItemPage,.musicPage,.trackPage,.videosPage,.videoPage,.events92Page,.eventPage,.tourismPage,.tourismPlacePage,.directoryPage,.directoryItemPage,.datingPage,.datingProfilePage,.communitiesPage,.communityPage,.feedPage,.v8FeedPage,.profilePage,.searchPage,.peoplePage,.systemPage,.messengerPage,.activityPage,.sponsorsPage,.accountShell,.mapPage,.topicLayout,.socialPage,.mlFeedPage,.autoPage){
  max-width:1400px!important;
  margin-top:8px!important;
  margin-bottom:32px!important;
  padding-left:24px!important;
  padding-right:24px!important;
}

:where(.jobs93Hero,.realty94Hero,.ridesHero,.marketHero,.musicHero,.videosHero,.events92Hero,.tourismHero,.directoryHero,.datingHero,.communitiesHero,.feedHero,.sponsorsHero,.roadmapHero,.profileHero,.mapHero,.searchHero,.activityHero,.systemHero,.socialHero,.autoHero){
  margin-top:6px!important;
  margin-bottom:8px!important;
  padding:22px 24px!important;
  border-radius:22px!important;
}

:where(.jobs93Hero h1,.realty94Hero h1,.ridesHero h1,.marketHero h1,.musicHero h1,.videosHero h1,.events92Hero h1,.tourismHero h1,.directoryHero h1,.datingHero h1,.communitiesHero h1,.feedHero h1,.sponsorsHero h1,.mapHero h1,.searchHero h1,.activityHero h1,.systemHero h1,.socialHero h1,.autoHero h1){
  margin:4px 0 6px!important;
}

:where(.jobs93Hero p,.realty94Hero p,.ridesHero p,.marketHero p,.musicHero p,.videosHero p,.events92Hero p,.tourismHero p,.directoryHero p,.datingHero p,.communitiesHero p,.feedHero p,.sponsorsHero p,.mapHero p,.searchHero p,.activityHero p,.systemHero p,.socialHero p,.autoHero p){
  margin-top:0!important;
  margin-bottom:0!important;
}

:where(.jobs93Create,.realty94Create,.rideForm,.marketForm,.musicForm,.videoForm,.events92Create,.tourismForm,.directoryForm,.datingForm,.communityForm){
  margin-top:8px!important;
  margin-bottom:8px!important;
  padding:16px!important;
  border-radius:20px!important;
}

:where(.jobs93Tabs,.realty94Tabs,.rideFilters,.marketFilters,.videoFilters,.events92Filters,.tourismFilters,.directoryFilters,.datingFilters,.communityFilters,.typeFilters){
  margin-top:8px!important;
  margin-bottom:8px!important;
  gap:6px!important;
}

:where(.jobs93Tabs button,.realty94Tabs button,.rideFilters button,.marketFilters button,.videoFilters button,.events92Filters button,.tourismFilters button,.directoryFilters button,.datingFilters button,.communityFilters button,.typeFilters button){
  padding:8px 13px!important;
}

:where(.jobs93Layout,.realty94Layout,.ridesLayout,.marketLayout,.musicLayout,.videosGrid,.events92Layout,.tourismLayout,.directoryLayout,.datingLayout,.communityLayout,.profileGrid,.feedPanel,.accountGrid,.mapShell,.topicMain,.topicSide,.socialLayout){
  gap:12px!important;
  margin-top:8px!important;
}

:where(.jobs93List,.realty94List,.ridesList,.musicList,.events92List,.popularList,.directoryGrid,.datingGrid,.communityGrid,.tourismGrid){
  gap:12px!important;
}

:where(.jobs93Card,.realty94Card,.rideCard,.marketCard,.trackCard,.videoCard,.events92Card,.tourismCard,.directoryCard,.datingCard,.communityCard,.job93Box,.property94Box,.rideBox,.marketFull,.trackFull,.videoFull,.eventSideBox,.tourismBox,.directoryBox,.infoBox,.sideBox,.rightCard){
  border-radius:18px!important;
}

:where(.jobs93Card,.realty94CardBody,.rideCard,.marketBody,.trackCard,.videoBody,.events92CardBody,.tourismBody,.directoryCard,.datingBody,.communityCardBody){
  padding:16px!important;
}

:where(.jobs93Side,.realty94Side,.ridesSide,.marketSide,.musicSide,.events92Side,.tourismSide,.directorySide,.datingSide){
  padding:16px!important;
  border-radius:20px!important;
}

:where(.job93Full,.rideFull,.eventFullInfo,.tourismFullInfo,.directoryFull,.datingFullInfo,.communityHeroInfo){
  padding:22px!important;
}

:where(.property94Header){
  padding:22px 24px 8px!important;
}

:where(.property94Grid){
  padding:14px 24px 24px!important;
}

.sunduqInlineAd{
  position:relative;
  overflow:hidden;
  margin:8px auto!important;
  padding:5px!important;
  max-width:420px;
  background:rgba(13,28,43,.88);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

.sunduqInlineAd a{
  display:block;
  overflow:hidden;
  border-radius:13px;
  background:#f5efe5;
}

.sunduqInlineAd img{
  display:block;
  width:100%;
  aspect-ratio:1753/480;
  object-fit:cover;
  object-position:center;
}

.sunduqInlineAdLabel{
  position:absolute;
  left:12px;
  top:12px;
  z-index:2;
  padding:4px 9px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(7,19,31,.78);
  color:#fff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.suDeleteBtn{
  background:#f0164d!important;
  border-color:#f0164d!important;
  color:#fff!important;
}

.suDeleteBtn:hover{
  filter:brightness(1.06);
}

.suDeleteInline{
  margin-left:8px;
}

@media (max-width:720px){
  :where(.jobs93Page,.job93Page,.realty94Page,.realtyItemPage,.property94Page,.ridesPage,.ridePage,.marketPage,.marketItemPage,.musicPage,.trackPage,.videosPage,.videoPage,.events92Page,.eventPage,.tourismPage,.tourismPlacePage,.directoryPage,.directoryItemPage,.datingPage,.datingProfilePage,.communitiesPage,.communityPage,.feedPage,.v8FeedPage,.profilePage,.searchPage,.peoplePage,.systemPage,.messengerPage,.activityPage,.sponsorsPage,.accountShell,.mapPage,.topicLayout,.socialPage,.mlFeedPage,.autoPage){
    margin-top:6px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  :where(.jobs93Hero,.realty94Hero,.ridesHero,.marketHero,.musicHero,.videosHero,.events92Hero,.tourismHero,.directoryHero,.datingHero,.communitiesHero,.feedHero,.sponsorsHero,.roadmapHero,.profileHero,.mapHero,.searchHero,.activityHero,.systemHero,.socialHero,.autoHero){
    padding:16px!important;
    border-radius:18px!important;
  }

  .sunduqInlineAd{
    max-width:100%;
    border-radius:15px;
  }
}

/* ---- assets/css/sunduq-compact.css ---- */
/*
SUNDUQ compact portal rhythm.
This file is intentionally loaded last: it compresses the old landing-style
spacing into a denser regional portal layout without changing page structure.
*/

:root{
  --su-compact-section-gap:6px;
  --su-compact-card-gap:8px;
  --su-compact-page-x:20px;
}

:where(
  .jobs93Page,.job93Page,
  .realty94Page,.property94Page,.realtyItemPage,
  .ridesPage,.ridePage,
  .marketPage,.marketItemPage,
  .events92Page,.eventPage,
  .tourismPage,.tourismPlacePage,
  .directoryPage,.directoryItemPage,
  .musicPage,.trackPage,.radioPage,
  .videosPage,.videoPage,
  .feedPage,.v8FeedPage,.topicLayout,
  .datingPage,.datingProfilePage,
  .communitiesPage,.communityPage,
  .mapPage,.searchPage,.peoplePage,.profilePage,.autoPage
){
  width:min(1400px,calc(100% - 32px))!important;
  max-width:1400px!important;
  margin-top:6px!important;
  margin-bottom:24px!important;
  padding-left:0!important;
  padding-right:0!important;
}

:where(
  .jobs93Page,.realty94Page,.ridesPage,.marketPage,.events92Page,
  .tourismPage,.directoryPage,.musicPage,.radioPage,.videosPage,.datingPage,
  .communitiesPage,.mapPage,.autoPage
) > :where(section,div){
  margin-top:0!important;
  margin-bottom:var(--su-compact-section-gap)!important;
}

:where(
  .jobs93Hero,.realty94Hero,.ridesHero,.marketHero,.events92Hero,
  .tourismHero,.directoryHero,.musicHero,.radioHero,.videosHero,.datingHero,
  .communitiesHero,.mapHero,.autoHero,.feedHero,.profileHero
){
  min-height:0!important;
  padding:20px 22px!important;
  margin:0 0 6px!important;
  border-radius:20px!important;
  gap:14px!important;
  align-items:center!important;
}

:where(
  .jobs93Hero h1,.realty94Hero h1,.ridesHero h1,.marketHero h1,
  .events92Hero h1,.tourismHero h1,.directoryHero h1,.musicHero h1,.radioHero h1,
  .videosHero h1,.datingHero h1,.communitiesHero h1,.mapHero h1,
  .autoHero h1,.feedHero h1,.profileHero h1
){
  margin:4px 0 5px!important;
  line-height:1.02!important;
  font-size:clamp(30px,4.2vw,48px)!important;
}

:where(
  .jobs93Hero p,.realty94Hero p,.ridesHero p,.marketHero p,
  .events92Hero p,.tourismHero p,.directoryHero p,.musicHero p,.radioHero p,
  .videosHero p,.datingHero p,.communitiesHero p,.mapHero p,
  .autoHero p,.feedHero p,.profileHero p
){
  margin:0!important;
  font-size:16px!important;
  line-height:1.35!important;
}

:where(.kicker,.heroKicker){
  margin-bottom:2px!important;
  line-height:1.1!important;
}

:where(
  .jobs93Primary,.realty94Primary,
  .ridesHero button,.marketHero button,.events92Primary,
  .tourismHero button,.directoryHero button,.musicHero button,.radioHero button,
  .videosHero button,.datingHero button,.communitiesHero button,
  .mapHero button,.autoHero button
){
  padding:11px 16px!important;
  border-radius:14px!important;
  min-height:0!important;
}

:where(
  .jobs93Tabs,.realty94Tabs,.rideFilters,.marketFilters,.events92Filters,
  .tourismFilters,.directoryFilters,.radioFilters,.videoFilters,.datingFilters,
  .communityFilters,.typeFilters,.jobTabs,.eventFilters
){
  margin:0!important;
  padding:0!important;
  gap:8px!important;
  min-height:0!important;
}

:where(
  .jobs93Tabs button,.realty94Tabs button,.rideFilters button,
  .marketFilters button,.events92Filters button,.tourismFilters button,
  .directoryFilters button,.radioFilters button,.videoFilters button,.datingFilters button,
  .communityFilters button,.typeFilters button,.jobTabs button,.eventFilters button
){
  padding:8px 12px!important;
  border-radius:14px!important;
}

:where(.sunduqInlineAd){
  margin:3px auto 6px!important;
  padding:4px!important;
  border-radius:16px!important;
  max-width:420px!important;
}

:where(.sunduqInlineAd a){
  border-radius:12px!important;
}

:where(
  .jobs93Layout,.realty94Layout,.ridesLayout,.marketLayout,.events92Layout,
  .tourismLayout,.directoryLayout,.musicLayout,.radioLayout,.radioGrid,.videosGrid,.datingLayout,
  .communityLayout,.mapShell,.profileGrid,.feedPanel,.socialLayout
){
  gap:var(--su-compact-card-gap)!important;
  margin-top:0!important;
}

:where(
  .jobs93List,.realty94List,.ridesList,.marketList,.events92List,
  .tourismGrid,.directoryGrid,.musicList,.radioGrid,.datingGrid,.communityGrid,
  .popularList,.homeFeed
){
  gap:var(--su-compact-card-gap)!important;
}

:where(
  .jobs93Side,.realty94Side,.ridesSide,.marketSide,.events92Side,
  .tourismSide,.directorySide,.musicSide,.radioSide,.datingSide,.mapPanel
){
  padding:12px!important;
  border-radius:18px!important;
  gap:6px!important;
}

:where(
  .jobs93Side > * + *,.realty94Side > * + *,.ridesSide > * + *,
  .marketSide > * + *,.events92Side > * + *,.tourismSide > * + *,
  .directorySide > * + *,.musicSide > * + *,.radioSide > * + *,.datingSide > * + *
){
  margin-top:6px!important;
}

:where(
  .jobs93Card,.realty94Card,.rideCard,.marketCard,.events92Card,
  .tourismCard,.directoryCard,.trackCard,.radioCard,.videoCard,.datingCard,
  .communityCard,.topicCard,.feedItem,.popularItem,.compactStat
){
  border-radius:16px!important;
}

:where(
  .jobs93Card,.realty94CardBody,.rideCard,.marketBody,.events92CardBody,
  .tourismBody,.directoryCard,.trackCard,.radioCard,.videoBody,.datingBody,
  .communityCardBody,.topicCard,.feedItem
){
  padding:14px 16px!important;
}

:where(
  .jobs93Create,.realty94Create,.rideForm,.marketForm,.events92Create,
  .tourismForm,.directoryForm,.musicForm,.videoForm,.datingForm,.communityForm
){
  margin:0 0 6px!important;
  padding:16px!important;
  border-radius:18px!important;
}

:where(
  .jobs93Grid,.realty94Grid,.rideFormGrid,.eventFormGrid,.events92Grid,
  .musicFormGrid,.datingFormGrid
){
  gap:10px!important;
}

:where(
  .jobs93Field input,.jobs93Field select,.jobs93Field textarea,
  .realty94Field input,.realty94Field select,.realty94Field textarea,
  .rideForm input,.rideForm textarea,.rideForm select,.ridesSide input,
  .marketForm input,.marketForm textarea,.marketForm select,.marketSide input,
  .events92Field input,.events92Field select,.events92Field textarea,.events92Side input,
  .musicForm input,.musicForm textarea,.musicSide input,.radioSide input,
  .videoForm input,.videoForm textarea,.videoForm select,
  .tourismForm input,.tourismForm textarea,.tourismForm select,.tourismSide input,
  .directoryForm input,.directoryForm textarea,.directoryForm select,.directorySide input,
  .datingForm input,.datingForm textarea,.datingForm select,.datingSide input
){
  padding:11px 13px!important;
  border-radius:13px!important;
}

:where(.jobs93Field textarea,.realty94Field textarea,.rideForm textarea,.events92Field textarea,.musicForm textarea,.videoForm textarea){
  min-height:92px!important;
}

:where(
  .job93Full,.property94Header,.rideFull,.eventFullInfo,.tourismFullInfo,
  .directoryFull,.datingFullInfo,.communityHeroInfo,.videoInfo,.trackFull
){
  padding:18px 20px!important;
}

:where(.property94Grid){
  padding:10px 20px 20px!important;
}

:where(
  .job93Grid,.property94Grid,.rideGrid,.eventGrid,.tourismPlaceGrid,
  .directoryGridFull,.datingFullGrid
){
  gap:8px!important;
  margin-top:8px!important;
}

:where(.job93Box,.property94Box,.rideBox,.eventSideBox,.tourismBox,.directoryBox,.infoBox,.sellerBox,.authorBox){
  padding:14px!important;
  border-radius:16px!important;
  margin-bottom:6px!important;
}

:where(.backLink,.job93Back,.property94Back){
  margin-bottom:6px!important;
}

:where(.appShell){
  padding-top:10px!important;
  gap:6px!important;
}

:where(.regionLivePanel){
  min-height:360px!important;
}

:where(.regionNews){
  min-height:360px!important;
  padding:22px!important;
  gap:12px!important;
}

:where(.regionNewsHead h1){
  font-size:clamp(30px,4.2vw,40px)!important;
}

:where(.regionRssList){
  gap:7px!important;
}

:where(.rssItem,.rssSkeleton){
  padding:10px 12px!important;
  border-radius:13px!important;
}

:where(.lifeCenter,.forYouBlock,.feedCard,.nearBlock,.rightCard){
  border-radius:18px!important;
}

:where(.lifeGrid,.forYouGrid){
  gap:8px!important;
}

:where(.rightCard){
  padding:13px!important;
}

.sunduqFooter{
  margin-top:18px!important;
  margin-bottom:16px!important;
}

body :where(main) > :where(section,div,aside,article){
  margin-top:0!important;
  margin-bottom:6px!important;
}

body :where(main) > :where(section,div,aside,article):last-child{
  margin-bottom:0!important;
}

body :where(section){
  margin-bottom:6px!important;
}

:where(.jobs93Tabs + .sunduqInlineAd,.realty94Tabs + .sunduqInlineAd,.rideFilters + .sunduqInlineAd,.events92Filters + .sunduqInlineAd){
  margin-top:0!important;
}

:where(.sunduqInlineAd + .jobs93Layout,.sunduqInlineAd + .realty94Layout,.sunduqInlineAd + .ridesLayout,.sunduqInlineAd + .marketLayout,.sunduqInlineAd + .events92Layout,.sunduqInlineAd + .musicLayout){
  margin-top:0!important;
}

@media(max-width:720px){
  :root{
    --su-compact-section-gap:6px;
    --su-compact-card-gap:8px;
  }

  :where(
    .jobs93Page,.job93Page,.realty94Page,.property94Page,.realtyItemPage,
    .ridesPage,.ridePage,.marketPage,.marketItemPage,.events92Page,.eventPage,
    .tourismPage,.tourismPlacePage,.directoryPage,.directoryItemPage,
    .musicPage,.trackPage,.radioPage,.videosPage,.videoPage,.feedPage,.v8FeedPage,
    .topicLayout,.datingPage,.datingProfilePage,.communitiesPage,.communityPage,
    .mapPage,.searchPage,.peoplePage,.profilePage,.autoPage
  ){
    width:calc(100% - 18px)!important;
    margin-top:6px!important;
  }

  :where(
    .jobs93Hero,.realty94Hero,.ridesHero,.marketHero,.events92Hero,
    .tourismHero,.directoryHero,.musicHero,.radioHero,.videosHero,.datingHero,
    .communitiesHero,.mapHero,.autoHero,.feedHero,.profileHero
  ){
    padding:14px 15px!important;
    border-radius:17px!important;
  }

  :where(
    .jobs93Hero h1,.realty94Hero h1,.ridesHero h1,.marketHero h1,
    .events92Hero h1,.tourismHero h1,.directoryHero h1,.musicHero h1,.radioHero h1,
    .videosHero h1,.datingHero h1,.communitiesHero h1,.mapHero h1
  ){
    font-size:28px!important;
  }

  :where(.sunduqInlineAd){
    margin:4px auto 8px!important;
    max-width:100%!important;
  }

  :where(.regionLivePanel,.regionNews){
    min-height:0!important;
  }
}

/* ---- assets/css/ads-v203.css ---- */
.suAd203{position:relative;display:block;overflow:hidden;border:1px solid rgba(122,184,225,.24);background:rgba(7,25,39,.9);box-shadow:0 16px 42px rgba(0,0,0,.2);isolation:isolate}
.suAd203Link{display:block;color:inherit;text-decoration:none;overflow:hidden;background:#0d2233}
.suAd203 picture,.suAd203 img{display:block;width:100%}
.suAd203 img{height:auto;object-fit:cover;transition:transform .25s ease,filter .25s ease}
.suAd203Link:hover img{transform:scale(1.012);filter:brightness(1.04)}
.suAd203Label{position:absolute;z-index:3;left:12px;top:12px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(4,17,28,.82);color:#fff;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(7px)}
.suAd203Text{display:flex;min-height:120px;flex-direction:column;justify-content:center;padding:28px;color:#eff8ff;background:linear-gradient(135deg,#0c2941,#14273a)}
.suAd203Text b{font-size:24px}.suAd203Text small{margin-top:8px;color:#adc3d7;font-size:15px}
.suAd203--listing_inline,.suAd203--detail_inline,.suAd203--site_footer{width:min(100%,620px);margin:12px auto;border-radius:20px;padding:5px}
.suAd203--listing_inline .suAd203Link,.suAd203--detail_inline .suAd203Link,.suAd203--site_footer .suAd203Link{border-radius:15px}
.suAd203--listing_inline img,.suAd203--detail_inline img,.suAd203--site_footer img{aspect-ratio:1200/330}
.suAd203--home_sidebar{width:100%;margin:0;border-radius:22px;padding:5px}
.suAd203--home_sidebar .suAd203Link{border-radius:17px}
.suAd203--home_sidebar img{aspect-ratio:4/5;max-height:340px}
.suAd203FooterWrap{width:min(100% - 24px,1260px);margin:14px auto 4px}
.suAd203FooterWrap .suAd203--site_footer{margin:0 auto}
@media(max-width:720px){.suAd203--home_sidebar{width:100%;margin:8px auto;border-radius:16px;padding:4px}.suAd203--home_sidebar .suAd203Link{border-radius:12px}.suAd203--home_sidebar img{aspect-ratio:900/360;max-height:none}.suAd203--listing_inline,.suAd203--detail_inline,.suAd203--site_footer{width:100%;margin:8px auto;border-radius:16px;padding:4px}.suAd203--listing_inline .suAd203Link,.suAd203--detail_inline .suAd203Link,.suAd203--site_footer .suAd203Link{border-radius:12px}.suAd203--listing_inline img,.suAd203--detail_inline img,.suAd203--site_footer img{aspect-ratio:900/360}.suAd203Label{left:9px;top:9px;font-size:9px;padding:4px 8px}.suAd203FooterWrap{width:calc(100% - 20px);margin-bottom:96px}}

/* v252: an unavailable banner never leaves an empty sponsor slot */
.suAd203ImageFallback{display:none}
.suAd203--image-failed picture{display:none!important}
.suAd203--image-failed .suAd203ImageFallback{display:flex}

/* ---- assets/css/seo-v215.css ---- */
.suSeoHub{max-width:1180px;margin:22px auto 96px;padding:20px 22px;border:1px solid rgba(145,177,207,.16);border-radius:18px;background:rgba(10,28,44,.72);box-shadow:0 16px 45px rgba(0,0,0,.16)}
.suSeoHub h2{margin:0 0 8px;font-size:clamp(20px,2vw,28px);line-height:1.2;color:#eef7ff}.suSeoHub p{margin:0;color:#aebfd0;line-height:1.65;max-width:980px}.suSeoHub nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.suSeoHub nav a{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(62,133,202,.13);border:1px solid rgba(92,160,224,.24);color:#beddff;text-decoration:none;font-size:14px}.suSeoHub nav a:hover{background:rgba(62,133,202,.22);color:#fff}
.suSeoDetailFallback{padding:22px;border:1px solid rgba(145,177,207,.16);border-radius:18px;background:rgba(10,28,44,.7)}.suSeoDetailFallback h1{margin:0 0 10px;color:#eef7ff;font-size:clamp(23px,3vw,34px);line-height:1.18}.suSeoDetailFallback p{margin:0;color:#b5c5d4;line-height:1.65;white-space:break-spaces}.suSeoDetailFallback dl{display:flex;flex-wrap:wrap;gap:10px 18px;margin:17px 0 0}.suSeoDetailFallback dl div{display:flex;gap:6px}.suSeoDetailFallback dt{color:#7891a8}.suSeoDetailFallback dd{margin:0;color:#dcecff;font-weight:650}
@media(max-width:760px){.suSeoHub{margin:16px 12px 104px;padding:17px}.suSeoHub nav{gap:7px}.suSeoHub nav a{font-size:13px;padding:7px 10px}.suSeoDetailFallback{padding:17px}}

/* ---- assets/css/presence-v219.css ---- */
.suPresenceAnchor218{position:relative!important}
.suPresence218{box-sizing:border-box;display:inline-grid;place-items:center;flex:0 0 auto;width:18px;height:18px;border-radius:999px;border:2px solid #0b1f2d;background:#243746;color:#7f93a2;vertical-align:-3px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.26);overflow:hidden;cursor:help}
.suPresence218.online{background:#0e3024;color:#35df82}
.suPresence218.offline{background:#2b3741;color:#8997a2;filter:none}
.suPresence218.avatar-badge{position:absolute;right:-2px;bottom:-2px;z-index:3;width:21px;height:21px;border-width:2px}
.suPresence218.inline-badge{width:17px;height:17px;margin-left:4px;vertical-align:-4px}
.suPresence218.dialog-badge{position:absolute;right:-2px;bottom:-2px;z-index:3;width:19px;height:19px}
.suPresence218.header-badge{position:absolute;right:-3px;bottom:-2px;z-index:3;width:20px;height:20px}
.suPresence218.topic-reply-badge{right:-4px;bottom:-4px;width:17px;height:17px;border-width:2px}
.suPresence218.account-avatar-badge{right:-5px;bottom:-4px;width:24px;height:24px;border-width:2px}
.suPresence218Emoji{font-size:11px;line-height:1;transform:translateY(.2px)}
.suPresence218.offline .suPresence218Emoji{filter:grayscale(1);opacity:.82}
.suPresence218Apple{display:block;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:500;line-height:1;transform:translateY(-.2px);color:currentColor}
.suPresence218.avatar-badge .suPresence218Apple,.suPresence218.account-avatar-badge .suPresence218Apple{font-size:16px}
.suPresence218.topic-reply-badge .suPresence218Apple{font-size:12px}
.suPresence218Windows{width:10px;height:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;transform:skewY(-5deg)}
.suPresence218Windows i{display:block;background:currentColor;border-radius:.5px}
.suPresence218Chrome{width:10px;height:10px;border:2px solid currentColor;border-radius:50%;position:relative}
.suPresence218Chrome::after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%)}
.suPresence218Device{font-size:12px;font-weight:900;line-height:1;color:currentColor}
.suPresence218Device.desktop{font-size:10px}
.suPresence218Text{display:inline-flex;align-items:center;gap:4px}
.msg218AvatarWrap{position:relative;display:inline-flex;flex:0 0 auto}
.msg188Bubble time .suPresence218{margin-left:3px}
.tp106PresenceWrap219{position:relative;display:inline-flex;flex:0 0 auto;align-self:flex-start}
.tp106PresenceWrap219>.tp106Avatar{margin:0!important}
@media(max-width:520px){.suPresence218.avatar-badge{width:19px;height:19px}.suPresence218Emoji{font-size:10px}.suPresence218Apple{font-size:13px}}
/* Аватар сам остаётся круглым, но ярлык может выступать за его границу. */
.nhDiscussionAvatar.suPresenceAnchor218,.topicAvatar.suPresenceAnchor218{overflow:visible!important}
.nhDiscussionAvatar.suPresenceAnchor218>img,.topicAvatar.suPresenceAnchor218>img{border-radius:inherit}
.trustAvatarPresence219{position:relative;display:inline-flex;flex:0 0 auto;align-self:flex-start}
.trustAvatarPresence219>.trustAvatar{margin:0!important}
.trustNameLine h1 .suPresence218{margin-left:5px}

/* v228: в ответах на комментарии ярлык всегда привязан к нижнему правому углу аватарки. */
.tp106ReplyItem>.tp106PresenceWrap219{
  position:relative!important;
  display:block!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  align-self:start!important;
  line-height:0!important;
  overflow:visible!important;
}
.tp106ReplyItem>.tp106PresenceWrap219>.tp106Avatar.sm{
  position:relative!important;
  display:grid!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  overflow:hidden!important;
}
.tp106ReplyItem>.tp106PresenceWrap219>.suPresence218.topic-reply-badge{
  position:absolute!important;
  top:auto!important;
  right:-4px!important;
  bottom:-4px!important;
  left:auto!important;
  margin:0!important;
  transform:none!important;
  z-index:5!important;
}

/* ---- assets/css/ux-v250.css ---- */
/* SUNDUQ v250 — common visual and UX components */
:root{
  --su250-panel:#0d1c2b;
  --su250-panel-2:#10283b;
  --su250-border:rgba(255,255,255,.11);
  --su250-muted:#9eb2c6;
  --su250-accent:#f0184f;
}

.suMetric{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:inherit;
  white-space:nowrap;
}
.suMetricView::before{
  content:"";
  width:16px;
  height:16px;
  flex:0 0 16px;
  opacity:.82;
  background:center/16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9bfd1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.suMediaPlaceholder{
  width:100%;
  height:100%;
  min-height:96px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:14px;
  text-align:center;
  color:#9fb4c7;
  background:
    radial-gradient(circle at 25% 18%,rgba(96,165,250,.14),transparent 34%),
    linear-gradient(145deg,#0b2233,#071823);
}
.suMediaPlaceholder b{font-size:34px;line-height:1;color:#c9d9e6;font-family:Inter,Arial,sans-serif}
.suMediaPlaceholder small{font-size:12px;font-weight:850;letter-spacing:.01em;color:#8fa6b8}
.suMediaPlaceholder--video b{font-size:25px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);padding-left:3px}
.suMediaPlaceholder--dating b{font-size:36px}
.suMediaFailed{background:#071823!important}

/* One dark surface on pages that previously looked detached from the site. */
body:has(.searchPage),
body:has(.datingPage),
body:has(.datingProfilePage),
body.tp106SavedPage{
  background:
    radial-gradient(circle at 18% 0,rgba(96,165,250,.12),transparent 30%),
    radial-gradient(circle at 84% 12%,rgba(240,24,79,.10),transparent 28%),
    #06111b!important;
}
.searchPage,.datingPage,.datingProfilePage,.tp106SavedLayout{color:#edf6ff!important}
.searchBox,.resultGroup,.resultItem,.datingCard,.datingSide,.datingForm,.datingFull,.tp106SavedCard{
  background:rgba(13,28,43,.92)!important;
  border-color:var(--su250-border)!important;
  color:#edf6ff!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20)!important;
}
.resultItem:hover{background:#132b3e!important}
.resultItem p,.datingBody p,.datingMeta,.tp106SavedCard p{color:var(--su250-muted)!important}
.resultIcon{background:#122d42!important;color:#dbeafe!important}
.resultTag{background:#17344a!important;color:#cfe7f8!important}
.searchFilters button,.datingFilters button{background:#10283b!important;color:#dbeafe!important;border:1px solid var(--su250-border)!important}
.searchFilters button.active,.datingFilters button.active{background:var(--su250-accent)!important;border-color:var(--su250-accent)!important;color:#fff!important}
.searchBox button{background:var(--su250-accent)!important;border-color:var(--su250-accent)!important;color:#fff!important}

/* Primary add/create CTA must look the same in all section heroes. */
.suPrimaryCta,
.marketHero>button,.videosHero>button,.socialHero>button,.datingHero .heroButtons button:first-child{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px;
  padding:11px 17px!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--su250-accent)!important;
  color:#fff!important;
  font-weight:950!important;
  box-shadow:0 10px 25px rgba(240,24,79,.20)!important;
  text-decoration:none!important;
}

/* Radio genres: clear horizontal-scroll affordance and room after the final item. */
.radioFilters{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  padding:3px 52px 9px 4px!important;
  scroll-padding-inline:12px 52px;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 44px),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 44px),transparent 100%);
}
.radioFilters button{flex:0 0 auto!important;scroll-snap-align:start}

/* Keep image shells useful but compact when media is absent. */
.marketPhoto,.marketFullPhoto,.datingPhoto,.datingFullPhoto,.videoThumb,.events92CardImage,.realty94CardImage{
  overflow:hidden;
}
.marketPhoto>.suMediaPlaceholder,.datingPhoto>.suMediaPlaceholder,.videoThumb>.suMediaPlaceholder,.events92CardImage>.suMediaPlaceholder,.realty94CardImage>.suMediaPlaceholder{min-height:100%}

@media(max-width:720px){
  .suMediaPlaceholder{min-height:78px;padding:10px}
  .suMediaPlaceholder b{font-size:28px}
  .marketPhoto{height:132px!important}
  .videoThumb{min-height:140px}
  .radioFilters{margin-inline:-2px!important;padding-right:56px!important}
  .socialHero>button,.marketHero>button,.videosHero>button{width:100%;margin-top:14px}
}


.datingEmptyState{
  min-height:360px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  padding:34px;
  text-align:center;
  background:rgba(13,28,43,.92)!important;
  border:1px solid var(--su250-border)!important;
  border-radius:22px;
  box-shadow:0 18px 46px rgba(0,0,0,.2);
}
.datingEmptyState h1{margin:0;font-size:clamp(28px,5vw,42px)}
.datingEmptyState p{max-width:560px;margin:0 0 8px;color:var(--su250-muted);line-height:1.55}
.datingEmptyIcon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#122d42;color:#f58aa9;font-size:42px}

/* SUNDUQ v253 — final public-section consistency pass. */
:where(
  .marketHero,.ridesHero,.eventsHero,.tourismHero,.directoryHero,
  .musicHero,.videosHero,.datingHero,.communitiesHero,.searchHero,
  .systemHero,.roadmapHero,.realtyHero,.socialHero,.autoHero
){
  background:
    radial-gradient(circle at 14% 0,rgba(96,165,250,.14),transparent 34%),
    radial-gradient(circle at 88% 18%,rgba(240,24,79,.10),transparent 32%),
    linear-gradient(180deg,#10283b,#0d1f30)!important;
  border:1px solid var(--su250-border)!important;
  color:#f4f8ff!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
}
:where(
  .marketHero,.ridesHero,.eventsHero,.tourismHero,.directoryHero,
  .musicHero,.videosHero,.datingHero,.communitiesHero,.searchHero,
  .systemHero,.roadmapHero,.realtyHero,.socialHero,.autoHero
) :where(h1,h2,h3){color:#f6f9ff!important;text-shadow:none!important}
:where(
  .marketHero,.ridesHero,.eventsHero,.tourismHero,.directoryHero,
  .musicHero,.videosHero,.datingHero,.communitiesHero,.searchHero,
  .systemHero,.roadmapHero,.realtyHero,.socialHero,.autoHero
) p{color:#afc1d2!important}
:where(
  .marketHero,.ridesHero,.eventsHero,.tourismHero,.directoryHero,
  .musicHero,.videosHero,.datingHero,.communitiesHero,.searchHero,
  .systemHero,.roadmapHero,.realtyHero,.socialHero,.autoHero
) :where(.kicker,.heroKicker,small){color:#82bfff!important}

:where(
  .marketHero>button,.ridesHero>button,.eventsHero>button,.tourismHero>button,
  .directoryHero>button,.musicHero>button,.videosHero>button,
  .communitiesHero>button,.systemHero>button,.autoHero>button,.socialHero>button,
  .datingHero .heroButtons>button:first-child
){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:11px 17px!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--su250-accent)!important;
  color:#fff!important;
  font-weight:950!important;
  box-shadow:0 10px 25px rgba(240,24,79,.20)!important;
  text-decoration:none!important;
}

.suFormattedText{
  white-space:break-spaces!important;
  overflow-wrap:anywhere;
  word-break:normal;
}

.suEmptyState{
  min-height:126px;
  display:grid;
  place-content:center;
  gap:6px;
  padding:24px;
  border:1px dashed rgba(255,255,255,.16)!important;
  border-radius:18px;
  background:rgba(13,31,48,.78)!important;
  color:#aebfd0!important;
  text-align:center;
  grid-column:1/-1;
}
.suEmptyState strong{color:#eff6ff;font-size:17px}
.suEmptyState.is-error{border-color:rgba(255,112,137,.35)!important;color:#ffb0bd!important}

.directoryCard[href]{display:block;color:inherit;text-decoration:none}
.directoryCard:focus-visible,.rideCard:focus-visible{
  outline:3px solid rgba(96,165,250,.72);
  outline-offset:3px;
}
.directoryFull>p,.rideFull>p,.trackFull .suFormattedText,.tourismFull .suFormattedText,
.communityHero .suFormattedText,.event179Description{
  line-height:1.65!important;
}

@media(max-width:720px){
  :where(
    .marketHero>button,.ridesHero>button,.eventsHero>button,.tourismHero>button,
    .directoryHero>button,.musicHero>button,.videosHero>button,
    .communitiesHero>button,.systemHero>button,.autoHero>button,.socialHero>button
  ){width:100%!important;margin-top:12px!important}
  .suEmptyState{min-height:104px;padding:18px}
}

/* ---- assets/css/social-core-v111.css ---- */
.notificationsPanel{position:fixed;right:80px;top:70px;width:390px;max-width:calc(100vw - 24px);background:#0b2030;border:1px solid rgba(255,255,255,.12);border-radius:20px;z-index:250;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden;color:#edf6ff}.notificationsPanel.hidden{display:none}.notifHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.notifHead h3{margin:0;color:#fff}.notifHead button{border:0;background:transparent;color:#75b9ff;font-weight:900;cursor:pointer}.notif111Mini{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;padding:12px 15px;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}.notif111Mini:hover{background:#102d42}.notif111Mini.unread{background:rgba(240,24,79,.09)}.notif111Avatar{width:44px;height:44px;border-radius:50%;background:#143246;display:grid;place-items:center;overflow:hidden}.notif111Avatar img{width:100%;height:100%;object-fit:cover}.notif111Mini b,.notif111Mini small,.notif111Mini em{display:block}.notif111Mini small{color:#a8bac9;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif111Mini em{color:#70869a;font-size:11px;font-style:normal;margin-top:5px}.notif111State{padding:22px;text-align:center;color:#a8bac9}@media(max-width:700px){.notificationsPanel{right:12px;top:66px}}

/* ---- assets/css/sunduq-mobile-v113.css ---- */
/* SUNDUQ v113 — mobile drawer geometry fix + mobile experience layer. */
:root{
  --su112-bg:#06131f;
  --su112-card:#0b2233;
  --su112-card-2:#102d42;
  --su112-line:rgba(114,177,212,.24);
  --su112-text:#edf6ff;
  --su112-muted:#8da5b7;
  --su112-pink:#f31d59;
  --su112-blue:#69bfff;
  --su112-nav-h:72px;
  --su112-radio-h:54px;
}
.su112OnlyMobile{display:none!important}
.su112Lightbox,.su112UploadState{font-family:inherit}

@media(max-width:900px){
  html{scroll-padding-bottom:calc(var(--su112-nav-h) + var(--su112-radio-h) + 22px);-webkit-text-size-adjust:100%}
  body{padding-bottom:calc(var(--su112-nav-h) + var(--su112-radio-h) + env(safe-area-inset-bottom,0px))!important;overflow-x:hidden}
  body.su112NoMobileChrome{padding-bottom:0!important}
  body.su112ModalOpen{overflow:hidden!important;touch-action:none}
  .sunduqFooter{display:none!important}
  button,a,input,textarea,select{touch-action:manipulation}
  input,textarea,select{font-size:16px!important}
  button,[role="button"],a{ -webkit-tap-highlight-color:transparent }
  .su112OnlyMobile{display:flex!important}

  /* Common legacy header becomes compact, while the new home header keeps its own layout. */
  .suTop:not(.nhTop){min-height:64px!important;height:64px!important;padding:0 12px!important;gap:10px!important;position:sticky!important;top:0!important;z-index:180!important;background:rgba(3,16,26,.97)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(92,157,193,.22)!important}
  .suTop:not(.nhTop) .suMenuBtn{display:grid!important;place-items:center;width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;font-size:20px!important}
  .suTop:not(.nhTop) .suBrand{min-width:0!important;gap:9px!important}
  .suTop:not(.nhTop) .suBrandMark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important}
  .suTop:not(.nhTop) .suBrand b{font-size:18px!important;white-space:nowrap!important}
  .suTop:not(.nhTop) .suBrand small{display:none!important}
  .suTop:not(.nhTop) .suNav{display:none!important}
  .suTop:not(.nhTop) .suUser{margin-left:auto!important;gap:7px!important}
  .suTop:not(.nhTop) .suUser .suIconBtn{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:13px!important}
  .suTop:not(.nhTop) .suUser .suIconBtn:first-child{display:none!important}
  .suTop:not(.nhTop) .suUser #authBox,.suTop:not(.nhTop) .suWriteBtn{display:none!important}
  /* The legacy closed position was left:-320px. After widening the drawer on mobile,
     40–75 px remained visible and covered the page. Use a width-independent transform. */
  .suDrawer{
    z-index:1200!important;
    left:0!important;
    width:min(88vw,360px)!important;
    max-width:calc(100vw - 16px)!important;
    box-sizing:border-box!important;
    padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
    transform:translate3d(-105%,0,0)!important;
    transition:transform .24s ease,visibility 0s linear .24s!important;
    visibility:hidden!important;
    pointer-events:none!important;
    will-change:transform!important;
    overflow-x:hidden!important;
  }
  .suDrawer.open{
    transform:translate3d(0,0,0)!important;
    transition:transform .24s ease!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .suDrawerShade{z-index:1190!important}
  .suDrawerShade.hidden{display:none!important}

  /* Global mobile bottom navigation. */
  .su112MobileNav,.nhMobileNav.su112Enhanced{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    height:calc(var(--su112-nav-h) + env(safe-area-inset-bottom,0px))!important;
    padding:0 5px env(safe-area-inset-bottom,0px)!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;
    background:rgba(3,16,26,.985)!important;border-top:1px solid rgba(93,159,195,.28)!important;
    box-shadow:0 -18px 45px rgba(0,0,0,.36)!important;backdrop-filter:blur(18px)!important;z-index:9800!important
  }
  .su112MobileNav a,.su112MobileNav button,.nhMobileNav.su112Enhanced a,.nhMobileNav.su112Enhanced button{
    position:relative!important;height:100%!important;min-width:0!important;border:0!important;background:transparent!important;color:#8299aa!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    padding:5px 2px!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important;line-height:1!important
  }
  .su112MobileNav a.active,.nhMobileNav.su112Enhanced a.active{color:#ff4c79!important}
  .su112NavIcon,.nhMobileNav.su112Enhanced>a>span:not(.nhMobilePlus),.nhMobileNav.su112Enhanced>button>span:not(.nhMobilePlus){font-size:21px!important;line-height:1!important}
  .su112ComposeButton{overflow:visible!important}
  .su112ComposeIcon,.nhMobileNav.su112Enhanced .nhMobilePlus{
    width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
    margin-top:-22px!important;background:linear-gradient(135deg,#ff2b65,#d80d49)!important;color:#fff!important;
    font-size:28px!important;box-shadow:0 10px 28px rgba(243,29,89,.38)!important;border:3px solid #071722!important
  }
  .su112NavBadge{position:absolute;top:8px;left:calc(50% + 9px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f31d59;color:#fff;display:grid;place-items:center;font-size:10px;font-style:normal;box-shadow:0 0 0 2px #071722}
  .su112NavBadge.hidden{display:none!important}

  /* Sticky mini radio player. */
  .su112MiniRadio{
    position:fixed;left:8px;right:8px;bottom:calc(var(--su112-nav-h) + env(safe-area-inset-bottom,0px) + 6px);
    height:var(--su112-radio-h);z-index:9700;display:grid;grid-template-columns:38px 38px minmax(0,1fr) 36px 36px;align-items:center;gap:6px;
    padding:0 8px;border:1px solid rgba(102,174,213,.32);border-radius:17px;background:linear-gradient(135deg,rgba(14,45,65,.98),rgba(7,26,40,.98));
    box-shadow:0 16px 42px rgba(0,0,0,.42);backdrop-filter:blur(18px);color:var(--su112-text)
  }
  .su112MiniRadio.hidden{display:none!important}
  .su112MiniRadio button,.su112MiniRadio a{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(125,186,219,.22);border-radius:12px;background:#102d42;color:#eaf6ff;text-decoration:none;font-size:17px;padding:0}
  .su112MiniRadio .su112RadioPlay{background:linear-gradient(135deg,#f62a63,#d9114c);border:0;color:#fff;font-size:18px}
  .su112RadioText{min-width:0;display:grid;gap:2px;cursor:pointer}
  .su112RadioText b,.su112RadioText small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .su112RadioText b{font-size:13px}.su112RadioText small{font-size:10px;color:#91a9bb}
  .su112MiniRadio.is-playing .su112RadioPlay{box-shadow:0 0 0 4px rgba(243,29,89,.12)}

  /* Home page: mobile-first feed and full-screen composer. */
  .neighborsHome{padding-bottom:calc(var(--su112-nav-h) + var(--su112-radio-h) + env(safe-area-inset-bottom,0px) + 12px)!important}
  .neighborsHome .nhPage{padding-bottom:18px!important}
  .neighborsHome .nhTop{z-index:250!important}
  .neighborsHome .nhFilterBar{z-index:230!important}
  .neighborsHome .nhTypeFilters,.neighborsHome .nhComposerActions,.neighborsHome .nhComposeTypes{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .neighborsHome .nhTypeFilters::-webkit-scrollbar,.neighborsHome .nhComposerActions::-webkit-scrollbar,.neighborsHome .nhComposeTypes::-webkit-scrollbar{display:none}
  .neighborsHome .nhTypeFilters button,.neighborsHome .nhComposerActions button,.neighborsHome .nhComposeTypes button{scroll-snap-align:start;min-height:44px!important}
  .neighborsHome .nhComposerTop>button{min-height:48px!important}
  .neighborsHome .nhFeedCard{border-radius:18px!important;overflow:hidden!important}
  .neighborsHome .nhPostMain{padding:14px!important}
  .neighborsHome .nhPostText h2{font-size:18px!important;line-height:1.24!important}
  .neighborsHome .nhPostImage{border-radius:14px!important;overflow:hidden!important;cursor:zoom-in!important}
  .neighborsHome .nhPostImage img{width:100%!important;height:100%!important;object-fit:cover!important}
  .neighborsHome .nhMoreBtn{min-height:50px!important;width:100%!important;border-radius:16px!important}
  .neighborsHome .nhMobileNav{bottom:0!important}
  .neighborsHome .nhComposeOverlay{padding:0!important;align-items:stretch!important;z-index:12000!important}
  .neighborsHome .nhComposeModal{width:100%!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .neighborsHome .nhComposeModalHead{position:relative!important;flex:0 0 auto!important;padding:14px 14px 12px!important}
  .neighborsHome .nhComposeModalHead h2{font-size:21px!important}
  .neighborsHome .nhComposeModalHead p{font-size:12px!important}
  .neighborsHome .nhComposeTypes{position:relative!important;flex:0 0 auto!important;display:flex!important;overflow-x:auto!important;padding:10px 12px!important;border-bottom:1px solid rgba(84,145,179,.18)!important}
  .neighborsHome .nhComposeTypes button{min-width:max-content!important;padding:0 14px!important}
  .neighborsHome .nhUnifiedComposeForm{flex:1 1 auto!important;overflow-y:auto!important;display:grid!important;grid-template-columns:1fr!important;align-content:start!important;padding:14px 12px 104px!important;gap:13px!important}
  .neighborsHome .nhComposeWide{grid-column:1!important}
  .neighborsHome .nhComposeField input,.neighborsHome .nhComposeField select{min-height:50px!important;border-radius:14px!important}
  .neighborsHome .nhComposeField textarea{min-height:126px!important;border-radius:14px!important;resize:vertical!important}
  .neighborsHome .nhComposeImageField{min-height:92px!important;border-radius:17px!important}
  .neighborsHome .nhComposeImageField input{width:48px!important;height:48px!important}
  .neighborsHome .nhComposePreview{height:min(42vh,320px)!important}
  .neighborsHome .nhComposeFooter{position:absolute!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;padding:11px 12px calc(12px + env(safe-area-inset-bottom,0px))!important;background:rgba(5,21,33,.985)!important;box-shadow:0 -16px 35px rgba(0,0,0,.3)!important;z-index:5!important}
  .neighborsHome .nhComposeFooter button{min-height:50px!important;font-size:15px!important}

  /* Topic/photo cards and action bars. */
  .tp106Layout{width:100%!important;margin:0 auto!important;padding:10px 8px 18px!important;display:block!important;box-sizing:border-box!important}
  .tp106Main{width:100%!important}.tp106Back{margin:4px 6px 10px!important}
  .tp106Card{padding:16px 13px!important;border-radius:19px!important}
  .tp106Card h1{font-size:clamp(28px,10vw,42px)!important}
  .tp106Text{font-size:17px!important;line-height:1.58!important}
  .tp106Gallery{margin:17px 0!important}.tp106Gallery.multi{grid-template-columns:1fr!important}
  .tp106Gallery button{min-height:150px!important;border-radius:15px!important}.tp106Gallery img{max-height:72vh!important}
  .tp106Actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .tp106Actions button{min-height:49px!important;padding:9px 7px!important}
  .tp106Side{margin-top:12px!important}.tp106SideCard{border-radius:18px!important}
  .tp106LightFigure{max-width:100%!important}.tp106LightFigure img{max-width:100vw!important;max-height:82dvh!important}

  /* Profile, notifications and messaging. */
  .trustProfilePage{padding-bottom:12px!important}
  .trustActions button,.trustActions a,.trustFormActions button{min-height:48px!important}
  .trustPub img{cursor:zoom-in!important}
  .act111Page{padding:10px 9px 18px!important}.act111Hero{border-radius:19px!important;padding:18px 15px!important}.act111Filters{overflow-x:auto!important;display:flex!important;scrollbar-width:none}.act111Filters::-webkit-scrollbar{display:none}.act111Filters button{min-width:max-content!important;min-height:44px!important}
  .act111ReadAll{min-height:44px!important}
  .msg111Page{padding:0!important;margin:0!important}.msg111Shell{height:calc(100dvh - 64px - var(--su112-nav-h) - var(--su112-radio-h) - env(safe-area-inset-bottom,0px) - 10px)!important;border-radius:0!important}
  .msg111PaneHead button,.msg111Composer button,.msg111MobileBack{min-height:46px!important}.msg111Composer{padding:10px!important}.msg111Composer textarea{min-height:50px!important;max-height:110px!important}.msg111MessagesList{padding:14px 10px!important}.msg111Bubble{max-width:91%!important}

  /* Generic touch target and media improvements on older sections. */
  main button:not(.su112RadioPlay),main a.primaryBtn,main .primaryBtn{min-height:44px}
  main img[data-su112-viewable="1"]{cursor:zoom-in}
  .suSearchModal,.notificationsPanel{max-width:calc(100vw - 18px)!important}
  .notificationsPanel{right:9px!important;left:9px!important;top:72px!important;width:auto!important;max-height:68dvh!important;overflow:auto!important}

  /* Fast photo viewer. */
  .su112Lightbox{position:fixed;inset:0;z-index:20000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:rgba(0,5,10,.965);backdrop-filter:blur(10px);color:#fff;touch-action:none}
  .su112Lightbox.hidden{display:none!important}
  .su112LightboxHead{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.1)}
  .su112LightboxHead button{width:42px;height:42px;border:0;border-radius:14px;background:#173044;color:#fff;font-size:24px}.su112LightboxHead span{font-size:12px;color:#9db0bf}
  .su112LightboxStage{position:relative;display:grid;place-items:center;overflow:hidden;padding:8px}.su112LightboxStage img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;border-radius:10px}
  .su112LightboxNav{position:absolute;top:50%;transform:translateY(-50%);width:43px;height:52px;border:0;border-radius:14px;background:rgba(11,35,52,.8);color:#fff;font-size:31px}.su112LightboxPrev{left:8px}.su112LightboxNext{right:8px}
  .su112LightboxCaption{min-height:52px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));font-size:13px;color:#bed0dc;text-align:center}

  /* Client-side image optimisation feedback. */
  .su112UploadState{display:flex;align-items:center;gap:8px;margin-top:7px;padding:8px 10px;border-radius:11px;background:#0d2a3c;color:#a9c1d1;font-size:11px;line-height:1.35}
  .su112UploadState:before{content:'↯';width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#173e55;color:#85d5ff;font-weight:900}
  .su112UploadState.working:before{content:'…';animation:su112Pulse 1s infinite}.su112UploadState.ok{background:#0d3226;color:#bcebd0}.su112UploadState.ok:before{content:'✓';background:#185238;color:#d8ffe7}.su112UploadState.bad{background:#391924;color:#ffd0da}.su112UploadState.bad:before{content:'!';background:#6a2638;color:#fff}
  @keyframes su112Pulse{50%{opacity:.45}}
}

@media(max-width:520px){
  .su112MiniRadio{left:6px;right:6px;grid-template-columns:34px 36px minmax(0,1fr) 34px 34px;padding:0 6px;gap:4px}.su112MiniRadio button,.su112MiniRadio a{width:34px;height:34px}.su112RadioText b{font-size:12px}
  .neighborsHome .nhPage{padding-left:5px!important;padding-right:5px!important}.neighborsHome .nhComposer{border-radius:17px!important}.neighborsHome .nhFeedCard{border-radius:16px!important}
  .tp106Actions{grid-template-columns:1fr 1fr!important}.tp106Actions button{font-size:13px!important}
}
@media(max-width:900px){body.su112NoMiniRadio{padding-bottom:calc(var(--su112-nav-h) + env(safe-area-inset-bottom,0px))!important}}

/* ---- assets/css/auth-modal-v223.css ---- */
/* SUNDUQ v223 — auth modal must remain fully usable above Android bottom navigation. */
#loginModal.modal {
  z-index: 30050 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch;
  align-items: flex-start !important;
  justify-items: center !important;
  padding: max(14px, env(safe-area-inset-top, 0px)) 14px max(14px, env(safe-area-inset-bottom, 0px)) !important;
}

#loginModal.modal.hidden {
  display: none !important;
}

#loginModal .modalBox {
  position: relative !important;
  box-sizing: border-box !important;
  width: min(420px, 100%) !important;
  max-width: 420px !important;
  max-height: calc(100dvh - 28px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  margin: auto 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch;
  scroll-padding-bottom: 24px;
}

#loginModal .modalBox > * {
  min-width: 0;
}

#loginModal .modalBox input,
#loginModal .modalBox button:not(.x) {
  box-sizing: border-box !important;
  width: 100% !important;
}

body.suAuthModalOpen {
  overflow: hidden !important;
  touch-action: none;
}

@media (max-width: 900px) {
  #loginModal.modal {
    place-items: start center !important;
    padding: max(8px, env(safe-area-inset-top, 0px)) 8px max(8px, env(safe-area-inset-bottom, 0px)) !important;
  }

  #loginModal .modalBox {
    width: 100% !important;
    max-width: 520px !important;
    max-height: calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    padding: 70px 22px 24px !important;
    gap: 12px !important;
    border-radius: 24px !important;
  }

  #loginModal .modalBox .x {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 2 !important;
    width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 30px !important;
    line-height: 1 !important;
  }

  #loginModal .modalBox h2 {
    margin: 0 0 20px !important;
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.08 !important;
  }

  #loginModal .modalBox h3 {
    margin: 24px 0 8px !important;
    font-size: clamp(25px, 7.5vw, 34px) !important;
    line-height: 1.12 !important;
  }

  #loginModal .modalBox hr {
    width: 100% !important;
    margin: 22px 0 2px !important;
  }

  #loginModal .modalBox input {
    min-height: 58px !important;
    padding: 14px 16px !important;
    font-size: 18px !important;
  }

  #loginModal .modalBox button:not(.x) {
    min-height: 58px !important;
    padding: 14px 16px !important;
    font-size: 18px !important;
  }

  /* The login window must cover, not sit behind, the global mobile nav and mini radio. */
  body.suAuthModalOpen .su112MobileNav,
  body.suAuthModalOpen .nhMobileNav,
  body.suAuthModalOpen #su112MiniRadio,
  body.suAuthModalOpen .su112MiniRadio {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@supports not (height: 100dvh) {
  #loginModal .modalBox {
    max-height: calc(100vh - 28px) !important;
  }
  @media (max-width: 900px) {
    #loginModal .modalBox {
      max-height: calc(100vh - 16px) !important;
    }
  }
}


/* SUNDUQ v246 — phone registration hint. */
#loginModal .suRegPhoneHint {
  margin: -3px 2px 2px !important;
  color: #8fa7bb !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
@media (max-width: 900px) {
  #loginModal .suRegPhoneHint {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}

/* ---- assets/css/ux-v254.css ---- */
/* SUNDUQ v254 — accessibility, mobile stability and interaction consistency. */

/* Hidden until focused: lets keyboard users jump over the large header. */
.su254SkipLink{
  position:fixed;
  left:14px;
  top:10px;
  z-index:10050;
  transform:translateY(-160%);
  padding:11px 15px;
  border-radius:12px;
  background:#f0184f;
  color:#fff!important;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
  transition:transform .16s ease;
}
.su254SkipLink:focus{transform:translateY(0)}

/* One clear keyboard focus treatment across old and new page templates. */
:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:3px solid rgba(105,190,255,.92)!important;
  outline-offset:3px!important;
}
:where(button,input,textarea,select):disabled,
:where(button,[role="button"])[aria-disabled="true"]{
  cursor:not-allowed!important;
  opacity:.58!important;
  filter:saturate(.7)!important;
}

/* Long URLs, names and imported text must never widen the whole page. */
:where(main,article,section,aside,.card,.topicCard,.postCard,.resultItem,.messageBubble) :where(p,h1,h2,h3,h4,small,span,a){
  overflow-wrap:anywhere;
}
pre,code{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}

/* Turn old clickable blocks into real-looking controls without changing layout. */
button.newTopicsNotice,
button.pinItem{
  width:100%;
  margin:0;
  color:inherit;
  font:inherit;
  text-align:left;
  appearance:none;
}
button.newTopicsNotice{text-align:center}
a.pinItem{color:inherit;text-decoration:none}
.pinItem>.pinItemIcon{font-size:22px}
.pinItem>.pinItemText{font-size:inherit;min-width:0}
.pinItem:focus-visible,.newTopicsNotice:focus-visible{position:relative;z-index:2}

/* ML feed had nested click zones and English service labels. */
.ml254Card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  cursor:default!important;
}
.ml254CardLink{display:block;min-width:0;color:inherit;text-decoration:none}
.ml254CardLink h2{margin-top:0}
.ml254Score{display:inline-block;color:#9eb2c6;margin-bottom:8px}
.ml254Skip{align-self:center;white-space:nowrap;background:#10283b!important;color:#cfe4f5!important;border:1px solid rgba(255,255,255,.12)!important}

body.su254ModalOpen{overflow:hidden}

/* Prevent mobile browser zoom and keep controls easy to hit. */
@media(max-width:720px){
  :where(input,textarea,select){font-size:16px!important}
  :where(button,.suUnifiedIconBtn,.suUnifiedMenuBtn,.mobileNav a,[role="button"]){min-height:44px}
  :where(.suUnifiedIconBtn,.suUnifiedMenuBtn){min-width:44px}
  body{padding-bottom:env(safe-area-inset-bottom)}
  .sunduqFooter{padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}
  .ml254Card{grid-template-columns:1fr!important}
  .ml254Skip{justify-self:start}
}

/* Avoid motion-triggered discomfort and reduce animation-related jank. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* ---- assets/css/ux-v255.css ---- */
/* SUNDUQ v255 — form feedback, modal focus, network state and safe submission. */
.su255ToastHost{position:fixed;z-index:12050;top:88px;right:18px;width:min(390px,calc(100vw - 28px));display:grid;gap:10px;pointer-events:none}
.su255Toast{display:grid;grid-template-columns:28px minmax(0,1fr) 30px;gap:10px;align-items:center;padding:13px 12px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#10283b;color:#edf7ff;box-shadow:0 18px 48px rgba(0,0,0,.36);opacity:0;transform:translateY(-9px) scale(.985);transition:opacity .18s ease,transform .18s ease;pointer-events:auto}
.su255ToastVisible{opacity:1;transform:none}.su255ToastLeaving{opacity:0;transform:translateY(-8px) scale(.98)}
.su255ToastIcon{width:27px;height:27px;border-radius:999px;display:grid;place-items:center;background:#24465e;font-weight:1000}.su255ToastText{font-weight:750;line-height:1.35;overflow-wrap:anywhere}.su255ToastClose{min-width:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#b9ccdc!important;font-size:22px!important;line-height:1!important}
.su255Toast--success{border-color:rgba(57,211,134,.36)}.su255Toast--success .su255ToastIcon{background:#155a40;color:#b9ffda}.su255Toast--error{border-color:rgba(255,93,112,.48)}.su255Toast--error .su255ToastIcon{background:#6b2331;color:#ffd2d8}.su255Toast--warning{border-color:rgba(255,191,79,.45)}.su255Toast--warning .su255ToastIcon{background:#654616;color:#ffe2a3}
.su255Network{position:fixed;z-index:12040;left:50%;top:78px;transform:translateX(-50%);width:min(640px,calc(100vw - 24px));padding:10px 14px;border-radius:0 0 14px 14px;text-align:center;font-weight:850;box-shadow:0 10px 25px rgba(0,0,0,.24)}.su255Network.hidden{display:none!important}.su255Network--offline{background:#7a2b20;color:#fff2ef;border:1px solid #b75a4b}.su255Network--online{background:#155a40;color:#d9ffea;border:1px solid #2d9269}
.su255FieldError{display:block!important;margin:6px 0 0!important;color:#ff9cac!important;font-size:13px!important;line-height:1.3!important;font-weight:750!important;grid-column:1/-1}.su255Invalid{border-color:#ff5c73!important;box-shadow:0 0 0 3px rgba(255,69,94,.14)!important}.su255Invalid:focus{box-shadow:0 0 0 4px rgba(255,69,94,.22)!important}
.su255Counter{display:block;margin:6px 0 0;color:#8299ac;font-size:12px;line-height:1;text-align:right;font-variant-numeric:tabular-nums}.su255CounterWarn{color:#ffbd69;font-weight:800}.su255FileInfo{display:block;margin-top:7px;color:#95adbf;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.su255FileInfoError{color:#ff9cac;font-weight:750}
form[aria-busy="true"]{cursor:progress}button[data-su-busy="1"],input[data-su-busy="1"]{position:relative;cursor:progress!important;opacity:.76!important}button[data-su-busy="1"]::after{content:"";display:inline-block;width:14px;height:14px;margin-left:9px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:su255spin .7s linear infinite}@keyframes su255spin{to{transform:rotate(360deg)}}
[role="dialog"]:focus{outline:none}.su255FormActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.su255FormStatus{min-height:20px;color:#9db4c6;font-size:14px}.su255FormStatus.error{color:#ff9cac}.su255FormStatus.success{color:#8ce0b5}
.meetupFormHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.meetupFormHead h2{margin:0}.meetupFormHead p{margin:5px 0 0;color:#8fa7b9}.meetupFormClose{background:#132d40!important;color:#cce1f1!important;padding:7px 11px!important;border-radius:12px!important}.socialForm .su255FieldLabel{display:grid;gap:7px;color:#dceaf5;font-weight:800}.socialForm .su255FieldLabel>span{font-size:13px;color:#a8bfd0}.socialForm .su255FieldLabel input,.socialForm .su255FieldLabel textarea,.socialForm .su255FieldLabel select{width:100%}.socialForm .su255FieldRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meetupActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.meetupSecondary{background:#132d40!important;color:#cce1f1!important}.meetupJoinState{background:#17364b!important;color:#d9edfb!important}.meetupJoinState.active{background:#174f3b!important;color:#caffdf!important}.meetupAuthor{font-size:13px;color:#91a9bb}.meetupFull{color:#ffbf73!important;font-weight:800}
@media(max-width:720px){.su255ToastHost{top:72px;right:10px;width:calc(100vw - 20px)}.su255Network{top:66px}.socialForm .su255FieldRow{grid-template-columns:1fr}.meetupActions{display:grid;grid-template-columns:1fr}.meetupActions button{width:100%}}
@media(prefers-reduced-motion:reduce){.su255Toast{transition:none}button[data-su-busy="1"]::after{animation-duration:1.5s}}
.datingFormGrid .su255FieldLabel{display:grid;gap:7px;color:#dceaf5;font-weight:800;min-width:0}.datingFormGrid .su255FieldLabel>span{font-size:13px;color:#a8bfd0}.datingFormGrid .datingWide{grid-column:1/-1}.datingFormGrid .meetupActions{grid-column:1/-1}
@media(max-width:760px){.datingFormGrid .datingWide,.datingFormGrid .meetupActions{grid-column:auto}}

/* ---- assets/css/ux-v259.css ---- */
/* SUNDUQ v259 — publication composer, upload and editor UX */
.suVisuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.nhComposeDraftStatus,#feedComposeDraftStatus{color:#82b9d4;font-weight:700}
.nhComposeClearDraft{margin-right:auto;border:1px solid #315369;background:transparent;color:#8eafc2}
.nhComposePreview{height:auto!important;min-height:150px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,.8fr);gap:14px;padding:12px;overflow:visible}
.nhComposePreview figure{margin:0;min-height:130px;border-radius:11px;overflow:hidden;background:#06131d}
.nhComposePreview figure img{display:block;width:100%;height:100%;max-height:300px;object-fit:contain}
.nhComposePreviewMeta{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px}.nhComposePreviewMeta b{max-width:100%;overflow-wrap:anywhere;color:#eef8fd}.nhComposePreviewMeta span{color:#86a4b6;font-size:12px}.nhComposePreviewMeta button{min-height:38px;padding:8px 13px;border:1px solid #704052;border-radius:10px;background:#321824;color:#ffc4d4;font-weight:800}
.nhComposeProgress,.feedComposeProgress259{padding:10px 12px;border:1px solid #31566d;border-radius:12px;background:#081d2b}.nhComposeProgress>div,.feedComposeProgress259>div{height:7px;overflow:hidden;border-radius:999px;background:#06131d}.nhComposeProgress i,.feedComposeProgress259 i{display:block;width:2%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef2d64,#5bc8ff);transition:width .18s}.nhComposeProgress span,.feedComposeProgress259 span{display:block;margin-top:7px;color:#9fc2d5;font-size:12px}
.feedComposePreview259{display:grid;grid-template-columns:minmax(150px,260px) 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #31566d;border-radius:14px;background:#081d2b}.feedComposePreview259 img{width:100%;max-height:220px;object-fit:contain;border-radius:10px;background:#06131d}.feedComposePreview259 div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.feedComposePreview259 b{max-width:100%;overflow-wrap:anywhere}.feedComposePreview259 span{color:#8eacbd;font-size:12px}.feedComposePreview259 button,.feedComposeMeta259 button{min-height:36px;border:1px solid #704052;border-radius:9px;background:#321824;color:#ffc4d4}
.feedComposeMeta259{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#87a5b6;font-size:12px}.feedComposeError259{padding:10px 12px;border:1px solid #74374b;border-radius:11px;background:#321520;color:#ffc3d2}.feedComposeProgress259{grid-column:1/-1}.feedComposeError259,.feedComposePreview259,.feedComposeMeta259{grid-column:1/-1}
.tp259PostImage{margin:13px 0;padding:13px;border:1px solid #315d74;border-radius:13px;background:#071923}.tp259PostImage>b{display:block;margin-bottom:9px;color:#dff2fc}.tp259PostImage p{color:#83a0b2}.tp259CurrentImage{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:12px;align-items:center;margin-bottom:12px}.tp259CurrentImage img,.tp259ImagePreview img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:10px;background:#04121b}.tp259CurrentImage label{margin:0!important;display:flex!important;align-items:center;gap:8px;color:#ffc1d1}.tp259CurrentImage input{width:auto!important}.tp259NewImage{padding:11px;border:1px dashed #3c718b;border-radius:11px}.tp259NewImage input{margin-top:8px}.tp259NewImage small{display:block;margin-top:5px;color:#7899ad}.tp259ImagePreview{display:grid;grid-template-columns:minmax(130px,220px) 1fr;gap:11px;align-items:center;margin-top:11px}.tp259ImagePreview span{overflow-wrap:anywhere;color:#9db9c8;font-size:12px}.tp259EditorMeta{justify-content:flex-start!important;color:#7899ad}
@media(max-width:650px){.nhComposePreview,.feedComposePreview259,.tp259CurrentImage,.tp259ImagePreview{grid-template-columns:1fr}.nhComposePreview figure{min-height:110px}.nhComposeFooter{flex-wrap:wrap}.nhComposeClearDraft{order:3;flex-basis:100%!important}.feedComposeMeta259{align-items:flex-start;flex-direction:column}.tp259PostEditor{max-height:none}.tp259PostImage{padding:11px}}

/* ---- assets/css/sections-v262.css ---- */
.su262DraftStatus,.su262FileInfo{display:block;margin-top:7px;color:var(--muted,#a8afc3);font-size:12px;line-height:1.35}.su262FileInfo.is-error{color:#ff858f}.su262Toast{position:fixed;z-index:10050;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));max-width:min(92vw,520px);padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#171b27;color:#fff;box-shadow:0 16px 46px rgba(0,0,0,.45);opacity:0;transform:translate(-50%,12px);transition:.2s ease}.su262Toast.is-visible{opacity:1;transform:translate(-50%,0)}.su262Toast.is-error{border-color:rgba(255,93,105,.52)}.su262Toast.is-success{border-color:rgba(80,205,137,.52)}.su262Status{min-height:20px;margin-top:8px;color:var(--muted,#a8afc3);font-size:13px}.su262Status.is-error{color:#ff858f}.su262Status.is-success{color:#6fe2a5}.su262Actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.su262SearchRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.45fr);gap:10px;margin:0 0 16px}.su262ExternalHint{display:block;color:var(--muted,#a8afc3);font-size:12px;margin-top:5px}.su262FileChoice{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.su262FileChoice button{white-space:nowrap}article[role="link"]:focus-visible,.directoryCard:focus-visible{outline:3px solid rgba(102,145,255,.65);outline-offset:3px}.communityFilters,.videoFilters,.tourismFilters,.directoryFilters{scrollbar-width:thin}.communityFilters button.active,.videoFilters button.active,.tourismFilters button.active,.directoryFilters button.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}@media(max-width:700px){.su262SearchRow{grid-template-columns:1fr}.su262Actions>*{flex:1 1 auto}.su262Toast{bottom:calc(76px + env(safe-area-inset-bottom))}}