/* One shared outer grid; reading/form widths remain intentionally narrower. */
html body select:not([multiple]):not([size]){appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-size:18px 18px!important;background-repeat:no-repeat!important;padding-right:42px!important}
html body.community-screen .community-layout{grid-template-columns:210px minmax(0,1fr) 240px;gap:24px!important}
html body.community-screen .community-discover{width:auto;min-width:0}
html body.community-screen .feed-column{min-width:0}
html body.community-screen .collector-rail{max-width:100%;align-items:flex-start}
html body.community-screen .collector-avatar{overflow:hidden}
@media(max-width:1199px){html body.community-screen .community-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:767px){html body.community-screen .community-layout{grid-template-columns:minmax(0,1fr);gap:0!important}.community-screen .composer-top>span:last-child{min-width:0}.community-screen .composer-bottom{flex-wrap:wrap}.community-screen .social-rail-heading{flex-wrap:wrap}.community-screen .app-search input{min-width:0}}
html body #main-content{box-sizing:border-box;width:100%!important;max-width:1260px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;background:#fff!important}
html body #main-content .collector-profile,html body #main-content>.app-content{width:100%;max-width:none!important;margin-left:0;margin-right:0;min-width:0}
html body #main-content .auth-shell{width:100%;max-width:none}
@media(max-width:767px){html body #main-content{padding-left:16px!important;padding-right:16px!important}}
/* Mobile: one primary navigation, safe-area spacing and touch-sized controls. */
@media(max-width:767px){
html body:has(.mobile-dock) .site-header .site-menu{display:none!important}
html body .site-header .nav{height:auto!important;min-height:64px!important;gap:12px;padding:6px 16px!important}
html body .site-header .brand-icon{width:80px!important;height:46px!important;object-fit:contain}
html body .header-access{margin-left:auto;gap:10px}
html body .auth-separator{display:none}
html body .auth-register{padding:12px 16px!important;font-size:13px!important}
html body.page-home #main-content{padding-top:0!important}
html body.page-home .home-slider-hero{margin-top:0!important;padding-top:22px!important}
html body .mobile-dock{padding-bottom:calc(8px + env(safe-area-inset-bottom));gap:0}
html body .mobile-dock a{min-width:0;min-height:48px}
html body .mobile-dock small{font-size:10px!important}
html body input,html body select,html body textarea{font-size:16px!important;max-width:100%}
html body .events-filters{grid-template-columns:1fr}
html body .events-toolbar{align-items:flex-start}
html body .events-toolbar nav{flex-wrap:wrap}
html body .events-list .event-body{min-width:0;overflow-wrap:anywhere}
html body .account-submenu{max-width:calc(100vw - 32px);max-height:70dvh;overflow-y:auto;right:0}
html body .screen-heading h1{font-size:32px!important;line-height:1.1}
html body .post-title>div{min-width:0}
html body .post-title h2{overflow-wrap:anywhere}
}