/* SayTalk v12.363 homepage-only refinements. Existing global components stay untouched. */
body.saytalk-home-v12363 .home-v276-hero{grid-template-columns:minmax(0,1fr);min-height:340px}
body.saytalk-home-v12363 .home-v276-hero-copy{max-width:840px}
body.saytalk-home-v12363 .home-v276-provider-section{margin-top:24px}
.home-v363-recommend-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:flex-end}
.home-v363-join-link{color:#166534!important;background:#edf9ef!important;border-color:#aadcc1!important;font-weight:850!important}
.home-v363-featured{margin-bottom:20px;padding:14px;border:1px solid #e8e4f7;background:#fcfaff;border-radius:18px}
.home-v363-featured .home-v276-heading{margin-bottom:12px}
.home-v363-featured .home-v276-heading h3{font-size:19px;margin:4px 0}
.home-v363-featured .home-v276-provider{background:#fff}
.home-v363-movie{display:flex;align-items:center;gap:11px;min-height:48px;margin:14px 0 24px;padding:8px 16px;border-radius:12px;background:linear-gradient(100deg,#251343,#4b256f 66%,#753a85);color:#fff!important;text-decoration:none!important;box-shadow:0 5px 18px #29154624}
.home-v363-movie-icon{font-size:22px;flex:none}
.home-v363-movie strong{font-size:15px;line-height:1.4}
.home-v363-movie-desc{font-size:12px;opacity:.88}
.home-v363-movie-cta{margin-left:auto;flex:none;font-weight:850;font-size:13px;color:#fff7d4}
.home-v363-grade{cursor:pointer;user-select:none;border:1px solid #cbd5e1;background:#f1f5f9!important}
.home-v363-grade:focus-visible{outline:3px solid #365be7;outline-offset:2px}
.home-v363-grade-popover{position:fixed;bottom:calc(25px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));padding:12px 16px;border-radius:12px;background:#18364a;color:#fff;box-shadow:0 10px 35px #0004;font-size:14px;z-index:2147482000;line-height:1.65}
.home-v363-grade-popover[hidden]{display:none!important}
.home-v363-join-footer{color:#fff!important;background:#276c55!important;border-color:#276c55!important}
/* v12.363 header hotfix: rely on the shared mobile shortcuts CSS; do not hide the second nav row. */
@media(max-width:820px){
 body.saytalk-home-v12363 > .topnav .topnav-primary > a:not(.desktop-nav-extra){display:none!important}
 body.saytalk-home-v12363 > .topnav .st-mobile-shortcuts{display:flex!important}
}
@media(min-width:821px){body.saytalk-home-v12363 > .topnav .st-mobile-shortcuts{display:none!important}}
@media(max-width:650px){
 body.saytalk-home-v12363 .home-v276-hero{min-height:0}
 .home-v363-recommend-actions{justify-content:flex-start;width:100%}
 .home-v363-recommend-actions>a{flex:1 1 auto;text-align:center}
 .home-v363-movie{gap:8px;padding:8px 11px;min-height:45px}
 .home-v363-movie strong{font-size:12px}
 .home-v363-movie-desc{display:none}
 .home-v363-movie-cta{font-size:11px}
 .home-v363-featured{padding:9px}
}
@media(prefers-reduced-motion:reduce){.home-v363-movie{transition:none}}

.home-v363-member-return{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:13px;font-weight:750}.home-v363-member-return a{color:#29517b;text-decoration:underline;text-underline-offset:3px}

/* v12.363 multilingual: longer scripts must not clip action labels or category tiles. */
body.saytalk-home-v12363 [data-saytalk-i18n]{overflow-wrap:anywhere}
body.saytalk-home-v12363 .home-v276-main-actions,body.saytalk-home-v12363 .home-v276-final-actions{flex-wrap:wrap}
body.saytalk-home-v12363 .home-v276-category-text{min-width:0}
body.saytalk-home-v12363 .home-v276-hero h1{overflow-wrap:normal;word-break:normal}