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

:root{--container-max:1200px}
.container,.page-container,.content-container,.feed-container,.profile-container,.community-container,.anime-container,.cards-container{max-width:var(--container-max);margin:0 auto}
img{max-width:100%;height:auto}
.long-text,.post-content,.message-content{overflow-wrap:anywhere;word-break:break-word}
@media (max-width:1024px){.sidebar{width:260px}}
@media (max-width:768px){
.sidebar{position:fixed;left:-100%;z-index:999}
.sidebar.open{left:0}
.main-content,.content{width:100%}
}
.empty-state{padding:32px;text-align:center;opacity:.8}

}