/* Shared station template: text flow and broadcast logo geometry. */
@font-face {
 font-family:'Prevue Info';
 src:url('PrevueGrid-info.ttf') format('truetype');
 font-style:normal;font-weight:400;font-display:swap;
}
html body .top #infoContent,
html body .top #infoContent * {
 font-family:'Prevue Info','Prevue Grid','Lucida Console',monospace!important;
}
html body .top #infoContent > :is(.program-show,.time-slot,.episode-label,.episode-title,.description) {
 flex:0 0 auto!important;
 height:auto!important;max-height:none!important;min-height:0!important;
 display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;
 white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;
 max-width:100%!important;box-sizing:border-box!important;
}
html body .top #infoContent .program-show {line-height:1.2!important;}
html body .top #infoContent .episode-title {line-height:1.25!important;}
html body .top #infoContent {justify-content:flex-start!important;}
html body #guideRows :is(.program strong,.program .sub,.chan-name) {
 line-height:1.25!important;
}
/* Uniform logo size boxes; original artwork and compositing come from each skin. */
html body #smallBug.station-bug,
html body #theaterBug.station-bug {
 box-sizing:border-box!important;
 width:51.75px!important;min-width:51.75px!important;max-width:51.75px!important;
 height:34.5px!important;min-height:34.5px!important;max-height:34.5px!important;
 padding:0!important;
}
html body #theaterBug.station-bug {
 width:113.85px!important;min-width:113.85px!important;max-width:113.85px!important;
 height:50.025px!important;min-height:50.025px!important;max-height:50.025px!important;
}
html body #smallBug.station-bug .station-bug-img,
html body #theaterBug.station-bug .station-bug-img {
 display:block!important;width:100%!important;height:100%!important;
 min-width:0!important;max-width:100%!important;max-height:100%!important;
 object-fit:contain!important;object-position:center!important;
}
/* Allow the rim's raised top edge to paint over the brand block. */
html body .top > .tv-side[data-tv-skin="artwork"] {
 overflow:visible!important;z-index:40!important;
}
html body .top > .tv-side[data-tv-skin="artwork"] > .tv-outer-metal-frame {
 z-index:100!important;pointer-events:none!important;
}
@media (max-width:760px), (max-width:980px) and (pointer:coarse) {
 html:not(.ghoul-lg-tv):not(.ghoul-mini-player) body .top,
 html:not(.ghoul-lg-tv):not(.ghoul-mini-player) body .top #infoContent {
 height:auto!important;max-height:none!important;min-height:0!important;
 }
 html:not(.ghoul-lg-tv):not(.ghoul-mini-player) body .top #infoContent {
 overflow:visible!important;padding:10px 12px 12px!important;
 }
 html body #smallBug.station-bug {
 width:31.05px!important;min-width:31.05px!important;max-width:31.05px!important;
 height:20.7px!important;min-height:20.7px!important;max-height:20.7px!important;
 }
}

/* Guide artwork is 25 percent smaller within the existing station cards. */
html body #guideRows .channel-logo-square .channel-square-img {
 width:65.25%!important;height:65.25%!important;
 max-width:65.25%!important;max-height:65.25%!important;
 object-fit:contain!important;object-position:center!important;
 margin:0!important;padding:0!important;transform:none!important;
}

/* Desktop program typography follows GhoulTV channel one for every station.
   Narrow time slots truncate text without changing its type treatment. */
@media (min-width:981px), (min-width:761px) and (pointer:fine) {
 html:not(.ghoul-lg-tv) body #guideRows .program strong,
 html:not(.ghoul-lg-tv) body #guideRows .program.tight strong,
 html:not(.ghoul-lg-tv) body #guideRows .program .sub,
 html:not(.ghoul-lg-tv) body #guideRows .program.tight .sub,
 html:not(.ghoul-lg-tv) body #guideRows .program .sub i {
  font-family:'Prevue Grid','Lucida Console','DejaVu Sans Mono',monospace!important;
  font-weight:400!important;font-style:normal!important;font-stretch:100%!important;
  font-variant:normal!important;font-synthesis:none!important;
  letter-spacing:normal!important;word-spacing:0!important;
  text-transform:none!important;text-decoration:none!important;
  color:#fff!important;opacity:1!important;
  text-align:center!important;white-space:nowrap!important;
 }
 html:not(.ghoul-lg-tv) body #guideRows .program strong,
 html:not(.ghoul-lg-tv) body #guideRows .program.tight strong {
  font-size:clamp(17px,1.39vw,22px)!important;
  line-height:1.25!important;text-shadow:2px 2px 0 #26152f!important;
  text-underline-offset:auto!important;
  height:auto!important;max-height:none!important;margin:0!important;
 }
 html:not(.ghoul-lg-tv) body #guideRows .program .sub,
 html:not(.ghoul-lg-tv) body #guideRows .program.tight .sub,
 html:not(.ghoul-lg-tv) body #guideRows .program .sub i {
  font-size:clamp(10px,.92vw,14px)!important;
  line-height:1.15!important;text-shadow:2px 2px 0 #21152f!important;
 }
 html:not(.ghoul-lg-tv) body #guideRows .program .sub,
 html:not(.ghoul-lg-tv) body #guideRows .program.tight .sub {
  margin-top:3px!important;text-underline-offset:auto!important;
 }
 html:not(.ghoul-lg-tv) body #guideRows .program .sub i {
  text-underline-offset:3px!important;
 }
}