/* Podcast growth tools. Extends the hosting page components (podcast-hosting.css); Springcast Design System tokens only. */
.scg-badge { display: inline-flex; align-items: center; padding: 3px 9px; margin-right: 4px; border-radius: 999px; background: var(--sc-action-primary-bg); color: var(--sc-action-primary-fg); font: 600 .6875rem/1.4 var(--sc-font-body); letter-spacing: .02em; text-transform: none; }
.scg .sch-kicker:has(.scg-badge)::before { display: none; }

.scg-problem-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.scg-problem-list li { padding: 28px; border: 1px solid var(--sc-border); border-radius: var(--sc-radius-lg); background: var(--sc-bg-canvas); }
.scg-problem-list .sch-step-num { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 22px; border: 1px solid var(--sc-border); border-radius: 50%; color: var(--sc-fg-link); font: 500 .75rem var(--sc-font-mono); }
.scg-problem-list h3 { font-size: 1.1875rem; }
.scg-problem-list p { margin-top: 12px; font-size: .9375rem; line-height: 1.7; color: var(--sc-fg-muted); }
.scg-problems { padding-bottom: 0; }

.scg-split { display: grid; grid-template-columns: .8fr 1.2fr; gap: 64px; align-items: center; }
.scg-split--reverse { grid-template-columns: 1.2fr .8fr; }
.scg-split--reverse > .sch-player-copy { order: 2; }
.scg-stage--ember { background: var(--sc-palette-ember-100); }
.scg-stage--ember::before { background: var(--sc-palette-iris-600); }
.scg-stage--ember .sch-caption { color: var(--sc-palette-ember-700); }

.scg-proof { padding-top: 0; }
.scg-snippets + .scg-social { padding-bottom: var(--sc-space-9); }
.scg-proof-card { margin: 0; display: grid; grid-template-columns: 1.4fr .9fr; gap: 24px 64px; align-items: end; padding: 48px; border-radius: var(--sc-radius-lg); background: var(--sc-bg-brand); color: var(--sc-fg-on-brand); }
.scg-proof-card blockquote { margin: 0; grid-column: 1; }
.scg-proof-card blockquote p { font: 650 clamp(1.5rem,2.3vw,2.125rem)/1.25 var(--sc-font-display); letter-spacing: -.03em; color: var(--sc-fg-on-brand); }
.scg-proof-card figcaption { grid-column: 1; display: flex; flex-direction: column; gap: 4px; font-size: .875rem; color: var(--sc-palette-iris-100); }
.scg-proof-card figcaption strong { color: var(--sc-fg-on-brand); font-weight: 600; }
.scg-proof-stats { grid-column: 2; grid-row: 1 / span 2; margin: 0; display: grid; gap: 22px; align-self: center; }
.scg-proof-stats div { border-top: 1px solid var(--sc-palette-iris-500); padding-top: 16px; }
.scg-proof-stats dt { font: 700 clamp(2rem,3vw,2.75rem)/1 var(--sc-font-display); letter-spacing: -.04em; color: var(--sc-palette-ember-300); }
.scg-proof-stats dd { margin: 8px 0 0; font-size: .875rem; color: var(--sc-palette-iris-100); }
.scg-proof-card .sch-link { grid-column: 1; color: var(--sc-fg-on-brand); }
.scg-proof-card :focus-visible { outline-color: var(--sc-focus-ring-inverse); }

.scg-features { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px 32px; }
.scg-features .sch-feature:nth-child(5) .sch-feature-icon { background: var(--sc-palette-ember-100); color: var(--sc-palette-ember-700); }
.scg-features .sch-feature:nth-child(6) .sch-feature-icon { background: var(--sc-bg-selected); color: var(--sc-fg-link); }

.scg-plans { background: var(--sc-bg-subtle); }
.scg-table-wrap { position: relative; overflow-x: auto; border: 1px solid var(--sc-border); border-radius: var(--sc-radius-lg); background: var(--sc-bg-canvas); }
.scg-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: .9375rem; }
.scg-table th, .scg-table td { padding: 18px 22px; text-align: left; border-bottom: 1px solid var(--sc-border); vertical-align: middle; }
.scg-table tbody tr:last-child th, .scg-table tbody tr:last-child td { border-bottom: 0; }
.scg-table thead th { vertical-align: bottom; font-weight: 500; color: var(--sc-fg-muted); font-size: .8125rem; }
.scg-table thead th + th { width: 22%; }
.scg-table tbody th { font-weight: 600; color: var(--sc-fg-heading); }
.scg-table td { color: var(--sc-fg-muted); }
.scg-table th:nth-child(4), .scg-table td:nth-child(4) { background: var(--sc-bg-selected); }
.scg-plan { display: block; font: 650 1.125rem/1.3 var(--sc-font-display); letter-spacing: -.02em; color: var(--sc-fg-heading); }
.scg-price { display: inline-block; margin-top: 6px; font: 700 1.5rem/1 var(--sc-font-display); color: var(--sc-fg-heading); }
.scg-per { margin-left: 6px; font-size: .75rem; color: var(--sc-fg-muted); }
.scg-yes { color: var(--sc-fg-accent); font-weight: 700; }
.scg-no { color: var(--sc-fg-muted); }
.scg-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.scg-plans-foot { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 4px; }

.scg .sch-panel .sch-shot img { background: var(--sc-bg-canvas); }

@media(max-width:1023px) {
  .scg-problem-list { grid-template-columns: 1fr; gap: 16px; }
  .scg-problem-list li { display: grid; grid-template-columns: 42px 1fr; gap: 6px 17px; padding: 24px; }
  .scg-problem-list .sch-step-num { grid-row: span 2; margin: 0; }
  .scg-problem-list p { margin-top: 0; }
  .scg-split, .scg-split--reverse { grid-template-columns: 1fr; gap: 36px; }
  .scg-split--reverse > .sch-player-copy { order: 0; }
  .scg-proof-card { grid-template-columns: 1fr; padding: 36px; }
  .scg-proof-stats { grid-column: 1; grid-row: auto; grid-template-columns: 1fr 1fr; }
  .scg-features { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
  .scg-problem-list li { grid-template-columns: 34px 1fr; gap: 6px 13px; padding: 20px; }
  .scg-problem-list .sch-step-num { width: 32px; height: 32px; font-size: .6875rem; }
  .scg-problem-list h3 { font-size: 1.0625rem; }
  .scg-problem-list p { font-size: .875rem; }
  .scg-split, .scg-split--reverse { gap: 28px; }
  .scg-proof-card { padding: 26px; gap: 20px; }
  .scg-proof-stats { gap: 16px; }
  .scg-table th, .scg-table td { padding: 14px 16px; font-size: .875rem; }
}
@media(max-width:359px) { .scg-features { grid-template-columns: 1fr; } .scg-proof-stats { grid-template-columns: 1fr; } }

@media(min-width:1101px) { .scg .sch-hero-grid { grid-template-columns: 1fr 1fr; } }
.scg .sch-panel .sch-shot:has(img[src*="player-embeds"]) { border: 0; background: transparent; }
.scg .sch-panel .sch-shot img[src*="player-embeds"] { background: transparent; }