/* Keep the entire advertisement visible on tablet screens. */
@media(min-width:700px){#mainApp #adSlider .adSlide img,#mainApp #adSlider .adSlideLink img{object-fit:contain!important;background:#fff}}
#moderaSafetyOptions{display:flex;flex-wrap:wrap;gap:12px}#moderaSafetyOptions h3{width:100%}#moderaSafetyOptions a{width:100%;padding:8px 0}


/* Deterministic home fit, independent of authentication or viewport scripts. */
@media(max-width:699px){
 html:has(#mainApp #home.active),body:has(#mainApp #home.active){height:100svh!important;min-height:0!important;overflow:hidden!important}
 #mainApp:has(#home.active){height:100svh!important;min-height:0!important;max-height:100svh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
 #mainApp:has(#home.active)>header.top{flex:0 0 auto!important;position:relative!important;top:auto!important}
 #mainApp #home.screen.active{display:flex!important;flex-direction:column!important;flex:1 1 0px!important;height:0!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;padding:5px 8px 7px!important;box-sizing:border-box!important}
 #mainApp #home.screen.active>.grid{display:grid!important;flex:1 1 0px!important;min-height:0!important;max-height:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(7,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:4px!important}
 #mainApp #home.screen.active>.grid>a.tile{min-height:0!important;max-height:100%!important;height:auto!important;padding:2px 4px!important;box-sizing:border-box!important;font-size:clamp(10px,2.85vw,12px)!important;line-height:1.08!important}
 #mainApp #home.screen.active>.grid>.marketplace-wide-tile,#mainApp #home.screen.active>.grid>.community-wide-tile{grid-column:1/-1!important}
}

@media(max-width:699px){#mainApp #home.screen.active>.grid>a.tile{margin:0!important;aspect-ratio:auto!important;overflow:hidden!important}}