/* The Context hub — watch (YouTube gallery, see yt-gallery.css) + listen
   (podcast feed) + why + community band. */

/* Subscribe buttons + episode cards + pagination now live in podcast-cards.css (shared with Podcast). */

/* --- why: prose measure --- */
.about-section{max-width:var(--measure);margin-inline:0}
.about-section p{margin-block-start:1rem}

/* --- community + patreon band --- */
.joinband{display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(1.4rem,3vw,2.6rem);align-items:start;
  border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:clamp(1.6rem,4vw,2.6rem);
  background:var(--silver-soft);position:relative;overflow:hidden}
.joinband::before{content:"";position:absolute;inset:0;background:var(--silver);opacity:.07}
.joinband>*{position:relative}
@media(max-width:768px){.joinband{grid-template-columns:1fr}}
.joinband__title{font-family:var(--font-display);font-weight:500;font-size:var(--step-1);margin-block-end:.6rem}
.joinband p{color:var(--ink-soft);max-width:56ch}
.joinband__social{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;list-style:none;margin:1.2rem 0 0;padding:0}
.joinband__patreon{border-inline-start:1px solid var(--line);padding-inline-start:clamp(1.2rem,3vw,2rem)}
@media(max-width:768px){.joinband__patreon{border-inline-start:0;padding-inline-start:0;border-block-start:1px solid var(--line);padding-block-start:1.4rem}}
.joinband__patreon h3{font-family:var(--font-display);font-weight:500;font-size:1.2rem;margin-block-end:.5rem}
.joinband__patreon .btn{margin-block-start:1.1rem}