/* Segmented Navigation - additive v1.1.1 player-attached breadcrumb design.
   Does not change player ratio, video overlay, controls or source loading. */
section.main .content-wrapper .theatre > .ap-crumb-segmented {
  display: flex; align-items: center; width: 100%; max-width: 1100px;
  min-height: 48px; padding: 7px 11px; margin: 0 auto;
  background: #1b1d22; border: 1px solid #33343a; border-bottom-color: #35353c;
  border-radius: 4px 4px 0 0; box-sizing: border-box;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented ol {
  width: 100%; min-width: 0; display: flex; align-items: center;
  gap: 8px; overflow: hidden; list-style: none; padding: 0; margin: 0;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented li {
  display: flex; flex-shrink: 0; align-items: center; min-width: 0;
  white-space: nowrap; line-height: 1.4;
}
/* Supersede separator pseudo-elements from episode-navigation.css without editing it. */
section.main .content-wrapper .theatre > .ap-crumb-segmented li + li::before {
  content: ''; width: 5px; height: 5px; display: block; flex: 0 0 5px;
  border-right: 1px solid #73747b; border-top: 1px solid #73747b;
  transform: rotate(45deg); margin: 0 3px 0 0;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented li a {
  display: inline-flex; align-items: center; justify-content: center; min-height: 29px;
  padding: 5px 9px; background: #303139; border: 1px solid #383943;
  border-radius: 4px; color: #dbdce1; text-decoration: none; box-sizing: border-box;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented li a:hover,
section.main .content-wrapper .theatre > .ap-crumb-segmented li a:focus-visible {
  color: #fff; background: #3a3039; border-color: #85506b;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented .ap-crumb-home a {
  width: 32px; padding: 5px 7px;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented .ap-crumb-home svg {
  display: block; width: 15px; height: 15px; fill: none;
  stroke: currentColor; stroke-width: 1.65; stroke-linejoin: round; stroke-linecap: round;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented .ap-crumb-series {
  flex: 1 1 auto; max-width: none; min-width: 0; overflow: hidden;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented .ap-crumb-series a {
  min-width: 0; max-width: 100%; display: block; overflow: hidden; white-space: nowrap;
  text-overflow: ellipsis; padding: 6px 4px; border: 0; background: transparent;
  color: #c7c8ce;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented .ap-crumb-series a span {
  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented .ap-crumb-series a:hover {
  color: #f3d8e3; background: transparent;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented .ap-crumb-current {
  flex: 0 0 auto; padding: 6px 9px; background: #d5015b; color: #fff;
  border: 1px solid #d5015b; border-radius: 4px; font-weight: 600; white-space: nowrap;
}
section.main .content-wrapper .theatre > .ap-crumb-segmented + .player {margin-top: 0;}
@media (max-width: 600px) {
  section.main .content-wrapper .theatre > .ap-crumb-segmented {min-height: 42px; padding: 5px 6px;}
  section.main .content-wrapper .theatre > .ap-crumb-segmented ol {gap: 5px;}
  section.main .content-wrapper .theatre > .ap-crumb-segmented li + li::before {width: 4px;height: 4px;flex-basis: 4px;margin-right: 1px;}
  section.main .content-wrapper .theatre > .ap-crumb-segmented li a {min-height: 27px;padding: 5px 6px;}
  section.main .content-wrapper .theatre > .ap-crumb-segmented .ap-crumb-home a {width: 28px;}
  section.main .content-wrapper .theatre > .ap-crumb-segmented .ap-crumb-current {padding: 5px 7px;}
  section.main .content-wrapper .theatre > .ap-crumb-segmented .ap-crumb-series {max-width: none;}
  section.main .content-wrapper .theatre > .ap-crumb-segmented .ap-crumb-ep-label {display: none;}
}
@media (prefers-reduced-motion: reduce) {
  section.main .content-wrapper .theatre > .ap-crumb-segmented li a {transition: none;}
}