/* ============================================
   PRIVATE SKATE PRACTICE PAGE
   Dark-mode landing page for the PSP residency.
   Hero + StreamField body live above; this
   stylesheet handles the dark page background
   and the CTA section below the body that
   triggers the signup overlay.

   Mirrors the spec of the Gift Campaign page's
   .gift-cta-section pattern but adapted for the
   ongoing-residency context (PSP has no time-
   limited cutoff messaging).
   ============================================ */

/* --- Page background (dark mode) --- */
.page-psp {
  background: var(--color-charcoal, #2b2b2b);
  color: var(--color-ivory, #f8f6f1);
}

/* StreamField body wrapper inherits the dark page background. Block-level
   color overrides for typography on dark are intentionally NOT applied here
   — individual StreamField blocks already handle their own theming via
   alternating section backgrounds (see blocks.css). If a body block reads
   poorly on dark, escalate the block, not this stylesheet. */
.psp-body {
  background: transparent;
}

/* --- Identity banner (authenticated users) --- */
.psp-identity-banner {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  border-left: 3px solid var(--color-gold, #c4a052);
  background: rgba(196, 160, 82, 0.06);
}

.psp-identity-banner__label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-gold, #c4a052);
}

.psp-identity-banner__name {
  font-weight: 600;
  color: var(--color-charcoal, #2b2b2b);
}

.psp-identity-banner__email {
  font-size: 0.875rem;
  color: #6b6b6b;
}

/* --- Description Section (alabaster) --- */
.psp-description {
  background: var(--color-alabaster, #f8f6f1);
  color: var(--color-charcoal, #2b2b2b);
  padding: 60px 0 80px;
}


.psp-description__title {
  font-family: var(--font-display, 'Playfair Display', serif);
  font-size: 1.5rem;
  font-weight: 300;
  line-height: var(--leading-tight, 1.15);
  color: var(--color-charcoal, #2b2b2b);
  margin: 0 0 0.5rem;
}

.psp-description__price {
  font-family: var(--font-body, 'Source Sans 3', sans-serif);
  font-size: 1.125rem;
  font-weight: 300;
  color: rgba(43, 43, 43, 0.6);
  margin: 0 0 2rem;
}

.psp-description .editorial-cta-btn {
  margin-bottom: 2.5rem;
}

/* Body text — matches .training-detail__body-text pattern */
.psp-description__body {
  font-family: var(--font-body, 'Source Sans 3', sans-serif);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.7;
  color: var(--color-charcoal, #2b2b2b);
  margin-bottom: 2.5rem;
}

.psp-description__body p {
  margin-bottom: 1em;
}

.psp-description__body p:last-child {
  margin-bottom: 0;
}

/* --- Mobile --- */
@media (max-width: 767px) {
  .psp-description {
    padding: 40px 0 60px;
  }

}