/* Mackasey — Podcast Visibility Sprint (leaders + authors).
   Extends site.css and services-podcast-strategy.css. Page-level only:
   the deliverable columns, the investment block and the audience switch. */

/* Audience switch — the one element unique to these two pages. It sits under
   the hero and lets a visitor who landed on the wrong version cross over. */
.switch{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:.5rem 1.15rem;
  margin-top:clamp(1.6rem,2.6vw,2.3rem);
  padding-top:1.15rem; border-top:1px solid var(--line);
  font-size:var(--t-small);
}
.switch__label{
  font-size:var(--t-eyebrow); letter-spacing:.19em; text-transform:uppercase;
  color:var(--charcoal-soft);
}
.switch a{ color:var(--olive); text-underline-offset:.32em }
.switch a:hover{ text-decoration-thickness:2px }

/* Deliverables — four stages of the work. Rules cap each column, matching
   the numbered treatment on the strategy page. */
.stages{
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:clamp(1.5rem,2.8vw,2.6rem); margin-top:clamp(2.2rem,4vw,3.4rem);
}
.stage{ border-top:2px solid var(--citron); padding-top:1.15rem }
.stage h3{ margin-bottom:.85rem }
.stage ul{ margin:0 }
.stage li{
  padding:.72rem 0 .72rem 1.35rem; border-bottom:1px solid var(--line);
  position:relative; font-size:var(--t-small); line-height:1.6;
  color:var(--ink-soft);
}
.stage li:last-child{ border-bottom:0 }
.stage li::before{
  content:""; position:absolute; left:0; top:1.16rem;
  width:.4rem; height:.4rem; background:var(--citron);
}

/* Investment. Two markets, one program. */
.invest{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.5rem,3.4vw,3.2rem); max-width:760px;
  margin-top:clamp(2rem,3.6vw,2.9rem);
}
.invest__cell{ border-top:2px solid var(--citron); padding-top:1.15rem }
.invest__market{
  font-size:var(--t-eyebrow); letter-spacing:.19em; text-transform:uppercase;
  color:var(--charcoal-soft); margin-bottom:.5rem;
}
.invest__figure{
  font-family:var(--display); font-weight:500; line-height:1;
  font-size:clamp(2.3rem,4.4vw,3.3rem); letter-spacing:-.015em;
}
.invest__note{ margin-top:clamp(1.6rem,2.6vw,2.2rem); max-width:52ch }

/* Repurposing tiles. */
.tiles{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.4rem }
.tiles span{
  border:1px solid var(--line); padding:.66rem 1rem;
  font-size:var(--t-eyebrow); letter-spacing:.15em; text-transform:uppercase;
  color:var(--ink-soft);
}

/* Questions. */
.qa{ display:grid; grid-template-columns:1fr 1fr; gap:0 clamp(2rem,4.4vw,4rem) }
.qa__item{ border-top:1px solid var(--line); padding:1.65rem 0 }
.qa__item h3{ margin-bottom:.6rem }
.qa__item p{ font-size:var(--t-small); line-height:1.7; color:var(--ink-soft) }
.band-dark .qa__item{ border-top-color:rgba(244,242,237,.18) }
.band-dark .qa__item p{ color:var(--on-dark-soft) }

/* Publisher tiers — authors page only. */
.tiers{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:clamp(1.5rem,2.8vw,2.6rem); margin-top:clamp(2rem,3.6vw,2.9rem);
}
.tier{ border-top:2px solid var(--citron); padding-top:1.15rem }
.tier h3{ margin-bottom:.6rem }
.tier p{ font-size:var(--t-small); line-height:1.65; color:var(--ink-soft) }

@media (max-width:900px){
  .stages{ grid-template-columns:1fr 1fr }
  .qa{ grid-template-columns:1fr }
  .qa__item:nth-child(2){ border-top:1px solid var(--line) }
  .tiers{ grid-template-columns:1fr }
}
@media (max-width:620px){
  .stages,.invest{ grid-template-columns:1fr }
}