.hero-interview-link { display:flex; flex-shrink:0; align-items:center; gap:12px; min-width:0; padding:10px 12px; border:1px solid #443822; border-radius:8px; background:#1b1710; color:#e1d3b8; text-decoration:none; }
.hero-interview-link:hover { border-color:#b5955c; background:#241d13; }
.picker-body>.hero-interview-link { margin-bottom:16px; }
.hero-interview-art { width:80px; height:45px; position:relative; flex-shrink:0; border-radius:4px; overflow:hidden; background:#302719; }
.hero-interview-art img { width:100%; height:100%; object-fit:cover; opacity:.75; }
.hero-interview-art>span { position:absolute; inset:0; display:grid; place-items:center; color:#ffe7b9; font-size:16px; text-shadow:0 1px 5px #000; }
.hero-interview-copy { display:grid; gap:3px; min-width:0; }
.hero-interview-copy small { font-size:8px; letter-spacing:.11em; color:#bda26e; }
.hero-interview-copy strong { font-size:13px; line-height:1.3; }
.hero-interview-copy>span { font-size:10px; color:#aa9f88; }
.hero-interview-watch { margin-left:auto; white-space:nowrap; font:11px ui-monospace,monospace; color:#dec28b; }
.is-reading-build .hero-interview-inline { grid-column:1; font-size:10px; line-height:1.5; color:#d6b779; text-decoration:none; padding:4px 0; }
.hero-interview-inline:hover { text-decoration:underline; text-underline-offset:3px; }
.product-interview-entry { min-width:0; }
.interview-hero-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.interview-hero-tag { display:inline-flex; align-items:center; gap:5px; padding:5px 8px 5px 5px; border:1px solid #3c3425; border-radius:6px; color:#cdbc98; font-size:11px; text-decoration:none; background:#19160f; }
.interview-hero-tag img { width:22px; height:22px; object-fit:contain; }
.interview-hero-tag:hover,.interview-hero-tag[aria-current] { border-color:#b5955c; color:#f0d6a3; }
.interview-watch-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; align-items:start; gap:22px; width:100%; }
.interview-watch-layout>.video-card { min-width:0; }
.interview-moments { padding:16px; background:#17140e; border:1px solid #3b3223; border-radius:8px; min-width:0; max-height:540px; overflow-y:auto; }
.interview-moments h2 { margin:0; font-size:15px; color:#e5d7bb; }
.interview-moments h3 { font-size:11px; margin:18px 0 8px; color:#cbb17d; }
.interview-moments .interview-recorded { font-size:9px; line-height:1.5; color:#a19783; margin:12px 0 0; }
.interview-chapter { display:flex; align-items:baseline; gap:9px; padding:9px 7px; margin:2px -7px; border-radius:5px; text-decoration:none; color:#bcb09a; font-size:11px; line-height:1.5; }
.interview-chapter time { font:10px ui-monospace,monospace; color:#c3a872; flex-shrink:0; }
.interview-chapter:hover,.interview-chapter[aria-current] { color:#f0dfbe; background:#2b2317; }
.interview-build-return,.interview-all-chapters { display:inline-block; color:#d7b87b; font-size:10px; line-height:1.5; padding:10px 0 0; text-underline-offset:3px; }
.interview-all-chapters { color:#a99b81; }
.interview-playing-from { font-size:11px; line-height:1.5; color:#cbb17d; padding:10px 0; margin:0; }
@media(max-width:760px){
  .hero-interview-link { gap:9px; padding:9px; }
  .hero-interview-art { width:64px; height:40px; }
  .hero-interview-copy strong { font-size:12px; }
  .hero-interview-copy>span { font-size:9px; }
  .is-reading-build .hero-interview-inline { order:5; flex-basis:100%; text-align:center; padding:5px 0 0; }
  .interview-watch-layout { grid-template-columns:1fr; gap:16px; }
  .interview-moments { max-height:none; padding:14px; }
  .interview-chapter { min-height:42px; box-sizing:border-box; align-items:center; }
  .interview-hero-tag { min-height:34px; }
}