/* ==========================================================================
   /talkshow/ display data (inc/v2/media-talkshow-fields.php, rendered by inc/v2/media-talkshow.php):
   duration badge, guest / date / duration rows, descriptions, "Tập k · Đang được sản xuất", "Xem cả series" (mobile),
   doctor "[n] Talkshow đã tham gia". Figma "TALKSHOW - v2" 3409:16206; ≤767 = "Talkshow – Mobile" 3638:12145.
   ========================================================================== */
/* duration badge on thumbnails (3409:16233 / 16272: dark chip bottom-right) */
.ohio-ts__dur{position:absolute;right:12px;bottom:12px;padding:0 8px;border-radius:6px;background:rgba(36,19,58,.85);font:400 12px/22px var(--ohio-font-body);color:#fff}
.ohio-ts__ep,.ohio-tsp__series-more{display:none}

/* grid card (3409:16255): rule, guest with user icon (16289), "Đăng [date]" (16290) */
.ohio-ts__by{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:auto 0 0;padding-top:12px;border-top:1px solid var(--ohio-neutral-100);
  font:400 var(--ohio-caption-size)/var(--ohio-caption-lh) var(--ohio-font-body);color:var(--ohio-text-muted)}
.ohio-ts__by > span{display:inline-flex;align-items:center;gap:6px}
.ohio-ts__guest{color:var(--ohio-text-body)}
.ohio-ts__date{font-size:12px;line-height:20px}
.ohio-ts.has-info .ohio-ts__t{flex:none}

/* series row (3409:16366): description 4 lines (16399–402), then guest · date · duration on one line (16391–94) */
.ohio-ts__desc{margin:8px 0 0;font:400 var(--ohio-caption-size)/var(--ohio-caption-lh) var(--ohio-font-body);color:var(--ohio-text-body);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ohio-ts--row .ohio-ts__by{flex-direction:row;flex-wrap:wrap;gap:6px 24px;margin:14px 0 0;padding:0;border:0}
.ohio-ts--row .ohio-ts__btn{margin-top:auto}

/* feature (3409:16217): description body 16/26 (16239–42), then "Tham gia / Ngày đăng / Thời lượng" rows (16243–48) */
.ohio-ts--feature .ohio-ts__desc{margin:16px 0 0;font:400 var(--ohio-body-size)/var(--ohio-body-lh) var(--ohio-font-body);-webkit-line-clamp:5}
.ohio-ts__info{display:grid;gap:6px;margin:12px 0 24px;font:400 var(--ohio-caption-size)/var(--ohio-caption-lh) var(--ohio-font-body)}
.ohio-ts__info div{display:grid;grid-template-columns:89px minmax(0,1fr)}
.ohio-ts__info dt,.ohio-ts__info dd{margin:0;padding:0;font:inherit;letter-spacing:0;text-transform:none;white-space:nowrap;color:var(--ohio-text-body)}
.ohio-ts__info dt svg{display:none}

/* episodes in production (3409:16510: 413 wide, dashed #D9D0E6 r16, icon box 48 #F3ECFA) */
.ohio-tsp__next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.ohio-tsp__next-i{display:flex;align-items:center;gap:14px;padding:20px;border:1px dashed #D9D0E6;border-radius:var(--ohio-radius-l);background:#FCFBFE}
.ohio-tsp__next-ico{display:flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--ohio-radius-m);background:var(--ohio-purple-50);color:var(--ohio-purple-700)}
.ohio-tsp__next-i p{display:flex;flex-direction:column;margin:0}
.ohio-tsp__next-i strong{font:400 var(--ohio-body-size)/24px var(--ohio-font-body);color:var(--ohio-neutral-900)}
.ohio-tsp__next-i span{font:400 var(--ohio-caption-size)/var(--ohio-caption-lh) var(--ohio-font-body);color:var(--ohio-text-muted)}

/* doctor card (3409:16666 "[n] Talkshow đã tham gia") */
.ohio-tsd__count{display:flex;align-items:center;gap:6px;margin:16px 0 18px;font:400 var(--ohio-caption-size)/var(--ohio-caption-lh) var(--ohio-font-body);color:var(--ohio-text-muted)}
.ohio-tsd__count + .ohio-tsd__btn{margin-top:auto}

@media (max-width:1024px){ .ohio-tsp__next{grid-template-columns:1fr 1fr} }

@media (max-width:767px){
  .ohio-ts__dur{right:8px;bottom:8px;padding:0 6px;font:600 12px/18px var(--ohio-font-body)}
  /* feature 3638:12240: icon | label 12/16 muted over value 500 13/20 */
  .ohio-ts--feature .ohio-ts__desc{margin:0;font-size:15px;line-height:24px;-webkit-line-clamp:none;display:block}
  .ohio-ts__info{gap:10px;margin:0}
  .ohio-tsp .ohio-ts__info > div{display:block;position:relative;padding-left:28px}
  .ohio-ts__info dt,.ohio-ts__info dd{display:block}
  .ohio-ts__info dt{font:400 12px/16px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-ts__info dt svg{display:block;position:absolute;left:0;top:0;color:var(--ohio-purple-700)}
  .ohio-ts__info dd{margin-top:4px;white-space:normal;font:500 13px/20px var(--ohio-font-body);color:var(--ohio-neutral-900)}
  /* latest + series rows 3810:10624 / 10662: one muted line "guest · Đăng date · mm:ss" */
  .ohio-ts__by{display:block;margin:0;padding:0;border:0;font:400 12px/16px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-ts__by > span{display:inline;color:inherit}
  .ohio-ts__by > span + span::before{content:" · "}
  .ohio-ts__by svg{display:none}
  .ohio-ts__date{font-size:inherit;line-height:inherit}
  .ohio-ts--row .ohio-ts__by{margin:0}
  .ohio-ts--row .ohio-ts__desc,.ohio-tsp__more .ohio-ts__by{display:none}
  .ohio-ts--row .ohio-ts__ep{display:inline;font:600 12px/16px var(--ohio-font-body);letter-spacing:.48px;text-transform:uppercase;color:var(--ohio-cta)}
  .ohio-ts--row .ohio-ts__label{display:none}
  .ohio-tsp__series-more{display:block;margin:20px 0 0}
  .ohio-tsp__series-more .ohio-btn{display:flex;width:100%}
  /* episodes in production 3638:12436: soft card r12, camera icon, 600 16/24 purple + 13/20 muted */
  .ohio-tsp__next{grid-template-columns:1fr;gap:16px;margin-top:20px}
  .ohio-tsp__next-i{gap:12px;padding:16px;border:1px solid #E3DCEF;border-radius:var(--ohio-radius-m);background:#F3EFF9}
  .ohio-tsp__next-ico{width:20px;height:20px;background:none;align-self:flex-start;margin-top:2px}
  .ohio-tsp__next-i strong{font:600 16px/24px var(--ohio-font-body);color:var(--ohio-purple-700)}
  .ohio-tsp__next-i span{font-size:13px;line-height:20px}
  /* doctor 3810:10744: plain 12/16 muted line */
  .ohio-tsd__count{margin:0;font:400 12px/16px var(--ohio-font-body)}
  .ohio-tsd__count svg{display:none}
}