:root { --mf-episode-gold:#f5c842; --mf-episode-ink:#071008; --mf-episode-text:#eef2eb; --mf-episode-muted:#aeb9af; }
.mf-media-episode-page { background:#050a07; color:var(--mf-episode-text); }
#media-episode { min-height:56vh; }
.mf-episode-loading,.mf-episode-empty { width:min(76rem,calc(100% - 2rem)); margin:2rem auto; padding:1rem; border:1px solid rgba(245,200,66,.32); background:#0a100c; color:var(--mf-episode-muted); }
.mf-episode-empty { display:grid; gap:.65rem; max-width:44rem; }
.mf-episode-empty strong { color:var(--mf-episode-text); font:900 1.5rem/1 var(--f-display,var(--f-sans)); }
.mf-episode-empty a { color:var(--mf-episode-gold); font-weight:800; }
.mf-episode-hero { border-bottom:1px solid rgba(245,200,66,.28); background:linear-gradient(115deg,rgba(2,8,5,.98),rgba(4,15,8,.9) 48%,rgba(15,20,8,.92)); }
.mf-episode-shell,.mf-episode-body,.mf-episode-related { width:min(76rem,calc(100% - 2rem)); margin:0 auto; }
.mf-episode-shell { padding:1.25rem 0 1.6rem; }
.mf-episode-crumbs { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:1.35rem; color:#9eab9f; font:800 .62rem/1 var(--f-mono,monospace); letter-spacing:.07em; text-transform:uppercase; }
.mf-episode-crumbs a { color:#d8e2d8; }.mf-episode-crumbs a:hover { color:var(--mf-episode-gold); }
.mf-episode-grid { display:grid; grid-template-columns:minmax(0,.86fr) minmax(30rem,1.14fr); gap:2.25rem; align-items:center; }
.mf-episode-kicker { margin:0 0 .6rem; color:var(--mf-episode-gold); font:800 .64rem/1 var(--f-mono,monospace); letter-spacing:.1em; text-transform:uppercase; }
.mf-episode-copy h1 { max-width:20ch; margin:0; color:#f4f5ef; font:900 clamp(2.15rem,4.1vw,4.1rem)/.96 var(--f-display,var(--f-sans)); letter-spacing:0; }
.mf-episode-byline { margin:.9rem 0 0; color:var(--mf-episode-muted); font-size:.88rem; }.mf-episode-byline span { color:var(--mf-episode-gold); padding:0 .25rem; }
.mf-episode-tags { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:1rem; }.mf-episode-tags a { padding:.3rem .42rem; border:1px solid rgba(245,200,66,.32); color:#dfe8df; font:800 .56rem/1 var(--f-mono,monospace); letter-spacing:.05em; text-transform:uppercase; }.mf-episode-tags a:hover { border-color:var(--mf-episode-gold); color:var(--mf-episode-gold); }
.mf-episode-actions { display:flex; flex-wrap:wrap; gap:.42rem; margin-top:1.25rem; }.mf-episode-actions a,.mf-episode-actions button { display:inline-flex; align-items:center; min-height:2.35rem; padding:.55rem .7rem; border:1px solid rgba(245,200,66,.42); color:#f4f5ef; background:transparent; font:800 .6rem/1 var(--f-mono,monospace); letter-spacing:.05em; text-transform:uppercase; }.mf-episode-actions a:first-child { background:var(--mf-episode-gold); color:#081008; }.mf-episode-actions a:hover,.mf-episode-actions button:hover,.mf-episode-actions button:focus-visible { border-color:var(--mf-episode-gold); color:var(--mf-episode-gold); outline:0; }
.mf-episode-player { overflow:hidden; border:1px solid rgba(245,200,66,.42); background:#070d09; aspect-ratio:16/9; }.mf-episode-player iframe { display:block; width:100%; height:100%; border:0; }.mf-episode-player.is-video button { position:relative; display:grid; place-items:center; width:100%; height:100%; overflow:hidden; background:#080d0a; }.mf-episode-player.is-video button::after { position:absolute; inset:0; content:""; background:linear-gradient(90deg,rgba(4,10,6,.5),rgba(4,10,6,.08)); }.mf-episode-player.is-video button img { width:100%; height:100%; object-fit:cover; }.mf-episode-player.is-video button span { position:relative; z-index:1; padding:.6rem .78rem; border:1px solid var(--mf-episode-gold); background:rgba(5,10,7,.9); color:var(--mf-episode-gold); font:900 .64rem/1 var(--f-mono,monospace); letter-spacing:.07em; text-transform:uppercase; }.mf-episode-player.is-video button:hover span,.mf-episode-player.is-video button:focus-visible span { background:var(--mf-episode-gold); color:#071008; }.mf-episode-player.is-video button:focus-visible { outline:2px solid #fff; outline-offset:-4px; }
.mf-episode-player.is-audio { display:grid; grid-template-columns:minmax(12rem,.52fr) minmax(0,1fr); align-items:center; aspect-ratio:auto; min-height:18rem; }.mf-episode-player.is-audio img { width:100%; height:100%; min-height:18rem; object-fit:contain; background:#071009; }.mf-episode-player.is-audio div { display:grid; gap:.8rem; padding:1.2rem; }.mf-episode-player.is-audio p { margin:0; color:var(--mf-episode-gold); font:800 .62rem/1 var(--f-mono,monospace); letter-spacing:.08em; text-transform:uppercase; }.mf-episode-player.is-audio strong { font:900 1.2rem/1.08 var(--f-display,var(--f-sans)); }.mf-episode-player audio { width:100%; }
.mf-episode-body { display:grid; grid-template-columns:minmax(0,1fr) 15rem; gap:2rem; padding:2rem 0; }.mf-episode-reading { min-width:0; }.mf-episode-story { max-width:64ch; }.mf-episode-story h2,.mf-episode-related h2 { margin:0; color:#f1f4ed; font:900 1.65rem/1 var(--f-display,var(--f-sans)); letter-spacing:0; }.mf-episode-story p { color:#c5d0c5; font-size:1.03rem; line-height:1.75; }.mf-episode-context { max-width:64ch; margin-top:1.35rem; padding:.85rem 1rem; border-left:3px solid var(--mf-episode-gold); background:rgba(245,200,66,.06); }.mf-episode-context span,.mf-episode-facts > span,.mf-episode-section-heading p { color:var(--mf-episode-gold); font:800 .59rem/1 var(--f-mono,monospace); letter-spacing:.08em; text-transform:uppercase; }.mf-episode-context p { margin:.45rem 0 0; color:#dbe5dc; font-size:.9rem; line-height:1.5; }
.mf-episode-facts { align-self:start; padding:1rem; border:1px solid rgba(255,255,255,.13); background:#09100c; }.mf-episode-facts dl { display:grid; gap:.75rem; margin:.9rem 0 0; }.mf-episode-facts dl div { padding-bottom:.65rem; border-bottom:1px solid rgba(255,255,255,.1); }.mf-episode-facts dl div:last-child { padding:0; border:0; }.mf-episode-facts dt { color:#91a092; font:800 .54rem/1 var(--f-mono,monospace); letter-spacing:.07em; text-transform:uppercase; }.mf-episode-facts dd { margin:.28rem 0 0; color:#e4ebe4; font-size:.78rem; line-height:1.3; }.mf-episode-facts a { color:var(--mf-episode-gold); }
.mf-episode-related { padding:1rem 0 2.5rem; border-top:1px solid rgba(245,200,66,.2); }.mf-episode-section-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:.85rem; }.mf-episode-section-heading p { margin:0 0 .25rem; }.mf-episode-section-heading a { color:var(--mf-episode-gold); font:800 .62rem/1 var(--f-mono,monospace); letter-spacing:.06em; text-transform:uppercase; }.mf-episode-related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; }.mf-episode-related-grid a { display:grid; gap:.45rem; min-width:0; padding:.4rem; border:1px solid rgba(255,255,255,.13); background:#09100c; }.mf-episode-related-grid a:hover { border-color:rgba(245,200,66,.7); }.mf-episode-related-grid img { width:100%; aspect-ratio:16/9; object-fit:cover; }.mf-episode-related-grid span { color:#aebcaf; font:800 .55rem/1 var(--f-mono,monospace); letter-spacing:.05em; text-transform:uppercase; }.mf-episode-related-grid strong { display:-webkit-box; overflow:hidden; color:#f1f4ed; font:800 .78rem/1.18 var(--f-sans,sans-serif); -webkit-box-orient:vertical; -webkit-line-clamp:2; }
@media (max-width:900px) { .mf-episode-grid { grid-template-columns:1fr; gap:1.25rem; }.mf-episode-copy h1 { max-width:24ch; }.mf-episode-body { grid-template-columns:1fr; }.mf-episode-facts { display:grid; grid-template-columns:auto 1fr; gap:1rem; }.mf-episode-facts dl { grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; }.mf-episode-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .mf-episode-shell,.mf-episode-body,.mf-episode-related { width:min(100% - 1.25rem,76rem); }.mf-episode-shell { padding-block:1rem; }.mf-episode-copy h1 { font-size:2.25rem; }.mf-episode-player.is-audio { grid-template-columns:6.5rem minmax(0,1fr); min-height:8rem; }.mf-episode-player.is-audio img { min-height:8rem; }.mf-episode-player.is-audio div { padding:.8rem; }.mf-episode-player.is-audio strong { font-size:1rem; }.mf-episode-facts { display:block; }.mf-episode-facts dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:.9rem; }.mf-episode-related-grid { grid-template-columns:1fr; } }