.social-project-card--media .social-project-cover{position:relative;display:flex;align-items:center;gap:24px;min-height:220px;padding:28px;background:radial-gradient(circle at 13% 35%,#7d3567 0,#391d38 23%,transparent 52%),linear-gradient(125deg,#181b29,#222036 60%,#171b25);border-bottom:1px solid #735373;overflow:hidden}
.social-project-card--media .social-cover-copy{position:relative;z-index:1;min-width:0}
.social-project-card--media .social-cover-copy h1{color:#fff0fa;text-shadow:0 2px 12px #0009}
.social-podcast-mark{position:relative;display:block;flex:none;width:112px;height:112px;border:6px solid #d793bd;border-radius:50%;box-shadow:0 0 0 10px #71365c77,0 0 0 23px #70365a44,inset 0 0 24px #0009}
.social-podcast-mark:before{content:"";position:absolute;left:50%;top:16px;transform:translateX(-50%);width:38px;height:55px;border-radius:22px;background:linear-gradient(#f4bfd8,#b875aa);box-shadow:inset 0 -8px 0 #85476f}
.social-podcast-mark:after{content:"";position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:58px;height:30px;border:5px solid #e8add0;border-top:0;border-radius:0 0 35px 35px}
.social-podcast-mark span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:5px;height:15px;background:#e8add0}
.social-guest-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:16px 0}
.social-guest-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:10px;padding:12px;border:1px solid #625269;border-radius:10px;background:#24212a;min-width:0}
.social-guest-avatar{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;overflow:hidden;background:#744c74;color:#fff;font-weight:700}
.social-guest-avatar img{width:100%;height:100%;object-fit:cover}
.social-guest-card strong,.social-guest-card p,.social-guest-card small{overflow-wrap:anywhere}
.social-guest-card p{margin:2px 0;font-size:.82rem;color:#e0d4e2}
.social-guest-card small{display:block;color:#d5c5d5}
.social-guest-card nav{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px;font-size:.8rem}
.social-guest-card nav a{color:#ffd0ef;text-decoration:underline;text-underline-offset:2px}
.social-guest-card button{grid-column:2;justify-self:start}
.social-guest-editor{display:grid;gap:12px;min-width:0;border:1px solid #59515b;border-radius:10px;padding:14px}
.social-guest-editor legend{padding:0 5px;font-weight:700}
.social-guest-edit-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid #55515b;border-radius:9px;background:#222126;min-width:0}
.social-guest-edit-row .field{min-width:0}.social-guest-edit-row input{max-width:100%}.social-guest-edit-row button{justify-self:start;align-self:end}
.social-fll-roles{display:flex;flex-wrap:wrap;gap:10px;border:1px solid #55584c;border-radius:8px;padding:10px 14px}
.social-fll-roles legend{padding:0 5px}.social-fll-roles[hidden],[data-social-mentor-person][hidden]{display:none!important}
.social-media-team .social-member-avatar img{width:100%;height:100%;object-fit:cover}
.social-detail-grid>.panel>.panel-head{align-items:center;gap:10px 16px;flex-wrap:wrap}
.social-detail-grid :is(.social-altacast,.social-media-team)>.panel-head{min-height:58px;padding:0 0 14px;margin:0 0 14px}
.social-detail-grid>.panel>.panel-head>h2{flex:1 1 12rem;min-width:0;margin:0;line-height:1.35}
.social-detail-grid>.panel>.panel-head>.button{flex:none;align-self:center}
.social-detail-grid>.panel:is(.social-altacast,.social-media-team){padding:20px 22px}
.social-section-error{padding:14px;border:1px solid #ae7250;border-radius:10px;background:#34251f;color:#ffe5d5}.social-section-error p{margin:0 0 10px;overflow-wrap:anywhere}.social-section-error .button{min-height:40px}
.social-detail-grid>.social-media-team{order:0;grid-column:2;grid-row:1}.social-detail-grid>.social-published{order:1;grid-column:2;grid-row:2}.social-detail-grid>.social-altacast{order:2;grid-column:1;grid-row:1/span 2}
.social-published{min-width:0}.social-published>.panel-head{align-items:center;gap:12px;flex-wrap:wrap}.social-published>.panel-head h2{flex:1 1 12rem;min-width:0}.social-published>.panel-head a{color:#ffd0ef;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.social-published-note{margin:0 0 14px;color:#e4d4e4;overflow-wrap:anywhere}.social-published-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:12px 0}
.social-published-card{display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;padding:0;text-align:left;font:inherit;cursor:pointer;border:1px solid #68546b;border-radius:12px;background:#24212a;color:#fff0fa;text-decoration:none;transition:border-color .15s,transform .15s}.social-published-card:hover{border-color:#e6add2;transform:translateY(-2px)}.social-published-card:focus-visible{outline:3px solid #ffd0ef;outline-offset:3px}.social-published-card img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#302636}.social-published-copy{display:grid;align-content:start;gap:7px;padding:12px;min-width:0}.social-published-copy strong{line-height:1.35;overflow-wrap:anywhere}.social-published-copy small{color:#d7c9da}.social-published-link{color:#ffd0ef;text-decoration:underline;text-underline-offset:2px}.social-published [data-social-published-retry]{min-height:44px}
@media(max-width:600px){.social-detail-grid>.panel:is(.social-altacast,.social-media-team){padding:16px}.social-detail-grid :is(.social-altacast,.social-media-team)>.panel-head{min-height:56px;padding-bottom:12px;margin-bottom:12px}.social-detail-grid>.panel>.panel-head>.button{min-height:44px}}
@media(max-width:600px){.social-published-grid{gap:10px}.social-published-copy{padding:10px}}
@media(max-width:800px){.social-detail-grid>.social-media-team,.social-detail-grid>.social-published,.social-detail-grid>.social-altacast{grid-column:1;grid-row:auto}}
@media(max-width:650px){.social-project-card--media .social-project-cover{min-height:180px;padding:20px;gap:14px}.social-podcast-mark{width:68px;height:68px;border-width:4px;box-shadow:0 0 0 6px #71365c77,0 0 0 12px #70365a44}.social-podcast-mark:before{top:9px;width:24px;height:34px}.social-podcast-mark:after{bottom:7px;width:36px;height:17px;border-width:3px}.social-guest-edit-row{grid-template-columns:minmax(0,1fr)}}

/* AltaCast production headers: preserve the separate recording agenda. */
.social-detail-grid>.social-media-team>.panel-head,.social-detail-grid>.social-media-team~.social-altacast>.panel-head{box-sizing:border-box;padding:14px 18px}
@media(max-width:600px){.social-detail-grid>.social-media-team>.panel-head,.social-detail-grid>.social-media-team~.social-altacast>.panel-head{padding:12px 14px}}

/* Published long videos and Shorts occupy separate panels below production/team. */
.social-detail-grid>.social-altacast{grid-row:1}
.social-detail-grid>.social-published-row{grid-column:1/-1;grid-row:2;order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;min-width:0}
.social-published-row>.panel{display:flex;flex-direction:column;padding:16px;background:#1e1e20;border:1px solid #55545e;border-radius:16px;color:#f0efe9;min-width:0}
.social-published-row .social-published-grid{align-content:start}
.social-published-row>.social-published-status,.social-published-row>.social-published-actions,.social-published-row>[data-social-published-error]{grid-column:1/-1}
.social-published-row .social-published-count{display:inline-block;margin-left:8px;font-size:.8em;font-weight:500;color:#d7c9da}
.social-published-row [data-social-published-retry]{min-height:44px}
.social-published-row .social-published-note:last-child{margin-bottom:0}
@media(max-width:800px){.social-detail-grid>.social-altacast{grid-row:auto}.social-detail-grid>.social-published-row{grid-row:auto;grid-template-columns:1fr}}
@media(max-width:600px){.social-published-row>.panel{padding:12px}}

/* Equal card rhythm in both categories, with the entire card as the link. */
.social-published-row .social-published>.panel-head{min-height:56px;box-sizing:border-box}
.social-published-row .social-published-copy{grid-template-rows:2.7em 1.4em;gap:5px;padding:10px 12px}
.social-published-row .social-published-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;height:2.7em;overflow:hidden}
.social-published-row .social-published-date{display:block;line-height:1.4;min-height:1.4em;white-space:nowrap}
.social-published-pagination{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:14px}.social-published-pagination span{font-size:.87rem;color:#e9d7e6;white-space:nowrap}.social-published-pagination button{min-width:92px;min-height:40px}.social-published-pagination button:disabled{opacity:.5;cursor:not-allowed}
.social-video-lightbox{box-sizing:border-box;width:min(960px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:1px solid #68546b;border-radius:14px;background:#17151b;color:#f3f0ed;box-shadow:0 20px 80px #000b}
.social-video-lightbox::backdrop{background:#000c}
.social-video-lightbox-inner{padding:18px;min-width:0}
.social-video-lightbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.social-video-lightbox-head h2{margin:0;font-size:clamp(18px,2.2vw,25px);line-height:1.3;overflow-wrap:anywhere}
.social-video-lightbox-close{flex:none;min-width:44px;min-height:44px;border:1px solid #88677f;border-radius:8px;background:#342a35;color:#fff;font:inherit;cursor:pointer}
.social-video-lightbox-close:focus-visible{outline:3px solid #ffd0ef;outline-offset:2px}
.social-video-lightbox-metrics{margin:0 0 12px;color:#e9d7e6;font-size:13px;line-height:1.5}
.social-video-lightbox-metrics[hidden]{display:none}
.social-video-lightbox-frame{position:relative;width:100%;aspect-ratio:16/9;background:#08080b;border-radius:8px;overflow:hidden}
.social-video-lightbox-frame iframe{display:block;width:100%;height:100%;border:0}
.social-video-lightbox-note{margin:12px 0 0;color:#dbd2da;font-size:13px;line-height:1.5}
@media(max-width:600px){.social-video-lightbox-inner{padding:12px}}

/* Two rows per page; the panel width determines four, three or one column. */
.social-published-row>.social-published{container-type:inline-size}
@container(min-width:620px){.social-published-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(min-width:840px){.social-published-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}