/* The podcast index (4 Sep 2026). Drawn by novamira-sandbox/podcast-index.php. */
.soma-pc{--pc-max:1180px;background:var(--soma-base)}
.soma-pc h1,.soma-pc h2{text-wrap:balance}
.soma-pc p{margin:0}
.soma-pc-hero{background:var(--soma-primary);color:var(--soma-white);position:relative;overflow:hidden;padding:clamp(3rem,2rem + 4vw,6rem) var(--soma-gutter) clamp(2.5rem,1.5rem + 3vw,4.5rem)}
.soma-pc-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(70% 90% at 15% 20%,rgba(13,124,104,.35) 0%,rgba(13,124,104,0) 60%),radial-gradient(50% 70% at 95% 100%,rgba(204,213,255,.18) 0%,rgba(204,213,255,0) 60%);pointer-events:none}
.soma-pc-hero__in{position:relative;max-width:var(--pc-max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,1rem + 5vw,6rem);align-items:end}
.soma-pc-hero .soma-eyebrow{color:var(--soma-periwinkle)}
.soma-pc-hero h1{color:var(--soma-white);font-size:clamp(2.5rem,1.2rem + 4.6vw,4.6rem);letter-spacing:-.01em;margin:18px 0 22px}
.soma-pc-lead{color:var(--soma-white-70);font-size:clamp(1.125rem,1.05rem + .35vw,1.375rem);line-height:1.6;max-width:34em}
.soma-pc-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.soma-pc-facts span{display:flex;flex-direction:column;gap:4px;background:var(--soma-white-12);border-radius:var(--soma-r-md);padding:16px 18px;font-size:.875rem;color:var(--soma-white-70)}
.soma-pc-facts b{font-family:var(--soma-font-display);font-weight:600;font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);line-height:1;color:var(--soma-white);font-variant-numeric:tabular-nums}
/* latest: the player */
.soma-pc-latest{padding:clamp(2.5rem,1.5rem + 3vw,4.5rem) var(--soma-gutter) 0}
.soma-pc-latest__in{max-width:var(--pc-max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(1.5rem,1rem + 2vw,3rem);align-items:stretch;background:var(--soma-white);border-radius:var(--soma-r-lg);overflow:hidden}
.soma-pc-player{position:relative;width:100%;min-width:0;height:100%;min-height:380px;background:var(--soma-primary-deep);border-left:6px solid var(--c)}
.soma-pc-player img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.soma-pc-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.soma-pc-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;border:0;background:var(--soma-white);box-shadow:0 12px 30px rgba(0,0,0,.35);cursor:pointer;transition:transform var(--soma-dur-btn)}
.soma-pc-play::after{content:'';position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent var(--soma-primary)}
.soma-pc-play:hover{transform:scale(1.06)}
.soma-pc-play--sm{width:48px;height:48px;margin:-24px 0 0 -24px;pointer-events:none}
.soma-pc-play--sm::after{border-width:8px 0 8px 14px}
.soma-pc-latest__body{display:flex;flex-direction:column;gap:12px;padding:clamp(1.5rem,1rem + 2vw,2.5rem) clamp(1.5rem,1rem + 2vw,2.5rem) clamp(1.5rem,1rem + 2vw,2.5rem) 0}
.soma-pc-latest h2{font-size:clamp(1.6rem,1.2rem + 1.5vw,2.3rem);line-height:1.15}
.soma-pc .soma-pc-latest h2 a{color:var(--soma-primary);text-decoration:none}
.soma-pc-latest__meta{color:var(--soma-text);font-size:.9375rem}
.soma-pc-latest__ex{color:#262838;font-size:1rem;line-height:1.6}
.soma-pc-latest__acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.soma-pc-card__show{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--c)}
.soma-pc-card__show i{font-style:normal;color:var(--soma-text);letter-spacing:.1em}
/* shelf */
.soma-pc-shelf{padding:clamp(2.5rem,1.5rem + 3vw,4.5rem) var(--soma-gutter)}
.soma-pc-shelf__in{max-width:var(--pc-max);margin:0 auto}
.soma-pc-shelf__head{margin-bottom:22px}
.soma-pc-shelf h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);margin-top:8px}
.soma-pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,.75rem + 1vw,1.5rem)}
.soma-pc .soma-pc-card{display:flex;flex-direction:column;background:var(--soma-white);border-radius:var(--soma-r-lg);overflow:hidden;color:var(--soma-primary);text-decoration:none;transition:transform var(--soma-dur-lift) var(--soma-ease),box-shadow var(--soma-dur-lift) var(--soma-ease)}
.soma-pc .soma-pc-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px var(--soma-shadow)}
.soma-pc-card__media{position:relative;display:block;aspect-ratio:16/9;background:var(--soma-primary-deep);overflow:hidden;border-left:5px solid var(--c)}
.soma-pc-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.soma-pc-card__dur{position:absolute;right:10px;bottom:10px;background:rgba(14,29,39,.85);color:var(--soma-white);font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:6px}
.soma-pc-card__body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}
.soma-pc-card__title{font-family:var(--soma-font-display);font-weight:600;font-size:1.35rem;line-height:1.15;text-wrap:balance}
.soma-pc-card__meta{color:var(--soma-text);font-size:.8125rem;margin-top:auto}
/* ending */
.soma-pc-end{background:var(--soma-primary);color:var(--soma-white);padding:clamp(3.5rem,2rem + 5vw,7rem) var(--soma-gutter)}
.soma-pc-end__in{max-width:var(--pc-max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,1rem + 4vw,5rem);align-items:center}
.soma-pc-end .soma-eyebrow{color:var(--soma-periwinkle)}
.soma-pc-end h2{color:var(--soma-white);font-size:clamp(2rem,1.3rem + 3vw,3.4rem);margin:14px 0 14px}
.soma-pc-end p{color:var(--soma-white-70);max-width:36em;font-size:1.0625rem}
.soma-pc-end__acts{display:flex;flex-direction:column;gap:10px;min-width:280px}
.soma-pc-end__acts .soma-btn{justify-content:center}
.soma-pc a.soma-pc-ghost{background:transparent;color:var(--soma-primary);box-shadow:inset 0 0 0 1.5px var(--soma-line)}
.soma-pc a.soma-pc-ghost:hover{background:var(--soma-base)}
.soma-pc .soma-pc-end a.soma-pc-ghost{color:var(--soma-white);box-shadow:inset 0 0 0 1.5px var(--soma-line-inverse)}
.soma-pc .soma-pc-end a.soma-pc-ghost:hover{background:var(--soma-white-12)}
@media (max-width:1100px){
  .soma-pc-hero__in{grid-template-columns:1fr;align-items:start}
  .soma-pc-facts{max-width:520px}
  .soma-pc-latest__in{grid-template-columns:1fr}\n  .soma-pc-player{height:auto;min-height:0;aspect-ratio:16/9}
  .soma-pc-latest__body{padding:0 clamp(1.25rem,1rem + 2vw,2.5rem) clamp(1.5rem,1rem + 2vw,2.5rem)}
  .soma-pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .soma-pc-end__in{grid-template-columns:1fr}
  .soma-pc-end__acts{flex-direction:row;flex-wrap:wrap}
}
@media (max-width:640px){
  .soma-pc-hero h1{font-size:clamp(2.25rem,8.6vw,2.9rem)}
  .soma-pc-facts{grid-template-columns:1fr 1fr;gap:8px}
  .soma-pc-facts span{padding:12px 14px}
  .soma-pc-grid{grid-template-columns:1fr}
  .soma-pc-play{width:64px;height:64px;margin:-32px 0 0 -32px}
  .soma-pc-latest__acts .soma-btn{flex:1;justify-content:center}
  .soma-pc-end__acts{flex-direction:column}
}


/* soma: green closing band */
/* The band and the footer were the same navy, so the page's last call to action
   dissolved into the footer. Green separates them. */
.soma-pc-end{background:var(--soma-secondary)}
.soma-pc-end .soma-eyebrow{color:rgba(255,255,255,.72)}
.soma-pc-end p{color:rgba(255,255,255,.82)}
.soma-pc-end__acts .soma-btn:not(.soma-pc-ghost){background:var(--soma-white);color:var(--soma-secondary);border-color:var(--soma-white)}
/* templates.css turns every .soma-page link navy on hover, which blacks out
   links on a coloured surface. Hold white here. */
section.soma-pc-end a:hover,section.soma-pc-end a:focus-visible{color:var(--soma-white)}
section.soma-pc-end .soma-pc-end__acts a.soma-btn:not(.soma-pc-ghost):hover,
section.soma-pc-end .soma-pc-end__acts a.soma-btn:not(.soma-pc-ghost):focus-visible{color:var(--soma-secondary)}