/* News. Core — podcast episode block + mini player. Uses the theme tokens (--ink, --paper-2, --line, --red…). */

.news-podcast{
  display:flex; gap:18px; align-items:center; margin:28px 0; padding:16px;
  border:1px solid var(--line, #ddd); border-radius:var(--radius-m, 8px); background:var(--paper-2, #fff);
  color:var(--ink, #111); font-family:var(--sans, system-ui, sans-serif);
}
.news-podcast__cover{ flex:0 0 auto; width:120px; height:120px; object-fit:cover; border-radius:var(--radius-s, 4px); background:#ddd; }
.news-podcast__body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; }
.news-podcast__meta{ margin:0; font-size:12px; font-weight:600; color:var(--muted, #666); text-transform:uppercase; letter-spacing:.04em; }
.news-podcast__badge{ display:inline-block; margin-right:4px; padding:2px 7px; border-radius:2px; background:var(--red, #d7141b); color:#fff; font-size:10.5px; font-weight:800; letter-spacing:.07em; }
.news-podcast__title{ margin:0; font-family:var(--display, inherit); font-size:18px; font-weight:800; line-height:1.25; }
.news-podcast__controls{ display:flex; align-items:center; gap:8px; margin-top:4px; }
.news-podcast__play{
  flex:0 0 auto; width:48px; height:48px; border:0; border-radius:50%; cursor:pointer;
  background:var(--red, #d7141b); color:#fff; display:grid; place-items:center; transition:transform .15s, filter .15s;
}
.news-podcast__play:hover{ filter:brightness(.92); transform:scale(1.04); }
.news-podcast__icon{ display:block; width:0; height:0; margin-left:4px; border-style:solid; border-width:9px 0 9px 15px; border-color:transparent transparent transparent currentColor; }
.is-playing .news-podcast__play .news-podcast__icon,
.news-podmini.is-playing .news-podcast__icon{ width:14px; height:18px; margin:0; border:0; border-left:5px solid currentColor; border-right:5px solid currentColor; }
.news-podcast__skip,
.news-podcast__speed{
  flex:0 0 auto; min-width:38px; height:34px; padding:0 8px; border:1px solid var(--line, #ddd); border-radius:99px;
  background:transparent; color:var(--ink, #111); font:700 12px/1 var(--sans, sans-serif); cursor:pointer;
}
.news-podcast__skip::before{ content:"\21BA"; margin-right:3px; font-weight:400; }
.news-podcast__skip--fwd::before{ content:"\21BB"; }
.news-podcast__skip:hover,
.news-podcast__speed:hover{ border-color:var(--ink, #111); }
.news-podcast__track{ flex:1; min-width:80px; display:flex; flex-direction:column; gap:2px; }
.news-podcast__seek{ width:100%; margin:0; accent-color:var(--red, #d7141b); cursor:pointer; }
.news-podcast__time{ margin:0; font-size:12px; color:var(--muted, #666); font-variant-numeric:tabular-nums; }
.news-podcast__download{ flex:0 0 auto; display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line, #ddd); border-radius:50%; color:var(--ink, #111); text-decoration:none; font-weight:700; }
.news-podcast__download:hover{ border-color:var(--ink, #111); }
.news-podcast:not(.is-ready) .news-podcast__controls{ opacity:.5; pointer-events:none; }
.news-podcast-empty{ padding:16px; border:1px dashed var(--line, #ccc); border-radius:8px; color:var(--muted, #666); }

@media (max-width:600px){
  .news-podcast{ flex-direction:column; align-items:stretch; }
  .news-podcast__cover{ width:100%; height:auto; aspect-ratio:1; max-width:none; }
  .news-podcast__controls{ flex-wrap:wrap; }
  .news-podcast__track{ order:5; flex-basis:100%; }
}

/* ---- Mini player -------------------------------------------------------- */
.news-podmini{
  position:fixed; z-index:170; left:16px; bottom:16px; width:min(520px, calc(100vw - 32px));
  display:flex; align-items:center; gap:10px; padding:8px 10px 12px 8px;
  border-radius:var(--radius-m, 8px); background:var(--ink, #111); color:var(--paper, #fff);
  box-shadow:0 14px 40px rgba(0,0,0,.35); font-family:var(--sans, sans-serif);
  transform:translateY(calc(100% + 30px)); opacity:0; visibility:hidden; transition:transform .25s ease, opacity .25s, visibility .25s;
}
.news-podmini.is-open{ transform:none; opacity:1; visibility:visible; }
.news-podmini__cover{ width:44px; height:44px; object-fit:cover; border-radius:4px; flex:0 0 auto; }
.news-podmini__play{ flex:0 0 auto; width:38px; height:38px; border:0; border-radius:50%; background:var(--red, #d7141b); color:#fff; display:grid; place-items:center; cursor:pointer; }
.news-podmini__play .news-podcast__icon{ border-width:7px 0 7px 11px; margin-left:3px; }
.news-podmini.is-playing .news-podmini__play .news-podcast__icon{ width:11px; height:14px; border-left-width:4px; border-right-width:4px; margin:0; }
.news-podmini__text{ flex:1; min-width:0; display:flex; flex-direction:column; color:inherit; text-decoration:none; }
.news-podmini__text[href]:hover .news-podmini__title{ text-decoration:underline; }
.news-podmini__kicker{ font-size:10.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--red, #d7141b); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news-podmini__title{ font-size:13.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news-podmini__time{ flex:0 0 auto; font-size:12px; opacity:.75; font-variant-numeric:tabular-nums; }
.news-podmini__speed,
.news-podmini__close{ flex:0 0 auto; height:30px; min-width:30px; border:0; border-radius:99px; background:rgba(255,255,255,.12); color:inherit; font:700 12px/1 var(--sans, sans-serif); cursor:pointer; }
.news-podmini__close{ font-size:18px; }
.news-podmini__speed:hover,
.news-podmini__close:hover{ background:rgba(255,255,255,.22); }
.news-podmini__bar{ position:absolute; left:10px; right:10px; bottom:5px; height:3px; border-radius:3px; background:rgba(255,255,255,.18); overflow:hidden; }
.news-podmini__bar span{ display:block; height:100%; width:0; background:var(--red, #d7141b); }

/* Phones: above the tab bar (and above the sticky ad banner). */
@media (max-width:860px){
  .news-podmini{ left:8px; right:8px; width:auto; bottom:calc(63px + env(safe-area-inset-bottom, 0px)); }
  body.has-ad-anchor .news-podmini{ bottom:calc(128px + env(safe-area-inset-bottom, 0px)); }
  .news-podmini__time{ display:none; }
}
@media (prefers-reduced-motion: reduce){ .news-podmini{ transition:none; } }