/* MMUST CU Phase 42.2 — Live Social Media Hub */
:root{--p422-blue:#0099FF;--p422-orange:#FF9900;--p422-white:#fff;--p422-charcoal:#1f2937;--p422-grey:#f5f7fa;--p422-border:#d9e3ec}
.phase42-social-home{background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%)}
.phase42-social-home .social-links-cards,.phase42-social-directory .social-links-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.phase42-social-home .social-link,.phase42-social-directory .social-link{border-top-width:1px!important;border-color:var(--p422-border)!important;box-shadow:0 9px 28px rgba(31,41,55,.06)}
.phase42-social-home .social-link:focus-visible,.phase42-social-directory .social-link:focus-visible{outline:3px solid rgba(255,153,0,.4)!important;outline-offset:3px!important}
.social-link-tiktok .social-link-icon{background:var(--p422-charcoal)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--p422-blue),inset -3px 0 0 var(--p422-orange)}
.social-link-youtube .social-link-icon,.social-link-whatsapp .social-link-icon{background:var(--p422-blue)!important;color:#fff!important}
.social-link-instagram .social-link-icon,.social-link-twitter .social-link-icon{background:var(--p422-orange)!important;color:#111!important}
.social-link-facebook .social-link-icon{background:var(--p422-blue)!important;color:#fff!important}
.social-link-stats{display:flex!important;gap:7px!important;flex-wrap:wrap;margin-top:12px!important}
.social-link-stats b{display:flex!important;align-items:baseline;gap:4px;padding:5px 7px;border-radius:999px;background:#eef7ff;color:var(--p422-charcoal);font-style:normal;font-size:10px}
.social-link-stats em,.social-link-stats i{font-style:normal!important}.social-link-stats em{font-weight:900}.social-link-stats i{font-size:9px;color:#5b6874}
.phase42-social-live-grid{display:grid;grid-template-columns:minmax(310px,.92fr) minmax(0,1.55fr);gap:18px;margin-top:24px;align-items:start}
.phase42-tiktok-live-card,.phase42-latest-social{background:#fff;border:1px solid var(--p422-border);border-radius:20px;box-shadow:0 14px 40px rgba(31,41,55,.07);overflow:hidden}
.phase42-social-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 14px}
.phase42-social-panel-head>div{min-width:0}.phase42-social-panel-head h2,.phase42-social-panel-head h3{margin:5px 0 6px;color:var(--p422-charcoal);line-height:1.2}.phase42-social-panel-head h3{font-size:20px}.phase42-social-panel-head p{margin:0;max-width:650px;color:#536270;font-size:13px!important;line-height:1.55}.phase42-social-panel-head>a{flex:0 0 auto;color:#007ccc;font-weight:800;font-size:12px;text-decoration:none}.phase42-social-panel-head>a:hover,.phase42-social-panel-head>a:focus-visible{color:#c56700;text-decoration:underline}
.phase42-social-platform-badge{display:inline-flex;align-items:center;gap:7px;color:#007ccc;font-weight:900;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.phase42-social-platform-badge svg{width:17px;height:17px}.phase42-tiktok-live-card .phase42-social-platform-badge{color:var(--p422-charcoal)}
.phase42-tiktok-embed-shell{padding:0 14px 16px;display:flex;justify-content:center;min-height:360px}.phase42-tiktok-embed-shell .tiktok-embed{width:100%!important;margin:0 auto!important}
.phase42-social-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 16px 18px}
.phase42-social-content-grid-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}
.phase42-social-content-card{min-width:0;border:1px solid var(--p422-border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(31,41,55,.05)}
.phase42-social-video-frame{aspect-ratio:var(--social-ratio,16/9);background:#0c1721;overflow:hidden}.phase42-social-video-frame iframe,.phase42-social-video-frame img,.phase42-social-video-frame a{width:100%;height:100%;display:block;border:0}.phase42-social-video-frame img{object-fit:cover}
.phase42-social-content-copy{padding:13px}.phase42-social-content-copy>span{display:block;color:#007ccc;font-size:9px;font-weight:900;letter-spacing:.08em}.phase42-social-content-copy h3,.phase42-social-content-copy h4{margin:5px 0 7px;color:var(--p422-charcoal);font-size:13px;line-height:1.4}.phase42-social-content-copy time{display:block;color:#697785;font-size:10px;margin-bottom:8px}.phase42-social-content-copy>a{color:#007ccc;text-decoration:none;font-size:11px;font-weight:800}.phase42-social-content-copy>a:hover,.phase42-social-content-copy>a:focus-visible{color:#c56700;text-decoration:underline}
.phase42-social-page-hero{background:linear-gradient(135deg,#007fcf 0%,var(--p422-blue) 60%,#087fbf 100%);border-bottom:6px solid var(--p422-orange)}.phase42-social-page-hero h1,.phase42-social-page-hero p{color:#fff!important}.phase42-social-page-hero p{max-width:740px}.phase42-social-directory{background:#fff}.phase42-social-live-page{background:var(--p422-grey)}.phase42-social-live-grid-page{margin-top:0}.phase42-social-live-grid-page .phase42-latest-social{align-self:stretch}
@media(max-width:1050px){.phase42-social-live-grid{grid-template-columns:1fr}.phase42-social-content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .phase42-social-home .social-links-cards,.phase42-social-directory .social-links-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .phase42-social-home .social-link,.phase42-social-directory .social-link{min-height:154px!important;padding:12px!important}
 .phase42-social-live-grid{gap:14px;margin-top:18px}.phase42-social-panel-head{padding:17px 15px 12px;flex-direction:column}.phase42-social-panel-head h2,.phase42-social-panel-head h3{font-size:19px}.phase42-social-panel-head p{font-size:12px!important}.phase42-tiktok-embed-shell{padding:0 8px 12px;min-height:340px}
 .phase42-social-content-grid,.phase42-social-content-grid-expanded{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 14px 16px;gap:10px;-webkit-overflow-scrolling:touch}.phase42-social-content-card{flex:0 0 min(82vw,320px);scroll-snap-align:start}.phase42-social-content-copy h3,.phase42-social-content-copy h4{font-size:13px}
}
@media(max-width:430px){.phase42-social-home .social-links-cards,.phase42-social-directory .social-links-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.phase42-social-home .social-link-copy span:not(.social-link-stats),.phase42-social-directory .social-link-copy span:not(.social-link-stats){display:none!important}.social-link-stats{display:none!important}}
@media(prefers-reduced-motion:reduce){.phase42-social-content-card,.phase42-tiktok-live-card,.phase42-latest-social{scroll-behavior:auto}}
.phase42-social-link-preview{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-decoration:none;background:linear-gradient(135deg,#e9f7ff,#fff7ea);color:#1f2937}.phase42-social-link-preview span{width:46px;height:46px;border-radius:14px;background:#0099FF;color:#fff;display:grid;place-items:center}.phase42-social-link-preview span svg{width:24px;height:24px}.phase42-social-link-preview strong{font-size:12px;text-align:center}