/*
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;
  }
}