/* ============================================================
   Revonexis v3.2.0 — Clarity Architecture & Content System
   Additive/override styles only. Reuses the approved v3.1.6
   Satoshi/cyan/light-warm system — no new fonts, no new colors.
   Loaded last so it wins the cascade without !important.
   ============================================================ */

/* ---------- Diagnostics 2×2 grid (homepage + diagnostics.html) ----------
   .diag-grid is 3-across by default (storefront_additions.css). Four
   diagnostics (Revenue Leak Snapshot, AI Search Readiness, Growth
   Opportunity Scan, Revenue System Audit) read better as a 2×2 than a
   cramped 4-across or an uneven 3+1. Scoped to min-width so it falls
   back cleanly to the existing, already mobile-safe minmax(0,1fr)
   single-column rule at <=1100px — this rule never has to fight that
   breakpoint for specificity. */
@media (min-width: 1101px) {
  .diag-grid.diag-grid-4 { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- Three-principle grid (About section) ----------
   Same hairline-seam construction as .why-grid (1px gap on a
   var(--border) background), just three columns instead of two, so it
   can sit directly under the founder bio without introducing a new
   card component. */
.principles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 2rem;
}
.principles-grid .why-card { padding: 1.75rem 1.6rem; }
@media (max-width: 960px) {
  .principles-grid { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Compact method strip inside the Revenue System section ----------
   Reuses .journey-steps/.journey-step/.journey-sep (the old 7-step
   "How It Works" strip, now retired) at a smaller scale for the
   4-word Identify → Prioritise → Fix → Stabilise method line. */
.rsys-method-strip { margin-top: 2.75rem; }
.rsys-method-strip .journey-steps { margin-top: 0.9rem; }
.rsys-method-note {
  margin-top: 0.6rem;
  font-size: 0.85rem;
  color: var(--text);
}

/* ---------- Diagnostic card "best fit" line ----------
   Small, quiet addition to the Revenue Leak Snapshot card carrying the
   one line kept from the removed homepage Snapshot-Fit section. */
.diag-fit-line {
  margin-top: 0.6rem;
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--text);
}
.diag-fit-line strong { color: var(--white); font-weight: 700; }

/* ---------- Homepage final CTA: no contact-card, so tighten the
   bottom spacing left behind by its removal. ---------- */
.cta.cta-compact .section-inner { padding-bottom: 4rem; }