/* Overthinking & Inner Pressure — page-specific styles.
   Artwork hooks and composition tweaks only.
============================================================ */

.s-hero--overthinking-system {
  --hero-title-measure: 14ch;
}

.s-hero--overthinking-system .s-hero__inner {
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.84fr);
}

.s-hero--overthinking-system .s-hero__copy {
  max-width: 62ch;
}

/* Open tabs */
.overthinking-open-tabs {
  --reflection-min: 18rem;
  --reflection-width: 1080px;
}

.overthinking-open-tabs p {
  min-height: 100%;
}

/* Shared page panels */
.overthinking-panel,
.overthinking-note,
.overthinking-neuro-note {
  max-width: 980px;
  margin: clamp(2.5rem, 5vw, 4rem) auto 0;
}

.overthinking-panel p {
  margin: 0;
}

.overthinking-panel p + p {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid rgba(170, 122, 45, 0.24);
}

.overthinking-note p strong {
  color: var(--brand-gold);
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 1rem + 0.7vw, 1.85rem);
  font-weight: 400;
  line-height: 1.18;
}

/* Strength cards */
.overthinking-strength-grid {
  --grid-min: 17rem;
  margin-top: clamp(3rem, 5.5vw, 4.75rem);
}

.overthinking-strength-grid .c-entry-card p {
  font-family: var(--font-display);
  font-size: clamp(1.18rem, 1rem + 0.55vw, 1.55rem);
  font-style: italic;
  line-height: 1.32;
}

/* Why the mind keeps working */
.overthinking-question-panel {
  align-self: start;
}

/* Support process */
.overthinking-split-copy {
  padding-left: clamp(1.5rem, 3vw, 2.8rem);
  border-left: 1px solid var(--section-rule-soft);
}

.overthinking-support-steps {
  margin-top: clamp(3rem, 5.5vw, 5rem);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(27rem, 100%), 1fr));
  gap: clamp(1rem, 2vw, 1.45rem);
}

.overthinking-support-steps .c-step__label::after {
  width: 3.6rem;
  background: linear-gradient(90deg, transparent, var(--section-rule), transparent);
}

/* Masking section */
.overthinking-reflection-cards .c-card h3 {
  max-width: none;
}

.overthinking-neuro-note h3 {
  max-width: 24ch;
}

.overthinking-neuro-note p {
  max-width: 76ch;
}

/* Entry points */
.overthinking-entry-grid {
  --grid-min: 18rem;
  margin-top: clamp(3rem, 5.5vw, 4.75rem);
}

.overthinking-entry-grid .c-entry-card h3 {
  max-width: 16ch;
}

@media (max-width: 880px) {
  .overthinking-split-copy {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 760px) {
  .s-hero--overthinking-system .s-hero__inner {
    grid-template-columns: 1fr;
  }
}