/* ============================================================
   /expertise/strategy-advisory/, page-local styles.
   Loaded after css/main.css; additions only, no overrides of
   global components.
   ============================================================ */

/* CTA row under the H1 + answer block */
.page-header__ctas {
  display:flex; align-items:center; gap:var(--s-6); flex-wrap:wrap;
  margin-top:var(--s-7);
}

/* ---------- 02 · The Strategic Intensive ---------- */

.scope h2 { max-width:20ch; }
.scope__intro { max-width:var(--text-max); color:var(--muted); margin-top:var(--s-5); margin-bottom:var(--s-7); }
.scope__pairing { max-width:var(--text-max-body); color:var(--muted); margin-top:var(--s-7); }

/* Four-part sequence, numbered rows, matching the editorial index
   pattern used on the sibling expertise pages rather than a card grid */
.intensive-steps { list-style:none; max-width:var(--text-max); margin:0; padding:0; }
.intensive-step {
  display:flex; gap:var(--s-5);
  padding:var(--s-5) 0;
  border-top:1px solid var(--border-light);
}
.intensive-step:last-child { border-bottom:1px solid var(--border-light); }
.intensive-step__numeral {
  font-family:var(--font-serif);
  font-size:1.375rem; line-height:1.3;
  color:var(--gold-700); /* Signal green. Was Deep Brass, retired with the light palette. */
  min-width:2.25rem;
}
.intensive-step__body h3 { margin-bottom:var(--s-2); }
.intensive-step__body p { color:var(--muted); }

/* Honest-answer note, signal hairline, pull-quote geometry without quote styling */
.standards-note { border-left:1px solid var(--gold-500); padding-left:var(--s-5); margin-top:var(--s-8); max-width:var(--text-max-body); }
.standards-note p { color:var(--muted); }
.standards-note p:first-child { color:var(--ink); margin-bottom:var(--s-2); }

/* ---------- 03 · Investment ---------- */

.investment h2 { max-width:20ch; }
.investment__intro { max-width:var(--text-max); color:var(--muted); margin-top:var(--s-5); }

/* The only published price on the site, given panel weight to match */
.price-card {
  /* V3: --ivory is a light TEXT colour now. Glass panel. */
  background:var(--paper);
  border:1px solid var(--border-light);
  border-radius:var(--r-md);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  padding:var(--card-pad);
  max-width:var(--text-max);
  margin-top:var(--s-7);
}
.price-card__label {
  display:block; text-transform:uppercase;
  color:var(--muted); margin-bottom:var(--s-5);
}
.price-card__figure {
  font-family:var(--font-serif);
  font-size:var(--fs-h2); line-height:1.1;
  display:flex; align-items:baseline; gap:var(--s-3); flex-wrap:wrap;
}
.price-card__from {
  font-family:var(--font-sans);
  font-size:var(--fs-small);
  text-transform:uppercase; letter-spacing:0.06em;
  color:var(--muted);
}
.price-card__terms {
  color:var(--muted);
  margin-top:var(--s-4);
  padding-bottom:var(--s-5);
  border-bottom:1px solid var(--border-light);
}
.price-card__notes { list-style:none; margin:var(--s-5) 0 0; padding:0; }
.price-card__notes li { color:var(--muted); }
.price-card__notes li + li { margin-top:var(--s-3); }
.price-card__notes strong { color:var(--ink); }
.price-card__cta { margin-top:var(--s-6); }
.price-card__micro { color:var(--muted); margin-top:var(--s-4); }

/* ---------- 04 · Advisory partnership ---------- */

.advisory h2 { max-width:20ch; }
.advisory__intro { max-width:var(--text-max); color:var(--muted); margin-top:var(--s-5); margin-bottom:var(--s-6); }
.advisory__terms {
  max-width:var(--text-max-body);
  color:var(--muted);
  margin-top:var(--s-7);
  margin-bottom:var(--s-5);
}

/* ---------- 05 · Proof ---------- */

/* Grid, not .work__rows. That class becomes a swipe carousel on mobile
   and expects the homepage dot markup */
.featured h2 { max-width:18ch; }
.featured__intro { max-width:var(--text-max); color:var(--muted); margin-top:var(--s-5); }
.featured__rows { display:grid; gap:var(--s-9); margin:var(--s-8) 0; }
.featured__proof-note { max-width:var(--text-max-body); color:var(--muted); }

/* ---------- 06 · Further reading ---------- */

.reading h2 { margin-bottom:var(--s-3); }
.reading__intro { max-width:var(--text-max); color:var(--muted); }
.reading__list { max-width:var(--text-max); margin-top:var(--s-6); }
.reading__list li { border-top:1px solid var(--border-light); padding:var(--s-5) 0; }
.reading__list li:last-child { border-bottom:1px solid var(--border-light); }
.reading__kicker { display:block; text-transform:uppercase; color:var(--muted); margin-bottom:var(--s-2); }
.reading__title { font-size:var(--fs-body-lg); font-weight:600; }
.reading__note { display:block; margin-top:var(--s-2); }

/* ---------- 07 · FAQ ---------- */

.faq-section h2 { margin-bottom:var(--s-5); }

/* ---------- Narrow viewports ---------- */

@media (max-width:640px) {
  .price-card { padding:var(--s-6); }
  .intensive-step { gap:var(--s-4); }
  .intensive-step__numeral { min-width:1.75rem; font-size:1.125rem; }
}
