/* ============================================================
   INSIGHTS HUB — capabilities-index light-theme rollout
   Applies the /capabilities/ design rules (ac-cap-index-system.css,
   itself the homepage system) to /insights/ (template page-insights,
   body.page-template-page-insights):

     - Light grounds + #08222E ink below the hero; the HERO stays
       dark and untouched (rebuilt 2026-07-29 on the homepage
       .ac-hero structure, same as /capabilities/).
     - The lead-form band deliberately stays DARK — it is the
       page's contrast band (same treatment as /capabilities/ and
       the homepage lead-form band).
     - 9rem side gutters on every band (→3rem ≤960, →1.25rem ≤600),
       7rem vertical rhythm (→5rem ≤960, →3.5rem ≤600), 1680px
       content inners (gutter lives on the band).
     - Unified /capabilities/ section-heading scale (Inter, 59.52px
       →40px ≤1024 →30px ≤768, 800, 1.15, -0.02em), 20px/1.65 grey
       section intros, the one plain-caps eyebrow spec.
     - Posts + CTA + footer retoned with the same rules as
       ac-cap-index-system.css.

   Loads AFTER ac-insights.css; body-scoped selectors + !important
   beat the patterns' in-body <style> blocks and inline style
   attrs. Fully reversible: delete this file + its
   wp_enqueue_style(). Applied 2026-07-29.
   ============================================================ */

body.page-template-page-insights {
  --lt-page:      #FFFFFF;
  --lt-surface:   #FFFFFF;
  --lt-tint:      #E9F3F7;
  --lt-ink:       #08222E;
  --lt-grey:      #5A6B75;
  --lt-border:    rgba(9, 32, 42, 0.10);
  --lt-border-brand: rgba(7, 169, 209, 0.22);
  --lt-attn:        #E5484D;
  --lt-attn-strong: #C62B30;

  background-color: var(--lt-page) !important;
  color: var(--lt-ink) !important;
}

/* HANDS OFF THE HERO — it stays dark exactly like the
   /capabilities/ hero. */
body.page-template-page-insights .ac-hero { color: #FFFFFF !important; }

/* ============================================================
   9REM SIDE GUTTERS on every band (hero included, horizontal
   only) — homepage spec: 9rem, →3rem ≤960px, →1.25rem ≤600px.
   ============================================================ */
body.page-template-page-insights :is(
  .ac-hero,
  .ac-insights-expect,
  .ac-insights-tools,
  .ac-insights-topics,
  .ac-insights-posts,
  .ac-insights-subscribe,
  .ac-cta-wrapper-bg,
  .ac-lead-form,
  .ac-footer
) {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}
@media (max-width: 960px) {
  body.page-template-page-insights :is(
    .ac-hero, .ac-insights-expect, .ac-insights-tools, .ac-insights-topics,
    .ac-insights-posts, .ac-insights-subscribe, .ac-cta-wrapper-bg,
    .ac-lead-form, .ac-footer
  ) {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (max-width: 600px) {
  body.page-template-page-insights :is(
    .ac-hero, .ac-insights-expect, .ac-insights-tools, .ac-insights-topics,
    .ac-insights-posts, .ac-insights-subscribe, .ac-cta-wrapper-bg,
    .ac-lead-form, .ac-footer
  ) {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

/* ============================================================
   VERTICAL RHYTHM — 7rem band padding (→5rem ≤960, →3.5rem ≤600).
   The lead-form band keeps its own homepage padding.
   ============================================================ */
body.page-template-page-insights :is(
  .ac-insights-expect,
  .ac-insights-tools,
  .ac-insights-topics,
  .ac-insights-posts,
  .ac-insights-subscribe
) {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}
@media (max-width: 960px) {
  body.page-template-page-insights :is(
    .ac-insights-expect, .ac-insights-tools, .ac-insights-topics,
    .ac-insights-posts, .ac-insights-subscribe
  ) {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (max-width: 600px) {
  body.page-template-page-insights :is(
    .ac-insights-expect, .ac-insights-tools, .ac-insights-topics,
    .ac-insights-posts, .ac-insights-subscribe
  ) {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}

/* ============================================================
   CONTENT INNERS → 1680px (homepage spec); the gutter lives on
   the band, so the inners stop carrying their own side padding.
   ============================================================ */
body.page-template-page-insights :is(
  .ac-insights-expect__inner,
  .ac-insights-tools__inner,
  .ac-insights-topics__inner,
  .ac-insights-posts__inner,
  .ac-insights-subscribe__inner
) {
  max-width: 1680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* The tools cards grid carries its own 1200px cap — release it so the
   two cards run gutter-to-gutter like every other band. */
body.page-template-page-insights .ac-insights-tools__grid {
  max-width: none !important;
}
/* Expect columns stay readable but anchor left with the header. */
body.page-template-page-insights .ac-insights-expect__columns {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* ============================================================
   EYEBROWS — one homepage spec (plain Inter caps, ink, no pill).
   The hero and the dark lead-form band keep their own styling.
   ============================================================ */
body.page-template-page-insights :is(
  .ac-insights-expect .ac-badge,
  .ac-insights-tools .ac-badge,
  .ac-insights-topics__badge,
  .ac-insights-subscribe__badge,
  .ac-insights-posts__label
):not(:is(.ac-hero *, .ac-lead-form *)) {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  color: var(--lt-ink) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  display: inline-block !important;
  width: auto !important;
}

/* ============================================================
   SECTION HEADINGS — /capabilities/ spec: Inter 59.52px, 800,
   1.15, -0.02em (→40px ≤1024, →30px ≤768); header-stack rhythm
   eyebrow →16px→ heading →16px→ intro; intros 20px/1.65 grey.
   ============================================================ */
body.page-template-page-insights :is(
  .ac-insights-expect__title,
  .ac-insights-topics__title,
  .ac-insights-posts__title,
  .ac-insights-posts__cat-title,
  .ac-insights-subscribe__title
) {
  font-family: 'Inter', sans-serif !important;
  font-size: 59.52px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  color: var(--lt-ink) !important;
  margin: 0 0 16px !important;
  text-wrap: balance;
}
@media (max-width: 1024px) {
  body.page-template-page-insights :is(
    .ac-insights-expect__title,
    .ac-insights-topics__title, .ac-insights-posts__title,
    .ac-insights-posts__cat-title, .ac-insights-subscribe__title
  ) { font-size: 40px !important; }
}
@media (max-width: 768px) {
  body.page-template-page-insights :is(
    .ac-insights-expect__title,
    .ac-insights-topics__title, .ac-insights-posts__title,
    .ac-insights-posts__cat-title, .ac-insights-subscribe__title
  ) { font-size: 30px !important; }
}

/* Tools heading — H3, one step below the category H2s (matches the
   /capabilities/ toolkit-appendix heading treatment). */
body.page-template-page-insights .ac-insights-tools__title {
  font-family: 'Inter', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  color: var(--lt-ink) !important;
  margin: 0 !important;
  text-align: left !important;
}
body.page-template-page-insights .ac-insights-tools__header {
  margin-bottom: 1.75rem !important;
}

/* Category groups — heading →32px→ grid, 5rem between groups */
body.page-template-page-insights .ac-insights-posts__cat-title {
  margin-bottom: 32px !important;
}
body.page-template-page-insights .ac-insights-posts__cat + .ac-insights-posts__cat {
  margin-top: 5rem;
}
body.page-template-page-insights :is(
  .ac-insights-expect__body,
  .ac-insights-topics__subtitle,
  .ac-insights-subscribe__subtext
) {
  font-size: 20px !important;
  line-height: 1.65 !important;
  color: var(--lt-grey) !important;
  margin: 0 !important;
}

/* Section headers LEFT aligned (homepage spec) — the expect, tools
   and topics headers centre themselves in-body. */
body.page-template-page-insights :is(
  .ac-insights-expect__header,
  .ac-insights-tools__header,
  .ac-insights-topics__header-left,
  .ac-insights-topics__title
) {
  text-align: left !important;
}
body.page-template-page-insights .ac-insights-expect__header {
  margin-bottom: 56px !important;
}
body.page-template-page-insights .ac-insights-expect__body {
  max-width: 820px !important;
  margin-left: 0 !important;
}
body.page-template-page-insights .ac-insights-tools__header {
  margin-bottom: 48px !important;
}
body.page-template-page-insights .ac-insights-topics__header-row {
  align-items: flex-start !important;
}
body.page-template-page-insights .ac-insights-topics__subtitle {
  max-width: 780px !important;
}

/* ============================================================
   WHAT WE SHARE (expect) — dark band → white; lists retoned to
   the ink standard (beats the pattern's in-body <style>).
   ============================================================ */
body.page-template-page-insights .ac-insights-expect {
  background: var(--lt-page) !important;
}
body.page-template-page-insights .ac-insights-expect::before { display: none !important; }
body.page-template-page-insights .ac-insights-expect__col-title--do {
  color: #059A91 !important;
  border-color: rgba(6, 207, 195, 0.35) !important;
}
body.page-template-page-insights .ac-insights-expect__col-title--dont {
  color: var(--lt-grey) !important;
  border-color: var(--lt-border) !important;
}
body.page-template-page-insights .ac-insights-expect__list--do li {
  color: var(--lt-ink) !important;
}
body.page-template-page-insights .ac-insights-expect__list--dont li {
  color: var(--lt-grey) !important;
}
body.page-template-page-insights .ac-insights-expect__list--dont li::before {
  background: rgba(9, 32, 42, 0.03) !important;
  border-color: rgba(9, 32, 42, 0.18) !important;
}
body.page-template-page-insights .ac-insights-expect__list--dont li::after {
  background: rgba(9, 32, 42, 0.30) !important;
}
body.page-template-page-insights .ac-insights-expect__list li {
  font-size: 18px !important;
}

/* ============================================================
   TOOLS & CALCULATORS — already light; retone the #111111 blacks
   to the ink standard, homepage light-card frame on the cards.
   ============================================================ */
body.page-template-page-insights .ac-insights-tools::before { display: none !important; }
body.page-template-page-insights .ac-insights-tools__featured {
  background: var(--lt-surface) !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: 0 4px 20px rgba(12, 40, 55, 0.06) !important;
}
body.page-template-page-insights .ac-insights-tools__featured:hover {
  border-color: var(--lt-border-brand) !important;
  box-shadow: 0 10px 32px rgba(7, 169, 209, 0.14) !important;
}
body.page-template-page-insights .ac-insights-tool-title { color: var(--lt-ink) !important; }
body.page-template-page-insights .ac-insights-tool-desc { color: var(--lt-grey) !important; }

/* ============================================================
   TOPICS (Five Areas) — dark band → white; cards get the
   homepage light-card frame.
   ============================================================ */
body.page-template-page-insights .ac-insights-topics {
  background: var(--lt-page) !important;
}
body.page-template-page-insights .ac-insights-topic-card {
  background: var(--lt-surface) !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: 0 4px 20px rgba(12, 40, 55, 0.06) !important;
}
body.page-template-page-insights .ac-insights-topic-card:hover {
  border-color: var(--lt-border-brand) !important;
  box-shadow: 0 10px 32px rgba(7, 169, 209, 0.14) !important;
}
body.page-template-page-insights .ac-insights-topic-card__title { color: var(--lt-ink) !important; }
body.page-template-page-insights .ac-insights-topic-card__desc { color: var(--lt-grey) !important; }
body.page-template-page-insights .ac-insights-topic-card__num { color: rgba(7, 169, 209, 0.7) !important; }

/* ============================================================
   INSIGHTS POSTS — #08222E band → white, homepage card treatment
   (mirrors ac-cap-index-system.css)
   ============================================================ */
body.page-template-page-insights .ac-insights-posts { background: #FFFFFF !important; }
body.page-template-page-insights .ac-insights-posts::before { display: none !important; }
body.page-template-page-insights .ac-post-card {
  background: var(--lt-surface) !important;
  border-color: var(--lt-border) !important;
  box-shadow: 0 4px 20px rgba(12, 40, 55, 0.06) !important;
}
body.page-template-page-insights .ac-post-card:hover {
  border-color: var(--lt-border-brand) !important;
  box-shadow: 0 10px 32px rgba(7, 169, 209, 0.14) !important;
}
body.page-template-page-insights :is(
  .ac-post-card__title,
  .ac-post-card__excerpt,
  .ac-post-card__date,
  .ac-post-card__read-time
) { color: var(--lt-ink) !important; }
body.page-template-page-insights .ac-post-card__footer { border-top-color: var(--lt-border) !important; }
body.page-template-page-insights .ac-post-card__category {
  color: var(--lt-ink) !important;
  border-color: var(--lt-border) !important;
}
body.page-template-page-insights .ac-insights-posts__empty { color: var(--lt-grey) !important; }

/* ============================================================
   SUBSCRIBE — already a light band; retone the #111111 blacks to
   the ink standard and fix the white-on-white fine print.
   ============================================================ */
body.page-template-page-insights .ac-insights-subscribe::before { display: none !important; }
body.page-template-page-insights .ac-insights-subscribe__fine-print {
  color: var(--lt-grey) !important;
}
body.page-template-page-insights .ac-insights-subscribe__success p {
  color: var(--lt-ink) !important;
}
body.page-template-page-insights .ac-insights-subscribe__input { color: var(--lt-ink) !important; }

/* ============================================================
   CTA — dark panel → soft cyan brand panel (homepage treatment,
   mirrors ac-cap-index-system.css)
   ============================================================ */
body.page-template-page-insights .ac-cta-wrapper-bg { background: #FFFFFF !important; }
body.page-template-page-insights .ac-cta {
  background: linear-gradient(180deg, #EAF6FA 0%, #DCEFF4 45%, #CDE7EF 100%) !important;
}
body.page-template-page-insights .ac-cta__glow { display: none !important; }
body.page-template-page-insights :is(
  .ac-cta__title, .ac-cta__heading, .ac-cta__subtitle,
  .ac-cta__reassurance, .ac-cta-note, .ac-cta__support-text
) {
  color: var(--lt-ink) !important;
}
body.page-template-page-insights .ac-cta .ac-btn--outline {
  color: var(--lt-ink) !important;
  border-color: var(--lt-border-brand) !important;
}
body.page-template-page-insights .ac-cta .ac-btn--outline:hover {
  color: var(--ac-primary) !important;
  border-color: var(--ac-primary) !important;
}
/* Coral conversion moment — same as the homepage final CTA */
body.page-template-page-insights .ac-cta .ac-btn--cta-white {
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #FF6B5E 0%, var(--lt-attn) 100%) !important;
  border-color: transparent !important;
}
body.page-template-page-insights .ac-cta .ac-btn--cta-white:hover {
  color: #FFFFFF !important;
  background: linear-gradient(135deg, var(--lt-attn) 0%, var(--lt-attn-strong) 100%) !important;
  box-shadow: 0 10px 30px rgba(229, 72, 77, 0.35) !important;
  border-color: transparent !important;
}

/* ============================================================
   FOOTER — homepage light footer treatment (mirrors
   ac-cap-index-system.css)
   ============================================================ */
body.page-template-page-insights .ac-footer {
  background: #FFFFFF !important;
  color: var(--lt-ink) !important;
}
body.page-template-page-insights :is(
  .ac-footer__heading,
  .ac-footer__desc,
  .ac-footer__reach-cta
) { color: var(--lt-ink) !important; }
body.page-template-page-insights .ac-footer__brand .ac-logo span { color: var(--lt-ink) !important; }
body.page-template-page-insights .ac-footer a { color: var(--lt-ink) !important; }
body.page-template-page-insights .ac-footer a:hover { color: var(--ac-primary) !important; }
body.page-template-page-insights .ac-footer a.ac-footer__email-link,
body.page-template-page-insights .ac-footer a.ac-footer__phone { color: var(--lt-ink) !important; }
body.page-template-page-insights .ac-footer__email svg { stroke: var(--lt-ink) !important; }
body.page-template-page-insights .ac-footer a.ac-pill-cta.ac-footer__map-pill {
  color: var(--lt-ink) !important;
  border: 1.5px solid rgba(8, 34, 46, 0.18);
}
body.page-template-page-insights .ac-footer__linkedin svg path { fill: var(--lt-ink) !important; }
body.page-template-page-insights .ac-footer__linkedin--min { border-color: var(--lt-ink) !important; }
body.page-template-page-insights .ac-footer__linkedin--min:hover { border-color: var(--ac-primary) !important; }
body.page-template-page-insights .ac-footer__linkedin--min:hover svg path { fill: var(--ac-primary) !important; }
body.page-template-page-insights .ac-footer__divider {
  background-color: var(--lt-border) !important;
  color: var(--lt-border) !important;
  opacity: 1 !important;
}

/* ============================================================
   SECTION DIVIDERS — the homepage's inset hairline between
   consecutive light bands.
   ============================================================ */
body.page-template-page-insights { --ac-divider-inset: 9rem; }
@media (max-width: 960px) { body.page-template-page-insights { --ac-divider-inset: 2rem; } }
@media (max-width: 600px) { body.page-template-page-insights { --ac-divider-inset: 1.5rem; } }

body.page-template-page-insights :is(
  .ac-insights-tools,
  .ac-insights-subscribe
) {
  border-top: 1px solid transparent;
  border-image: linear-gradient(
    to right,
    transparent var(--ac-divider-inset),
    rgba(9, 32, 42, 0.22) var(--ac-divider-inset),
    rgba(9, 32, 42, 0.22) calc(100% - var(--ac-divider-inset)),
    transparent calc(100% - var(--ac-divider-inset))
  ) 1;
}