/* EPK extra sections: Top Interviews, Notable Guests, Videos, Why Support, Join Our Community, Artists We're Pushing. Flat colors only. */

/* square cover mosaic (Artists We're Pushing) and guest thumbnails (4:5, both the same size) */
.mosaic.sq figure{aspect-ratio:1/1}
.mosaic.sq img{object-position:50% 50%}
.mosaic.guests{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mosaic.guests figure{aspect-ratio:4/5}

/* Spotify and YouTube players (click to load) */
.episodes,.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.embed{position:relative;display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;min-height:88px}
.embed-play{width:54px;height:54px;border-radius:50%;border:0;background:var(--red);color:#fff;font-size:1.1rem;cursor:pointer;flex:none}.embed-play:hover{background:var(--red-hi)}
.embed-t{min-width:0}.embed-t b{display:block;margin-bottom:2px}.embed-t a{font-size:.85rem;color:var(--mut)}.embed-t a:hover{color:#fff}
.embed.live{display:block;padding:0;background:none;border:0}
.embed.live iframe{width:100%;height:152px;border:0;border-radius:var(--r);display:block}
.embed.live.yt iframe{height:auto;aspect-ratio:16/9}
.embed.live .embed-t{padding:8px 2px 0}
.videos .embed[data-kind=youtube]:not(.live){min-height:120px}

/* listen on your favorite podcast app */
.listen{margin-top:22px}.listen h4{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:0 0 12px}
.apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.apps a{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:#fff;text-decoration:none;font-weight:700;font-size:.92rem;padding:12px 14px;transition:.15s}
.apps a:hover{border-color:var(--red)}.apps i{color:var(--red);font-size:1.15rem;width:22px;text-align:center}

/* why support */
.why{text-align:center;max-width:820px;margin:0 auto}
.why .sec{margin-bottom:6px}
.why-sub{color:var(--red);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;margin-bottom:16px}
.why-text{font-size:1.1rem;color:#dcdcdc}
.quote{margin:30px 0 0;padding:28px 30px;background:var(--panel);border-left:5px solid var(--red);border-radius:var(--r);text-align:left;font-size:1.2rem;line-height:1.55;font-weight:600}
.quote cite{display:block;margin-top:14px;font-style:normal;font-size:.85rem;font-weight:700;color:var(--red);letter-spacing:.1em;text-transform:uppercase}

/* join our community */
.join{margin:56px auto 0;max-width:820px;background:var(--red);border-radius:18px;padding:38px 34px;text-align:center}
.join h4{margin:0 0 8px;font-size:clamp(1.5rem,4vw,2rem);letter-spacing:.06em;font-weight:900}
.join>p{color:#fff;opacity:.92}
.joinform{margin-top:22px}
.joinform .row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px}
.joinform input[type=text],.joinform input:not([type=checkbox]){background:#fff;color:#000;border-color:#fff}
.joinform input::placeholder{color:#777}
.joinform .btn{background:#000;border-color:#000}.joinform .btn:hover{background:#1c1c1c;border-color:#1c1c1c}
.joinform .check{justify-content:center;margin-top:14px;font-size:.9rem;text-align:left}.joinform .check a{color:#fff}
.joinform .check input{accent-color:#000}
.joinform .status.ok{background:#000;color:#82f5a0;margin-top:14px}.joinform .status.bad{background:#000;color:#ff9aa1;margin-top:14px}
.join .eu{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff55;font-size:.78rem;line-height:1.5;color:#fff;opacity:.88;text-align:left}.join .eu a{color:#fff}

@media(max-width:860px){.joinform .row{grid-template-columns:1fr}.join{padding:30px 20px}.mosaic.guests{grid-template-columns:repeat(2,1fr);gap:12px}}

/* listen links under each guest photo */
.guest .gl{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.guest .gl span{width:100%;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:700}
.guest .gl a{width:34px;height:34px;border-radius:50%;border:1.5px solid #3a3a3a;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:.95rem;transition:.15s}
.guest .gl a:hover{background:var(--red);border-color:var(--red)}

/* pinned and highlighted Notable Guests */
.spot{margin:40px 0 0;padding:26px;background:var(--panel);border:2px solid var(--red);border-radius:18px}
.spot-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.spot-head h3{font-size:1.5rem;display:flex;align-items:center;gap:10px}.spot-head h3 i{color:var(--red);font-size:1.15rem}
.badge{background:var(--red);color:#fff;font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:99px}
.spot .listen{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:600px){.spot{padding:16px}}
@media(max-width:480px){.mosaic.guests{grid-template-columns:1fr;max-width:360px;margin:0 auto}}

.guest .read{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--red);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;transition:.15s}
.guest .read:hover{background:var(--red-hi)}

/* pinned priority artist */
.pri{margin-top:22px}
.pri-photos{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}
.pri-photos figure{margin:0;height:min(440px,80vw);border-radius:12px;overflow:hidden;background:#111;max-width:100%}
.pri-photos img{height:100%;width:100%;object-fit:cover;cursor:zoom-in}
.pri-name{font-size:1.6rem;margin:0 0 8px}
.pri-bio{max-width:760px;color:#dcdcdc;font-size:1.05rem;margin-bottom:18px}

/* pinned celebrity covers */
.celeb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.celeb-card figure{margin:0 0 14px;border-radius:12px;overflow:hidden;background:#111;aspect-ratio:7/9}
.celeb-card img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.celeb-card small{display:block;color:var(--red);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}
.celeb-card h4{font-size:1.5rem;margin:2px 0 4px}.celeb-card p{color:#dcdcdc;margin-bottom:14px}
.celeb-card .btn{width:100%}
@media(max-width:560px){.celeb{grid-template-columns:1fr;max-width:380px;margin:0 auto}}

/* more priority artists */
.pri-more{margin:30px 0 14px;font-size:1.1rem;color:var(--red);letter-spacing:.1em;text-transform:uppercase}
.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}
.ro-card figure{margin:0 0 10px;border-radius:12px;overflow:hidden;background:#111;aspect-ratio:1/1}
.ro-card img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.ro-card .nophoto{display:flex;align-items:center;justify-content:center;background:var(--red)}
.ro-card .nophoto span{font-size:3.4rem;font-weight:900;color:#fff}
.ro-card h5{font-size:1.05rem;margin:0 0 2px}.ro-card p{color:var(--mut);font-size:.9rem;margin-bottom:10px}
.ro-card .btn{width:100%;padding:8px 10px;font-size:.85rem}
/* priority artists wins */
.wins ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.wins li{display:flex;align-items:center;gap:16px;padding:14px;border-bottom:1px solid var(--line);background:var(--panel)}
.wins .no{font-size:1.7rem;line-height:1;width:44px;color:var(--red);font-weight:900}
.wins li strong{display:block;text-transform:uppercase;letter-spacing:.04em}.wins li span{color:#dcdcdc}
.mom-card .btn{width:100%;margin-top:12px}
/* momagers */

/* our chart */
.chart .sec{margin-top:48px}
.chart-sub{color:var(--mut);margin-bottom:16px}
.chart-fig{margin:0 auto;max-width:560px}.chart-fig img{width:100%;height:auto;border-radius:12px;cursor:zoom-in;display:block}.chart-fig figcaption{color:var(--mut);font-size:.8rem;margin-top:8px;text-align:center}
.chart-src{margin-top:14px;font-size:.85rem;color:var(--mut);text-align:center}

/* Mz. Coxx */
.pri-role{color:var(--red);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;margin:-2px 0 10px}
.pri-note{color:#fff;font-weight:600;margin-bottom:18px}.pri-note i{color:var(--red);margin-right:6px}
/* magazine card */
.magcard{margin:40px 0 0;padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:18px}
.magcard .sec{margin:0 0 18px}
.magcard .mosaic.cov{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mag-info{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.mag-info>div:first-child{flex:1 1 380px}.mag-info p{color:#dcdcdc}
@media(max-width:700px){.magcard{padding:16px}.magcard .mosaic.cov{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

.pri-also{margin:20px 0 10px;color:var(--mut);font-size:.9rem}
.chart-sub a{color:#fff;text-decoration:underline}

/* momagers card (photo left, text right) */
.momwrap .sec{margin-top:40px}
.mom{display:grid;gap:22px}
.mom-card{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:30px;align-items:center;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:18px;padding:24px}
.mom-card figure{margin:0;border-radius:14px;overflow:hidden;background:#111;aspect-ratio:4/5}
.mom-card img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;cursor:zoom-in}
.mom-body small{display:inline-block;background:var(--red);color:#fff;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;padding:5px 11px;border-radius:99px}
.mom-body h4{font-size:2rem;margin:12px 0 10px}
.mom-lead{color:#fff;font-size:1.08rem;font-weight:600;margin-bottom:12px}
.mom-quote{color:#dcdcdc;border-left:3px solid var(--red);padding-left:14px;margin:0 0 18px}
@media(max-width:640px){.mom-card{grid-template-columns:1fr;padding:16px;gap:18px}.mom-card figure{max-width:300px;margin:0 auto;width:100%}.mom-body h4{font-size:1.6rem}}
/* dream angel collaboration */
.dream-intro,.dream-outro{max-width:820px;color:#dcdcdc;font-size:1.05rem}
.dream-intro{margin-bottom:18px}.dream-outro{margin:20px 0 18px}
.dream .dream-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dream-note{margin:14px 0 0;color:var(--mut);font-size:.82rem}
@media(max-width:700px){.dream .dream-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* pinned stats + audience */
.stats.pinned{margin:28px 0 14px}
.aud{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 40px}
.aud>div{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:var(--r);padding:18px 20px}
.aud h4{color:var(--red);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}
.aud ol{margin:0;padding-left:22px;color:#e8e8e8}.aud li{padding:2px 0}.aud li::marker{color:var(--red);font-weight:700}
.gbar{height:12px;border-radius:99px;background:#fff;overflow:hidden;margin:6px 0 14px}.gbar i{display:block;height:100%;background:var(--red)}
.gl{margin:4px 0;color:#cfcfcf}.gl b{font-size:1.9rem;color:#fff;margin-right:8px}.gl.m b{color:#fff}
@media(max-width:900px){.aud{grid-template-columns:1fr 1fr}}@media(max-width:520px){.aud{grid-template-columns:1fr}}

.chart-text{margin-top:14px;max-width:520px}.chart-text summary{cursor:pointer;color:#fff;font-weight:700}.chart-text ol{color:#dcdcdc;padding-left:22px}.chart-text p{color:var(--mut)}
img:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Mz. Coxx card: text left, photo mosaic right */
.coxxcard{margin:48px 0;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:18px;padding:26px}
.coxxcard .spot-head{margin-bottom:22px}
.cx-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:34px;align-items:center}
.cx-text small{display:inline-block;background:var(--red);color:#fff;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;padding:6px 12px;border-radius:99px;line-height:1.4}
.cx-text h4{font-size:2.2rem;line-height:1.1;margin:14px 0 12px}
.cx-bio{color:#dcdcdc;font-size:1.02rem;margin-bottom:16px}
.cx-note{color:#fff;font-weight:600;border-left:3px solid var(--red);padding-left:14px;margin:0 0 20px}.cx-note i{color:var(--red);margin-right:6px}
.cx-text .btn{width:100%}
.coxx-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;aspect-ratio:1/1}
.coxx-mosaic figure{margin:0;border-radius:12px;overflow:hidden;background:#111;min-height:0}
.coxx-mosaic img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block;transition:transform .35s}
.coxx-mosaic figure:hover img{transform:scale(1.05)}
.coxx-mosaic figure:nth-child(1){grid-column:1/3;grid-row:1/3}
.coxx-mosaic figure:nth-child(2){grid-column:3;grid-row:1/3}
@media(max-width:860px){.cx-body{grid-template-columns:1fr;gap:22px}.coxxcard{padding:16px}.cx-text h4{font-size:1.8rem}}

.grecaptcha-badge{visibility:hidden}.rc-note{font-size:.76rem;color:var(--mut);margin:6px 0}.rc-note a{color:#fff}
