/* ============================================================
   Media & News (page-media-news.php) — Website 2.0 handoff.
   Scoped under .bmm-media. Shared pieces come from bmm-w2.css.
   ============================================================ */
.bmm-media .hero{background:var(--surface-inverse)}
.bmm-media .hero-inner{max-width:1140px;margin:0 auto;padding:clamp(48px,6vw,80px) clamp(20px,5vw,64px)}
.bmm-media .hero h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.022em;line-height:1.08;font-size:clamp(2rem,1.2rem + 3vw,3.4rem);color:var(--snow);margin:16px 0 0;max-width:24ch}
.bmm-media .hero h1 em{font-family:var(--font-quote);font-style:italic;font-weight:500;color:var(--blue-200)}

/* ---- featured episode card ---- */
.bmm-media .feat-card{display:grid;grid-template-columns:1fr;gap:0;background:var(--surface-card);border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(19,26,59,.35);margin-top:clamp(32px,4vw,52px)}
.bmm-media .feat-left{background:linear-gradient(135deg,var(--blue-600),var(--blue-800));padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.bmm-media .feat-kicker{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green-300)}
.bmm-media .feat-outlet{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);letter-spacing:-.01em;color:var(--snow);line-height:1.1}
.bmm-media .feat-right{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center}
.bmm-media .feat-right h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.2rem,1rem + 1vw,1.7rem);line-height:1.25;color:var(--text-strong);margin:0}
.bmm-media .feat-right p{font-size:15.5px;line-height:1.6;margin:14px 0 22px}

/* ---- tiles ---- */
.bmm-media .tile{display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:18px;padding:26px 26px 24px;text-decoration:none;box-shadow:var(--shadow-md);transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}
.bmm-media .tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--blue-300)}
.bmm-media .tile:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring)}
.bmm-media .tile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.bmm-media .tile-outlet{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.01em;color:var(--blue-700);background:var(--blue-50);padding:8px 14px;border-radius:10px;line-height:1.2}
.bmm-media .tile-fmt{flex:none;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.bmm-media .tile-fmt svg{color:var(--color-accent)}
.bmm-media .tile h3{font-family:var(--font-display);font-weight:700;font-size:17.5px;line-height:1.35;color:var(--text-strong);margin:0;flex:1}
.bmm-media .tile-cta{font-family:var(--font-display);font-weight:700;font-size:13.5px;color:var(--color-primary);margin-top:18px}
.bmm-media .tile:hover .tile-cta{color:var(--color-primary-hover)}
.bmm-media .tile-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:clamp(28px,3vw,40px)}
.bmm-media .tile.has-art{padding:0;overflow:hidden}
.bmm-media .tile.has-art .tile-art{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.bmm-media .tile.has-art .tile-body{padding:20px 24px 22px;display:flex;flex-direction:column;flex:1}
.bmm-media .tile.is-pod{background:var(--surface-inverse);border-color:var(--surface-inverse)}
.bmm-media .tile.is-pod h3{color:var(--snow)}
.bmm-media .tile.is-pod .tile-outlet{background:rgba(255,255,255,.1);color:var(--blue-100)}
.bmm-media .tile.is-pod .tile-fmt{color:var(--blue-200)}
.bmm-media .tile.is-pod .tile-fmt svg{color:var(--green-300)}
.bmm-media .tile.is-pod .tile-cta{color:var(--green-300)}
.bmm-media .tile.is-pod:hover{border-color:var(--blue-400)}
.bmm-media .tile.is-pod:hover .tile-cta{color:var(--green-200)}

/* ---- more mentions ---- */
.bmm-media .mention{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 4px;border-bottom:1px solid var(--border-subtle);text-decoration:none}
.bmm-media .mention span.o{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text-strong)}
.bmm-media .mention span.t{font-size:14px;color:var(--text-body);flex:1}
.bmm-media .mention span.a{color:var(--color-accent);font-weight:800;flex:none}
.bmm-media .mention:hover span.o{color:var(--color-primary)}

/* ---- speaking ---- */
.bmm-media .topic{display:inline-block;font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-100);padding:9px 16px;border-radius:999px}
.bmm-media .theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0 0}
.bmm-media .theme-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:15px 18px}
.bmm-media .theme-card .lbl{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--green-300);margin:0 0 8px}
.bmm-media .theme-card .name{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--snow);margin:0 0 5px}
.bmm-media .theme-card .desc{font-family:var(--font-quote);font-style:italic;font-size:14px;color:var(--blue-200);margin:0}
/* Brandy's favorite sits alongside the photo. The handoff pinned it 190px
   down, which broke on phones; it now hugs the photo and only offsets on
   wide screens. */
.bmm-media .theme-card.is-favorite{border:1.5px solid var(--green-400);margin-top:12px}

/* ---- filters ---- */
.bmm-media .filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:clamp(24px,3vw,36px)}
.bmm-media .filter-btn{font-family:var(--font-display);font-weight:600;font-size:13px;padding:8px 18px;border-radius:999px;border:1.5px solid var(--border-default);background:transparent;color:var(--text-body);cursor:pointer;transition:all .15s;min-height:44px}
.bmm-media .filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}
.bmm-media .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--snow)}
.bmm-media .filter-btn:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring)}

@media (min-width:820px){
  .bmm-media .mention-cols{columns:2;column-gap:clamp(40px,5vw,72px)}
  .bmm-media .feat-card{grid-template-columns:.9fr 1.1fr}
  .bmm-media .tile-grid{grid-template-columns:repeat(3,1fr)}
  .bmm-media .speak-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(28px,3.5vw,48px);align-items:start}
  .bmm-media .theme-card.is-favorite{margin-top:clamp(24px,10vw,190px)}
}