:root {
  --mc-bg:#090b0e;
  --mc-surface:#11151a;
  --mc-surface-2:#181d23;
  --mc-line:rgba(255,255,255,.12);
  --mc-text:#f5f6f7;
  --mc-muted:#aeb5bd;
  --mc-accent:#9ea8b2;
  --mc-content:1440px;
  --mc-radius:20px;
  --mc-font:"Instrument Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mc-space-section:clamp(38px,4.8vw,68px);
  --mc-shadow:0 28px 80px rgba(0,0,0,.28);
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
}

body {
  margin:0;
  background:var(--mc-bg);
  color:var(--mc-text);
  font-family:var(--mc-font);
  font-size:16px;
  line-height:1.55;
  overflow-x:hidden;
}

body.has-manucast-player {
  padding-bottom:112px;
}

img {
  max-width:100%;
  height:auto;
  display:block;
}

a {
  color:inherit;
  text-decoration:none;
}

button,input,select,textarea {
  font:inherit;
}

button {
  color:inherit;
}

.screen-reader-text {
  position:absolute!important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.screen-reader-text:focus {
  clip:auto!important;
  width:auto;
  height:auto;
  margin:8px;
  padding:12px 16px;
  background:#fff;
  color:#111;
  z-index:999999;
}

.manucast-container {
  width:min(calc(100% - 48px),var(--mc-content));
  margin-inline:auto;
}

.manucast-main {
  min-height:60vh;
}

.manucast-section {
  padding-block:var(--mc-space-section);
  position:relative;
}

.manucast-section+.manucast-section {
  border-top:1px solid rgba(255,255,255,.055);
}

.manucast-eyebrow {
  display:block;
  margin-bottom:10px;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--mc-accent);
}

.manucast-section-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
  margin-bottom:clamp(24px, 2.8vw, 34px);
}

.manucast-section-head h2 {
  margin:0;
  font-size:clamp(1.7rem,2.8vw,2.6rem);
  line-height:1.05;
  letter-spacing:-.04em;
}

.manucast-section-head>a {
  flex:none;
  color:var(--mc-muted);
  font-weight:700;
}

.manucast-section-head>a:hover {
  color:#fff;
}

.manucast-actions {
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}

.manucast-button,.manucast-play-button,.manucast-header-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:48px;
  padding:0 22px;
  border:1px solid transparent;
  border-radius:999px;
  background:#f4f5f6;
  color:#0c0e11;
  font-weight:800;
  cursor:pointer;
}

.manucast-button.is-secondary {
  background:rgba(16,19,24,.55);
  border-color:var(--mc-line);
  color:#fff;
  backdrop-filter:blur(14px);
}

.manucast-save-button {
  border:0;
  background:transparent;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}

.manucast-text-link {
  font-weight:800;
  color:var(--mc-accent);
}

/* Header */

.manucast-site-header {
  height:76px;
  position:sticky;
  top:0;
  z-index:900;
  background:rgba(7,9,12,.78);
  border-bottom:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(24px) saturate(140%);
}

.manucast-header-inner {
  height:100%;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
}

.manucast-brand {
  display:flex;
  align-items:center;
}

.manucast-wordmark {
  display:flex;
  align-items:center;
  font-size:1.75rem;
  font-weight:800;
  letter-spacing:-.05em;
}

.manucast-wordmark b {
  color:var(--mc-accent);
  font-weight:600;
}

.manucast-primary-nav {
  min-width:0;
}

.manucast-primary-menu,.manucast-page-menu ul {
  list-style:none;
  display:flex;
  justify-content:center;
  gap:clamp(16px,2vw,34px);
  margin:0;
  padding:0;
}

.manucast-primary-menu li {
  position:relative;
}

.manucast-primary-menu a {
  display:flex;
  align-items:center;
  height:76px;
  font-weight:650;
  font-size:.94rem;
  color:#c8cdd2;
  white-space:nowrap;
}

.manucast-primary-menu .current-menu-item>a,.manucast-primary-menu a:hover {
  color:#fff;
}

.manucast-primary-menu .current-menu-item>a:after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:16px;
  height:2px;
  background:var(--mc-accent);
}

.manucast-primary-menu .sub-menu {
  position:absolute;
  top:64px;
  left:-22px;
  min-width:230px;
  margin:0;
  padding:12px;
  list-style:none;
  background:#13171c;
  border:1px solid var(--mc-line);
  border-radius:16px;
  box-shadow:var(--mc-shadow);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.2s;
}

.manucast-primary-menu li:hover>.sub-menu,.manucast-primary-menu li:focus-within>.sub-menu {
  opacity:1;
  visibility:visible;
  transform:none;
}

.manucast-primary-menu .sub-menu a {
  height:auto;
  padding:10px 12px;
  border-radius:10px;
}

.manucast-primary-menu .sub-menu a:hover {
  background:rgba(255,255,255,.06);
}

.manucast-header-actions {
  display:flex;
  align-items:center;
  gap:8px;
}

.manucast-icon-button,.manucast-explore-button,.manucast-menu-toggle {
  border:1px solid var(--mc-line);
  background:rgba(255,255,255,.035);
  border-radius:999px;
  cursor:pointer;
}

.manucast-icon-button {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
}

.manucast-icon-button svg {
  width:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.manucast-explore-button {
  height:42px;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:750;
}

.manucast-explore-button svg {
  width:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}

.manucast-header-cta {
  min-height:42px;
  padding-inline:18px;
}

.manucast-menu-toggle {
  display:none;
  width:44px;
  height:44px;
  padding:10px;
}

.manucast-menu-toggle>span:not(.screen-reader-text) {
  display:block;
  width:20px;
  height:2px;
  background:#fff;
  margin:4px auto;
}

.manucast-explore-panel {
  position:absolute;
  left:0;
  right:0;
  top:76px;
  background:rgba(10,12,16,.97);
  border-bottom:1px solid var(--mc-line);
  box-shadow:var(--mc-shadow);
}

.manucast-explore-grid {
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:56px;
  padding-block:42px;
}

.manucast-explore-grid h2 {
  font-size:clamp(2rem,3vw,3.4rem);
  max-width:720px;
  margin:0 0 24px;
  line-height:1;
}

.manucast-explore-menu {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px 28px;
}

.manucast-explore-menu a {
  display:block;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-weight:700;
}

.manucast-search-dialog,.manucast-network-drawer {
  position:fixed;
  inset:0;
  z-index:1100;
}

.manucast-dialog-backdrop {
  position:absolute;
  inset:0;
  border:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
}

.manucast-search-panel,.manucast-network-panel {
  position:relative;
  z-index:1;
  background:#11151a;
  border:1px solid var(--mc-line);
  box-shadow:var(--mc-shadow);
}

.manucast-search-panel {
  width:min(720px,calc(100% - 32px));
  margin:12vh auto;
  padding:46px;
  border-radius:26px;
}

.manucast-search-panel h2 {
  font-size:clamp(2rem,5vw,4rem);
  margin:0 0 28px;
}

.manucast-search-panel form {
  display:flex;
  gap:10px;
}

.manucast-search-panel input {
  flex:1;
  min-width:0;
  height:58px;
  border:1px solid var(--mc-line);
  border-radius:14px;
  background:#0b0e12;
  color:#fff;
  padding:0 18px;
}

.manucast-search-panel button[type=submit] {
  padding:0 22px;
  border:0;
  border-radius:14px;
  background:#fff;
  color:#111;
  font-weight:800;
}

.manucast-dialog-close {
  position:absolute;
  right:18px;
  top:18px;
  width:42px;
  height:42px;
  border:1px solid var(--mc-line);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  font-size:1.6rem;
  cursor:pointer;
}

.manucast-network-panel {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:min(700px,94vw);
  padding:56px 36px;
  overflow:auto;
}

.manucast-network-grid {
  display:grid;
  gap:32px;
}

.manucast-network-menu {
  list-style:none;
  padding:0;
  margin:24px 0 0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

.manucast-network-menu a {
  display:block;
  padding:15px;
  border:1px solid var(--mc-line);
  border-radius:14px;
}

.manucast-loading {
  display:grid;
  place-items:center;
  min-height:280px;
}

.manucast-loading span {
  width:38px;
  height:38px;
  border:3px solid var(--mc-line);
  border-top-color:#fff;
  border-radius:50%;
  animation:mc-spin .8s linear infinite;
}

@keyframes mc-spin {
  to {
    transform:rotate(360deg);
  }
}

[hidden] {
  display:none!important;
}

/* Hero */

.manucast-hero {
  min-height:var(--hero-height);
  position:relative;
  display:grid;
  align-items:end;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.manucast-hero:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,7,10,.95) 0%,rgba(5,7,10,.78) 36%,rgba(5,7,10,.16) 70%),linear-gradient(0deg,rgba(5,7,10,.92) 0%,transparent 44%);
  pointer-events:none;
}

.manucast-hero-slides,.manucast-hero-slide {
  position:absolute;
  inset:0;
  margin:0;
}

.manucast-hero-slide {
  opacity:0;
  transform:scale(1.035);
  transition:opacity 1s ease,transform 8s ease;
}

.manucast-hero-slide.is-active {
  opacity:1;
  transform:scale(1);
}

.manucast-hero-slide img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--hero-position);
}

.manucast-hero-inner {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
  gap:clamp(36px,6vw,92px);
  align-items:end;
  padding-block:90px 70px;
}

.manucast-hero-copy {
  max-width:760px;
}

.manucast-hero-copy h1 {
  font-size:clamp(3rem,7vw,7.5rem);
  line-height:.88;
  letter-spacing:-.075em;
  margin:0 0 24px;
  max-width:900px;
}

.manucast-hero-copy>p {
  max-width:600px;
  font-size:clamp(1rem,1.5vw,1.25rem);
  color:#d3d7db;
  margin:0 0 28px;
}

.manucast-feature-card {
  align-self:end;
  background:rgba(12,15,19,.76);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--mc-radius);
  padding:20px;
  box-shadow:var(--mc-shadow);
  backdrop-filter:blur(22px);
}

.manucast-feature-art {
  position:relative;
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:14px;
}

.manucast-feature-art img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.manucast-feature-art>span {
  position:absolute;
  right:14px;
  bottom:14px;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#111;
}

.manucast-feature-copy>span {
  display:block;
  margin-top:16px;
  color:var(--mc-accent);
  font-size:.76rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.manucast-feature-copy h2 {
  font-size:clamp(1.45rem,2vw,2.1rem);
  line-height:1.06;
  margin:8px 0;
}

.manucast-feature-copy p {
  color:var(--mc-muted);
  margin:0 0 18px;
}

.manucast-feature-copy>div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.manucast-feature-play {
  background:#fff;
  color:#111;
  border:0;
}

.manucast-hero-controls {
  position:absolute;
  z-index:3;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:10px;
}

.manucast-hero-controls>button {
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid var(--mc-line);
  background:rgba(9,11,14,.55);
  cursor:pointer;
}

.manucast-hero-dots {
  display:flex;
  gap:7px;
}

.manucast-hero-dots button {
  width:7px;
  height:7px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.35);
  padding:0;
}

.manucast-hero-dots button.is-active {
  width:26px;
  border-radius:10px;
  background:#fff;
}

.manucast-hero-progress {
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:rgba(255,255,255,.1);
}

.manucast-hero-progress i {
  display:block;
  width:0;
  height:100%;
  background:var(--mc-accent);
}

/* Ranking */

/* Content cards */

.manucast-content-grid {
  display:grid;
  gap:clamp(20px,2.2vw,34px);
}

.manucast-episode-card {
  position:relative;
  min-width:0;
}

.manucast-card-art {
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:18px;
  background:var(--mc-surface);
}

.manucast-card-art img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s,filter .35s;
}

.manucast-episode-card:hover .manucast-card-art img {
  transform:scale(1.035);
  filter:brightness(.82);
}

.manucast-card-badge {
  position:absolute;
  left:14px;
  top:14px;
  padding:6px 9px;
  background:rgba(7,9,12,.72);
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  backdrop-filter:blur(10px);
}

.manucast-card-play {
  position:absolute;
  right:14px;
  top:calc(100% * .69);
  width:46px;
  height:46px;
  border-radius:50%;
  padding:0;
  background:#fff;
  color:#111;
  border:0;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

.manucast-card-play span:last-child:empty {
  display:none;
}

.manucast-card-copy {
  padding:15px 2px 0;
}

.manucast-card-copy h3 {
  font-size:1.08rem;
  line-height:1.2;
  margin:0 0 10px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.manucast-card-copy>div {
  display:flex;
  gap:12px;
  color:var(--mc-muted);
  font-size:.82rem;
}

.manucast-originals-grid {
  display:grid;
  grid-template-columns:1.6fr repeat(2,1fr);
  gap:24px;
}

.manucast-show-card {
  position:relative;
  overflow:hidden;
  border-radius:20px;
  background:var(--mc-surface);
  border:1px solid rgba(255,255,255,.08);
}

.manucast-show-card:nth-child(n+4) {
  grid-column:span 1;
}

.manucast-show-art {
  display:block;
  aspect-ratio:4/3;
  position:relative;
  overflow:hidden;
}

.manucast-show-card.is-featured {
  grid-row:span 2;
}

.manucast-show-card.is-featured .manucast-show-art {
  aspect-ratio:auto;
  height:100%;
  min-height:520px;
}

.manucast-show-art:after {
  content:"";
  position:absolute;
  inset:25% 0 0;
  background:linear-gradient(transparent,rgba(7,9,12,.96));
}

.manucast-show-art img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.manucast-show-art span {
  position:absolute;
  z-index:2;
  left:20px;
  top:20px;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.12em;
  color:var(--mc-accent);
}

.manucast-show-copy {
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:0;
  padding:24px;
}

.manucast-show-copy h3 {
  font-size:clamp(1.4rem,2.2vw,2.2rem);
  margin:0 0 8px;
}

.manucast-show-copy p {
  color:#d3d6da;
  margin:0 0 12px;
}

.manucast-show-copy>a {
  font-weight:800;
  color:var(--mc-accent);
}

/* Channels */

.manucast-channel-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}

.manucast-channel {
  position:relative;
  min-height:154px;
  padding:22px;
  border:1px solid color-mix(in srgb,var(--channel-color),transparent 60%);
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(145deg,color-mix(in srgb,var(--channel-color),#12161b 82%),#12161b);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  transition:transform .25s,border-color .25s;
}

.manucast-channel:after {
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  right:-44px;
  top:-50px;
  border:1px solid color-mix(in srgb,var(--channel-color),transparent 25%);
  border-radius:50%;
  box-shadow:0 0 0 18px color-mix(in srgb,var(--channel-color),transparent 92%),0 0 0 38px color-mix(in srgb,var(--channel-color),transparent 95%);
}

.manucast-channel:hover {
  transform:translateY(-5px);
  border-color:var(--channel-color);
}

.manucast-channel-symbol {
  position:absolute;
  left:22px;
  top:20px;
  width:48px;
  height:48px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--channel-color),transparent 70%);
  font-size:1.7rem;
}

.manucast-channel strong {
  font-size:1.08rem;
}

.manucast-channel small {
  color:#c3c9cf;
  margin-top:4px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Blog */

.manucast-blog-layout {
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  gap:22px;
}

.manucast-blog-layout.is-archive {
  padding-block:48px;
}

.manucast-blog-card {
  min-width:0;
  border-radius:20px;
  overflow:hidden;
  background:var(--mc-surface);
  border:1px solid rgba(255,255,255,.08);
}

.manucast-blog-card.is-featured {
  grid-row:span 2;
}

.manucast-blog-art {
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
}

.manucast-blog-card.is-featured .manucast-blog-art {
  aspect-ratio:16/9;
}

.manucast-blog-art img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s;
}

.manucast-blog-card:hover img {
  transform:scale(1.03);
}

.manucast-blog-card>div {
  padding:20px;
}

.manucast-blog-card>div>span {
  color:var(--mc-accent);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.manucast-blog-card h3,.manucast-blog-card h2 {
  font-size:clamp(1.15rem,1.8vw,1.75rem);
  line-height:1.08;
  margin:8px 0;
}

.manucast-blog-card p {
  color:var(--mc-muted);
  margin:0;
}

/* Map & newsletter */

.manucast-newsletter-card {
  padding:32px 40px;
  border:1px solid var(--mc-line);
  border-radius:24px;
  background:linear-gradient(120deg,#171c22,#0e1115);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:center;
}

.manucast-newsletter-card h2 {
  font-size:clamp(1.8rem,3vw,3rem);
  margin:0;
}

.manucast-newsletter-card p {
  color:var(--mc-muted);
  margin:8px 0 0;
}

.manucast-newsletter-card form {
  display:flex;
  gap:10px;
}

.manucast-newsletter-card input {
  flex:1;
  min-width:0;
  height:50px;
  padding:0 16px;
  border:1px solid var(--mc-line);
  border-radius:999px;
  background:#0b0e12;
  color:#fff;
}

.manucast-newsletter-card button {
  height:50px;
  padding:0 20px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#111;
  font-weight:800;
}

/* Page and content */

.manucast-page-hero {
  position:relative;
  padding:clamp(90px,12vw,170px) 0 65px;
  background:linear-gradient(135deg,#171c22,#090b0e);
  overflow:hidden;
}

.manucast-page-hero.has-image:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,9,12,.92),rgba(7,9,12,.5)),var(--page-hero-image) center/cover no-repeat;
}

.manucast-page-hero>.manucast-container {
  position:relative;
}

.manucast-page-hero h1 {
  font-size:clamp(3rem,7vw,7rem);
  line-height:.9;
  letter-spacing:-.065em;
  margin:0;
  max-width:1000px;
}

.manucast-page-hero p {
  max-width:700px;
  color:#c4c9cf;
  font-size:1.16rem;
}

.manucast-page-layout,.manucast-article-layout,.manucast-content-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:clamp(38px,6vw,90px);
  padding-block:60px;
}

.manucast-entry {
  font-size:1.08rem;
  color:#d7dbe0;
  background:linear-gradient(145deg,#1a1f25,#11151a);
  padding:clamp(28px,5vw,70px);
  border:1px solid var(--mc-line);
  border-radius:24px;
  box-shadow:0 28px 80px rgba(0,0,0,.2);
}

.manucast-entry :is(h2,h3,h4) {
  color:#f5f6f7;
  line-height:1.05;
  letter-spacing:-.035em;
}

.manucast-entry h2 {
  font-size:2.2rem;
  margin-top:2em;
}

.manucast-entry a {
  color:#dfe3e7;
  text-decoration:underline;
  text-decoration-color:rgba(255,255,255,.35);
  text-underline-offset:3px;
}

.manucast-sidebar {
  min-width:0;
}

.manucast-widget {
  padding:22px;
  border:1px solid var(--mc-line);
  border-radius:18px;
  background:var(--mc-surface);
  margin-bottom:20px;
}

.manucast-widget-title {
  margin-top:0;
}

.manucast-content-hero {
  position:relative;
  padding:120px 0 72px;
  background:linear-gradient(90deg,rgba(7,9,12,.96),rgba(7,9,12,.56)),var(--content-bg) center/cover no-repeat;
}

.manucast-content-hero:after {
  content:"";
  position:absolute;
  inset:50% 0 0;
  background:linear-gradient(transparent,var(--mc-bg));
}

.manucast-content-hero-inner {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(250px,370px) minmax(0,1fr);
  gap:clamp(34px,6vw,80px);
  align-items:end;
}

.manucast-content-cover {
  aspect-ratio:1/1;
  border-radius:22px;
  overflow:hidden;
  box-shadow:var(--mc-shadow);
}

.manucast-content-cover img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.manucast-content-hero-copy h1 {
  font-size:clamp(3rem,7vw,7.5rem);
  line-height:.86;
  letter-spacing:-.075em;
  margin:0 0 22px;
}

.manucast-content-hero-copy>p {
  max-width:720px;
  font-size:1.14rem;
  color:#d0d4d8;
}

.manucast-content-meta {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:22px 0;
}

.manucast-content-meta span {
  padding:7px 11px;
  border:1px solid var(--mc-line);
  border-radius:999px;
  color:#c4c9cf;
  font-size:.82rem;
}

.manucast-content-main {
  min-width:0;
}

.manucast-info-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:44px;
}

.manucast-info-grid article {
  padding:18px;
  border:1px solid var(--mc-line);
  border-radius:16px;
  background:var(--mc-surface);
}

.manucast-info-grid span {
  display:block;
  color:var(--mc-muted);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.manucast-reading-section {
  padding:36px 0;
  border-top:1px solid var(--mc-line);
}

.manucast-reading-content {
  font-size:1.08rem;
  color:#d3d8dd;
}

.manucast-two-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px;
}

.manucast-chapters {
  list-style:none;
  padding:0;
  margin:0;
}

.manucast-chapters button {
  width:100%;
  display:grid;
  grid-template-columns:90px 1fr;
  gap:16px;
  text-align:left;
  padding:16px 0;
  border:0;
  border-bottom:1px solid var(--mc-line);
  background:none;
  cursor:pointer;
}

.manucast-chapters button span {
  color:var(--mc-accent);
  font-variant-numeric:tabular-nums;
}

.manucast-chapters button small {
  grid-column:2;
  color:var(--mc-muted);
}

.manucast-transcript {
  border:1px solid var(--mc-line);
  border-radius:16px;
  padding:18px;
}

.manucast-transcript summary {
  cursor:pointer;
  font-weight:800;
}

.manucast-platform-links {
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  margin-bottom:34px;
  padding:18px;
  border:1px solid var(--mc-line);
  border-radius:18px;
}

.manucast-platform-links>span {
  font-weight:800;
}

.manucast-platform-links>div {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.manucast-platform-links a {
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  font-size:.86rem;
  font-weight:700;
}

.manucast-episode-list {
  display:grid;
  gap:10px;
}

.manucast-episode-list article {
  display:grid;
  grid-template-columns:72px 1fr auto;
  gap:16px;
  align-items:center;
  padding:12px;
  border:1px solid var(--mc-line);
  border-radius:16px;
}

.manucast-list-cover {
  width:72px;
  height:72px;
  border-radius:12px;
  overflow:hidden;
}

.manucast-list-cover img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.manucast-episode-list h3 {
  margin:2px 0;
}

.manucast-episode-list p {
  margin:0;
  color:var(--mc-muted);
}

.manucast-list-play {
  width:44px;
  height:44px;
  padding:0;
  border-radius:50%;
  border:0;
}

.manucast-season-head {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:20px;
}

.manucast-season-head select {
  height:44px;
  border:1px solid var(--mc-line);
  border-radius:12px;
  background:var(--mc-surface);
  color:#fff;
  padding:0 12px;
}

.manucast-archive {
  padding-block:54px;
}

.manucast-archive-tools {
  display:flex;
  justify-content:space-between;
  gap:22px;
  margin-bottom:34px;
}

.manucast-archive-tools form {
  display:flex;
  gap:8px;
}

.manucast-archive-tools input {
  height:46px;
  border:1px solid var(--mc-line);
  border-radius:999px;
  background:var(--mc-surface);
  color:#fff;
  padding:0 16px;
}

.manucast-archive-tools button {
  border:0;
  border-radius:999px;
  padding:0 18px;
  font-weight:800;
}

.manucast-filter-chips {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.manucast-filter-chips a {
  padding:9px 13px;
  border:1px solid var(--mc-line);
  border-radius:999px;
  font-size:.82rem;
}

.manucast-archive-shows {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.manucast-article-hero {
  position:relative;
  padding:150px 0 72px;
  background:linear-gradient(90deg,rgba(7,9,12,.95),rgba(7,9,12,.38)),var(--article-bg) center/cover no-repeat;
}

.manucast-article-hero h1 {
  font-size:clamp(3rem,7vw,7rem);
  line-height:.9;
  letter-spacing:-.065em;
  margin:0;
  max-width:1100px;
}

.manucast-article-hero p {
  max-width:720px;
  color:#d0d5da;
}

.manucast-article-meta {
  display:flex;
  gap:16px;
  color:var(--mc-muted);
  margin:20px 0;
}

.manucast-article-entry {
  font-size:1.1rem;
}

.manucast-article-footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:50px;
  padding-top:28px;
  border-top:1px solid var(--mc-line);
}

.manucast-related-articles {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.manucast-related-articles img {
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:16px;
}

.manucast-related-articles span {
  display:block;
  color:var(--mc-accent);
  margin-top:12px;
}

.manucast-related-articles h3 {
  margin:5px 0;
}

/* Footer */

@media(max-width:1180px) {
  .manucast-primary-nav {
    display:none;
  }

  .manucast-menu-toggle {
    display:block;
    order:2;
  }

  .manucast-header-inner {
    grid-template-columns:auto auto 1fr;
  }

  .manucast-header-actions {
    justify-content:flex-end;
  }

  .manucast-primary-nav.is-open {
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:76px;
    background:#0d1014;
    border-bottom:1px solid var(--mc-line);
    padding:16px 24px;
  }

  .manucast-primary-menu,.manucast-page-menu ul {
    display:block;
  }

  .manucast-primary-menu a {
    height:auto;
    padding:12px;
  }

  .manucast-primary-menu .sub-menu {
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    background:transparent;
    border:0;
    box-shadow:none;
    padding-left:15px;
  }

  .manucast-hero-inner {
    grid-template-columns:1fr .65fr;
  }

  .manucast-channel-grid {
    grid-template-columns:repeat(4,1fr);
  }
}

@media(max-width:820px) {
  body.has-manucast-player {
    padding-bottom:92px;
  }

  .manucast-container {
    width:min(calc(100% - 30px),var(--mc-content));
  }

  .manucast-site-header {
    height:68px;
  }

  .manucast-wordmark {
    font-size:1.45rem;
  }

  .manucast-header-inner {
    gap:10px;
  }

  .manucast-header-cta,.manucast-network-button {
    display:none;
  }

  .manucast-explore-button {
    width:42px;
    padding:0;
    justify-content:center;
  }

  .manucast-explore-button span {
    display:none;
  }

  .manucast-primary-nav.is-open,.manucast-explore-panel {
    top:68px;
  }

  .manucast-explore-grid {
    grid-template-columns:1fr;
    padding-block:28px;
  }

  .manucast-explore-menu {
    grid-template-columns:1fr 1fr;
  }

  .manucast-hero {
    min-height:var(--hero-mobile);
  }

  .manucast-hero:after {
    background:linear-gradient(0deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.64) 68%,rgba(5,7,10,.32));
  }

  .manucast-hero-inner {
    grid-template-columns:1fr;
    align-items:end;
    padding-block:100px 72px;
  }

  .manucast-hero-copy h1 {
    font-size:clamp(3.2rem,14vw,5.8rem);
  }

  .manucast-feature-card {
    display:grid;
    grid-template-columns:110px 1fr;
    gap:14px;
    padding:14px;
  }

  .manucast-feature-card>.manucast-eyebrow {
    grid-column:1/-1;
  }

  .manucast-feature-art {
    aspect-ratio:1;
  }

  .manucast-feature-copy>span {
    margin-top:0;
  }

  .manucast-feature-copy p {
    display:none;
  }

  .manucast-feature-copy h2 {
    font-size:1.2rem;
  }

  .manucast-feature-copy>div small {
    display:none;
  }

  .manucast-card-play {
    width:42px;
    height:42px;
    right:10px;
  }

  .manucast-originals-grid {
    grid-template-columns:1fr 1fr;
  }

  .manucast-show-card.is-featured {
    grid-column:1/-1;
    grid-row:auto;
  }

  .manucast-show-card.is-featured .manucast-show-art {
    min-height:420px;
  }

  .manucast-channel-grid {
    grid-template-columns:repeat(2,1fr);
  }

  .manucast-blog-layout {
    grid-template-columns:1fr 1fr;
  }

  .manucast-blog-card.is-featured {
    grid-column:1/-1;
    grid-row:auto;
  }

  .manucast-newsletter-card {
    grid-template-columns:1fr;
    padding:26px;
  }

  .manucast-page-layout,.manucast-article-layout,.manucast-content-layout {
    grid-template-columns:1fr;
  }

  .manucast-content-hero-inner {
    grid-template-columns:150px 1fr;
    align-items:center;
  }

  .manucast-content-hero-copy h1 {
    font-size:clamp(2.5rem,10vw,4.5rem);
  }

  .manucast-info-grid {
    grid-template-columns:1fr 1fr;
  }

  .manucast-archive-shows {
    grid-template-columns:1fr 1fr;
  }

  .manucast-related-articles {
    grid-template-columns:1fr;
  }

  .manucast-section-head {
    align-items:center;
  }

  .manucast-section-head h2 {
    font-size:1.75rem;
  }
}

@media(max-width:520px) {
  .manucast-section {
    padding-block:42px;
  }

  .manucast-card-copy h3 {
    font-size:.96rem;
  }

  .manucast-card-badge {
    font-size:.58rem;
  }

  .manucast-originals-grid,.manucast-blog-layout,.manucast-archive-shows {
    grid-template-columns:1fr;
  }

  .manucast-channel-grid {
    grid-template-columns:1fr 1fr;
  }

  .manucast-channel {
    min-height:140px;
    padding:18px;
  }

  .manucast-content-hero {
    padding-top:92px;
  }

  .manucast-content-hero-inner {
    grid-template-columns:1fr;
  }

  .manucast-content-cover {
    width:190px;
  }

  .manucast-info-grid {
    grid-template-columns:1fr;
  }

  .manucast-two-columns {
    grid-template-columns:1fr;
  }

  .manucast-platform-links {
    align-items:flex-start;
    flex-direction:column;
  }

  .manucast-newsletter-card form {
    flex-direction:column;
  }

  .manucast-search-panel {
    padding:30px 20px;
  }

  .manucast-header-actions .manucast-icon-button {
    display:none;
  }

  .manucast-explore-button {
    display:flex;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }

  *,*:before,*:after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* Platform components */

/* Premium full ranking */
.manucast-ranking-full {
  padding: clamp(48px, 6vw, 86px) 0;
}

.manucast-ranking-full > header {
  max-width: 900px;
  margin-bottom: clamp(28px, 4vw, 46px);
}

.manucast-ranking-full > header > span {
  color: var(--mc-accent);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.manucast-ranking-full > header h2 {
  margin: 9px 0 18px;
  font-size: clamp(3.25rem, 7vw, 7rem);
  line-height: .9;
  letter-spacing: -.065em;
}

.manucast-ranking-full > header p {
  max-width: 680px;
  margin: 0;
  color: var(--mc-muted);
  font-size: clamp(1rem, 1.4vw, 1.15rem);
}

.manucast-ranking-full ol {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.manucast-ranking-full li {
  display: grid;
  grid-template-columns: 112px 96px minmax(0, 1fr) auto;
  gap: clamp(16px, 2.2vw, 28px);
  align-items: center;
  min-height: 132px;
  padding: 18px 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 22px;
  background:
    linear-gradient(110deg, rgba(255,255,255,.035), transparent 35%),
    #0d1014;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
  transition: transform .22s ease, border-color .22s ease, background-color .22s ease;
}

.manucast-ranking-full li:hover,
.manucast-ranking-full li:focus-within {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.2);
  background-color: #12161b;
}

.manucast-rank-number {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  color: rgba(238,241,244,.48);
  pointer-events: none;
  user-select: none;
}

.manucast-rank-number__glyph {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
  shape-rendering: geometricPrecision;
}

.manucast-ranking-full .rank-number {
  width: 96px;
}

.rank-number-fallback {
  color: rgba(238,241,244,.48);
  font-size: 4.2rem;
  font-weight: 400;
  line-height: 1;
}

.rank-cover {
  width: 96px;
  height: 96px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background: var(--mc-surface);
  box-shadow: 0 16px 42px rgba(0,0,0,.28);
}

.rank-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rank-copy {
  min-width: 0;
}

.rank-copy > span {
  color: var(--mc-muted);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.rank-copy h3 {
  margin: 5px 0 4px;
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.rank-copy h3 a {
  text-decoration: none;
}

.rank-copy small {
  color: var(--mc-muted);
}

.manucast-ranking-full .manucast-play-button {
  min-width: 126px;
  min-height: 46px;
  border-color: rgba(255,255,255,.15);
  background: #f2f3f4;
  color: #0b0d10;
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
}

@media (max-width: 820px) {
  .manucast-ranking-full li {
    grid-template-columns: 78px 76px minmax(0, 1fr);
    gap: 14px;
    min-height: 108px;
    padding: 14px;
  }

  .manucast-ranking-full .rank-number {
    width: 76px;
  }

  .rank-cover {
    width: 76px;
    height: 76px;
    border-radius: 14px;
  }

  .manucast-ranking-full .manucast-play-button {
    grid-column: 2 / -1;
    justify-self: start;
    min-width: 112px;
  }
}

@media (max-width: 520px) {
  .manucast-ranking-full li {
    grid-template-columns: 58px 64px minmax(0, 1fr);
    gap: 10px;
    border-radius: 18px;
  }

  .manucast-ranking-full .rank-number {
    width: 58px;
  }

  .rank-cover {
    width: 64px;
    height: 64px;
  }

  .rank-copy small {
    display: none;
  }
}

.manucast-episode-video {
  margin:0 0 44px;
}

.manucast-video-preview {
  position:relative;
  min-height:clamp(270px,38vw,520px);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:clamp(24px,4vw,48px);
  border:1px solid var(--mc-line);
  border-radius:25px;
  overflow:hidden;
  background:linear-gradient(90deg,rgba(5,7,10,.94),rgba(5,7,10,.25)),var(--video-poster) center/cover no-repeat;
}

.manucast-video-preview:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(5,7,10,.82),transparent 65%);
  pointer-events:none;
}

.manucast-video-preview>div,.manucast-video-preview>button {
  position:relative;
  z-index:2;
}

.manucast-video-preview strong {
  display:block;
  font-size:clamp(1.8rem,4vw,4rem);
  line-height:.95;
  letter-spacing:-.05em;
}

.manucast-video-preview span {
  display:block;
  color:#d4d8dc;
  margin-top:8px;
}

.manucast-video-preview .manucast-button {
  flex:none;
}

@media(max-width:820px) {
  .manucast-video-preview {
    align-items:flex-start;
    flex-direction:column;
    justify-content:flex-end;
  }
}

@media(max-width:520px) {
  .manucast-video-preview {
    min-height:330px;
  }
}

html.manucast-lock {
  overflow:hidden;
}

.manucast-network-panel h2 {
  font-size:clamp(2rem,4vw,4rem);
  line-height:.95;
  letter-spacing:-.055em;
  margin:8px 0 16px;
}

.manucast-network-panel header p {
  color:var(--mc-muted);
  max-width:520px;
}

.manucast-channel {
  border-color:rgba(255,255,255,.13);
  background:#161b21;
  background:linear-gradient(145deg,color-mix(in srgb,var(--channel-color),#12161b 82%),#12161b);
}

/* MANUcast Platform 14 components */

.manucast-main {
  background:radial-gradient(circle at 8% 16%,rgba(91,98,108,.08),transparent 30%),radial-gradient(circle at 92% 55%,rgba(57,62,72,.08),transparent 32%),var(--mc-bg);
}

.manucast-feature-card {
  transition:transform .3s,border-color .3s;
}

.manucast-feature-card:hover {
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.24);
}

.manucast-channel-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.manucast-channel {
  min-height:175px;
}

.manucast-channel-symbol {
  width:58px;
  height:58px;
  border-radius:50%;
  font-size:2rem;
  transition:transform .25s;
}

.manucast-channel:hover .manucast-channel-symbol {
  transform:rotate(-7deg) scale(1.08);
}

.manucast-channel strong {
  font-size:1.14rem;
}

.manucast-channel:before {
  content:"Explorar →";
  position:absolute;
  right:18px;
  bottom:18px;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  opacity:0;
  transform:translateX(-5px);
  transition:.22s;
}

.manucast-channel:hover:before {
  opacity:.75;
  transform:none;
}

.manucast-contact-module {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:clamp(30px,6vw,90px);
  align-items:start;
}

.manucast-contact-intro h2 {
  font-size:clamp(2.4rem,5vw,5.6rem);
  line-height:.9;
  letter-spacing:-.06em;
  margin:0 0 20px;
}

.manucast-contact-intro>p {
  color:var(--mc-muted);
  font-size:1.1rem;
}

.manucast-contact-intro dl {
  display:grid;
  gap:14px;
  margin-top:34px;
}

.manucast-contact-intro dl>div {
  padding:16px 0;
  border-top:1px solid var(--mc-line);
}

.manucast-contact-intro dt {
  font-weight:800;
}

.manucast-contact-intro dd {
  margin:3px 0 0;
  color:var(--mc-muted);
}

.manucast-contact-form {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  padding:clamp(22px,4vw,42px);
  border:1px solid var(--mc-line);
  border-radius:26px;
  background:linear-gradient(145deg,#1a1f25,#11151a);
}

.manucast-contact-form label {
  display:grid;
  gap:7px;
  color:var(--mc-muted);
  font-size:.8rem;
  font-weight:750;
}

.manucast-contact-form .is-wide,.manucast-contact-form .manucast-button,.manucast-form-success {
  grid-column:1/-1;
}

.manucast-contact-form input,.manucast-contact-form select,.manucast-contact-form textarea {
  width:100%;
  border:1px solid var(--mc-line);
  border-radius:13px;
  background:#0d1014;
  color:#fff;
  padding:13px;
}

.manucast-contact-form textarea {
  resize:vertical;
}

.manucast-honeypot {
  position:absolute!important;
  left:-9999px!important;
}

.manucast-form-success {
  padding:13px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;
  background:rgba(255,255,255,.05);
}

.manucast-channel-archive {
  padding-block:50px;
}

.manucast-channel-archive-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.manucast-channel-archive-card {
  position:relative;
  min-height:280px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:28px;
  border:1px solid color-mix(in srgb,var(--channel-color),transparent 55%);
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(145deg,color-mix(in srgb,var(--channel-color),#11151a 82%),#11151a);
}

.manucast-channel-archive-card .manucast-channel-symbol {
  position:static;
  margin-bottom:auto;
}

.manucast-channel-archive-card h2 {
  font-size:2rem;
  line-height:1;
  margin:28px 0 8px;
}

.manucast-channel-archive-card p {
  color:#c4cad0;
}

.manucast-channel-single .manucast-reading-content {
  max-width:860px;
}

.manucast-channel-single-symbol {
  font-size:clamp(5rem,12vw,11rem);
  line-height:1;
  color:var(--channel-color);
}

.manucast-explore-feature {
  display:grid;
  grid-template-columns:100px 1fr;
  gap:16px;
  align-items:center;
  padding:15px;
  border:1px solid var(--mc-line);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}

.manucast-explore-feature img {
  width:100px;
  height:100px;
  border-radius:14px;
  object-fit:cover;
}

.manucast-explore-feature small {
  display:block;
  color:var(--mc-muted);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.manucast-explore-feature strong {
  display:block;
  font-size:1.15rem;
  line-height:1.1;
  margin-top:5px;
}

@media(max-width:1180px) {
  .manucast-channel-grid {
    grid-template-columns:repeat(4,1fr);
  }
}

@media(max-width:820px) {
  .manucast-channel-grid {
    grid-template-columns:repeat(2,1fr);
  }

  .manucast-contact-module {
    grid-template-columns:1fr;
  }

  .manucast-channel-archive-grid {
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:520px) {
  .manucast-contact-form {
    grid-template-columns:1fr;
  }

  .manucast-contact-form>* {
    grid-column:1!important;
  }

  .manucast-channel-archive-grid {
    grid-template-columns:1fr;
  }
}

/* MANUcast Framework 11: responsive editorial system */
:root {
  --mc-header-logo-width: 224px;
  --mc-header-logo-mobile: 176px;
  --mc-footer-logo-width: 280px;
  --mc-space-section: clamp(40px, 4.4vw, 66px);
}

.manucast-brand .custom-logo-link {
  display: block;
  line-height: 0;
}

.manucast-brand .custom-logo {
  display: block;
  width: min(var(--mc-header-logo-width), 29vw) !important;
  height: auto !important;
  max-width: none !important;
  max-height: 58px !important;
  object-fit: contain;
}

/* Top 5: vector numerals, no horizontal scrolling */
.manucast-top-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(20px, 2.2vw, 36px);
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  list-style: none;
}

.manucast-top-item {
  position: relative;
  min-width: 0;
  padding-top: clamp(58px, 5.8vw, 78px);
  isolation: isolate;
}

.manucast-top-item > .manucast-top-number {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: min(82%, 154px);
  max-width: 100%;
  color: rgba(238,241,244,.50);
  opacity: 1;
}

.manucast-top-item > .manucast-top-number .manucast-rank-number__glyph {
  stroke-width: 1.5;
}

.manucast-top-art {
  position: relative;
  z-index: 1;
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 19px;
  background: var(--mc-surface);
  box-shadow: 0 20px 52px rgba(0,0,0,.32);
}

.manucast-top-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.manucast-top-item:hover .manucast-top-art img,
.manucast-top-item:focus-within .manucast-top-art img {
  transform: scale(1.035);
}

.manucast-top-copy {
  position: relative;
  z-index: 1;
  padding: 15px 2px 0;
}

.manucast-top-copy > span {
  color: var(--mc-muted);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .105em;
  text-transform: uppercase;
}

.manucast-top-copy h3 {
  display: -webkit-box;
  margin: 6px 0 5px;
  overflow: hidden;
  font-size: clamp(1.02rem, 1.35vw, 1.32rem);
  line-height: 1.08;
  letter-spacing: -.025em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.manucast-top-copy small {
  color: var(--mc-muted);
}

.manucast-top-item > .manucast-card-play {
  position: absolute;
  z-index: 2;
  right: 11px;
  bottom: 78px;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 50%;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity .2s ease, transform .2s ease;
}

.manucast-top-item:hover > .manucast-card-play,
.manucast-top-item:focus-within > .manucast-card-play {
  opacity: 1;
  transform: none;
}

/* Episodes: spacious native grid, configurable from Customizer */
.manucast-content-grid.is-episodes {
  display: grid;
  grid-template-columns: repeat(var(--episode-columns, 4), minmax(0, 1fr));
  column-gap: clamp(22px, 2.3vw, 36px);
  row-gap: clamp(32px, 3.6vw, 54px);
  overflow: visible;
}

.manucast-home-episodes .manucast-episode-card {
  min-width: 0;
}

/* Professional footer */
.manucast-site-footer {
  position: relative;
  overflow: hidden;
  padding: clamp(62px, 8vw, 112px) 0 118px;
  border-top: 1px solid var(--mc-line);
  background:
    radial-gradient(circle at 9% 8%, rgba(255,255,255,.065), transparent 29%),
    radial-gradient(circle at 88% 26%, rgba(91,99,111,.1), transparent 34%),
    #080a0d;
}

.manucast-footer-glow {
  position: absolute;
  inset: auto -10% -45% 30%;
  height: 430px;
  pointer-events: none;
  background: radial-gradient(ellipse, rgba(255,255,255,.05), transparent 68%);
}

.manucast-footer-lead {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  gap: clamp(42px, 7vw, 110px);
  align-items: end;
  padding-bottom: clamp(46px, 6vw, 76px);
  border-bottom: 1px solid var(--mc-line);
}

.manucast-footer-brand {
  min-width: 0;
}

.manucast-footer-logo {
  display: inline-flex;
  max-width: min(var(--mc-footer-logo-width), 72vw);
  align-items: center;
  margin: 3px 0 22px;
  line-height: 0;
}

.manucast-footer-logo-image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 112px;
  object-fit: contain;
  object-position: left center;
}

.manucast-footer-brand > p {
  max-width: 690px;
  margin: 0;
  color: #c2c8ce;
  font-size: clamp(1.2rem, 2.2vw, 2.05rem);
  line-height: 1.18;
  letter-spacing: -.025em;
}

.manucast-social-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.manucast-social-menu a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 0 13px;
  border: 1px solid var(--mc-line);
  border-radius: 999px;
  color: var(--mc-muted);
  font-size: .78rem;
}

.manucast-social-menu a:hover {
  border-color: rgba(255,255,255,.3);
  color: #fff;
}

.manucast-footer-cta {
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid var(--mc-line);
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(31,36,43,.86), rgba(14,17,21,.9));
  box-shadow: 0 24px 70px rgba(0,0,0,.24);
}

.manucast-footer-cta h2 {
  margin: 4px 0 12px;
  font-size: clamp(2rem, 3.5vw, 3.8rem);
  line-height: .94;
  letter-spacing: -.055em;
}

.manucast-footer-cta p {
  margin: 0 0 22px;
  color: var(--mc-muted);
}

.manucast-footer-directory {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(26px, 4vw, 62px);
  padding-top: clamp(42px, 5vw, 66px);
}

.manucast-footer-column h3,
.manucast-footer-column .manucast-widget-title {
  margin: 0 0 16px;
  color: #fff;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.manucast-footer-column ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.manucast-footer-column li {
  margin: 9px 0;
}

.manucast-footer-column a,
.manucast-footer-column p {
  color: var(--mc-muted);
}

.manucast-footer-column a:hover {
  color: #fff;
}

.manucast-footer-bottom {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 46px;
  padding-top: 26px;
  border-top: 1px solid var(--mc-line);
  color: var(--mc-muted);
  font-size: .8rem;
}

@media (max-width: 1180px) {
  .manucast-top-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .manucast-top-item:nth-child(4),
  .manucast-top-item:nth-child(5) {
    margin-top: 12px;
  }

  .manucast-content-grid.is-episodes {
    grid-template-columns: repeat(min(var(--episode-columns, 4), 3), minmax(0, 1fr));
  }

  .manucast-footer-lead {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .manucast-brand .custom-logo {
    width: min(var(--mc-header-logo-mobile), 47vw) !important;
    max-height: 48px !important;
  }

  .manucast-top-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 18px;
  }

  .manucast-top-item:nth-child(5) {
    grid-column: 1 / -1;
    width: min(48%, 260px);
    justify-self: center;
  }

  .manucast-content-grid.is-episodes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 16px;
  }

  .manucast-footer-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .manucast-top-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .manucast-top-item,
  .manucast-top-item:nth-child(5) {
    grid-column: auto;
    width: 100%;
    max-width: 330px;
    justify-self: center;
  }

  .manucast-content-grid.is-episodes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 13px;
  }

  .manucast-footer-directory {
    grid-template-columns: 1fr;
  }

  .manucast-footer-bottom {
    flex-direction: column;
  }
}