/* Channel Changers TV marks for the television pages (CC-TV-DESIGN v1.3).
   Brand work (/branded, /case-studies) stays on the parent CC mark (§9), so
   only the TV pages link this file.

   TV tab (§4, running-header size from §7): 20px tall, cap height 70% (14px),
   padding 20% (4px), corner radius 14% (2.8px), Anton in bone on signal red.
   Anton's cap height is 0.86em, so 14px caps need a 16.3px font size; with
   line-height equal to the tab height the caps sit centred. */
.cctv-tab {
  display: inline-block;
  flex: none;
  height: 20px;
  padding: 0 4px;
  margin-left: 8px;
  border-radius: 2.8px;
  background: #C8493A;
  color: #EFEADD;
  font: 400 16.3px/20px Anton, Impact, sans-serif;
  letter-spacing: .02em;
  text-transform: none;
  vertical-align: middle;
}

/* Headers that are already flex rows space their children with gap. */
.mark > .cctv-tab, .brand > .cctv-tab { margin-left: 0; }

/* On phones the scroll-film pages hide the last item in .mark (it was the name) to
   leave just the badge. Keep the TV tab instead: badge + tab. Each page hides
   its name at its own breakpoint, in an inline rule next to this file's link. */
.furn .mark > .cctv-tab { display: inline-block !important; }

/* Footer lockup: A02 test card, bone lines on the ink footer. Minimum 240px wide (§3.2). */
.cc-footer-heading:has(.cctv-foot) { align-items: flex-end; }
.cctv-foot img { display: block; width: clamp(240px, 22vw, 300px); height: auto; }
