/* MODERA 2026-10-09 – Final public navigation and ad adjustments.
   Loaded LAST: override the older special dark tile rules without removing features. */
#home .grid .tile.modera3d-tile {
  background:linear-gradient(145deg,#fff4d8,#f6e2ad)!important;
  color:#654d15!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
#home .grid .tile.community-wide-tile {
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:5px 3px!important;
  gap:2px!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#e9e6ff,#d8d2ff)!important;
  color:#413883!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
#home .grid .tile.community-wide-tile span,
#home .grid .tile.community-wide-tile small {
  font-size:inherit!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:0!important;
  opacity:1!important;
  overflow-wrap:anywhere!important;
  max-width:100%!important;
}
#home .grid .tile.community-wide-tile small {font-size:.78em!important;font-weight:750!important}
/* 16 ordinary cards; do not reserve an oversized row for the last card. */
#home .grid {grid-template-rows:repeat(4,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;}
@media(max-width:900px){#home .grid{grid-template-rows:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:699px){#home .grid{grid-template-rows:repeat(6,minmax(0,1fr))!important;}}
/* Ad zone always occupies the same header band, on every screen, even during loading. */
#moderaGlobalAdHost {display:block!important;padding-top:5px!important;}
#moderaGlobalAdHost:has(#adSlider[hidden]) {display:block!important;}
#moderaGlobalAdHost>#adSlider,
#moderaGlobalAdHost>#adSlider[hidden] {display:block!important;visibility:visible!important;}
#moderaGlobalAdHost .adSlideText {font-size:clamp(11px,2.6vw,14px)!important;font-weight:750!important;}
#moderaGlobalAdHost .adSlide img {height:100%!important;width:100%!important;object-fit:cover!important;}
/* Keep the navigation bar and fixed advertisement on screen while scrolling. */
#mainApp>.top{position:sticky!important;top:0!important;z-index:100!important;}