/* STAGE31: compatibility styles; current component CSS owns presentation. */
@layer av-legacy-shared {

:root{--container-max:1200px;}
.app-shell__content,.page-container,.feed-container,.profile-container,
.communities-container,.anime-container,.card-container,.messages-layout,
.post-layout,.content-wrap,.main-content{
max-width:1200px;
width:min(1200px,100%);
margin-left:auto;
margin-right:auto;
box-sizing:border-box;
}
img{max-width:100%;height:auto;}
@media (max-width:1024px){
.app-shell__sidebar{width:260px;}
}
@media (max-width:768px){
.app-shell__sidebar{display:none;}
.messages-layout,.post-layout,.feed-container,.profile-container{padding:12px;}
}
@media (max-width:390px){
body{overflow-x:hidden;}
}


/* audit fix: generic profile selectors must not override the page's responsive grid.
   Profile-specific breakpoints live in profile.css. */
.profile-card{min-width:0}
@media (max-width:768px){
 .profile-actions{width:100%;display:flex;flex-wrap:wrap}
}

}