/* ─── STATE CARDS (homepage + states section) ─────────────────────────────── */
.state-card {
  display:block;
  padding:14px 18px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:10px;
  text-align:center;
  font-weight:600;
  color:#0f4c81;
  text-decoration:none;
  transition:all .2s ease;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.state-card:hover {
  background:#0f4c81;
  color:#fff;
  border-color:#0f4c81;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(15,76,129,.2);
}

/* ─── BLOG POST STYLES ────────────────────────────────────────────────────── */
.blog-post article h2 { font-size:1.7rem; font-weight:800; margin:0 0 16px; color:#0f172a; }
.blog-post article h3 { font-size:1.2rem; font-weight:700; margin:28px 0 10px; color:#0f4c81; }
.blog-post article p  { line-height:1.75; margin-bottom:16px; color:#334155; }
.blog-post article ul,
.blog-post article ol { padding-left:24px; margin-bottom:16px; }
.blog-post article li { line-height:1.75; color:#334155; margin-bottom:6px; }
.blog-post article table { width:100%; border-collapse:collapse; margin:24px 0; font-size:.95rem; }
.blog-post article th,
.blog-post article td { padding:10px 14px; text-align:left; border-bottom:1px solid #e2e8f0; }

/* ─── PERFORMANCE: Font display ──────────────────────────────────────────── */
@font-face { font-display: swap; }