@charset "UTF-8";
/*!
Theme Name: BA Podcast Platform Theme
Theme URI: https://example.com/ba-podcast-platform-theme
Author: Codex
Description: Full Site Editing podcast theme built for ba-blocks with a production-ready, podcast-first interface.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ba-podcast-platform-theme
Tags: full-site-editing, block-patterns, block-styles, podcast, blog, translation-ready
*/
:root {
  --wp--preset--color--background: #fafaf8;
  --wp--preset--color--surface: #ffffff;
  --wp--preset--color--text: #111111;
  --wp--preset--color--text-muted: #5c5c5c;
  --wp--preset--color--border: #d9d9d4;
  --wp--preset--color--accent: #1f5eff;
  --wp--preset--color--accent-hover: #1747c9;
  --wp--preset--color--success: #1f7a4d;
  --wp--preset--color--warning: #b7791f;
  --wp--preset--color--error: #b42318;
  --wp--preset--font-family--headings: "Cabin", "Trebuchet MS", sans-serif;
  --wp--preset--font-family--body: "Cabin", "Trebuchet MS", sans-serif;
  --wp--preset--font-family--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

body {
  --theme-surface: var(--wp--preset--color--surface);
  --theme-surface-strong: var(--wp--preset--color--surface);
  --theme-surface-soft: var(--wp--preset--color--background);
  --theme-outline: var(--wp--preset--color--border);
  --theme-divider: color-mix(in srgb, var(--wp--preset--color--border) 88%, transparent);
  --theme-highlight: color-mix(in srgb, var(--wp--preset--color--accent) 6%, var(--wp--preset--color--background));
  --theme-text-muted: var(--wp--preset--color--text-muted);
  --theme-shadow: 0 1px 2px rgba(17, 17, 17, 0.03);
  --theme-button-radius: 0.35em;
  --theme-front-page-hero-image: url("screenshot1.png");
  background: var(--wp--preset--color--background);
}

.wp-site-blocks {
  min-height: 100vh;
}

.wp-element-button,
.wp-block-button__link,
button,
input[type=button],
input[type=submit],
input[type=reset] {
  border-radius: var(--theme-button-radius);
}

.bap-site-main {
  container-type: inline-size;
  padding-bottom: clamp(3rem, 5vw, 5rem);
}

.home .bap-site-main {
  padding-bottom: 0;
}
.home footer {
  padding-top: 0;
  margin-top: 0;
}

.bap-front-page-masthead {
  background: var(--wp--preset--color--background);
  color: var(--wp--preset--color--text);
  padding: clamp(1rem, 2.5vw, 1.8rem) 0 clamp(2rem, 4vw, 3rem);
}

.bap-front-page-masthead__inner {
  container-type: inline-size;
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.bap-front-page-masthead__top {
  align-items: center;
  container-type: inline-size;
  display: grid !important;
  gap: 0.75rem 1.5rem;
  grid-template-columns: 1fr;
  padding: 0 clamp(1rem, 2.5vw, 1.75rem);
  width: 100%;
}
.bap-front-page-masthead__top > * {
  min-width: 0;
}

.bap-front-page-masthead__nav {
  display: block;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.bap-front-page-masthead__nav .bap-theme-menu__list {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem 1.5rem;
  justify-content: center;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

.bap-front-page-masthead__nav .bap-theme-menu__item {
  flex: 0 0 auto;
}

.bap-front-page-masthead__brand .wp-block-site-title a,
.bap-front-page-masthead__brand .wp-block-site-tagline {
  color: var(--wp--preset--color--text);
}

.bap-front-page-masthead__social {
  justify-self: start;
  margin-left: 0;
}

.bap-front-page-masthead__social .bap-theme-social-links__link {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.bap-front-page-channel-feature {
  align-items: stretch;
  aspect-ratio: 16/9;
  background-color: var(--wp--preset--color--surface);
  background-image: var(--bap-front-page-channel-feature-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  margin-inline: auto;
  max-width: 75rem;
  min-height: clamp(22rem, 60vw, 48rem);
  position: relative;
  width: 100%;
}

.bap-front-page-channel-feature__content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  inset: 0 0 0 50%;
  padding: clamp(1.35rem, 3.5vw, 2.6rem);
  position: absolute;
  gap: clamp(1rem, 1.6vw, 1rem);
}
.bap-front-page-channel-feature__content .bap-front-page-channel-feature__title-block .bap-front-page-channel-feature__title-prefix {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 8px;
}
.bap-front-page-channel-feature__content .bap-front-page-channel-feature__player {
  display: grid;
  gap: clamp(1rem, 1.6vw, 1rem);
}
.bap-front-page-channel-feature__content .bap-front-page-channel-feature__player h3 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 2rem;
}

.bap-front-page-channel-feature__title {
  color: var(--wp--preset--color--surface);
  font-size: clamp(2.1rem, 4.4vw, 3.75rem);
  letter-spacing: 0;
  line-height: 0.94;
  margin: 0;
  max-width: 11ch;
  text-transform: none;
}

.bap-front-page-channel-feature__description {
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(0.98rem, 1.25vw, 1.08rem);
  line-height: 1.52;
  margin-top: clamp(1rem, 1.6vw, 1.35rem);
  max-width: 34ch;
}

.bap-front-page-channel-feature__description p {
  margin: 0;
}

.bap-front-page-channel-feature__platforms {
  margin-top: clamp(0.75rem, 1.2vw, 1rem);
}

.bap-front-page-channel-feature__support {
  margin-top: clamp(0.9rem, 1.4vw, 1.2rem);
}

.bap-front-page-channel-feature__support .bap-episode-support-ctas {
  justify-content: flex-start;
}

.wp-site-blocks .bap-front-page-channel-feature__platforms .ba-channel-links {
  --ba-channel-links-item-bg: transparent !important;
  --ba-channel-links-item-border-color: transparent !important;
  --ba-channel-links-item-border-width: 0 !important;
  --ba-channel-links-item-radius: 0 !important;
  --ba-channel-links-item-padding: 0 !important;
  --ba-channel-links-gap: 0.95rem !important;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.95rem;
}

.wp-site-blocks .bap-front-page-channel-feature__platforms .ba-channel-links__item {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0;
  min-width: 0;
  padding: 0 !important;
}

.wp-site-blocks .bap-front-page-channel-feature__platforms .ba-channel-links__icon {
  display: inline-flex;
  height: 2rem;
  width: 2rem;
}

.wp-site-blocks .bap-front-page-channel-feature__platforms .ba-channel-links__icon svg {
  display: block;
  height: 100%;
  width: 100%;
}

.wp-site-blocks .bap-front-page-channel-feature__platforms .ba-channel-links__label,
.wp-site-blocks .bap-front-page-channel-feature__platforms .ba-channel-links__label--hover {
  display: none;
}

.wp-site-blocks .bap-front-page-channel-feature__platforms .ba-channel-links__item,
.wp-site-blocks .bap-front-page-channel-feature__platforms .ba-channel-links__item:visited {
  color: var(--wp--preset--color--surface) !important;
}

.wp-site-blocks .bap-front-page-channel-feature__platforms .ba-channel-links__item:hover,
.wp-site-blocks .bap-front-page-channel-feature__platforms .ba-channel-links__item:focus-visible {
  color: var(--wp--preset--color--accent) !important;
  transform: translateY(-1px);
}

.bap-front-page-channel-feature__player {
  margin-top: auto;
  min-width: 0;
  padding-top: clamp(0.9rem, 1.6vw, 1.25rem);
}

.bap-front-page-channel-feature__player > * {
  margin: 0;
}

.bap-front-page-channel-feature__player .wp-block-ba-blocks-audio-player,
.bap-front-page-channel-feature__player .ba-audio-player,
.bap-front-page-channel-feature__player .ba-audio-player-placeholder {
  --ba-ap-color-bg: var(--wp--preset--color--surface);
  --ba-ap-color-text: var(--wp--preset--color--text);
  --ba-ap-color-secondary: var(--wp--preset--color--text-muted);
  --ba-ap-color-accent: var(--wp--preset--color--accent);
  --ba-ap-color-menu-bg: var(--wp--preset--color--background);
  --ba-ap-color-border: color-mix(in srgb, var(--wp--preset--color--border) 75%, transparent);
  --ba-ap-color-border-strong: var(--wp--preset--color--border);
  --ba-ap-color-track: var(--wp--preset--color--border);
  --ba-ap-shadow: none;
  --ba-ap-radius: 0.625rem;
  background: var(--wp--preset--color--surface) !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: 0.625rem !important;
  box-shadow: none !important;
  padding: 0;
}

.bap-front-page-channel-feature__player .ba-audio-player__btn--play-pause,
.bap-front-page-channel-feature__player .ba-audio-player__btn--play-pause-large {
  background-color: var(--wp--preset--color--accent);
}

.bap-front-page-main__section {
  margin-top: 0;
}

section.bap-front-page-premium-ctas {
  display: flex;
  justify-content: center;
  padding-inline: 3rem;
  padding-top: 0;
  padding-bottom: 3rem;
  background: linear-gradient(180deg, rgba(92, 124, 250, 0.0196078431) 0%, rgba(124, 146, 255, 0.0705882353) 100%);
  border-top: 1px solid var(--theme-divider);
}
section.bap-front-page-premium-ctas .bap-front-page-premium-ctas__support {
  max-width: 76rem;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center;
}
section.bap-front-page-premium-ctas .bap-front-page-premium-ctas__support .bap-episode-support-cta {
  width: auto;
}

@container (max-width: 47.999rem) {
  .bap-front-page-masthead__top {
    padding-inline: 0;
  }
  .bap-front-page-channel-feature {
    aspect-ratio: auto;
    background-color: transparent;
    background-image: none;
    display: block;
    min-height: 0;
    overflow-x: clip;
    width: 100%;
    max-width: 100%;
  }
  .bap-front-page-channel-feature::before {
    aspect-ratio: 16/9;
    background-image: var(--bap-front-page-channel-feature-image);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    max-width: 100%;
    width: 100%;
  }
  .bap-front-page-channel-feature__content {
    background: color-mix(in srgb, #050505 84%, transparent);
    border-left: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    inset: auto;
    margin: 0;
    max-width: 100%;
    padding: 1rem 0 1.35rem;
    position: static;
    width: 100%;
  }
  .bap-front-page-channel-feature__title,
  .bap-front-page-channel-feature__title-prefix,
  .bap-front-page-channel-feature__description {
    box-sizing: border-box;
    max-width: 100%;
    padding-inline: clamp(1rem, 4vw, 1.25rem);
    width: 100%;
  }
  .bap-front-page-channel-feature__description {
    margin-top: 0.85rem;
  }
  .bap-front-page-channel-feature__platforms,
  .bap-front-page-channel-feature__support,
  .bap-front-page-channel-feature__player {
    box-sizing: border-box;
    max-width: 100%;
    padding-inline: clamp(1rem, 4vw, 1.25rem);
    width: 100%;
  }
  .bap-front-page-channel-feature__player {
    margin-top: 1.1rem;
    padding-top: 0;
  }
  .bap-front-page-channel-feature__support {
    margin-top: 1rem;
  }
  .wp-site-blocks .bap-front-page-channel-feature__platforms .ba-channel-links {
    justify-content: flex-start;
  }
  .bap-front-page-channel-feature__player .wp-block-ba-blocks-audio-player,
  .bap-front-page-channel-feature__player .ba-audio-player,
  .bap-front-page-channel-feature__player .ba-audio-player-placeholder {
    border-left: 0 !important;
    border-radius: 0 !important;
    border-right: 0 !important;
    margin-inline: 0 !important;
    max-width: 100%;
    width: 100%;
  }
  .bap-front-page-channel-feature__player .ba-audio-player__container,
  .bap-front-page-channel-feature__player .ba-audio-player.is-mobile:not(.is-expanded) .ba-audio-player__container,
  .bap-front-page-channel-feature__player .ba-audio-player:not(.is-mobile) .ba-audio-player__container {
    border-radius: 0 !important;
    margin-inline: 0 !important;
    max-width: 100%;
    padding-inline: 0;
    width: 100%;
  }
}
@container (min-width: 48rem) {
  .bap-front-page-masthead__top {
    grid-template-columns: max-content minmax(0, 1fr) max-content;
  }
  .bap-front-page-masthead__nav {
    align-self: center;
  }
  .bap-front-page-masthead__social {
    justify-self: end;
  }
}
.bap-site-header-shell {
  padding-top: clamp(1rem, 2.5vw, 1.75rem);
}

.bap-site-header,
.bap-site-footer {
  background: var(--theme-surface);
  border: 1px solid var(--theme-outline);
  container-type: inline-size;
  box-shadow: var(--theme-shadow);
  padding: clamp(0.9rem, 2vw, 1.2rem) clamp(1rem, 2.5vw, 1.5rem);
}

.bap-site-brand-stack {
  gap: 0.35rem;
}
.bap-site-brand-stack .wp-block-site-logo img {
  border-radius: 0;
  box-shadow: none;
}
.bap-site-brand-stack .wp-block-site-title {
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
}
.bap-site-brand-stack .wp-block-site-tagline {
  color: var(--theme-text-muted);
  font-size: 0.95rem;
  margin: 0;
}

.bap-site-footer-shell {
  padding-bottom: clamp(1.2rem, 3vw, 2rem);
}

.bap-site-footer {
  gap: 1rem;
}

.bap-site-footer-brand {
  gap: 0;
}

@media (max-width: 47.999rem) {
  .bap-site-footer-shell {
    padding-inline: 0;
  }
  .bap-site-footer {
    justify-items: center;
    text-align: center;
    border-left: 0;
    border-right: 0;
    padding-bottom: 5rem;
    margin-inline: 0 !important;
    max-width: none !important;
    padding-inline: 0;
    width: 100%;
  }
  .bap-site-footer-brand,
  .bap-site-footer .bap-theme-menu,
  .bap-site-footer .bap-theme-social-links {
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    max-width: 100%;
    padding-inline: clamp(1rem, 4vw, 1.25rem);
    width: 100%;
  }
  .bap-site-footer .bap-theme-copyright {
    box-sizing: border-box;
    text-align: center;
    max-width: 100%;
    padding: 0;
    width: 100%;
  }
  .bap-site-footer .bap-theme-menu--footer,
  .bap-site-footer .bap-theme-menu--footer .bap-theme-menu__list,
  .bap-site-footer .bap-theme-social-links,
  .bap-site-footer .bap-theme-social-links__list {
    justify-content: center;
    text-align: center;
  }
}
.bap-site-header .bap-theme-menu,
.bap-site-footer .bap-theme-menu,
.bap-front-page-masthead .bap-theme-menu {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.bap-theme-menu {
  justify-self: center;
}
.bap-theme-menu ul,
.bap-theme-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bap-theme-menu__list,
.bap-theme-menu__submenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bap-site-header .bap-theme-menu__list,
.bap-site-footer .bap-theme-menu__list,
.bap-front-page-masthead .bap-theme-menu__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  justify-content: flex-start;
  min-width: 0;
  overflow: visible;
  width: 100%;
}

.bap-theme-menu__item {
  flex: 0 0 auto;
  display: flex;
  margin: 0;
  position: relative;
}

.bap-theme-menu__submenu {
  background: var(--theme-surface);
  border: 1px solid var(--theme-outline);
  border-radius: 0;
  box-shadow: var(--theme-shadow);
  display: none;
  left: 0;
  min-width: 13rem;
  padding: 0.5rem;
  position: absolute;
  top: calc(100% + 0.5rem);
  z-index: 20;
}

.bap-theme-menu__item:focus-within > .bap-theme-menu__submenu,
.bap-theme-menu__item:hover > .bap-theme-menu__submenu {
  display: grid;
  gap: 0.2rem;
}

.bap-site-header .wp-block-navigation-item__content,
.bap-site-footer .wp-block-navigation-item__content,
.bap-front-page-masthead .wp-block-navigation-item__content {
  align-items: center;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  display: inline-flex;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1;
  padding: 0.5rem 0;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.bap-site-header .wp-block-navigation-item__content,
.bap-site-footer .wp-block-navigation-item__content,
.bap-front-page-masthead .wp-block-navigation-item__content {
  color: var(--wp--preset--color--text);
}
.bap-site-header .wp-block-navigation-item__content:hover, .bap-site-header .wp-block-navigation-item__content:focus,
.bap-site-footer .wp-block-navigation-item__content:hover,
.bap-site-footer .wp-block-navigation-item__content:focus,
.bap-front-page-masthead .wp-block-navigation-item__content:hover,
.bap-front-page-masthead .wp-block-navigation-item__content:focus {
  border-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--accent-hover);
}

.bap-site-header .current-menu-item > .wp-block-navigation-item__content,
.bap-site-header .current_page_item > .wp-block-navigation-item__content,
.bap-site-footer .current-menu-item > .wp-block-navigation-item__content,
.bap-site-footer .current_page_item > .wp-block-navigation-item__content,
.bap-front-page-masthead .current-menu-item > .wp-block-navigation-item__content,
.bap-front-page-masthead .current_page_item > .wp-block-navigation-item__content {
  border-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--accent);
}

.bap-front-page-masthead .bap-theme-menu {
  display: block;
  min-width: 0;
}

.bap-theme-menu__submenu .wp-block-navigation-item__content {
  display: block;
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  padding: 0.5rem 0;
  width: 100%;
}

.bap-theme-social-links {
  width: auto;
}

.bap-theme-social-links__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bap-theme-social-links__item {
  margin: 0;
}

.bap-theme-social-links__link {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--theme-button-radius);
  box-shadow: none;
  color: var(--wp--preset--color--text);
  display: inline-flex;
  height: 2.25rem;
  justify-content: center;
  text-decoration: none;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  width: 2.25rem;
}
.bap-theme-social-links__link:hover, .bap-theme-social-links__link:focus {
  background: transparent;
  color: var(--wp--preset--color--accent);
  transform: none;
}

.bap-theme-social-links__icon {
  display: inline-flex;
  height: 1.2rem;
  width: 1.2rem;
}
.bap-theme-social-links__icon svg {
  display: block;
  height: 100%;
  width: 100%;
}

.bap-theme-social-links--color .bap-theme-social-links__link {
  background: transparent;
}

.bap-theme-copyright {
  color: var(--theme-text-muted);
  font-size: 0.88rem;
  margin: 0.15rem 0 0;
}

.bap-theme-copyright__link {
  color: inherit;
  text-decoration: none;
  transition: color 160ms ease;
}
.bap-theme-copyright__link:hover, .bap-theme-copyright__link:focus-visible {
  color: var(--wp--preset--color--accent);
  outline: 0;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

.bap-theme-social-links-editor,
.bap-theme-copyright-editor {
  background: var(--theme-surface);
  border: 1px solid var(--theme-outline);
  border-radius: 0;
  box-shadow: var(--theme-shadow);
  padding: 1rem;
}

.bap-theme-social-links-editor__label,
.bap-theme-copyright-editor__label {
  color: var(--theme-text-muted);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0 0.75rem;
  text-transform: uppercase;
}

.bap-theme-social-links-editor__preview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.bap-theme-social-links-editor__preview-item {
  align-items: center;
  background: var(--theme-surface);
  border: 1px solid var(--theme-outline);
  border-radius: 0;
  display: inline-flex;
  gap: 0.55rem;
  padding: 0.45rem 0.75rem;
}

.bap-theme-social-links-editor__preview-item--mono {
  color: var(--wp--preset--color--text);
}
.bap-theme-social-links-editor__preview-item--mono .bap-theme-social-links-editor__icon-image {
  filter: brightness(0) saturate(100%);
}

.bap-theme-social-links-editor__icon-image {
  display: block;
  height: 1rem;
  width: 1rem;
}

.bap-theme-copyright-editor__preview {
  margin: 0;
}

.bap-panel-shell {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--theme-divider);
  box-shadow: none;
  padding: clamp(1.5rem, 3.4vw, 2.4rem) 0 0;
}

.bap-surface-card {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--theme-divider);
  box-shadow: none;
  padding: clamp(1.35rem, 3vw, 2rem) 0 0;
}

.bap-blog-card,
.bap-archive-summary-card {
  background: var(--theme-surface);
  border: 1px solid var(--theme-outline);
  border-radius: 0;
  box-shadow: none;
  padding: clamp(1rem, 2.6vw, 1.35rem);
}

.bap-surface-card--hero {
  border-radius: 0;
  padding: clamp(1.2rem, 2.4vw, 1.8rem);
}

.bap-hero-section {
  padding-top: clamp(1rem, 2vw, 1.6rem);
}

.bap-front-page-main {
  padding-block: clamp(2.25rem, 5vw, 4rem) clamp(3rem, 6vw, 5rem);
}

.bap-front-page-main__section {
  gap: clamp(1.35rem, 3vw, 2rem);
  margin-inline: auto;
  width: 100%;
}

.bap-front-page-main__section-head {
  border-top: 0;
  display: grid;
  gap: 0.4rem;
  margin-inline: 0;
  max-width: 76rem;
  padding-top: clamp(1.25rem, 2.8vw, 1.9rem);
  width: 100%;
}
.bap-front-page-main__section-head > * {
  margin: 0;
}

.bap-front-page-main__archive-shell {
  border-top: 1px solid var(--theme-divider);
  margin-inline: 0;
  max-width: 76rem;
  padding-top: clamp(1.35rem, 3vw, 2rem);
  width: 100%;
}

.bap-front-page-main__archive-shell .ba-episode-archive-loop {
  width: 100%;
}

.bap-front-page-main__people {
  gap: clamp(2rem, 4vw, 3rem);
}

.bap-channel-archive-main {
  container-type: inline-size;
  gap: clamp(1.5rem, 3.4vw, 2.4rem);
  margin-inline: auto;
  max-width: 76rem;
  width: 100%;
}

.bap-channel-archive-main__hero,
.bap-channel-archive-main__loop {
  gap: clamp(1rem, 2.4vw, 1.6rem);
  margin-inline: auto;
  max-width: 76rem;
  width: 100%;
}

.bap-channel-archive-main__hero .wp-block-heading {
  margin: 0;
  text-align: left;
  width: 100%;
}

.bap-channel-archive-main__loop .ba-episode-archive-loop,
.bap-channel-archive-main__loop .ba-episode-archive-loop__items {
  width: 100%;
}

.bap-channel-archive-main__loop .ba-episode-archive-loop.columns-3 .ba-episode-archive-loop__items {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.bap-hero-grid {
  align-items: stretch;
  display: grid;
  gap: clamp(1rem, 2vw, 1.6rem);
  grid-template-columns: 1fr;
}

.bap-hero-copy {
  gap: 1rem;
}

.bap-hero-kicker {
  align-items: center;
  background: var(--theme-surface);
  border: 1px solid var(--theme-outline);
  border-radius: 0;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  padding: 0.35rem 0.75rem;
  text-transform: uppercase;
  width: fit-content;
}

.bap-hero-highlight-list {
  display: grid;
  gap: 0.85rem;
}

.bap-hero-highlight-card {
  background: var(--theme-surface);
  border: 1px solid var(--theme-outline);
  border-radius: 0;
  padding: 1rem;
}
.bap-hero-highlight-card h3 {
  font-size: 1rem;
  margin-bottom: 0.35rem;
}
.bap-hero-highlight-card p {
  color: var(--theme-text-muted);
  font-size: 0.92rem;
  margin: 0;
}

.bap-section-stack {
  container-type: inline-size;
  display: grid;
  gap: clamp(1.4rem, 3vw, 2rem);
}

.bap-narrow-content {
  margin-inline: auto;
  max-width: 48rem;
  width: 100%;
}

.bap-episode-actions {
  align-items: center;
  border-bottom: 1px solid var(--theme-divider);
  display: flex;
  gap: 1rem 1.5rem;
  justify-content: space-between;
  margin-inline: auto;
  max-width: 76rem;
  padding-block: 0 1rem;
  width: 100%;
}

.bap-episode-actions .ba-episode-platform-links {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 0.9rem;
  justify-content: flex-start;
  margin: 0;
  min-height: 2.75rem;
}

.bap-episode-actions .ba-episode-platform-links__item {
  align-items: center;
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-outline) !important;
  border-radius: var(--theme-button-radius) !important;
  box-shadow: none !important;
  color: var(--wp--preset--color--text) !important;
  display: inline-flex;
  font-size: 0.84rem;
  font-weight: 600;
  gap: 0.45rem;
  height: auto;
  line-height: 1.2;
  min-height: 2.35rem;
  min-width: 0;
  padding: 0.35rem 0.62rem !important;
  text-decoration: none;
  width: auto;
}

.bap-episode-actions .ba-episode-platform-links__item:hover,
.bap-episode-actions .ba-episode-platform-links__item:focus-visible {
  background: var(--theme-highlight) !important;
  border-color: var(--wp--preset--color--accent) !important;
  color: var(--wp--preset--color--accent) !important;
  outline: 0;
}

.bap-episode-actions .ba-episode-platform-links__icon {
  display: inline-flex;
  flex: 0 0 1.95rem;
  height: 1.95rem;
  width: 1.95rem;
}

.bap-episode-actions .ba-episode-platform-links__icon svg {
  display: block;
  height: 100%;
  width: 100%;
}

.bap-episode-actions .ba-episode-platform-links__label {
  font-size: 0.78rem;
  line-height: 1.2;
}

.bap-episode-actions .ba-episode-platform-links--icon-only .ba-episode-platform-links__item {
  min-width: 2.35rem;
  padding-inline: 0.2rem !important;
}

.bap-episode-support-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
}

.bap-episode-support-cta {
  align-items: center;
  border: 1px solid var(--theme-outline);
  border-radius: var(--theme-button-radius);
  box-shadow: 0 0 0 rgba(31, 94, 255, 0);
  display: inline-flex;
  gap: 0.7rem;
  justify-content: center;
  min-height: 2.75rem;
  position: relative;
  padding: 0.65rem 1rem;
  text-decoration: none;
  transform: translateY(0);
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 200ms ease, color 160ms ease, transform 200ms ease;
}

.bap-episode-support-cta:hover,
.bap-episode-support-cta:focus-visible {
  border-color: var(--wp--preset--color--accent);
  outline: 0;
  transform: translateY(-0.12em);
}

.bap-episode-support-cta__icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.2rem 1.2rem;
  display: block;
  flex: 0 0 1.2rem;
  height: 1.2rem;
  transform: translateY(0);
  transition: transform 200ms ease;
  width: 1.2rem;
}

.bap-episode-support-cta__label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
  transform: translateX(0);
  transition: transform 200ms ease;
}

.bap-episode-support-cta--patreon {
  background: var(--wp--preset--color--accent);
  border-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--surface);
}

.bap-episode-support-cta--patreon .bap-episode-support-cta__icon {
  background-image: url("assets/icons/mono/patreon-inverse.svg");
}

.bap-episode-support-cta--patreon:hover,
.bap-episode-support-cta--patreon:focus-visible {
  background: var(--wp--preset--color--accent-hover);
  border-color: var(--wp--preset--color--accent-hover);
  box-shadow: 0 0.5em 1.2em rgba(31, 94, 255, 0.22);
  color: var(--wp--preset--color--surface);
}

.bap-episode-support-cta--herohero {
  background-color: #6c5dd2;
  background-image: linear-gradient(to right in oklab, #6c5dd2 0%, #dd7c83 100%);
  border: none;
  color: var(--wp--preset--color--surface);
}

.bap-episode-support-cta--herohero .bap-episode-support-cta__icon {
  background-image: url("assets/icons/mono/herohero-inverse.svg");
}

.bap-episode-support-cta--herohero:hover,
.bap-episode-support-cta--herohero:focus-visible {
  background-color: #6556c8;
  background-image: linear-gradient(to right in oklab, #6556c8 0%, #e38894 100%);
  border-color: transparent;
  box-shadow: 0 0.5em 1.2em rgba(108, 93, 210, 0.28);
  color: var(--wp--preset--color--surface);
}

.bap-episode-support-cta:hover .bap-episode-support-cta__icon,
.bap-episode-support-cta:focus-visible .bap-episode-support-cta__icon {
  transform: translateY(-0.14em) scale(1.06);
}

.bap-episode-support-cta:hover .bap-episode-support-cta__label,
.bap-episode-support-cta:focus-visible .bap-episode-support-cta__label {
  transform: translateX(0.08em);
}

.bap-section-heading {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.2rem;
  justify-content: space-between;
}
.bap-section-heading > * {
  margin: 0;
}

.bap-eyebrow {
  color: var(--wp--preset--color--accent);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  margin: 0 0 0.55rem;
  text-transform: uppercase;
}

.bap-archive-summary-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}

.bap-blog-grid {
  display: grid;
  gap: 1.4rem;
  grid-template-columns: 1fr;
}

.bap-blog-card {
  height: 100%;
}
.bap-blog-card .wp-block-post-featured-image img,
.bap-blog-card .wp-block-post-title {
  margin-top: 0;
}
.bap-blog-card .wp-block-post-title {
  font-size: clamp(1.4rem, 2vw, 1.75rem);
}

.bap-blog-card .wp-block-post-featured-image img,
.bap-surface-card img,
.bap-panel-shell img,
.wp-site-blocks .ba-channel-latest-episode-hero__media img,
.wp-site-blocks .ba-episode-card__image,
.wp-site-blocks .ba-person-card__image,
.wp-site-blocks .ba-chapters__image {
  border-radius: 0;
}

.bap-blog-card .wp-block-post-excerpt__excerpt,
.bap-archive-summary-card p,
.bap-surface-card > p,
.bap-panel-shell > p,
.wp-site-blocks .ba-episode-card__excerpt,
.wp-site-blocks .ba-channel-latest-episode-hero__excerpt,
.wp-site-blocks .ba-person-card__company {
  color: var(--theme-text-muted);
}

.bap-hero-section .wp-block-buttons,
.bap-surface-card .wp-block-buttons {
  gap: 0.75rem;
}

@container (max-width: 47.999rem) {
  .bap-front-page-main__section {
    box-sizing: border-box;
    padding-inline: clamp(1rem, 4vw, 1.15rem);
  }
  .bap-channel-archive-main {
    box-sizing: border-box;
    padding-inline: clamp(1rem, 4vw, 1.15rem);
  }
  .bap-front-page-main__section-head {
    max-width: 100%;
  }
  .bap-front-page-main__archive-shell {
    padding-top: 1.1rem;
  }
  .bap-episode-actions {
    justify-content: center;
    padding-inline: 0;
  }
  .bap-episode-actions .ba-episode-platform-links {
    justify-content: center;
    width: 100%;
  }
  .bap-episode-support-ctas {
    justify-content: center;
    width: 100%;
  }
  .bap-episode-support-cta {
    width: 100%;
  }
}
@container (max-width: 63.999rem) {
  .bap-channel-archive-main__loop .ba-episode-archive-loop.columns-3 .ba-episode-archive-loop__items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@container (max-width: 39.999rem) {
  .bap-channel-archive-main__loop .ba-episode-archive-loop.columns-3 .ba-episode-archive-loop__items {
    grid-template-columns: 1fr !important;
  }
}
.home .bap-front-page-main {
  padding-block-start: 0;
}

.wp-block-search__inside-wrapper,
.wp-block-search__button-only .wp-block-search__inside-wrapper {
  border: 1px solid var(--theme-outline);
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}

.wp-block-search__input {
  background: var(--theme-surface);
  border: 0;
  color: var(--wp--preset--color--text);
  min-height: 3.2rem;
  padding-inline: 1rem;
}
.wp-block-search__input::placeholder {
  color: var(--theme-text-muted);
}

.wp-block-query-pagination,
.wp-site-blocks .ba-episode-archive-loop__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  justify-content: center;
  margin-top: 1.6rem;
}

.wp-block-query-pagination a,
.wp-block-query-pagination span,
.wp-site-blocks .ba-episode-archive-loop__pagination .page-numbers {
  background: var(--theme-surface);
  border: 1px solid var(--theme-outline);
  border-radius: 0;
  color: var(--wp--preset--color--text);
  padding: 0.55rem 0.9rem;
  text-decoration: none;
}

.wp-block-query-pagination .current,
.wp-site-blocks .ba-episode-archive-loop__pagination .current {
  background: var(--wp--preset--color--accent);
  border-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--surface);
}

.wp-site-blocks .ba-channel-latest-episode-hero,
.wp-site-blocks .ba-episode-hero,
.wp-site-blocks .ba-episode-card,
.wp-site-blocks .ba-artist-card,
.wp-site-blocks .ba-episode-artist-cards,
.wp-site-blocks .ba-person-card,
.wp-site-blocks .ba-chapters__item,
.wp-site-blocks .ba-related-latest-episodes,
.wp-site-blocks .ba-channel-switcher-tabs,
.wp-site-blocks .ba-audio-player,
.wp-site-blocks .ba-audio-player-placeholder,
#ba-audio-player-overlay-root .ba-audio-player,
#ba-audio-player-overlay-root .ba-audio-player-placeholder {
  color: var(--wp--preset--color--text);
}

#ba-audio-player-overlay-root .ba-audio-player-overlay,
#ba-audio-player-overlay-root .ba-audio-player-overlay__inner {
  color: var(--wp--preset--color--text);
}

.wp-site-blocks .ba-channel-latest-episode-hero:not(.ba-channel-latest-episode-hero--front-page) {
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-outline);
  box-shadow: var(--theme-shadow);
  overflow: hidden;
}

.wp-site-blocks .ba-episode-hero {
  align-items: stretch;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--surface) 10%, transparent);
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.08);
  display: grid;
  gap: clamp(1.25rem, 3vw, 2rem);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-inline: auto;
  max-width: 76rem;
  overflow: hidden;
  padding: clamp(1rem, 2.8vw, 1.75rem);
  width: 100%;
}

.wp-site-blocks .ba-episode-hero--image-right {
  background: #111213;
}

.wp-site-blocks .ba-episode-hero__media {
  align-self: stretch;
  display: flex;
  min-width: 0;
}

.wp-site-blocks .ba-episode-hero__media img {
  aspect-ratio: 1/1;
  border-radius: 0.625rem;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.wp-site-blocks .ba-episode-hero--archive-stack {
  background: linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--accent) 5%, var(--theme-surface)) 0%, var(--theme-surface) 42%);
  border: 1px solid color-mix(in srgb, var(--theme-outline) 78%, white 22%);
  border-radius: 1rem;
  box-shadow: 0 1.2rem 2.6rem rgba(17, 17, 17, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.55) inset;
  gap: 0;
  grid-template-columns: 1fr;
  isolation: isolate;
  max-width: 76rem;
  overflow: hidden;
  padding: clamp(0.7rem, 1.8vw, 0.95rem);
  position: relative;
  transition: box-shadow 220ms ease, transform 220ms ease;
}

.wp-site-blocks .ba-episode-hero--archive-stack::before {
  background: radial-gradient(circle at top right, rgba(31, 94, 255, 0.12), transparent 34%), radial-gradient(circle at left center, rgba(17, 17, 17, 0.05), transparent 42%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.wp-site-blocks .ba-episode-hero--archive-stack:hover,
.wp-site-blocks .ba-episode-hero--archive-stack:focus-within {
  box-shadow: 0 1.6rem 3rem rgba(17, 17, 17, 0.09), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
  transform: translateY(-0.12rem);
}

.wp-site-blocks .ba-episode-hero--archive-stack .ba-episode-hero__media {
  position: relative;
  width: 100%;
  z-index: 1;
}

.wp-site-blocks .ba-episode-hero--archive-stack .ba-episode-hero__media img {
  aspect-ratio: 16/9;
  border-radius: 0.75rem;
  box-shadow: 0 0 0 1px rgba(17, 17, 17, 0.06), 0 1.15rem 2.2rem rgba(17, 17, 17, 0.12);
  height: auto;
  object-fit: cover;
  transform: scale(1);
  transition: box-shadow 220ms ease, transform 260ms ease;
}

.wp-site-blocks .ba-episode-hero--archive-stack:hover .ba-episode-hero__media img,
.wp-site-blocks .ba-episode-hero--archive-stack:focus-within .ba-episode-hero__media img {
  box-shadow: 0 0 0 1px rgba(17, 17, 17, 0.08), 0 1.5rem 2.6rem rgba(17, 17, 17, 0.16);
  transform: scale(1.012);
}

.wp-site-blocks .ba-episode-hero--archive-stack .ba-episode-hero__content {
  gap: 0.55rem;
  justify-content: flex-start;
  padding: clamp(1rem, 2.4vw, 1.4rem) clamp(0.2rem, 0.8vw, 0.35rem) clamp(0.3rem, 0.9vw, 0.45rem);
  position: relative;
  z-index: 1;
}

.wp-site-blocks .ba-episode-hero--archive-stack .ba-episode-hero__player {
  margin-top: 0.15rem;
}

.wp-site-blocks .ba-episode-hero--archive-stack .wp-block-heading,
.wp-site-blocks .ba-episode-hero--archive-stack .ba-episode-hero__content .wp-block-heading {
  font-size: clamp(2rem, 4vw, 2.7rem);
  line-height: 0.98;
}

.wp-site-blocks .ba-episode-hero--archive-stack .ba-episode-hero__moderators {
  font-size: 0.9rem;
  line-height: 1.4;
}

.wp-site-blocks .ba-episode-hero--archive-stack .ba-episode-hero__meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.7rem;
  font-size: 0.88rem;
  line-height: 1.35;
}

.wp-site-blocks .bap-channel-archive-main__hero .ba-episode-hero--archive-stack .ba-episode-hero__meta-item + .ba-episode-hero__meta-item::before {
  color: var(--theme-text-muted);
  content: "• " var(--bap-duration-label) ": ";
}

.wp-site-blocks .ba-episode-hero--archive-stack .ba-episode-hero__excerpt {
  font-size: 0.96rem;
  line-height: 1.5;
  margin: 0;
}

.wp-site-blocks .ba-episode-hero--image-right .ba-episode-hero__media {
  order: 2;
}

.wp-site-blocks .ba-episode-hero--image-right .ba-episode-hero__content {
  order: 1;
}

.wp-site-blocks .ba-episode-hero__content {
  align-items: flex-start;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  justify-content: center;
  min-width: 0;
  padding: clamp(1rem, 2.8vw, 1.75rem);
  text-align: left;
}

.wp-site-blocks .ba-episode-hero__kicker {
  color: var(--wp--preset--color--accent);
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.2;
  margin: 0;
  text-transform: uppercase;
}

.wp-site-blocks .ba-episode-hero .wp-block-heading,
.wp-site-blocks .ba-episode-hero__content .wp-block-heading {
  margin: 0;
  text-transform: none;
}

.wp-site-blocks .ba-episode-hero__moderators,
.wp-site-blocks .ba-episode-hero__date,
.wp-site-blocks .ba-episode-hero__categories {
  font-size: 0.95rem;
  line-height: 1.55;
  margin: 0;
}

.wp-site-blocks .ba-episode-hero__player {
  margin-top: 0.4rem;
  min-width: 0;
  width: 100%;
}

.wp-site-blocks .ba-episode-hero__player .wp-block-ba-blocks-audio-player,
.wp-site-blocks .ba-episode-hero__player .ba-audio-player,
.wp-site-blocks .ba-episode-hero__player .ba-audio-player-placeholder {
  border-radius: 0.625rem;
  overflow: hidden;
  width: 100%;
}

.wp-site-blocks .ba-episode-hero--single .ba-episode-hero__player .ba-audio-player:not(.is-mobile) .ba-audio-player__artwork,
.wp-site-blocks .ba-episode-hero--single .ba-episode-hero__player .ba-audio-player:not(.is-mobile) .ba-audio-player__artwork--medium {
  display: none;
}

.bap-episode-hero-simple__guests {
  color: var(--theme-text-muted);
  margin-top: -0.35rem;
}

.bap-episode-hero-simple__image img {
  border-radius: 0.625rem;
}

.bap-episode-hero-simple__player {
  margin-top: 0.5rem;
}

.wp-site-blocks .ba-channel-latest-episode-hero__channel,
.wp-site-blocks .ba-channel-latest-episode-hero__meta,
.wp-site-blocks .ba-episode-card__meta,
.wp-site-blocks .ba-person-card__role,
.wp-site-blocks .ba-chapters__time,
.wp-site-blocks .ba-chapters__location,
.wp-site-blocks .wp-block-post-date,
.wp-site-blocks .wp-block-post-author-name {
  color: var(--theme-text-muted) !important;
}

.wp-site-blocks .ba-channel-latest-episode-hero__platforms a,
.wp-site-blocks .ba-artist-card__social-link,
.wp-site-blocks .ba-person-card__socials a,
.wp-site-blocks .ba-chapters__title a,
.wp-site-blocks .ba-chapters__location a {
  color: var(--wp--preset--color--text);
}

.wp-site-blocks .ba-channel-latest-episode-hero__button,
.wp-site-blocks .ba-channel-latest-episode-hero__link,
.wp-site-blocks .ba-episode-platform-links__item,
.wp-site-blocks .ba-episode-share__control,
.wp-site-blocks .ba-channel-links__item,
.wp-site-blocks .ba-channel-switcher-tabs__tab,
.wp-site-blocks .ba-channel-switcher-tabs__more {
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-outline) !important;
  border-radius: var(--theme-button-radius) !important;
  box-shadow: none;
  color: var(--wp--preset--color--text) !important;
}

.wp-site-blocks .ba-channel-latest-episode-hero__button:hover,
.wp-site-blocks .ba-channel-latest-episode-hero__link:hover,
.wp-site-blocks .ba-episode-platform-links__item:hover,
.wp-site-blocks .ba-episode-share__control:hover,
.wp-site-blocks .ba-channel-links__item:hover,
.wp-site-blocks .ba-channel-switcher-tabs__tab:hover,
.wp-site-blocks .ba-channel-switcher-tabs__more:hover,
.wp-site-blocks .ba-channel-switcher-tabs__tab.is-active {
  color: var(--wp--preset--color--accent) !important;
}

.wp-site-blocks .ba-episode-share {
  gap: 0.8rem;
}

.wp-site-blocks .ba-episode-share__list,
.wp-site-blocks .ba-channel-links {
  gap: 0.65rem;
}

.wp-site-blocks .ba-episode-share__control,
.wp-site-blocks .ba-channel-links__item {
  color: var(--wp--preset--color--text) !important;
}

.wp-site-blocks .ba-episode-share__feedback {
  color: var(--wp--preset--color--accent-hover) !important;
}

.wp-site-blocks .ba-channel-links__item {
  min-height: 2.9rem;
}

.wp-site-blocks .ba-episode-card,
.wp-site-blocks .ba-artist-card,
.wp-site-blocks .ba-person-card,
.wp-site-blocks .ba-chapters__item,
.wp-site-blocks .ba-audio-player,
.wp-site-blocks .ba-audio-player-placeholder,
#ba-audio-player-overlay-root .ba-audio-player,
#ba-audio-player-overlay-root .ba-audio-player-placeholder {
  --ba-ap-color-bg: var(--wp--preset--color--surface);
  --ba-ap-color-text: var(--wp--preset--color--text);
  --ba-ap-color-secondary: var(--wp--preset--color--text-muted);
  --ba-ap-color-accent: var(--wp--preset--color--accent);
  --ba-ap-color-menu-bg: var(--wp--preset--color--background);
  --ba-ap-color-border: color-mix(in srgb, var(--wp--preset--color--border) 75%, transparent);
  --ba-ap-color-border-strong: var(--wp--preset--color--border);
  --ba-ap-color-track: var(--wp--preset--color--border);
  --ba-ap-shadow: none;
  --ba-ap-radius: 0.625rem;
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-outline) !important;
  box-shadow: var(--theme-shadow);
}

.wp-site-blocks .ba-audio-player__btn--play-pause,
.wp-site-blocks .ba-audio-player__btn--play-pause-large,
#ba-audio-player-overlay-root .ba-audio-player__btn--play-pause,
#ba-audio-player-overlay-root .ba-audio-player__btn--play-pause-large {
  background-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--surface);
}

.wp-site-blocks .ba-episode-card__title a,
.wp-site-blocks .ba-artist-card__name a,
.wp-site-blocks .ba-artist-card__name,
.wp-site-blocks .ba-person-card__name a,
.wp-site-blocks .ba-person-card__name {
  color: var(--wp--preset--color--text);
}

.wp-site-blocks .bap-section-stack > .bap-surface-card .ba-related-latest-episodes__items,
.wp-site-blocks .bap-section-stack > .bap-surface-card .ba-related-latest-episodes__grid {
  justify-content: center;
}

.wp-site-blocks .bap-section-stack > .bap-surface-card .ba-episode-card {
  transition: box-shadow 220ms ease, transform 220ms ease;
  max-width: 18.75rem;
  width: 100%;
}

.wp-site-blocks .bap-section-stack > .bap-surface-card .ba-episode-card:hover,
.wp-site-blocks .bap-section-stack > .bap-surface-card .ba-episode-card:focus-within {
  box-shadow: 0 0.9rem 1.8rem rgba(17, 17, 17, 0.12);
  transform: translateY(-0.18rem);
}

.wp-site-blocks .bap-section-stack > .bap-surface-card .ba-episode-card__title a {
  transition: color 180ms ease;
}

.wp-site-blocks .bap-section-stack > .bap-surface-card .ba-episode-card__title a:hover,
.wp-site-blocks .bap-section-stack > .bap-surface-card .ba-episode-card__title a:focus-visible {
  color: var(--wp--preset--color--accent);
  outline: 0;
}

.wp-site-blocks .ba-episode-artist-cards {
  border-top: 1px solid var(--theme-divider);
  gap: 1rem;
  margin-inline: auto;
  max-width: 76rem;
  padding-top: clamp(1.35rem, 3vw, 2rem);
  width: 100%;
}

.wp-site-blocks .ba-episode-artist-cards__heading {
  font-family: var(--wp--preset--font-family--headings);
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  font-weight: 700;
  line-height: 1;
}

.wp-site-blocks .ba-episode-artist-cards__items {
  gap: 1rem;
}

.wp-site-blocks .ba-episode-artist-cards__empty {
  color: var(--theme-text-muted);
  margin: 0;
}

.wp-site-blocks .ba-artist-card {
  align-items: start;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--theme-divider);
  box-shadow: none !important;
  gap: clamp(0.9rem, 2vw, 1.2rem);
  padding-top: 1rem;
}

.wp-site-blocks .ba-artist-card__media {
  width: 100%;
}

.wp-site-blocks .ba-artist-card__image {
  border-radius: 0.75rem;
  display: block;
  width: 100%;
}

.wp-site-blocks .ba-artist-card--circle .ba-artist-card__image {
  border-radius: 999px;
}

.wp-site-blocks .ba-artist-card__content {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
}

.wp-site-blocks .ba-artist-card__role,
.wp-site-blocks .ba-artist-card__company,
.wp-site-blocks .ba-artist-card__position {
  color: var(--theme-text-muted);
  margin: 0;
}

.wp-site-blocks .ba-artist-card__role {
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
}

.wp-site-blocks .ba-artist-card__name {
  font-family: var(--wp--preset--font-family--headings);
  font-size: 1.18rem;
  font-weight: 700;
  line-height: 1.08;
  margin: 0 0 0.15rem;
}

.wp-site-blocks .ba-artist-card__company,
.wp-site-blocks .ba-artist-card__position {
  font-size: 0.94rem;
  line-height: 1.45;
}

.wp-site-blocks .ba-artist-card__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.2rem;
}

.wp-site-blocks .ba-artist-card__social-link {
  align-items: center;
  border-radius: var(--theme-button-radius);
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
  width: 2rem;
}

.wp-site-blocks .ba-artist-card__social-link:hover,
.wp-site-blocks .ba-artist-card__social-link:focus-visible {
  background: var(--theme-highlight);
  color: var(--wp--preset--color--accent);
  outline: 0;
  transform: translateY(-0.08em);
}

.wp-site-blocks .ba-artist-card__social-icon {
  display: inline-flex;
  height: 1.1rem;
  width: 1.1rem;
}

.wp-site-blocks .ba-artist-card__social-icon svg {
  display: block;
  height: 100%;
  width: 100%;
}

.wp-site-blocks .ba-episode-card__topic {
  background: var(--theme-highlight) !important;
  color: var(--wp--preset--color--accent-hover) !important;
}

.wp-site-blocks .ba-related-latest-episodes h2 {
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  margin-bottom: 1rem;
}

.wp-site-blocks .ba-audio-player,
.wp-site-blocks .ba-audio-player-placeholder,
#ba-audio-player-overlay-root .ba-audio-player,
#ba-audio-player-overlay-root .ba-audio-player-placeholder {
  border-radius: var(--ba-ap-radius);
  overflow: hidden;
}

@container (max-width: 47.999rem) {
  .wp-site-blocks .ba-episode-hero,
  .wp-site-blocks .ba-episode-hero--image-right {
    grid-template-columns: 1fr;
    max-width: 100%;
    gap: 0;
    padding: 0;
    width: 100%;
  }
  .wp-site-blocks .ba-episode-hero--image-right .ba-episode-hero__media,
  .wp-site-blocks .ba-episode-hero--image-right .ba-episode-hero__content {
    order: initial;
  }
  .wp-site-blocks .ba-episode-hero__media,
  .wp-site-blocks .ba-episode-hero__content,
  .wp-site-blocks .ba-episode-hero__player {
    min-width: 0;
    width: 100%;
  }
  .wp-site-blocks .ba-episode-hero__media img {
    aspect-ratio: auto;
    border-radius: 0;
    height: auto;
    object-fit: contain;
  }
  .wp-site-blocks .ba-episode-hero--archive-stack .ba-episode-hero__media img {
    aspect-ratio: 16/9;
    border-radius: 0.7rem;
    object-fit: cover;
  }
  .wp-site-blocks .ba-episode-hero__content {
    box-sizing: border-box;
    gap: 0.55rem;
    padding: clamp(0.85rem, 4vw, 1rem) clamp(1rem, 4vw, 1.15rem);
  }
  .wp-site-blocks .ba-episode-hero__kicker {
    font-size: 0.76rem;
  }
  .wp-site-blocks .ba-episode-hero__moderators,
  .wp-site-blocks .ba-episode-hero__date,
  .wp-site-blocks .ba-episode-hero__categories {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  .wp-site-blocks .ba-episode-hero__player {
    margin-top: 0.2rem;
  }
  .wp-site-blocks .ba-episode-hero--archive-stack .ba-episode-hero__player {
    margin-bottom: 0.8rem;
    margin-top: 0;
    order: -1;
  }
  .wp-site-blocks .ba-episode-hero__player .ba-audio-player__artwork,
  .wp-site-blocks .ba-episode-hero__player .ba-audio-player__artwork--small {
    display: block;
  }
  .wp-site-blocks .ba-episode-artist-cards {
    box-sizing: border-box;
    max-width: 100%;
    padding-inline: clamp(1rem, 4vw, 1.15rem);
    width: 100%;
  }
  .wp-site-blocks .ba-episode-artist-cards__items {
    grid-template-columns: 1fr !important;
  }
  .wp-site-blocks .ba-artist-card {
    box-sizing: border-box;
    grid-template-columns: minmax(0, 5.5rem) minmax(0, 1fr);
    min-width: 0;
    width: 100%;
  }
  .wp-site-blocks .ba-episode-content {
    padding-inline: clamp(1rem, 4vw, 1.15rem);
  }
}
.wp-site-blocks .ba-episode-content h2,
.wp-site-blocks .ba-episode-content h3,
.wp-site-blocks .ba-episode-content h4 {
  margin-top: 1.8rem;
}

.wp-site-blocks .ba-episode-content {
  color: var(--wp--preset--color--text);
}

.wp-site-blocks .ba-episode-content--html,
.wp-site-blocks .ba-episode-content--fallback {
  line-height: 1.7;
}

.wp-site-blocks .ba-episode-content--fallback,
.wp-site-blocks .ba-episode-content--fallback p {
  color: var(--theme-text-muted);
}

.wp-site-blocks .ba-episode-content--blocks > .wp-block-group,
.wp-site-blocks .ba-episode-content--blocks > .wp-block-columns,
.wp-site-blocks .ba-episode-content--blocks > .wp-block-cover,
.wp-site-blocks .ba-episode-content--blocks > .wp-block-media-text {
  max-width: 100%;
}

.wp-site-blocks .ba-episode-content > * {
  max-width: 100%;
}

.wp-site-blocks .ba-episode-content iframe,
.wp-site-blocks .ba-episode-content video,
.wp-site-blocks .ba-episode-content img {
  display: block;
  max-width: 100%;
}

.wp-site-blocks .ba-episode-content .wp-block-embed,
.wp-site-blocks .ba-episode-content .wp-block-image,
.wp-site-blocks .ba-episode-content .wp-block-video,
.wp-site-blocks .ba-episode-content figure,
.wp-site-blocks .ba-episode-content .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.wp-site-blocks .ba-episode-content .wp-block-embed,
.wp-site-blocks .ba-episode-content .wp-block-video,
.wp-site-blocks .ba-episode-content figure.wp-block-embed,
.wp-site-blocks .ba-episode-content figure.wp-block-video {
  width: 100%;
}

.wp-site-blocks .ba-episode-content .wp-block-embed__wrapper,
.wp-site-blocks .ba-episode-content .wp-block-video video,
.wp-site-blocks .ba-episode-content iframe {
  margin-left: auto;
  margin-right: auto;
}

.wp-site-blocks .ba-episode-content .wp-block-embed.is-type-video .wp-block-embed__wrapper,
.wp-site-blocks .ba-episode-content .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper {
  display: flex;
  justify-content: center;
}

.wp-site-blocks .ba-episode-content .wp-block-embed iframe,
.wp-site-blocks .ba-episode-content .wp-block-video video {
  border: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.wp-site-blocks .ba-episode-content .aligncenter,
.wp-site-blocks .ba-episode-content .wp-block-embed.aligncenter,
.wp-site-blocks .ba-episode-content .wp-block-image.aligncenter,
.wp-site-blocks .ba-episode-content .wp-block-video.aligncenter {
  text-align: center;
}

.wp-site-blocks .ba-episode-content--blocks :where(p, li, blockquote, cite, figcaption) {
  color: inherit;
}

.wp-site-blocks .wp-block-post-terms,
.wp-site-blocks .wp-block-post-terms a {
  color: var(--wp--preset--color--accent);
  font-size: 0.9rem;
  text-decoration: none;
  text-transform: uppercase;
}

.wp-site-blocks .wp-block-post-content > *:first-child {
  margin-top: 0;
}

.bap-error-code {
  color: var(--wp--preset--color--error);
  font-family: var(--wp--preset--font-family--headings, "Cabin", "Trebuchet MS", sans-serif);
  font-size: clamp(4rem, 12vw, 9rem);
  line-height: 0.9;
  margin: 0;
}

@container (min-width: 48rem) {
  .bap-front-page-masthead__top {
    align-items: center;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
  }
  .bap-front-page-masthead__nav {
    margin-inline: auto;
  }
  .bap-front-page-masthead__social {
    justify-self: end;
  }
  .bap-front-page-masthead .bap-theme-menu,
  .bap-site-header .bap-theme-menu,
  .bap-site-footer .bap-theme-menu {
    justify-content: center;
  }
  .bap-front-page-masthead .bap-theme-menu__list,
  .bap-site-header .bap-theme-menu__list,
  .bap-site-footer .bap-theme-menu__list {
    flex-wrap: nowrap;
    justify-content: center;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  .bap-front-page-masthead .bap-theme-menu__list::-webkit-scrollbar,
  .bap-site-header .bap-theme-menu__list::-webkit-scrollbar,
  .bap-site-footer .bap-theme-menu__list::-webkit-scrollbar {
    display: none;
  }
}
@container (min-width: 48rem) {
  .bap-hero-grid,
  .bap-archive-summary-grid {
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.8fr);
  }
}
@container (min-width: 48rem) and (max-width: 79.999rem) {
  .bap-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container (min-width: 80rem) {
  .bap-hero-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
  }
  .bap-blog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container (max-width: 36rem) {
  .bap-theme-menu__submenu {
    box-shadow: none;
    display: grid;
    margin-top: 0.35rem;
    position: static;
    width: 100%;
  }
}
@container (max-width: 47.999rem) {
  .bap-site-header .bap-theme-menu,
  .bap-site-footer .bap-theme-menu,
  .bap-site-header .bap-theme-menu__list,
  .bap-site-footer .bap-theme-menu__list {
    justify-content: flex-start;
  }
  .bap-front-page-masthead .bap-theme-menu,
  .bap-front-page-masthead .bap-theme-menu__list {
    justify-content: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bap-theme-social-links__link,
  .bap-theme-menu .wp-block-navigation-item__content {
    transition: none;
  }
}

/*# sourceMappingURL=style.css.map */