/* Quinbis Insights tablet/mobile correction V2.0
   This file deliberately overrides earlier responsive rules for the Insights index.
   At tablet and mobile widths, cards use one clear reading column: copy/action first,
   supporting visual second. No squeezed two-column feature cards. */

@media (max-width:1024px){
  .insights-page .insights-hero-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
    max-width:760px!important;
    margin-inline:auto!important;
  }
  .insights-page .insights-hero-copy,
  .insights-page .insights-hero-side{
    width:100%!important;
    max-width:680px!important;
    margin-inline:auto!important;
    text-align:center!important;
  }
  .insights-page .insights-hero-copy>p{
    max-width:540px!important;
    margin-inline:auto!important;
  }
  .insights-page .insights-topic-rail{
    width:100%!important;
    max-width:560px!important;
    margin-inline:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .insights-page .insights-topic-rail a{
    min-width:0!important;
    min-height:58px!important;
    padding:14px 16px!important;
    justify-content:space-between!important;
    text-align:left!important;
  }

  /* Featured money story: one reading column, never a narrow text rail. */
  .insights-page .featured-insight-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:24px!important;
    width:100%!important;
    max-width:760px!important;
    min-height:0!important;
    height:auto!important;
    margin-inline:auto!important;
    padding:30px!important;
    border-radius:26px!important;
    align-items:start!important;
  }
  .insights-page .featured-insight-copy{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:650px!important;
    padding:0!important;
  }
  .insights-page .featured-insight-copy h2{
    width:100%!important;
    max-width:620px!important;
    margin:14px 0 0!important;
    font-size:clamp(38px,6vw,52px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
  }
  .insights-page .featured-insight-copy p{
    max-width:580px!important;
    margin:18px 0 0!important;
    font-size:15px!important;
    line-height:1.6!important;
  }
  .insights-page .featured-insight-read{
    display:inline-flex!important;
    width:max-content!important;
    margin-top:20px!important;
  }
  .insights-page .featured-money-visual{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:22px!important;
    align-self:stretch!important;
    border-radius:20px!important;
  }

  /* Money cards: full card, copy first, supporting diagram below. */
  .insights-page .insight-grid,
  .insights-page .insight-grid-money,
  .insights-page .trust-grid,
  .insights-page .insight-pair{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    width:100%!important;
    max-width:760px!important;
    margin-inline:auto!important;
  }
  .insights-page .insight-card,
  .insights-page .trust-card,
  .insights-page .insight-wide-card{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:24px!important;
  }
  .insights-page .insight-card,
  .insights-page .trust-card{
    display:flex!important;
    flex-direction:column!important;
  }
  .insights-page .insight-card-body,
  .insights-page .trust-card-copy{
    order:1!important;
    width:100%!important;
    padding:26px 26px 20px!important;
  }
  .insights-page .insight-card-art,
  .insights-page .trust-card-visual{
    order:2!important;
    width:auto!important;
    height:190px!important;
    min-height:190px!important;
    margin:0 20px 20px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .insights-page .insight-card-body h3,
  .insights-page .trust-card-copy h3{
    max-width:620px!important;
  }
  .insights-page .insight-card-body p,
  .insights-page .trust-card-copy p{
    max-width:620px!important;
  }

  /* Setup-related Insights follow the same content-first card flow. */
  .insights-page .insight-wide-card{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    padding:26px!important;
  }
  .insights-page .insight-wide-copy{order:1!important;padding:0!important}
  .insights-page .structure-choice,
  .insights-page .after-cac-list{
    order:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  /* Growth story: copy/action first, readiness list below. */
  .insights-page .growth-insight-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:22px!important;
    width:100%!important;
    max-width:760px!important;
    min-height:0!important;
    height:auto!important;
    margin-inline:auto!important;
    padding:30px!important;
    border-radius:26px!important;
  }
  .insights-page .growth-insight-copy{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:640px!important;
  }
  .insights-page .growth-insight-copy h2{
    max-width:600px!important;
    font-size:clamp(38px,5.8vw,50px)!important;
    line-height:1!important;
  }
  .insights-page .growth-insight-copy p{max-width:580px!important}
  .insights-page .growth-readiness{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  /* Closing strip should not shrink into three tiny columns. */
  .insights-page .insights-close-line{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    max-width:760px!important;
    margin-inline:auto!important;
    padding:22px 0!important;
    text-align:left!important;
  }
  .insights-page .insights-close-line p,
  .insights-page .insights-close-line a{margin:0!important}
}

@media (max-width:640px){
  .insights-page .insights-hero-grid{gap:20px!important}
  .insights-page .insights-topic-rail{max-width:430px!important}
  .insights-page .featured-insight-card,
  .insights-page .growth-insight-card{
    max-width:500px!important;
    padding:24px!important;
    gap:20px!important;
    border-radius:22px!important;
  }
  .insights-page .featured-insight-copy h2,
  .insights-page .growth-insight-copy h2{
    max-width:430px!important;
    font-size:38px!important;
    line-height:1.02!important;
  }
  .insights-page .featured-insight-copy p,
  .insights-page .growth-insight-copy p{font-size:14px!important}
  .insights-page .featured-money-visual{padding:18px!important;border-radius:18px!important}

  .insights-page .insight-grid,
  .insights-page .insight-grid-money,
  .insights-page .trust-grid,
  .insights-page .insight-pair{max-width:500px!important;gap:14px!important}
  .insights-page .insight-card-body,
  .insights-page .trust-card-copy{padding:22px 22px 18px!important}
  .insights-page .insight-card-art,
  .insights-page .trust-card-visual{
    height:165px!important;
    min-height:165px!important;
    margin:0 16px 16px!important;
  }
  .insights-page .insight-wide-card{padding:22px!important}
  .insights-page .structure-choice{grid-template-columns:1fr!important;gap:10px!important}
  .insights-page .structure-choice>i{display:none!important}
  .insights-page .growth-insight-card{max-width:500px!important}
  .insights-page .insights-close-line{max-width:500px!important}
}

@media (max-width:420px){
  .insights-page .insights-topic-rail{grid-template-columns:1fr!important;max-width:360px!important}
  .insights-page .featured-insight-copy h2,
  .insights-page .growth-insight-copy h2{font-size:34px!important}
}