/* Belgesel-specific compatibility layer for the shared light/dark portal theme. */
.about button {
  background: #171b16 !important;
  color: #f2f3ed !important;
}

.about button b {
  color: #f2f3ed !important;
}

.about button span {
  color: #aeb5aa !important;
}

.about button:hover {
  background: #20271f !important;
}

.about button:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.about button:focus-visible {
  position: relative;
  z-index: 2;
}

body.portal-section-page main .hero-copy {
  background: #171b16 !important;
  color: #f2f3ed !important;
}

body.portal-section-page main .hero-copy h1 {
  color: #f2f3ed !important;
}

body.portal-section-page main .hero-copy p {
  color: #aeb5aa !important;
}

.program-list {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  background: transparent !important;
  gap: 1px !important;
}

.program {
  background: #171b16 !important;
  color: #f2f3ed !important;
  border: 1px solid #343a31 !important;
}

.program b {
  color: #f2f3ed !important;
}

.program span {
  color: #aeb5aa !important;
}

.program:hover {
  background: #20271f !important;
}

.watch,
.now {
  color: #f2f3ed !important;
}

@media (max-width: 700px) {
  .program-list {
    display: flex !important;
  }
}

body.portal-section-page > footer {
  background: #0b0e0b !important;
  color: #f2f3ed !important;
  border-color: #343a31 !important;
}

body.portal-section-page > footer a,
body.portal-section-page > footer nav a {
  color: #f2f3ed !important;
}

body.portal-section-page > footer p,
body.portal-section-page > footer small {
  color: #aeb5aa !important;
}