/* Editorial and trailer indexes inside the shared Miovie Social shell */
.blog-social-index{padding-top:30px}.blog-social-center{min-width:0}.blog-social-center>.community-feed-heading{margin-bottom:16px}.blog-social-center>.community-feed-heading h1{font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-1px}.blog-social-center>.community-feed-heading p{font-size:14px;line-height:1.7}.blog-category-tabs{justify-content:flex-start;overflow:visible;flex-wrap:wrap}.blog-category-tabs>a{display:inline-flex;align-items:center;gap:8px}.blog-category-tabs small{font-size:10px;opacity:.7}.blog-social-feature{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px;margin:18px 0 26px}.blog-social-feature .blog-feature-card.is-large{min-height:390px}.blog-social-feature .blog-feature-side{gap:14px}.blog-social-feature .blog-feature-side .blog-feature-card{min-height:188px;border-radius:18px}.blog-social-feature .blog-feature-card{border-radius:20px}.blog-social-feature .blog-feature-card.is-large .blog-feature-content{padding:24px}.blog-social-feature .blog-feature-card.is-large h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1.2px}.blog-social-feature .blog-feature-content p{font-size:13px}.blog-social-index .blog-section-head{align-items:end;margin:22px 0 15px}.blog-social-index .blog-section-head h2{font-size:22px}.blog-social-index .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.blog-social-index .blog-card{border-radius:17px}.blog-social-index .blog-card-body{padding:15px}.blog-social-index .blog-card h2{font-size:17px;line-height:1.3}.blog-social-index .blog-card p{font-size:13px;line-height:1.55}.blog-social-index>.community-layout>.community-center>.ad-slot{margin:20px 0}
.trailers-social-index{padding-top:30px}.trailers-social-center{min-width:0}.tr-community-heading{margin-bottom:16px}.tr-community-heading h1{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-1.2px;margin:7px 0}.tr-community-heading p{max-width:700px;font-size:14px;line-height:1.7}.tr-social-search{display:flex;align-items:center;gap:9px;margin:0 0 20px;padding:10px;border:1px solid var(--c-line);border-radius:16px;background:var(--c-surface)}.tr-social-search input,.tr-social-search select{min-width:0;min-height:42px;padding:0 13px;border:1px solid var(--c-line);border-radius:10px;background:var(--c-bg);color:var(--c-ink);font:inherit;font-size:13px}.tr-social-search input{flex:1}.tr-social-search select{max-width:190px}.tr-social-search .community-button{min-height:42px;padding:9px 17px}.tr-clear-search{padding:8px;color:var(--c-muted);font-size:12px;white-space:nowrap}.tr-social-feature{min-height:350px;margin:0 0 24px;border-radius:20px}.tr-social-feature .tr-feature-copy{padding:38px 32px}.tr-social-feature .tr-feature h2{font-size:clamp(25px,3vw,38px)}.tr-social-section-head{margin:21px 0 14px}.tr-social-section-head h2{font-size:22px;margin:6px 0 0}.tr-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tr-social-grid .tr-card{border-radius:16px}.tr-social-grid .tr-card-body{padding:15px}.tr-social-grid .tr-card h2{font-size:16px;line-height:1.4}.tr-social-grid .tr-card-body>span{display:inline-block;margin-top:3px}.trailers-social-center .tr-intro{margin-top:32px;padding:18px;border:1px solid var(--c-line);border-radius:16px;background:var(--c-surface);font-size:13px}.trailers-social-center>.ad-slot{margin:20px 0}
@media(max-width:800px){.blog-social-index,.trailers-social-index{padding-top:16px}.blog-social-feature{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.blog-social-feature .blog-feature-card.is-large{min-height:330px}.blog-social-feature .blog-feature-side .blog-feature-card{min-height:158px}.blog-social-index .blog-grid,.tr-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-social-feature{min-height:310px}.tr-social-feature .tr-feature-copy{padding:26px 22px}}
@media(max-width:600px){.blog-social-feature{grid-template-columns:1fr}.blog-social-feature .blog-feature-card.is-large{min-height:300px}.blog-social-feature .blog-feature-side{grid-template-columns:1fr 1fr}.blog-social-feature .blog-feature-side .blog-feature-card{min-height:155px}.blog-social-feature .blog-feature-content{padding:16px}.blog-social-feature .blog-feature-card.is-large .blog-feature-content{padding:20px}.blog-social-feature .blog-feature-content h2{font-size:20px}.blog-social-feature .blog-feature-card.is-large h2{font-size:28px}.blog-social-index .blog-grid,.tr-social-grid{grid-template-columns:1fr}.blog-social-index .blog-card{display:grid;grid-template-columns:38% minmax(0,1fr)}.blog-social-index .blog-card>a{display:contents}.blog-social-index .blog-card-cover{height:100%;min-height:130px;aspect-ratio:auto}.blog-social-index .blog-card-body{padding:12px}.blog-social-index .blog-card h2{font-size:15px;margin:6px 0}.blog-social-index .blog-card p{font-size:11px}.blog-social-index .blog-card em{font-size:10px}.tr-social-search{display:grid;grid-template-columns:minmax(0,1fr) auto}.tr-social-search input{grid-column:1/-1;width:100%}.tr-social-search select{max-width:none;width:100%}.tr-social-search .community-button{justify-content:center;min-width:74px}.tr-clear-search{grid-column:1/-1;text-align:center}.tr-social-feature{min-height:290px}.tr-social-feature .tr-feature-copy{padding:24px 19px}.tr-social-feature .tr-feature h2{font-size:25px;margin:14px 0 20px}.tr-social-section-head h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.blog-social-feature .blog-feature-card,.blog-social-index .blog-card,.tr-social-grid .tr-card{transition:none}}

/* The design studio can switch editorial pages between the social shell and a wide reading canvas. */
html[data-editorial-layout="full"] .blog-social-index>.community-layout,
html[data-editorial-layout="full"] .trailers-social-index>.community-layout{display:block;width:min(100% - 48px,1480px);margin-inline:auto}
html[data-editorial-layout="full"] .blog-social-index .community-left,
html[data-editorial-layout="full"] .blog-social-index .community-right,
html[data-editorial-layout="full"] .trailers-social-index .community-left,
html[data-editorial-layout="full"] .trailers-social-index .community-right{display:none}
html[data-editorial-layout="full"] .blog-social-center,
html[data-editorial-layout="full"] .trailers-social-center{width:100%;max-width:1240px;margin-inline:auto}
html[data-editorial-layout="full"] .blog-social-index .blog-grid,
html[data-editorial-layout="full"] .trailers-social-index .tr-social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:850px){html[data-editorial-layout="full"] .blog-social-index>.community-layout,html[data-editorial-layout="full"] .trailers-social-index>.community-layout{width:min(100% - 28px,1480px)}}
@media(max-width:600px){html[data-editorial-layout="full"] .blog-social-index .blog-grid,html[data-editorial-layout="full"] .trailers-social-index .tr-social-grid{grid-template-columns:1fr}}

/* Keep page titles as one editorial block instead of three squeezed flex columns. */
.blog-social-center>.community-feed-heading,.trailers-social-center>.tr-community-heading{display:block;min-width:0;margin:0 0 16px;padding:22px 24px;border:1px solid var(--c-line);border-radius:20px;background:linear-gradient(125deg,color-mix(in srgb,var(--c-accent) 7%,transparent),transparent 58%),var(--c-surface);text-align:left}
.blog-social-center>.community-feed-heading>.community-kicker,.trailers-social-center>.tr-community-heading>.community-kicker{display:block;width:max-content;max-width:100%;margin:0 0 9px;color:var(--c-accent);font-size:10px;line-height:1.4;letter-spacing:.14em;white-space:normal}
.blog-social-center>.community-feed-heading h1,.trailers-social-center>.tr-community-heading h1{max-width:760px;margin:0 0 9px;font-size:clamp(25px,2.7vw,33px);line-height:1.18;letter-spacing:-1px;text-wrap:balance}
.blog-social-center>.community-feed-heading p,.trailers-social-center>.tr-community-heading p{max-width:680px;margin:0;color:var(--c-muted);font-size:14px;line-height:1.7}
@media(max-width:600px){.blog-social-center>.community-feed-heading,.trailers-social-center>.tr-community-heading{padding:19px 18px;border-radius:17px}.blog-social-center>.community-feed-heading h1,.trailers-social-center>.tr-community-heading h1{font-size:26px;letter-spacing:-.7px}.blog-social-center>.community-feed-heading p,.trailers-social-center>.tr-community-heading p{font-size:13px}}