/* Page-local additions. The approved OP / END template supplies the shared styles. */
.podcast-support-page :is(#hero-message,#purpose-title) .copy-phrase { display:inline-block; white-space:nowrap; }
.podcast-support-page #hero-message .copy-phrase { max-width:100%; white-space:normal; }
.podcast-support-page #hero-message .copy-unit { display:inline-block; white-space:nowrap; }
.podcast-support-page .op-hero .hero-title { white-space:nowrap; }
.podcast-support-page .hero-introduction { max-width:48em; margin-inline:auto; }
.podcast-support-page .hero-introduction p { color:var(--tx2); text-wrap:balance; }
.podcast-support-page .hero-introduction p + p { margin-top:8px; }
.podcast-support-page .support-note { text-align:center; color:var(--tx); margin-bottom:22px; }
.podcast-support-page .op-hero .sequence { align-items:stretch; grid-auto-rows:1fr; }
.podcast-support-page .op-hero .sequence > .support-segment > p { text-align:center; }
.podcast-support-page .op-hero .sequence h2 > span { display:inline-block; white-space:nowrap; }
.podcast-support-page .op-hero .support-segment.main-segment { background:var(--white); color:var(--tx); }
.podcast-support-page .op-hero .main-segment { display:block; padding-block:19px; }
.podcast-support-page .op-hero .main-segment .num { color:var(--tx2); margin-bottom:0; }
.podcast-support-page .op-hero .main-segment h2 { margin:8px 0 0; }
.podcast-support-page .op-hero .main-segment p { margin-inline:auto; }
.podcast-support-page .op-hero .main-segment p > span { display:inline-block; white-space:nowrap; }
.podcast-support-page .purpose-reader .purpose-tabs button { min-width:0; white-space:normal; overflow-wrap:break-word; text-wrap:pretty; }
.podcast-support-page .purpose-reader .purpose-tabs button > span { flex:none; }
.podcast-support-page .purpose-tab-label { flex:1; min-width:0; font:inherit; }
.podcast-support-page .purpose-tab-label span { display:inline-block; white-space:nowrap; }
.podcast-support-page .flow-row h3 { text-wrap:pretty; }

/* Package benefit and the two parties' responsibilities. */
.podcast-support-page :is(#cycle,#operation) { scroll-margin-top:100px; }
.podcast-support-page :is(.package-summary,.package-operation) .section-head { display:block; margin-bottom:32px; }
.podcast-support-page .package-summary { padding-bottom:32px; }
.podcast-support-page .package-benefit { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:start; gap:24px 32px; padding:28px; border:1px solid var(--tx); }
.podcast-support-page .package-benefit p { max-width:58em; margin:0; color:var(--tx2); }
.podcast-support-page .package-roles { margin-top:48px; }
.podcast-support-page .package-roles > h3 { margin-bottom:24px; }
.podcast-support-page .roles-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--tx); }
.podcast-support-page .role-column { min-width:0; padding:28px; }
.podcast-support-page .role-column + .role-column { border-left:1px solid var(--line); }
.podcast-support-page .role-column h4 { margin:0; font-family:var(--bold); }
.podcast-support-page .role-column ul { margin:14px 0 0; padding-left:1.25em; color:var(--tx2); }
.podcast-support-page .role-column li + li { margin-top:8px; }
.podcast-support-page .role-deliverables { margin-top:24px; }

/* Monthly discussion feeds into the five steps repeated for every episode. */
.podcast-support-page .package-operation { padding-top:0; }
.podcast-support-page .package-operation > .wrap { padding-top:32px; border-top:1px solid var(--line); }
.podcast-support-page .flow-icon { display:block; width:44px; height:44px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; color:var(--tx); }
.podcast-support-page .monthly-meeting { display:flex; align-items:flex-start; gap:24px; padding:28px; background:var(--gray1); border-top:1px solid var(--tx); border-bottom:1px solid var(--line); }
.podcast-support-page .monthly-meeting > div { min-width:0; }
.podcast-support-page .monthly-meeting p { margin-top:12px; color:var(--tx2); }
.podcast-support-page .cycle-feedback { display:flex; justify-content:space-between; gap:16px 32px; padding:24px 28px; }
.podcast-support-page .cycle-feedback p { color:var(--tx2); }
.podcast-support-page .cycle-feedback span { font-size:20px; font-weight:700; color:var(--tx); }
.podcast-support-page .episode-flow { padding-top:28px; border-top:1px solid var(--line); }
.podcast-support-page .episode-flow > p { margin-top:12px; color:var(--tx2); }
.podcast-support-page .episode-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px; list-style:none; margin:28px 0 0; padding:0; }
.podcast-support-page .episode-steps > li { position:relative; min-width:0; padding-top:20px; border-top:1px solid var(--tx); }
.podcast-support-page .episode-steps > li:not(:last-child)::after { content:""; position:absolute; top:37px; right:-18px; width:8px; height:8px; border-top:1px solid var(--tx2); border-right:1px solid var(--tx2); transform:rotate(45deg); }
.podcast-support-page .episode-steps .flow-icon { margin-bottom:16px; }
.podcast-support-page .episode-steps .step-no { display:block; color:var(--tx2); font-size:var(--os8-type-note); letter-spacing:.08em; }
.podcast-support-page .episode-steps h4 { margin:8px 0 0; font-family:var(--bold); text-wrap:pretty; }
.podcast-support-page .episode-steps p { margin-top:12px; color:var(--tx2); }

/* Keep the existing start guide and add its contract term beneath it. */
.podcast-support-page .package-contract { margin:32px 0 0 84px; }
.podcast-support-page .package-contract p { margin-top:12px; color:var(--tx2); }
.podcast-support-page .package-disclaimer { width:min(980px,calc(100% - 64px)); margin:0 auto; padding:0 0 40px; color:var(--tx2); text-align:center; }
.podcast-support-page .service-closing { background:var(--white); }

@media(min-width:761px) {
  .podcast-support-page .op-hero .sequence { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .podcast-support-page .op-hero .sequence > .support-segment > h2 { text-align:center; }
  .podcast-support-page .hero-introduction p > span { display:block; }
  .podcast-support-page .purpose-reader .purpose-entry { min-height:248px; }
  .podcast-support-page .service-closing__button { min-height:48px; }
}
@media(min-width:761px) and (max-width:1000px) {
  .podcast-support-page .op-hero .sequence h2 { min-height:3.1em; }
}
/* A vertical sequence at narrower widths keeps the reading order unambiguous. */
@media(max-width:1000px) {
  .podcast-support-page .episode-steps { grid-template-columns:minmax(0,1fr); gap:28px; }
  .podcast-support-page .episode-steps > li { display:grid; grid-template-columns:44px 24px minmax(0,1fr); gap:4px 16px; padding-top:20px; }
  .podcast-support-page .episode-steps > li:not(:last-child)::after { top:auto; right:auto; bottom:-16px; left:17px; transform:rotate(135deg); }
  .podcast-support-page .episode-steps .flow-icon { grid-column:1; grid-row:1 / 3; margin-bottom:0; }
  .podcast-support-page .episode-steps .step-no { grid-column:2; grid-row:1; padding-top:2px; }
  .podcast-support-page .episode-steps h4 { grid-column:3; grid-row:1; margin:0; }
  .podcast-support-page .episode-steps p { grid-column:3; grid-row:2; margin-top:4px; }
}
@media(max-width:760px) {
  .podcast-support-page .purpose-reader .purpose-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
  .podcast-support-page .op-hero .hero-title { white-space:normal; overflow-wrap:normal; }
  .podcast-support-page .op-hero .hero-diagram { margin-top:36px; }
  .podcast-support-page .support-note { margin-bottom:20px; text-align:left; }
  .podcast-support-page :is(#cycle,#operation) { scroll-margin-top:84px; }
  .podcast-support-page :is(.package-summary,.package-operation) .section-head { margin-bottom:24px; }
  .podcast-support-page .package-summary { padding-bottom:16px; }
  .podcast-support-page .package-benefit { grid-template-columns:minmax(0,1fr); gap:16px; padding:24px 20px; }
  .podcast-support-page .package-roles { margin-top:32px; }
  .podcast-support-page .roles-grid { grid-template-columns:minmax(0,1fr); }
  .podcast-support-page .role-column { padding:24px 20px; }
  .podcast-support-page .role-column + .role-column { border-left:0; border-top:1px solid var(--line); }
  .podcast-support-page .package-operation > .wrap { padding-top:16px; }
  .podcast-support-page .monthly-meeting { gap:16px; padding:24px 20px; }
  .podcast-support-page .cycle-feedback { flex-direction:column; gap:8px; padding:20px 0; }
  .podcast-support-page .episode-flow { padding-top:24px; }
  .podcast-support-page .episode-steps > li { grid-template-columns:36px 20px minmax(0,1fr); column-gap:12px; }
  .podcast-support-page .episode-steps .flow-icon { width:36px; height:36px; }
  .podcast-support-page .episode-steps > li:not(:last-child)::after { left:13px; }
  .podcast-support-page .package-contract { margin:28px 0 0 62px; }
  .podcast-support-page .package-disclaimer { width:calc(100% - 40px); padding-bottom:32px; text-align:left; }
}