/* ==========================================================================
   overview.css — premium page layer for /overview (enterprise packet)
   Loads AFTER shared/premium.css. Every rule scoped to body.page-overview.

   Decision flow this page drives (internal evaluator, forwarded link):
   1. Orient — who this packet describes (header, kicker, portrait)
   2. Scan — promise + capability grid in one viewport
   3. Verify — links and trust facts
   4. Act — single contact action
   ========================================================================== */

body.page-overview {
  background:
    radial-gradient(circle at 88% -6%, rgba(220, 230, 228, 0.85), transparent 42%),
    linear-gradient(180deg, var(--white), var(--paper));
}

body.page-overview a:focus-visible,
body.page-overview button:focus-visible {
  outline-color: var(--dark);
}

body.page-overview .eyebrow,
body.page-overview .overview-kicker {
  color: var(--sage);
  letter-spacing: 0.18em;
}

body.page-overview .header-cta,
body.page-overview .button.primary {
  background: var(--dark);
  color: var(--white);
}

body.page-overview .overview-sheet {
  border-radius: 14px;
  box-shadow: 0 22px 60px rgba(23, 56, 46, 0.1);
}

body.page-overview .overview-portrait {
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(23, 56, 46, 0.14);
}

/* Premium retune: links in forest/sage (shared default is steel blue --blue) */
body.page-overview a {
  color: #17382e;
}
body.page-overview a:hover {
  color: #5b7166;
}
body.page-overview .text-link,
body.page-overview .quiet-link,
body.page-overview .button.text-link {
  color: #17382e;
  text-decoration-color: #bccdc2;
}
body.page-overview .text-link:hover,
body.page-overview .quiet-link:hover {
  color: #5b7166;
}
/* Guards: dark surfaces + buttons keep their own colors */
body.page-overview .button.primary,
body.page-overview .header-cta {
  color: #fffefa;
}
body.page-overview .proof a,
body.page-overview .workflow-path a,
body.page-overview .support-model a {
  color: inherit;
}
body.page-overview footer a {
  color: inherit;
}