/* Text and controls own space in the layout; never cover adjacent content. */
html{scroll-padding-top:calc(var(--site-header-height,104px) + 16px);scroll-padding-bottom:calc(var(--mobile-nav-height,0px) + 20px)}
body{overflow-wrap:break-word}
:where(.social-columns,.social-feed,.site-footer,.sheet,.sponsor-card) :is(h1,h2,h3,p,button,a,label,legend){overflow-wrap:anywhere}
:where(.social-columns,.social-feed,.site-footer,.sheet) :is(.row,.two,.actions)>*{min-width:0}
.social-columns>*,.social-profile>div,.social-composer>div>button,.social-composer-actions>button,.site-menu .menu-action-copy{min-width:0}
.social-composer-actions{flex-wrap:wrap}
.social-composer-actions>button{flex:1 1 110px;line-height:1.5;white-space:normal}
.social-left nav button,.social-side-card button{white-space:normal;line-height:1.5;height:auto}
.social-side-card button{padding:12px}
.social-shell>.site-footer{margin-top:36px;border-top:1px solid var(--social-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.site-footer .logo{white-space:nowrap}
.site-footer .footer-column :is(a,button){height:auto;white-space:normal}
.site-footer #ai-fab{position:static;display:flex;align-items:center;gap:8px;align-self:flex-start;max-width:100%;padding:10px 14px;color:#fff;background:#193c32;font-size:12px;border-radius:12px;line-height:1.5;text-decoration:none}
.social-feed :is(.section-heading,.market-mode,.hero-actions,.local-welcome){flex-wrap:wrap}
.social-feed .section-heading .btn{white-space:normal}
.social-feed .ctitle{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0;overflow-wrap:anywhere}
.social-feed .cmeta{flex-wrap:wrap;gap:4px 8px;line-height:1.6}
.social-feed :is(.hero-copy,.sponsor-copy,.empty,.seller-spotlight){min-width:0}
.social-feed .hero-image{max-height:none}
.sponsored-slot .sponsor-card,.ad-preview-wrap .sponsor-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.sponsor-card>*{min-width:0;max-width:100%;box-sizing:border-box}
.sponsor-card .ad-controls{grid-column:1/-1;flex-wrap:wrap;align-items:center;gap:8px}
.sponsor-card .ad-controls button{position:static;height:auto;white-space:normal;line-height:1.5;max-width:100%}
.sponsor-card .sponsor-visual{width:100%;height:auto;min-width:0}
.sponsor-card .sponsor-copy{width:auto;padding:24px!important}
.sponsor-card .sponsor-copy :is(.btn,.sponsor-label){max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.sponsor-card .campaign-video{max-width:100%;display:block}
/* The reveal stays inside the space reserved for the ad. */
@keyframes kigo-ad-enter{from{opacity:.2;transform:scale(.97)}to{opacity:1;transform:none}}
.social-feed .sponsor-card,.ad-preview-wrap .sponsor-card{grid-template-columns:minmax(0,1fr)}
.ad-restore{max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.sheet :is(fieldset,.f,.two,.row){min-width:0}
.sheet legend{max-width:100%;white-space:normal;line-height:1.5}
.sheet :is(p,li,label,small){line-height:1.6}
.sheet .row{flex-wrap:wrap;gap:10px}
.sheet .row>.btn{white-space:normal;min-width:0;max-width:100%;height:auto;line-height:1.5}
.sheet :is(input,select,textarea){box-sizing:border-box}
.site-menu .menu-action-copy{flex:1;overflow-wrap:anywhere}
.site-menu .badge{position:static;flex:none;margin-left:6px}
.site-menu .menu-action>svg,.site-menu .menu-action-icon{flex:none}
.site-menu-panel{max-height:calc(100dvh - var(--site-header-height,104px) - var(--mobile-nav-height,0px) - 30px)}
@media(max-width:960px){
 body:not(.native-app){padding-bottom:var(--mobile-nav-height,80px)}
 .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:20;padding:7px max(6px,env(safe-area-inset-left,0px)) calc(7px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--social-line)}
 .mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:50px;height:auto;min-width:0;padding:3px;border:0;background:none;white-space:normal;line-height:1.4}
 .social-shell>.site-footer{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:32px}
 .site-header .desktop-nav{min-width:0}
}
@media(max-width:600px){
 .sponsored-slot .sponsor-card{grid-template-columns:minmax(0,1fr)}
 .social-feed .local-shortcuts{flex-wrap:wrap;overflow:visible}
 .social-feed .local-shortcuts button{white-space:normal;line-height:1.5}
 .social-feed .departments{grid-template-columns:repeat(3,minmax(0,1fr))}
 .social-feed .department-card{height:auto;min-height:100px}
 .social-feed .department-card b{line-height:1.4}
 .site-header .bar,.site-header .actions{flex-wrap:wrap}
 .site-header .actions{flex:0 1 auto}
 .site-header .logo{max-width:100%}
 .social-shell>.site-footer{gap:28px 20px}
 .social-feed .sponsor-copy{padding:20px!important}
}
@media(max-width:400px){
 .social-shell>.site-footer{grid-template-columns:minmax(0,1fr)}
 .social-feed #grid{grid-template-columns:minmax(0,1fr)!important}
 .social-feed .departments{grid-template-columns:minmax(0,1fr)}
 .social-feed .department-card{flex-direction:row;align-items:center;min-height:64px}
 .social-feed .department-card small{display:block}
}