/* Episode page, direction A "Watch and read" (Daniel 2026-10-10). One reading flow; the video sits beside it. */
.bta-watch{width:min(100% - 48px,1180px);margin:40px auto 56px;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}
.bta-watch-side{position:sticky;top:100px;display:grid;gap:12px}
.bta-watch-side .bta-video{border-radius:16px}
.bta-watch-side .bta-poster-play{width:72px;height:72px;font-size:24px}
.bta-watch-side .bta-poster-about{font-size:20px;max-width:100%}
.bta-watch-side .bta-listen-row{margin:0}
.bta-side-meta{margin:2px 4px 0;font-size:14px;font-weight:600;color:#3b5361}
.bta-watch-side .bta-player-note{margin:0 4px;font-size:13px;line-height:1.5;color:#6a7d88}
/* the article */
.bta-watch-article{max-width:680px}
.bta-watch-article>h2{margin:0 0 14px;font-size:30px;letter-spacing:-.01em}
.bta-watch-article .bta-dek{margin:0 0 22px;font-size:20px;line-height:1.6;color:#1c3341}
.bta-inline-story{display:grid;gap:2px;margin:0 0 22px;padding:14px 18px;border-radius:12px;text-decoration:none;color:#1c2e3a;background:#fdeee2;border-left:4px solid #ed873c}
.bta-inline-story .k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9a4a12}
.bta-inline-story .h{font-size:18px;font-weight:700;line-height:1.3}
.bta-also{margin:0 0 22px;font-size:16px;line-height:1.6;color:#3b5361}
.bta-also .k{font-weight:700;color:#1c3341}
.bta-also a{color:#2e6fa7;font-weight:600}
.bta-conv{border-top:1px solid #e1e8ed}
.bta-part{display:flex;align-items:baseline;gap:10px;margin:28px 0 12px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8193a0}
.bta-part .tm{letter-spacing:0;font-variant-numeric:tabular-nums}
.bta-p{margin:0 0 18px;font-family:'Avenir Next',Avenir,Nunito Sans,system-ui,sans-serif;font-size:18px;line-height:1.78;color:#24323b}
.bta-p .cue{border-radius:4px;cursor:pointer;transition:background .2s,color .2s;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bta-p .cue:hover,.bta-p .cue:focus-visible{background:#eef3f8;outline:0}
.bta-p .cue.is-now{background:#fde3cf;color:#1c2e3a}
.bta-p.is-redacted{font-style:italic;color:#8193a0}
.bta-qmark{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;margin:6px 0 22px;padding:14px 16px;border-radius:12px;background:#eef3f8;border-left:4px solid #2e6fa7}
.bta-qmark .k{grid-column:1/-1;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2e6fa7}
.bta-qmark .q{font-size:18px;font-weight:700;line-height:1.3;color:#1c3341;text-decoration:none}
.bta-qmark .q:hover{text-decoration:underline}
.bta-qmark .t{min-height:34px;padding:0 12px;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:700;color:#fff;background:#2e6fa7;cursor:pointer;white-space:nowrap}
@media(max-width:1000px){
  .bta-watch{grid-template-columns:1fr;gap:28px;margin-top:24px}
  .bta-watch-side{position:static;order:-1}
  .bta-watch-article{max-width:none}
}
@media(max-width:600px){.bta-p{font-size:18px}.bta-watch-article>h2{font-size:26px}.bta-qmark{grid-template-columns:1fr}.bta-qmark .t{justify-self:start}}
@media(prefers-reduced-motion:reduce){.bta-p .cue{transition:none}}
.bta-watch .bta-part{border-top:0;padding-top:0}
.bta-watch-side .bta-listen-row{grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;border-radius:999px!important}
@media(max-width:600px){.bta-watch-side .bta-lbtn{font-size:14px;min-height:42px}}
/* phones: once playing, the video floats under the header; its slot keeps the space, so nothing below moves */
.bta-video-slot{position:relative;aspect-ratio:16/9}
.bta-video-slot>.bta-video{position:absolute;inset:0}
@media(max-width:1000px){
  .bta-watch.is-playing.is-away:not(.is-unpinned) .bta-video-slot>.bta-video{position:fixed;inset:auto;top:90px;left:16px;right:16px;aspect-ratio:16/9;z-index:30;box-shadow:0 14px 30px -12px rgba(16,32,42,.65)}
}

/* close the pinned video (Daniel 2026-10-10) */
.bta-unpin{position:absolute;top:8px;right:8px;z-index:3;width:34px;height:34px;border:0;border-radius:50%;font-size:22px;line-height:1;color:#fff;background:rgba(16,32,42,.72);cursor:pointer;display:grid;place-items:center}
.bta-unpin:focus-visible{outline:3px solid #fff;outline-offset:2px}
.bta-watch.is-unpinned .bta-watch-side{position:static!important;box-shadow:none!important}
.bta-watch.is-unpinned .bta-unpin{display:none}
/* make "play a quote" obvious: hint at the top, and each sentence shows a play mark when you point at it */
.bta-hint{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:10px 14px;border-radius:12px;background:#fdeee2;font-size:15px;font-weight:600;color:#7a3d10}
.bta-hint .ic{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;padding-left:2px;font-size:11px;color:#203846;background:linear-gradient(180deg,#f4a165 0%,#ed873c 40%,#e9853b 100%)}
.bta-p .cue{position:relative}
.bta-p .cue:hover,.bta-p .cue:focus-visible{background:#fde3cf;text-decoration:underline;text-decoration-color:#ed873c;text-decoration-thickness:2px;text-underline-offset:4px}
.bta-video{overflow:visible!important}
.bta-video iframe{border-radius:16px}
.bta-unpin{top:-12px;right:-12px;width:32px;height:32px;font-size:20px;background:#203846;box-shadow:0 0 0 3px #fff,0 4px 10px -2px rgba(0,0,0,.35)}

/* Only the picked moments are playable (Daniel 2026-10-10: "only the important clips... like 10 per episode") */
.bta-p .cue{cursor:default;border-radius:4px}
.bta-p .cue:not(.clip):hover{background:none;text-decoration:none}
.bta-p .cue.clip{cursor:pointer;background:#fdf1e7;text-decoration:underline;text-decoration-color:rgba(237,135,60,.55);text-decoration-thickness:2px;text-underline-offset:4px}
.bta-p .cue.clip:hover,.bta-p .cue.clip:focus-visible{background:#fbdcc3;text-decoration-color:#ed873c}
.clip-ic{display:inline-grid;place-items:center;width:20px;height:20px;margin:0 6px 0 2px;border-radius:50%;padding-left:2px;vertical-align:2px;font:700 9px/1 'Avenir Next',Avenir,Nunito Sans,system-ui,sans-serif;color:#203846;background:linear-gradient(180deg,#f4a165 0%,#ed873c 40%,#e9853b 100%);text-decoration:none}
/* follow-along: plain text gets a quiet tint; a playing clip gets the strong one */
.bta-p .cue.is-now{background:#eef3f8}
.bta-p .cue.clip.is-now{background:#f8c9a3}
main.bta-watch:focus,main.bta-watch:focus-visible{outline:none}

/* Corner player (Daniel 2026-10-10: "pop up in a corner without moving anything"). One reading column; the video sits
   above the conversation like a lead image and, once playing, floats in the bottom-right corner over the page. */
.bta-watch{grid-template-columns:minmax(0,720px)!important;justify-content:center;gap:28px!important}
.bta-watch-side{position:static!important;order:-1;box-shadow:none!important;margin:0!important;padding:0!important;background:none!important}
.bta-watch-article{max-width:none}
.bta-watch.is-playing.is-away:not(.is-unpinned) .bta-video-slot>.bta-video{position:fixed!important;inset:auto!important;right:24px!important;bottom:24px!important;left:auto!important;top:auto!important;width:min(380px,40vw);aspect-ratio:16/9;z-index:60;border-radius:14px;box-shadow:0 18px 40px -12px rgba(16,32,42,.6)}
.bta-video-slot .bta-slot-note{display:none}
.bta-watch.is-playing.is-away:not(.is-unpinned) .bta-video-slot{background:linear-gradient(180deg,#e6e8e8,#cfd3d3);border-radius:16px}
.bta-watch.is-playing.is-away:not(.is-unpinned) .bta-video-slot .bta-slot-note{display:grid;place-items:center;position:absolute;inset:0;width:100%;border:0;background:none;font:inherit;font-size:16px;font-weight:600;color:#3b5361;cursor:default}
.bta-unpin{top:-12px!important;right:-12px!important}
@media(max-width:1000px){
  .bta-watch.is-playing.is-away:not(.is-unpinned) .bta-video-slot>.bta-video{right:12px!important;bottom:84px!important;width:min(240px,58vw)}
}

/* "Just the highlights" switch (Daniel 2026-10-10) */
.bta-conv-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:0 0 14px}
.bta-conv-head h2{margin:0;font-size:30px;letter-spacing:-.01em}
.bta-switch{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 6px;border:0;border-radius:999px;cursor:pointer;font:inherit;font-size:15px;font-weight:600;color:#1c3341;
  background:linear-gradient(180deg,#e6e8e8 0%,#d4d7d7 38%,#c9cdcd 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(20,40,52,.28),0 4px 10px -6px rgba(16,32,42,.4)}
.bta-switch-track{position:relative;width:46px;height:28px;border-radius:999px;background:#9fb0ba;box-shadow:inset 0 2px 4px rgba(0,0,0,.25);transition:background .3s}
.bta-switch-track::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#fff,#dfe3e3);box-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .38s cubic-bezier(.3,.7,.2,1)}
.bta-switch[aria-checked=true] .bta-switch-track{background:linear-gradient(180deg,#f4a165,#e9853b)}
.bta-switch[aria-checked=true] .bta-switch-track::after{transform:translateX(18px)}
.bta-switch:focus-visible{outline:3px solid #2e6fa7;outline-offset:2px}
.bta-highlights{display:none}
.bta-watch-article.is-highlights .bta-highlights{display:block}
.bta-watch-article.is-highlights .bta-conv,.bta-watch-article.is-highlights>.bta-dek{display:none}
.bta-hl-sum{margin:0 0 22px;font-size:20px;line-height:1.6;color:#1c3341}
.bta-hl-h{margin:24px 0 10px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6a7d88}
.bta-hl-list,.bta-hl-qs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bta-hl-item{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:baseline;width:100%;padding:14px 16px;border:0;border-radius:12px;background:#fdf1e7;text-align:left;font:inherit;cursor:pointer;transition:background .2s}
button.bta-hl-item:hover,button.bta-hl-item:focus-visible{background:#fbdcc3;outline:0}
.bta-hl-time{font-size:13px;font-weight:700;color:#b8601f;font-variant-numeric:tabular-nums}
.bta-hl-q{font-family:'Avenir Next',Avenir,Nunito Sans,system-ui,sans-serif;font-size:17px;line-height:1.6;color:#24323b}
.bta-hl-qs li a{display:block;padding:12px 16px;border-radius:12px;background:#eef3f8;border-left:4px solid #2e6fa7;font-weight:700;font-size:17px;color:#1c3341;text-decoration:none}
.bta-hl-qs li a:hover{text-decoration:underline}
@media(max-width:600px){.bta-hl-item{grid-template-columns:1fr;gap:4px}.bta-conv-head h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.bta-switch-track,.bta-switch-track::after{transition:none}}
.bta-watch-article.is-highlights .bta-hint{display:none}

/* Audio-only episodes (Daniel 2026-10-11: every episode formatted the same): key moments marked, not playable. */
.bta-p .cue.key{background:#fdf1e7;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* Audio-only episodes (Daniel 2026-10-12): the same corner player, as a compact audio card. */
.bta-video.is-audio{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px;background:linear-gradient(180deg,#2c4757 0%,#203846 60%,#1b3140 100%);color:#fff}
.bta-video.is-audio audio{width:100%}
.bta-audio-cap{display:flex;flex-direction:column;gap:4px}
.bta-audio-cap .bta-poster-about{font-size:17px;font-weight:700;line-height:1.25}
.bta-watch.is-playing.is-away:not(.is-unpinned) .bta-video-slot>.bta-video.is-audio{aspect-ratio:auto;height:auto}

/* Daniel 2026-10-12: the video plays in the main player while it is on screen, and moves to the corner only when you scroll away from it. */
.bta-watch.is-playing:not(.is-away) .bta-slot-note{display:none}