/* Who's Live rail (/live/) — streamer tiles. Section shell reuses the
   page's .block/.rail/.chtile classes; this file only adds the tile
   deltas for 16:9 stream thumbnails + stream titles. 2026-10-13. */
#sec-whoslive .wl-tile{display:block;width:100%;text-decoration:none;color:inherit;background:none;border:0;padding:0;margin:0;text-align:left;cursor:pointer;font:inherit}
#sec-whoslive .wl-art{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#101010}
#sec-whoslive .wl-art img{width:100%;height:100%;object-fit:cover;display:block}
#sec-whoslive .wl-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Fraunces,Georgia,'Times New Roman',serif;font-size:52px;color:#F3EDE0;background:linear-gradient(135deg,#2A2019,#171310)}
#sec-whoslive .wl-title{display:block;margin-top:6px;font-size:13.5px;line-height:1.35;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#sec-whoslive .wl-empty{opacity:.7;font-size:15px;margin:2px 0 0}
/* 2026-10-13: tile split for inline play — the art link takes the tap and
   plays in the hero player; the channel NAME under it is the outbound
   link to the platform. */
#sec-whoslive .wl-name{color:inherit;text-decoration:none}
#sec-whoslive .wl-name:hover{text-decoration:underline}


/* ===== FINAL POLISH 2026-10-17 — Who's Live redesign =====
   Heading pinned to the house display face (the section inherited
   Playfair via --pv-serif); spacing tightened; the serif letter
   fallback replaced by the branded name treatment; featured tile
   layout. Everything stays scoped to #sec-whoslive — the rail's
   shared livetv.css classes serve the 164 channel tiles too. */
#sec-whoslive .block-head{margin-bottom:2px}
#sec-whoslive .block-head h2{font-family:"Previously Display",Georgia,serif;
  font-weight:400;letter-spacing:.01em}
#sec-whoslive .kicker2{font-family:"Previously Display",Georgia,serif;
  font-weight:400}
#sec-whoslive .wl-fallback{width:100%;height:100%;display:flex;
  flex-direction:column;align-items:center;justify-content:center;gap:7px;
  padding:12px;text-align:center;box-sizing:border-box;
  background:linear-gradient(150deg,#1B1B1B 0%,#101010 72%);
  font-family:"Previously Display",Georgia,serif}
#sec-whoslive .wl-fb-name{font-size:21px;line-height:1.15;color:#FFFFFF;
  overflow-wrap:anywhere}
#sec-whoslive .wl-fb-plat{display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#A5ACAF}
#sec-whoslive .wl-fb-dot{width:7px;height:7px;border-radius:50%;
  background:#E10600;flex:none}
#wlFeatured{margin:0 0 16px}
#wlFeatured:empty{margin:0}
#sec-whoslive .wl-featured-wrap{display:block}
@media (min-width:760px){
  #sec-whoslive .wl-featured-wrap{display:grid;
    grid-template-columns:1.55fr 1fr;column-gap:18px;row-gap:4px;
    align-items:start}
  #sec-whoslive .wl-featured-wrap .wl-tile{grid-row:1/3}
  #sec-whoslive .wl-featured-wrap .wl-meta{margin-top:4px}
  #sec-whoslive .wl-featured-wrap .wl-name{font-size:21px}
  #sec-whoslive .wl-featured-wrap .wl-title{font-size:15px;margin-top:0;
    -webkit-line-clamp:3}
}
#sec-whoslive .wl-ava{width:20px;height:20px;border-radius:50%;
  object-fit:cover;vertical-align:-5px;margin-right:6px}
@media (prefers-reduced-motion: no-preference){
  #sec-whoslive .wl-art img{transition:transform .45s ease}
  #sec-whoslive .wl-tile:hover .wl-art img{transform:scale(1.045)}
}
#sec-whoslive .wl-tile:focus-visible{outline:2px solid #E10600;
  outline-offset:2px}