/* Insights blog — benefiba.com/insights
   Loaded after styles.css on blog pages only. Uses the site's tokens;
   the dark CTA uses the Benefi brand dark (#131E3B). */

:root{
  --brand:#203462;
  --brand-mid:#3A5288;
  --brand-light:#8FA6D9;
  --brand-dark:#131E3B;
  --brand-tint:#EDF1F8;
}

/* ---------- index ---------- */
.insights-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:start}
.insights-list{display:grid;gap:24px}
.insight-card{display:block;background:#fff;border:1px solid var(--line);border-top:6px solid var(--navy);
  border-radius:var(--radius);padding:28px 30px;box-shadow:var(--shadow);text-decoration:none;color:inherit;
  transition:transform .12s ease, box-shadow .12s ease}
.insight-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(16,36,60,.08),0 14px 34px rgba(16,36,60,.10)}
.insight-card .meta{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-mid);margin:0 0 10px}
.insight-card h2{font-size:1.45rem;margin-bottom:.45em}
.insight-card p{color:var(--muted);margin:0}
.insight-card .more{margin-top:16px;font-weight:700;color:var(--navy-2)}

.audit-aside{position:sticky;top:100px;background:var(--brand-dark);color:#DCE4F3;border-radius:14px;padding:30px}
.audit-aside h2{color:#fff;font-size:1.3rem;margin-bottom:.5em}
.audit-aside p{color:#C9D5EE;font-size:.97rem}
.audit-aside .btn{width:100%;text-align:center;box-sizing:border-box}

/* ---------- article ---------- */
.post-hero .meta-line{color:#C9D5EE}
.post-hero .dek{color:#DCE7F2;max-width:62ch;font-size:1.12rem}
.post-hero .byline{margin-top:18px;font-size:.92rem;color:#C9D5EE}
.post-hero .byline span + span::before{content:"\00b7";margin:0 .6em}

.post-body{max-width:720px;margin:0 auto;line-height:1.75}
.post-body > p:first-child{font-size:1.15rem;color:var(--ink)}
.post-body h2{font-size:1.55rem;margin-top:2.2em;margin-bottom:.6em}
.post-body h3{font-size:1.2rem;margin-top:1.8em;margin-bottom:.5em}
.post-body ul,.post-body ol{padding-left:1.3em;margin:0 0 1.4em}
.post-body li{margin-bottom:.65em}
.post-body li strong{color:var(--brand)}
.post-body .note{margin:1.8em 0;padding:20px 24px;background:var(--brand-tint);border-left:6px solid var(--brand-mid);
  border-radius:0 var(--radius) var(--radius) 0;font-style:italic}
.post-body .note p{margin:0}
.post-body a:not(.btn){color:var(--navy-2)}

/* call-to-action box (after intro and at the end) */
.cta-box{margin:2.4em 0;background:var(--brand-dark);color:#DCE4F3;border-radius:14px;padding:32px 34px}
.cta-box h2,.cta-box h3{color:#fff;margin:0 0 .45em;font-size:1.4rem}
.cta-box p{color:#C9D5EE;margin:0 0 20px}
.cta-box .cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.cta-box .btn--light{background:#fff;color:var(--brand);border-color:#fff}
.cta-box .btn--light:hover{background:var(--brand-tint)}
.cta-box a.cta-secondary,.post-body .cta-box a.cta-secondary{color:#fff;font-weight:700;text-underline-offset:4px}
.cta-box a.cta-secondary:hover,.post-body .cta-box a.cta-secondary:hover{color:var(--brand-light)}

/* download box */
.download-box{margin:2.4em 0;display:flex;gap:22px;align-items:center;background:var(--brand-tint);
  border:1px solid #D3DCEE;border-radius:14px;padding:26px 28px}
.download-box .icon{flex:none;width:52px;height:64px;border-radius:6px;background:#fff;border:2px solid var(--brand);
  display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;box-sizing:border-box;
  font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--brand)}
.download-box h3{margin:0 0 .3em;font-size:1.2rem}
.download-box p{margin:0 0 14px;color:var(--muted)}
.download-box .btn{padding:11px 20px;font-size:.95rem}

/* end-of-article section headed in the body ("Start with a free benefits bill audit") */
.post-body .audit-close .btn{margin-top:4px}

/* sources and disclaimer */
.post-sources{margin-top:3em;padding-top:22px;border-top:1px solid var(--line);font-size:.92rem;color:var(--muted)}
.post-sources p{margin:0 0 .9em}

/* share */
.share{margin-top:2.2em;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.share .lbl{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.share a,.share button{font:inherit;font-size:.92rem;font-weight:700;color:var(--navy);background:#fff;border:1.5px solid var(--line);
  border-radius:999px;padding:8px 16px;cursor:pointer;text-decoration:none;line-height:1.2}
.share a:hover,.share button:hover{border-color:var(--navy);background:var(--tint)}

.related{margin-top:3em}
.related h2{font-size:1.3rem}
.back-link{margin-top:2.4em}

@media (max-width:980px){
  .insights-layout{grid-template-columns:1fr}
  .audit-aside{position:static}
}
@media (max-width:680px){
  .cta-box{padding:26px 22px}
  .cta-box .btn{width:100%;text-align:center;box-sizing:border-box}
  .download-box{flex-direction:column;align-items:flex-start;padding:22px}
  .insight-card{padding:24px 22px}
}
@media print{.cta-box,.download-box,.share,.audit-aside{display:none}}
.related .insight-card h3{font-size:1.15rem;margin-bottom:.4em}