/* One consistent, readable mobile canvas across every public page. */
@media(max-width:680px){
 .public-site .site-workspace{padding-inline:10px;box-sizing:border-box;width:100%;min-width:0}
 .public-site .orbit-bar{padding-inline:12px;box-sizing:border-box}
 .public-site .page-columns,.public-site .page-columns.has-rail{grid-template-columns:minmax(0,1fr);min-width:0;gap:24px}
 .public-site .page-columns>.site-rail{display:none}
 .public-site .page-content{width:100%;min-width:0;max-width:100%}
 .public-site .page-content>.section,.public-site .inner-collection,.public-site .inner-detail{min-width:0;max-width:100%;box-sizing:border-box}
 .public-site .hero{width:100%;max-width:100%;min-width:0;margin-inline:0;box-sizing:border-box}
 .public-site .home-paths.home-paths-shell{width:100%;max-width:100%;margin-inline:0;box-sizing:border-box}
 .public-site .inner-article-header{padding:22px 16px}
 .public-site .article-body-panel{padding:24px 16px}
 .public-site .inner-article,.public-site .prose{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .public-site .prose img,.public-site .article-cover,.public-site .inner-player{max-width:100%;box-sizing:border-box}
 .public-site .provider-selection,.public-site .inner-filter-panel,.public-site .inner-search{min-width:0;max-width:100%;box-sizing:border-box}
 .public-site .section-heading{min-width:0;max-width:100%;flex-wrap:wrap;gap:14px}
 .public-site .section-heading>div:first-child{min-width:0;max-width:100%}
 .public-site .section-heading-actions{min-width:0;max-width:100%;flex-wrap:wrap}
 /* Compact portrait composition: the silhouette belongs to a smaller card. */
 .public-site .community-section.community-popout{width:100%;max-width:360px;min-height:0;margin-inline:auto;margin-top:calc(min(var(--section-gap,36px),36px) + 42px);padding:164px 20px 24px;box-sizing:border-box}
 .public-site .community-popout .community-art{left:50%;right:auto;top:-48px;width:min(86%,260px);height:240px;max-width:none;transform:translateX(-50%);mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%)}
 .public-site .community-popout .community-art img{object-position:center top;object-fit:contain}
 .public-site .community-popout .community-copy{width:100%;max-width:none}
 .public-site .community-popout .community-copy h2{font-size:26px;line-height:1.22;margin-top:17px}
 .public-site .community-popout .community-copy p{font-size:12px;line-height:1.75;margin-top:18px;margin-bottom:0}
 .public-site .community-popout .community-actions{margin-top:20px}
 .public-site .community-popout:not(:has(.community-art img)){padding-top:24px;margin-top:var(--section-gap,36px)}
 /* Centre the active slide while showing a clear preview on both sides. */
 .public-site .carousel-track.flow-ready:not(.flow-grid){padding-inline:calc((100% - var(--flow-card-width))/2);scroll-padding-inline:0;gap:8px}
 .public-site .flow-ready:not(.flow-grid)>.flow-slide{margin-inline:0;transform:none!important;opacity:1}
}
/* A narrow, lighter edge fade keeps neighbouring cards visible. */
.public-site .carousel-track.flow-ready:not(.flow-grid){mask-image:linear-gradient(90deg,#0009,#000 8px,#000 calc(100% - 8px),#0009);-webkit-mask-image:linear-gradient(90deg,#0009,#000 8px,#000 calc(100% - 8px),#0009)}
.public-site .carousel-track.flow-ready:not(.flow-grid)>.flow-slide{--surface-alpha:var(--block-alpha,.8);--surface-shadow:var(--block-shadow,.32)}
.public-site .carousel-track.flow-ready:not(.flow-grid)>.flow-slide:not(.is-current){--surface-alpha:var(--block-alpha,.58);--surface-shadow:var(--block-shadow,.18);opacity:clamp(.55,var(--flow-opacity,.72),.8)}
.public-site .carousel-track.flow-ready:not(.flow-grid)>.flow-slide.is-current{opacity:1}