/* =========================================================================
   Insights (/insights/, page-id-9) + shared blocks - desktop retrofit against
   the Agentis design export (new preview link, 2026-08-07). Measured with staging
   and .../designs/v1-original/insights/index.html at equal innerWidth (1700;
   container 1280 at both 1512 and 1700, so geometry is width-stable).

   Per the standing ruling (Christine 2026-08-05 "please follow font sizing
   of Agentis design", widened by Matt to all typography and geometry) the export
   wins wherever it disagrees with the superseded Figma frames.

   BugZap #90 (validated - already matches), #91, #92, #93, #94, #95, #129,
   #132, #135 + the sitewide page-header height divergence (was +155px on
   every interior page; export renders 560, ours rendered 715).

   SPECIFICITY / SOURCE-ORDER NOTE - this file is enqueued BEFORE the block
   stylesheets, so a rule here at equal specificity LOSES on source order.
   `!important` is deliberate throughout.
   ========================================================================= */
@media (min-width: 992px) {

  /* ---- sitewide: interior page-header height ---------------------------
     Export .page-header--valign-bottom __inner min-height is 260 (header
     renders 560 with the 150px paddings); blocks/page-header/page-header.css
     re-declares 415px at equal (0,2,0) later in the cascade and was winning.
     Every interior page measured +155px against the export because of this
     one rule. */
  .page-header--valign-bottom .page-header__inner {
    min-height: 260px !important;
  }

  /* ---- #91 / #129: the two intro rows (Podcast / Blog) -----------------
     Export rhythm: eyebrow -(24)- H2 -(40)- deck -(48)- body, content column
     centered against the 400px square media. Ours ran a 32px flex gap plus
     stray margins (eyebrow-to-heading measured 56) and top-aligned the
     column. The empty <ul class="content-list__list"> still consumes a flex
     gap (it contains whitespace so :empty misses it - same trap as #124). */
  .page-id-9 .content-list--media-sq400 .content-list__content {
    gap: 0;
    align-self: center !important;
  }
  .page-id-9 .content-list--media-sq400 .content-list__heading {
    margin-top: 24px !important;
  }
  .page-id-9 .content-list--media-sq400 .content-list__intro {
    margin-top: 0 !important;
  }
  .page-id-9 .content-list--media-sq400 .content-list__list:not(:has(li)) {
    display: none;
  }

  /* Podcast row: the intro's first paragraph is the deck line
     ("Conversations worth a listen...") - export renders it as the H2 Deck
     step: Barlow italic 300, 30/40, -0.015em, navy. */
  .page-id-9 .content-list--image-left.content-list--media-sq400 .content-list__intro > p:first-child {
    font-family: var(--font-family-base, "Barlow", sans-serif) !important;
    font-style: italic;
    font-size: var(--h2-deck-size, 1.875rem) !important;
    line-height: var(--h2-deck-lh, 1.333) !important;
    font-weight: 300 !important;
    letter-spacing: -0.015em !important;
    color: #0E1B44;
    margin-top: 40px !important;
    margin-bottom: 0 !important;
  }
  .page-id-9 .content-list--image-left.content-list--media-sq400 .content-list__intro > p + p {
    margin-top: 48px !important;
    font-size: 1.0625rem !important;  /* 17 */
    line-height: 1.6 !important;
    font-weight: 300 !important;
  }

  /* BugZap #206: the blog-row heading promotion is DELETED, not disabled.
     It existed because the heading field used to be authored "Blog:" +
     newline + deck text, which content-list.php rendered as H2 text plus a
     <span class="content-list__heading-sub">. The hack restyled the H2's
     first line into the eyebrow role and promoted the span to the 52px
     heading - "no markup change needed".

     Christine has since restructured that content properly: the section now
     has a real eyebrow field ("BLOG") and a plain heading, and there is no
     heading-sub span anywhere on the page. So the hack's precondition is gone
     and all it does now is shrink a legitimate heading to eyebrow size.
     Measured on /insights/ at 1440: the BLOG heading rendered 12px/700/Barlow
     with 1.68px tracking against the PODCAST heading's 52px/400/Hoefler, with
     identical markup - the only difference being that the blog section lacks
     the --image-left modifier this selector keys off.

     This is her "it keeps getting changed back": she fixed the content and a
     stale stylesheet kept overriding it. A duplicate of the same pair lived in
     figma-mobile-v4.css and was removed in the same commit. If the two-line
     "Blog:" authoring ever returns, the fix is the content, not this. */
  .page-id-9 .content-list--media-sq400:not(.content-list--image-left) .content-list__intro {
    margin-top: 16px !important;
  }
  .page-id-9 .content-list--media-sq400:not(.content-list--image-left) .content-list__intro p {
    font-size: 1.1875rem !important;   /* 19 - export runs Body-L here */
    line-height: 1.579 !important;
    font-weight: 300 !important;
  }

  /* ---- #93 / #132: newsletter rhythm + type ----------------------------
     Export: heading -(12)- deck -(40)- intro (17/1.6/300) -(40)- form;
     disclaimer 17/1.6/300. Ours ran heading mb40, deck-to-intro 0, intro
     24/36/400, disclaimer 13px. Eyebrow and the left-side "See Past
     Newsletters" link already match. */
  .smith-newsletter__heading { margin-bottom: 0 !important; }
  .smith-newsletter__deck    { margin-top: 12px !important; }
  .smith-newsletter__intro {
    margin-top: 40px !important;
    font-size: 1.0625rem !important;
    line-height: 1.6 !important;
    font-weight: 300 !important;
  }
  .smith-newsletter__intro p {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
  }
  .smith-newsletter__disclaimer {
    font-size: 1.0625rem !important;
    line-height: 1.6 !important;
    font-weight: 300 !important;
  }

  /* ---- #94: resources (content-features) head rhythm -------------------
     The cf__title column is flex gap 24; ours added mt24 on the heading and
     mt16 on the text (48/40 total) where the export runs 24/24. Item cards
     already match (624x209, padding 24). Intro paragraph is 300 weight. */
  /* (0,3,0): must outrank figma-mobile-v4's eyebrow-gap group, which loads
     AFTER this file and re-adds 24px at (0,2,0)!important - it won on source
     order once deployed (injection testing masked this, being last in head). */
  .page-id-9 .content-features .content-features__heading { margin-top: 0 !important; }
  .page-id-9 .content-features .content-features__text    { margin-top: 0 !important; }
  .page-id-9 .content-features__text p  { font-weight: 300 !important; }

  /* ---- #95 / #135: FAQ deck + answers ----------------------------------
     faq.php now splits the authored "FAQ:\n..." heading into H2 + deck (see
     the template); the deck carries .h2-deck. Export deck: Barlow italic
     300, 30/40, -0.015em, navy, 48px above and below. Answers run 17/1.6/300
     (ours were 18/1.6/400). */
  .smith-faq .smith-faq__heading.h2-deck { /* audit A2: (0,3,0) - the bare
       (0,2,0) version lost margin to mobile-v4's max-1199 FAQ tighten */
    font-size: var(--h2-deck-size, 1.875rem) !important;
    line-height: var(--h2-deck-lh, 1.333) !important;
    letter-spacing: -0.015em !important;
    /* BugZap #164: was `48px 0`, which set the inline margins to 0 and so
       cancelled the `margin: 0 auto` the deck inherits from
       .smith-faq__heading. Both elements are max-width 800px, so the heading
       centred and the deck did not: measured on /insights/ at 1440, heading
       left 320 (240px auto either side), deck left 80 - 240px out. That is the
       "I used the pipe but it's not aligning the same" report; the pipe split
       was working, the deck was just not centred. `auto` restores it while
       keeping the 48px vertical rhythm this rule exists for. */
    margin: 48px auto !important;
  }
  .smith-faq__answer p {
    font-size: 1.0625rem !important;
    line-height: 1.6 !important;
    font-weight: 300 !important;
  }

  /* ---- #92: podcast module (latest-posts--podcast, template adds the
     modifier + date meta + head link for category-filtered podcast use) ----
     Export card: square image, teal 12/700 uppercase date line, 28/36 serif
     title, 17/1.6/300 excerpt, whole card clickable, no read-more, no card
     panel; grid 3x368 + 24 gaps (1152) centered; "See all episodes" is a
     teal 14/700 link at the head's right edge, not a gold button. */
  .latest-posts--podcast .latest-posts__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    max-width: 1152px;
    margin-inline: auto;
  }
  .latest-posts--podcast .latest-posts__thumb { aspect-ratio: 1 / 1 !important; }
  .latest-posts--podcast .latest-posts__card-meta {
    font-family: var(--font-family-base, "Barlow", sans-serif);
    font-size: 0.75rem;
    line-height: 1.333;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0F7E7C;
    margin: 16px 0 0;
  }
  .latest-posts--podcast .latest-posts__card-title {
    font-size: var(--h4-card-size, 1.75rem) !important;   /* 28/36 */
    line-height: var(--h4-card-lh, 1.286) !important;
    margin-top: 12px !important;
  }
  .latest-posts--podcast .latest-posts__card-excerpt { margin-top: 8px !important; }
  .latest-posts--podcast .latest-posts__card-more { display: none; }
  .latest-posts--podcast .latest-posts__card-body { padding: 0 !important; }
  .latest-posts--podcast .latest-posts__head { position: relative; }
  .latest-posts--podcast .latest-posts__see-all {
    position: absolute;
    right: 0;
    bottom: 8px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #0F7E7C;
    text-decoration: none;
  }
  .latest-posts--podcast .latest-posts__see-all:hover { text-decoration: underline; }
  .latest-posts--podcast .latest-posts__eyebrow {
    font-size: 0.75rem !important;
    line-height: 1.333 !important;
    letter-spacing: 1.68px !important;
    text-transform: uppercase !important;
    color: #0F7E7C !important;
  }

  /* Blog module type steps (export: excerpt 17/1.6/300, read-more 17/700) */
  .latest-posts__card-excerpt {
    font-size: 1.0625rem !important;
    line-height: 1.6 !important;
    font-weight: 300 !important;
  }
  .latest-posts__card-more { font-size: 1.0625rem !important; }
}