
.dc-editorial {
  min-width: 0;
  color: var(--text);
}

.dc-editorial :where(section, article, nav, form, .section__head) {
  min-width: 0;
}

.dc-editorial .panel,
.dc-editorial .ms-block,
.dc-editorial .dc-recommendations {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.dc-editorial > .panel,
.dc-editorial > .dc-editorial__overview,
.dc-editorial > .dc-editorial__notes,
.dc-editorial > .dc-recommendations {
  padding: var(--dc-detail-section-space) 0;
  border-bottom: 1px solid var(--border);
}

.dc-editorial > .dc-recommendations {
  border-bottom: 0;
}

.dc-editorial .section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin: 0 0 var(--dc-detail-heading-gap);
}

.dc-editorial .section__title,
.dc-editorial .title-plot__title,
.dc-editorial .title-comments__title {
  margin: 0;
  font-family: var(--font);
  font-size: var(--dc-detail-section-size);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.65px;
  color: var(--text);
}

.dc-editorial .section__more,
.dc-editorial .ms-block__count {
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
  color: var(--text-soft);
}

.dc-editorial .section__more {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  color: var(--green);
}

.dc-editorial .dc-eyebrow {
  margin: 0 0 8px;
  color: var(--green);
  font-size: var(--dc-detail-secondary-size);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .16em;
}

.dc-editorial :where(a, button, summary, input, textarea):focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 3px;
}

.dc-editorial .title-ep-nav {
  gap: 16px;
  margin: 0;
  padding: 18px 0;
  border-bottom: 1px solid var(--border);
}

.dc-editorial .title-ep-nav__prev,
.dc-editorial .title-ep-nav__next {
  min-height: 60px;
  padding: 6px 0;
  border: 0;
  border-radius: 0;
  background: none;
}

.dc-editorial .title-ep-nav__dir {
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
}

.dc-editorial .title-ep-nav__name {
  font-size: var(--dc-detail-secondary-size);
  line-height: 1.5;
}

.dc-editorial .title-ep-nav__prev:hover,
.dc-editorial .title-ep-nav__next:hover {
  background: none;
  color: var(--green);
}

.dc-editorial .series-block__head {
  margin-bottom: var(--dc-detail-heading-gap);
}

.dc-editorial .dc-season-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.dc-editorial .dc-season-tabs__item {
  display: contents;
}

.dc-editorial .dc-season-tabs button.dc-season-tabs__tab[type="button"] {
  display: inline-flex;
  flex: 0 0 auto;
  order: 0;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  height: auto;
  padding: 9px 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  color: var(--text-soft);
  font: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: normal;
  box-shadow: none;
  cursor: pointer;
}

.dc-editorial .dc-season-tabs button.dc-season-tabs__tab[type="button"]:hover {
  background: none;
  color: var(--green);
  box-shadow: none;
  filter: none;
}

.dc-editorial .dc-season-tabs button.dc-season-tabs__tab[type="button"][aria-expanded="true"] {
  border-bottom-color: var(--green);
  background: none;
  color: var(--green);
  font-weight: 600;
}

.dc-editorial .dc-season-tabs__panel {
  flex: 1 0 100%;
  order: 1;
  width: 100%;
  min-width: 0;
  margin-top: 12px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}

.dc-editorial .dc-season-tabs__panelhead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 8px;
}

.dc-editorial .dc-season-tabs__panelhead h3 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--text);
}

.dc-editorial .dc-season-tabs__panelhead h3 span {
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
  color: var(--text-soft);
}

.dc-editorial .dc-editorial__seasonlink {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--text-soft);
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
  line-height: 1.5;
}

.dc-editorial .dc-season-tabs .dc-editorial__seasonlink:hover {
  background: none;
  color: var(--green);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.dc-editorial .dc-season-tabs__episodes {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-width: 0;
}

.dc-editorial .dc-season-tabs__episodes > .se-ep-wrap {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.dc-editorial .dc-season-tabs__episodes .dc-episode-row {
  display: grid;
  box-sizing: border-box;
  grid-template-columns: 74px minmax(0, 1fr) 72px 96px 92px;
  grid-template-areas: "number title duration date status";
  align-items: baseline;
  gap: 8px 16px;
  width: 100%;
  min-width: 0;
  min-height: 52px;
  margin: 0;
  padding: 14px 12px;
  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: 6px;
  background: none;
  color: var(--text);
  text-decoration: none;
  box-shadow: none;
}

.dc-editorial .dc-season-tabs__episodes .dc-episode-row:hover,
.dc-editorial .dc-season-tabs__episodes .dc-episode-row:focus-visible,
.dc-editorial .dc-season-tabs__episodes .se-ep-current .dc-episode-row {
  background: var(--hover-soft);
  color: var(--green);
  box-shadow: none;
}

.dc-editorial .dc-episode-row__number {
  display: inline-flex;
  align-items: center;
  grid-area: number;
  min-width: 0;
  color: var(--text-soft);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.dc-editorial .dc-episode-row__title {
  display: block;
  grid-area: title;
  min-width: 0;
  min-height: 0;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: inherit;
  box-shadow: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.dc-editorial .dc-episode-row__meta {
  display: contents;
}

.dc-editorial .dc-episode-row__duration,
.dc-editorial .dc-episode-row__date,
.dc-editorial .dc-episode-row__status {
  min-width: 0;
  color: var(--text-soft);
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.dc-editorial .dc-episode-row__duration {
  grid-area: duration;
}

.dc-editorial .dc-episode-row__date {
  grid-area: date;
  font-variant-numeric: tabular-nums;
}

.dc-editorial .dc-episode-row__status {
  display: inline-flex;
  align-items: center;
  grid-area: status;
  justify-self: end;
  max-width: 100%;
  padding: 2px 7px;
  border: 1px solid var(--border);
  border-radius: 4px;
  text-align: right;
}

.dc-editorial .dc-episode-row.se-ep-out .dc-episode-row__status {
  border-color: var(--border);
  background: var(--hover-soft);
  color: var(--green);
  font-weight: 600;
}

.dc-editorial .dc-episode-row.se-ep-soon .dc-episode-row__status {
  border-style: dashed;
  color: var(--text-soft);
  background: var(--surface-2);
}

.dc-editorial .dc-season-tabs__panel:not(.is-episodes-expanded) .dc-season-tabs__episodes > :nth-child(n + 11) {
  display: none;
}

.dc-editorial .dc-season-tabs button.dc-season-tabs__more[type="button"] {
  display: none;
  align-items: center;
  justify-content: center;
  width: min(100%, 280px);
  min-height: 48px;
  margin: 20px auto 0;
  padding: 12px 20px;
  border: 1px solid color-mix(in srgb, var(--green) 45%, var(--border));
  border-radius: 6px;
  background: color-mix(in srgb, var(--green) 10%, var(--surface-2));
  color: var(--text);
  font: inherit;
  font-size: var(--dc-detail-secondary-size);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  box-shadow: none;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease;
}

.dc-editorial .dc-season-tabs button.dc-season-tabs__more[type="button"]:hover {
  border-color: var(--green);
  background: color-mix(in srgb, var(--green) 18%, var(--surface-2));
}

.dc-editorial .dc-season-tabs button.dc-season-tabs__more[type="button"]:active {
  background: color-mix(in srgb, var(--green) 24%, var(--surface-2));
}

.dc-editorial .dc-season-tabs button.dc-season-tabs__more[type="button"]:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 4px;
}

.dc-editorial .dc-season-tabs__panel:has(.dc-season-tabs__episodes > :nth-child(11)) > button.dc-season-tabs__more[type="button"] {
  display: flex;
}

.dc-editorial .dc-season-tabs__more-close,
.dc-editorial .dc-season-tabs__panel.is-episodes-expanded .dc-season-tabs__more-open {
  display: none;
}

.dc-editorial .dc-season-tabs__panel.is-episodes-expanded .dc-season-tabs__more-close {
  display: inline;
}

.dc-editorial .dc-season-tabs__tab::before,
.dc-editorial .dc-season-tabs__tab::after,
.dc-editorial .dc-editorial__seasonlink::before,
.dc-editorial .dc-editorial__seasonlink::after,
.dc-editorial .dc-episode-row::before,
.dc-editorial .dc-episode-row::after,
.dc-editorial .dc-season-tabs__more::before,
.dc-editorial .dc-season-tabs__more::after {
  content: none;
}

.dc-editorial .dc-season-tabs__empty {
  padding: 14px 0;
  font-size: var(--dc-detail-copy-size);
  line-height: var(--dc-detail-copy-leading);
  color: var(--text-soft);
}

.dc-editorial .series-seasons {
  gap: 8px;
  margin-bottom: 14px;
}

.dc-editorial .series-seasons__btn {
  flex: 1 0 auto;
  min-height: 44px;
  border-radius: 3px;
  background: none;
  font-size: var(--dc-detail-secondary-size);
}

.dc-editorial .series-seasons__btn:hover,
.dc-editorial .series-seasons__btn.is-active {
  border-color: var(--green);
  background: var(--hover-soft);
  color: var(--green);
}

.dc-editorial .series-eps {
  gap: 0;
  margin-left: 0;
  padding-left: 0;
  border: 0;
}

.dc-editorial .series-ep {
  min-height: 66px;
  padding: 11px 0;
  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.dc-editorial .series-ep::before {
  content: none;
}

.dc-editorial .series-ep:hover,
.dc-editorial .series-ep.is-playing {
  background: var(--hover-soft);
  box-shadow: none;
}

.dc-editorial .series-ep__num {
  border: 0;
  border-radius: 3px;
  background: var(--surface-2);
}

.dc-editorial .series-ep__watch {
  width: 44px;
  height: 44px;
}

.dc-editorial .ms-watch-bar {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr);
  gap: 24px;
  align-items: start;
}

.dc-editorial .ms-watch-bar .watch-emoji,
.dc-editorial .ms-watch-bar .watch-lists {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 16px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.dc-editorial .ms-watch-bar .watch-emoji + .watch-lists {
  margin: 0;
  padding: 0 0 0 24px;
  border: 0;
  border-left: 1px solid var(--border);
}

.dc-editorial .ms-watch-bar .share__label {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin: 0;
  color: var(--text-soft);
  font-size: var(--dc-detail-secondary-size);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
}

.dc-editorial .ms-watch-bar .share__list {
  display: flex;
  grid-column: 1 / -1;
  grid-row: 2;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}

.dc-editorial .ms-watch-bar .chip,
.dc-editorial .ms-watch-bar .chip:hover,
.dc-editorial .ms-watch-bar .chip:focus,
.dc-editorial .ms-watch-bar .chip:active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 44px;
  min-height: 44px;
  height: auto;
  margin: 0;
  padding: 9px 11px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface-2);
  color: var(--text);
  font: inherit;
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: normal;
  white-space: normal;
  box-shadow: none;
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.dc-editorial .ms-watch-bar .chip:hover,
.dc-editorial .ms-watch-bar .chip:focus-visible {
  border-color: var(--green);
  background: var(--hover-soft);
  color: var(--green);
}

.dc-editorial .ms-watch-bar .chip.is-active,
.dc-editorial .ms-watch-bar .chip[aria-pressed="true"] {
  border-color: var(--green);
  background: var(--hover-soft);
  color: var(--green);
}

.dc-editorial .ms-watch-bar .chip:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 3px;
}

.dc-editorial .ms-watch-bar .watch-emoji__btn {
  min-width: 54px;
}

.dc-editorial .ms-watch-bar .watch-emoji__icon {
  font-size: 18px;
  line-height: 1;
}

.dc-editorial .ms-watch-bar .watch-emoji__count,
.dc-editorial .ms-watch-bar .watch-lists__count {
  display: inline;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--text-soft);
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
  line-height: 1.5;
}

.dc-editorial .ms-watch-bar .chip.is-active .watch-emoji__count,
.dc-editorial .ms-watch-bar .chip.is-active .watch-lists__count,
.dc-editorial .ms-watch-bar .chip[aria-pressed="true"] .watch-emoji__count,
.dc-editorial .ms-watch-bar .chip[aria-pressed="true"] .watch-lists__count {
  background: none;
  color: var(--green);
}

.dc-editorial .ms-watch-bar .link-more {
  display: inline-flex;
  grid-column: 2;
  grid-row: 1;
  align-items: center;
  justify-self: end;
  min-height: 44px;
  margin: -12px 0;
  color: var(--green);
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
  line-height: 1.5;
}

.dc-editorial .ms-watch-bar .link-more::after {
  content: none;
}

.dc-editorial .dc-editorial__overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr);
  gap: 64px;
  align-items: start;
}

.dc-editorial .dc-editorial__overview:not(:has(.dc-cast)),
.dc-editorial .dc-editorial__overview:not(:has(.dc-editorial__story)) {
  grid-template-columns: minmax(0, 1fr);
}

.dc-editorial .dc-editorial__story,
.dc-editorial .title-plot {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.dc-editorial .title-plot__title {
  margin-bottom: var(--dc-detail-heading-gap);
}

.dc-editorial .title-plot .title-info__desc {
  max-width: 80ch;
  font-size: var(--dc-detail-copy-size);
  line-height: var(--dc-detail-copy-leading);
  color: var(--text-soft);
  overflow-wrap: anywhere;
}

.dc-editorial .title-plot .title-info__desc p {
  margin: 0 0 16px;
}

.dc-editorial .title-plot .title-info__desc img {
  max-width: 100%;
  height: auto;
  border-radius: 3px;
}

.dc-editorial .dc-cast .section__head {
  display: block;
}

.dc-editorial .dc-cast .dc-cast-row {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 60px) / 6);
  gap: 12px;
  padding: 2px 0 12px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: var(--border-strong) var(--bg);
}

.dc-editorial .dc-cast .dc-cast-row::-webkit-scrollbar {
  display: block;
  height: 3px;
}

.dc-editorial .dc-cast .dc-cast-row::-webkit-scrollbar-thumb {
  background: var(--border-strong);
}

.dc-editorial .dc-cast .dc-cast-card {
  width: auto;
  min-width: 0;
  align-items: stretch;
  text-align: left;
  scroll-snap-align: start;
}

.dc-editorial .dc-cast .dc-cast-card__photo {
  width: 100%;
  max-width: none;
  aspect-ratio: 3 / 4;
  border-radius: 3px;
}

.dc-editorial .dc-cast .dc-cast-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
}

.dc-editorial .dc-cast .dc-cast-card__name,
.dc-editorial .dc-cast .dc-cast-card__role {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
  overflow-wrap: anywhere;
}

.dc-editorial .dc-cast .dc-cast-card__name {
  margin-top: 12px;
  font-size: var(--dc-detail-cast-name-size);
  line-height: 1.5;
}

.dc-editorial .dc-cast .dc-cast-card__role {
  margin-top: 4px;
  font-size: var(--dc-detail-cast-role-size);
  line-height: 1.5;
  color: var(--text-soft);
}

.dc-editorial .dc-cast .ms-cast__nav {
  top: 32%;
  width: 44px;
  height: 44px;
  border-color: var(--border);
  border-radius: 3px;
  background: var(--surface);
  box-shadow: none;
}

.dc-editorial .ms-shots .ms-shots__mosaic:has(*),
.dc-editorial .ms-tmdb-shots .tmdb-stills:has(*) {
  display: grid;
  grid-template-columns: none;
  grid-template-rows: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 32px) / 3);
  gap: 16px;
  align-items: start;
  overflow-x: auto;
  overflow-y: hidden;
  max-height: none;
  padding-bottom: 12px;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: var(--border-strong) var(--bg);
}

.dc-editorial .ms-shots .ms-shots__mosaic .ms-shots__item:nth-child(n),
.dc-editorial .ms-tmdb-shots .tmdb-stills .still:nth-child(n) {
  display: block;
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: 3px;
  scroll-snap-align: start;
  background: var(--surface-2);
}

.dc-editorial .ms-shots__item img,
.dc-editorial .ms-posters__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dc-editorial .ms-shots__item::before,
.dc-editorial .ms-posters__item::before {
  background: none;
}

.dc-editorial .ms-shots__item:hover::before,
.dc-editorial .ms-posters__item:hover::before {
  background: var(--hover-soft);
}

.dc-editorial .ms-shots__mosaic:has(.ms-shots__item:nth-child(6)) .ms-shots__item:nth-child(5)::after {
  content: none;
}

.dc-editorial .ms-shots__eye,
.dc-editorial .ms-posters__eye {
  inset: auto 10px 10px auto;
  width: 36px;
  height: 36px;
  border: 1px solid var(--border);
  border-radius: 3px;
  background: var(--surface);
  color: var(--text);
}

.dc-editorial .ms-shots__eye svg,
.dc-editorial .ms-posters__eye svg {
  width: 19px;
  height: 19px;
  filter: none;
}

.dc-editorial .ms-shots__item:focus-visible .ms-shots__eye,
.dc-editorial .ms-posters__item:focus-visible .ms-posters__eye {
  opacity: 1;
}

.dc-editorial .ms-posters__row {
  grid-auto-columns: 142px;
  gap: 16px;
  padding-bottom: 12px;
  scrollbar-width: thin;
  scrollbar-color: var(--border-strong) var(--bg);
}

.dc-editorial .ms-posters__row::-webkit-scrollbar {
  display: block;
  height: 3px;
}

.dc-editorial .ms-posters__row::-webkit-scrollbar-thumb {
  background: var(--border-strong);
}

.dc-editorial .ms-posters__item {
  aspect-ratio: 2 / 3;
  border: 0;
  border-radius: 3px;
}

.dc-editorial .ms-franchise:not(:has(.ms-franchise__item)) {
  display: none;
}

.dc-editorial .ms-franchise .ms-franchise__row {
  grid-template-columns: repeat(auto-fill, minmax(150px, 180px));
  gap: 26px;
}

.dc-editorial .ms-franchise .ms-franchise__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-height: 0;
}

.dc-editorial .ms-franchise .ms-franchise__poster {
  width: 100%;
  aspect-ratio: 2 / 3;
  margin: 0 0 11px;
  border-radius: 4px;
}

.dc-editorial .ms-franchise .ms-franchise__name {
  display: block;
  align-self: auto;
  overflow: visible;
  -webkit-line-clamp: unset;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.dc-editorial .ms-franchise .ms-franchise__year {
  align-self: auto;
  margin: 4px 0 0;
  font-size: var(--dc-detail-secondary-size);
}

.dc-editorial .dc-editorial__notes {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 72px;
  align-items: start;
}

.dc-editorial .dc-editorial__notes:not(:has(.ms-facts)),
.dc-editorial .dc-editorial__notes:not(:has(.ms-ost)) {
  grid-template-columns: minmax(0, 1fr);
}

.dc-editorial .dc-editorial__notes:not(:has(section)) {
  display: none;
}

.dc-editorial .ms-facts__list {
  gap: 0;
}

.dc-editorial .ms-facts__item,
.dc-editorial .ms-goofs__item {
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 16px;
  padding: 14px 0;
  border: 0;
  border-radius: 0;
  background: none;
}

.dc-editorial .ms-facts__item:first-child,
.dc-editorial .ms-goofs__item:first-child {
  padding-top: 0;
}

.dc-editorial .ms-facts__num,
.dc-editorial .ms-goofs__num {
  width: 25px;
  height: auto;
  min-height: 24px;
  border-radius: 0;
  background: none;
  color: var(--green);
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
}

.dc-editorial .ms-facts__text,
.dc-editorial .ms-goofs__text {
  max-width: 80ch;
  font-size: var(--dc-detail-copy-size);
  line-height: var(--dc-detail-copy-leading);
  color: var(--text-soft);
}

.dc-editorial button.ms-more[type="button"],
.dc-editorial button.ms-more[type="button"]:hover,
.dc-editorial button.ms-more[type="button"]:focus,
.dc-editorial button.ms-more[type="button"]:active {
  width: auto;
  min-height: 44px;
  margin-top: 16px;
  /* lord.css marks the original chip appearance important. Keep this override local. */
  padding: 8px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--border) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none;
  color: var(--green) !important;
  font-size: var(--dc-detail-secondary-size);
  font-weight: 600;
}

.dc-editorial button.ms-more[type="button"]:hover,
.dc-editorial button.ms-more[type="button"]:focus {
  border-bottom-color: var(--green) !important;
}

.dc-editorial .ms-ost__list {
  gap: 0;
}

.dc-editorial .ms-ost__item {
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 16px;
  min-height: 70px;
  padding: 13px 0;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  background: none;
}

.dc-editorial .ms-ost__num {
  color: var(--green);
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
}

.dc-editorial .ms-ost__info {
  display: block;
}

.dc-editorial .ms-ost__name {
  display: block;
  color: var(--text);
  font-size: 13px;
  line-height: 1.5;
}

.dc-editorial .ms-ost__artist {
  display: block;
  margin-top: 4px;
  color: var(--text-soft);
  font-size: var(--dc-detail-secondary-size);
  line-height: 1.5;
}

.dc-editorial .ms-ost__artist::before {
  content: none;
}

.dc-editorial .dc-faq {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 0 64px;
  align-items: start;
}

.dc-editorial .dc-faq > .section__head {
  grid-column: 1;
  grid-row: 1 / 3;
  margin: 0;
}

.dc-editorial .dc-faq__manual,
.dc-editorial .dc-faq__auto {
  grid-column: 2;
  min-width: 0;
}

.dc-editorial .dc-faq details {
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--border);
}

.dc-editorial .dc-faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 60px;
  padding: 15px 0;
  list-style: none;
  font-size: var(--dc-detail-copy-size);
  font-weight: 400;
  line-height: 1.65;
  color: var(--text);
}

.dc-editorial .dc-faq summary::-webkit-details-marker {
  display: none;
}

.dc-editorial .dc-faq summary::after {
  content: "+";
  flex: 0 0 20px;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  color: var(--green);
}

.dc-editorial .dc-faq details[open] > summary::after {
  content: "−";
}

.dc-editorial .dc-faq details > div {
  padding: 0 34px 18px 0;
  color: var(--text-soft);
  max-width: 80ch;
  font-size: var(--dc-detail-copy-size);
  line-height: var(--dc-detail-copy-leading);
}

.dc-editorial .title-comments.panel {
  display: block;
}

.dc-editorial .title-comments.panel > .title-comments__head {
  display: flex;
  align-items: baseline;
  margin: 0 0 var(--dc-detail-heading-gap);
}

.dc-editorial .title-comments.panel > :not(.title-comments__head) {
  min-width: 0;
}

.dc-editorial .dc-editorial__discussion {
  width: 100%;
  min-width: 0;
}

.dc-editorial .title-comments__title {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
}

.dc-editorial .title-comments__count {
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  background: none;
  color: var(--text-soft);
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
}

.dc-editorial .comments-form {
  margin-top: 0;
}

.dc-editorial .title-comments .comments-form__row {
  width: 100%;
  max-width: 360px;
}

.dc-editorial .comments-form input:not([type="hidden"]),
.dc-editorial .comments-form textarea {
  min-height: 44px;
  font-size: var(--dc-detail-copy-size);
  line-height: var(--dc-detail-copy-leading);
  border: 1px solid var(--border);
  border-radius: 3px;
  background: var(--surface);
  color: var(--text);
  box-shadow: none;
}

.dc-editorial .comments-form textarea {
  min-height: 100px;
}

.dc-editorial .comments-form__bottom {
  gap: 16px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.dc-editorial .comments-form__bottom button {
  min-height: 44px;
  border-radius: 3px;
}

.dc-editorial .comments-form__bottom button.ac-form__btn {
  min-height: 44px;
  font-size: var(--dc-detail-copy-size);
}

.dc-editorial .title-comments .comments-list {
  gap: 0;
  margin: 24px 0 0;
}

.dc-editorial .comment {
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.dc-editorial .comment__text {
  max-width: 80ch;
  font-size: var(--dc-detail-copy-size);
  line-height: var(--dc-detail-copy-leading);
}

.dc-editorial .comment__reply-btn a,
.dc-editorial .comment__ctrl-btn {
  display: inline-flex;
  align-items: center;
  min-width: 44px;
  min-height: 44px;
  font-size: var(--dc-detail-secondary-size);
}

.dc-editorial .title-share.panel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 24px;
  padding: 22px 0;
}

.dc-editorial .title-share__label {
  color: var(--text-soft);
  font-size: var(--dc-detail-secondary-size);
  font-weight: 400;
}

.dc-editorial .title-share__btn {
  width: 44px;
  height: 44px;
  border-radius: 3px;
}

.dc-editorial .dc-related-grid {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 110px) / 6);
  gap: 22px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 14px;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: var(--border-strong) var(--bg);
}

.dc-editorial .dc-related-card {
  scroll-snap-align: start;
}

.dc-editorial .dc-related-grid::-webkit-scrollbar {
  height: 3px;
}

.dc-editorial .dc-related-grid::-webkit-scrollbar-thumb {
  background: var(--border-strong);
}

.dc-editorial .dc-related-card__poster {
  aspect-ratio: 2 / 3;
  border-radius: 3px;
}

.dc-editorial .dc-related-card__poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dc-editorial .dc-related-card__score {
  top: 10px;
  bottom: auto;
  left: 10px;
  border-radius: 3px;
  background: var(--surface);
  color: var(--text);
  font-size: var(--dc-detail-secondary-size);
}

.dc-editorial .dc-related-card__info {
  padding-top: 12px;
}

.dc-editorial .dc-related-card h3 {
  font-size: 13px;
  line-height: 1.5;
}

.dc-editorial .dc-related-card__genres {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
  font-size: var(--dc-detail-secondary-size);
  line-height: 1.6;
}

@media (max-width: 1100px) {
  .dc-editorial .ms-watch-bar {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .dc-editorial .ms-watch-bar .watch-emoji + .watch-lists {
    padding: 20px 0 0;
    border: 0;
    border-top: 1px solid var(--border);
  }
  .dc-editorial .dc-editorial__overview {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    gap: 36px;
  }
  .dc-editorial .dc-cast .dc-cast-row {
    grid-auto-columns: calc((100% - 36px) / 4);
  }
  .dc-editorial .dc-editorial__notes,
  .dc-editorial .dc-faq {
    column-gap: 40px;
  }
  .dc-editorial .dc-related-grid {
    grid-auto-columns: calc((100% - 60px) / 4);
    gap: 20px;
  }
}

@media (max-width: 850px) {
  .dc-editorial .dc-season-tabs__episodes .dc-episode-row {
    grid-template-columns: 68px minmax(0, 1fr) 62px 82px 80px;
    column-gap: 12px;
  }
  .dc-editorial .dc-editorial__overview,
  .dc-editorial .dc-editorial__notes {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  .dc-editorial .dc-cast .dc-cast-row {
    grid-auto-columns: calc((100% - 48px) / 5);
  }
  .dc-editorial .dc-faq {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .dc-editorial .dc-faq > .section__head {
    grid-column: 1;
    grid-row: auto;
  }
  .dc-editorial .dc-faq__manual,
  .dc-editorial .dc-faq__auto {
    grid-column: 1;
  }
  .dc-editorial .ms-shots .ms-shots__mosaic:has(*),
  .dc-editorial .ms-tmdb-shots .tmdb-stills:has(*) {
    grid-auto-columns: calc((100% - 16px) / 2);
  }
  .dc-editorial .title-share.panel {
    gap: 12px 20px;
  }
}

@media (max-width: 600px) {
  .dc-editorial .dc-season-tabs button.dc-season-tabs__tab[type="button"] {
    min-width: 48px;
    min-height: 48px;
    padding: 10px 14px;
    font-size: 16px;
    font-weight: 500;
  }
  .dc-editorial .dc-season-tabs__panelhead {
    gap: 0 16px;
  }
  .dc-editorial .dc-season-tabs__episodes {
    gap: 9px;
  }
  .dc-editorial .dc-season-tabs__episodes .dc-episode-row {
    grid-template-columns: max-content minmax(0, 1fr) 34px;
    grid-template-areas: "number status action" "title title action" "duration date action";
    align-items: center;
    gap: 5px 10px;
    min-height: 0;
    padding: 14px 12px;
    border: 1px solid var(--border);
    border-radius: 10px;
  }
  .dc-editorial .dc-season-tabs__episodes .dc-episode-row::after {
    content: "";
    display: block;
    grid-area: action;
    align-self: center;
    justify-self: center;
    width: 14px;
    height: 18px;
    border-radius: 0;
    background: var(--green);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
  .dc-editorial .dc-season-tabs__episodes .dc-episode-row:not(:has(.dc-episode-row__duration, .dc-episode-row__date)) {
    grid-template-areas: "number status action" "title title action";
  }
  .dc-editorial .dc-episode-row__number {
    font-size: 12px;
    font-weight: 500;
  }
  .dc-editorial .dc-episode-row__title {
    font-size: 16px;
    font-weight: 500;
  }
  .dc-editorial .dc-episode-row__meta {
    display: contents;
  }
  .dc-editorial .dc-episode-row__duration,
  .dc-editorial .dc-episode-row__date,
  .dc-editorial .dc-episode-row__status {
    font-size: 11px;
    text-align: left;
  }
  .dc-editorial .dc-episode-row__duration + .dc-episode-row__date::before {
    content: "\00b7";
    margin-right: 6px;
  }
  .dc-editorial .dc-episode-row:not(:has(.dc-episode-row__duration)) .dc-episode-row__date {
    grid-column: 1 / 3;
  }
  .dc-editorial .dc-season-tabs__episodes .dc-episode-row .dc-episode-row__status {
    justify-self: start;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    font-weight: 500;
  }
  .dc-editorial .section__head {
    gap: 8px 16px;
  }
  .dc-editorial .section__title,
  .dc-editorial .title-plot__title,
  .dc-editorial .title-comments__title {
    letter-spacing: -.4px;
  }
  .dc-editorial .dc-cast .dc-cast-row {
    grid-auto-columns: calc((100% - 24px) / 3);
  }
  .dc-editorial .ms-shots .ms-shots__mosaic:has(*),
  .dc-editorial .ms-tmdb-shots .tmdb-stills:has(*) {
    grid-auto-columns: 86%;
    gap: 12px;
  }
  .dc-editorial .ms-posters__row {
    grid-auto-columns: 120px;
    gap: 12px;
  }
  .dc-editorial .ms-franchise .ms-franchise__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 16px;
  }
  .dc-editorial .ms-franchise .ms-franchise__poster {
    max-width: 180px;
  }
  .dc-editorial .ms-facts__item,
  .dc-editorial .ms-goofs__item {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 12px;
  }
  .dc-editorial .ms-facts__num,
  .dc-editorial .ms-goofs__num {
    width: 22px;
  }
  .dc-editorial .dc-faq summary {
    min-height: 58px;
    gap: 12px;
  }
  .dc-editorial .title-ep-nav {
    gap: 16px;
    padding: 14px 0;
  }
  .dc-editorial .title-ep-nav__name {
    white-space: normal;
  }
  .dc-editorial .series-ep {
    grid-template-columns: 32px minmax(0, 1fr) 44px;
    gap: 8px;
  }
  .dc-editorial .series-ep__num {
    width: 30px;
    height: 32px;
    font-size: 12px;
  }
  .dc-editorial .series-ep__aired {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    font-size: var(--dc-detail-secondary-size);
  }
  .dc-editorial .series-ep__watch {
    grid-column: 3;
    grid-row: 1 / 3;
  }
  .dc-editorial .series-ep__title {
    font-size: 13px;
  }
  .dc-editorial .ms-watch-bar .watch-lists {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .dc-editorial .ms-watch-bar .watch-emoji .share__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .dc-editorial .ms-watch-bar .watch-lists .share__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .dc-editorial .ms-watch-bar .watch-emoji__btn,
  .dc-editorial .ms-watch-bar .watch-lists__btn {
    min-width: 44px;
    min-height: 44px;
    padding: 9px 8px;
    gap: 8px;
  }
  .dc-editorial .ms-watch-bar .link-more {
    grid-column: 2;
    grid-row: 1;
    min-height: 44px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    background: var(--hover-soft);
    font-size: 13px;
    font-weight: 500;
  }
  .dc-editorial .comments-form__bottom {
    align-items: flex-start;
  }
  .dc-editorial .comments-form input:not([type="hidden"]),
  .dc-editorial .comments-form textarea {
    font-size: 16px;
  }
  .dc-editorial .dc-related-grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 43%;
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 14px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: var(--border-strong) var(--bg);
  }
  .dc-editorial .dc-related-card {
    scroll-snap-align: start;
  }
}
