/* Blog — prefix bl- */
.bl-hero { position: relative; padding: clamp(48px, 8vh, 96px) 0 var(--hl-section-y-compact); overflow: hidden; }
.bl-hero::before { content: ""; position: absolute; right: -140px; top: -170px; width: 440px; height: 440px; border: 42px solid rgba(227,30,47,.14); border-radius: 50%; }
.bl-hero-inner { position: relative; }
.bl-hero .hl-breadcrumb, .bl-hero .eyebrow { color: var(--hl-white); }
.bl-hero-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px clamp(32px, 6vw, 96px); align-items: end; }
.bl-hero h1 { color: var(--hl-white); }
.bl-hero-lede { font-size: var(--hl-fs-lead); line-height: 1.62; color: rgba(255,255,255,.84); }

.bl-pagination { margin-top: var(--hl-space-6); }
.bl-pagination ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.bl-pagination li > .page-numbers { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 44px; height: 44px; padding: 0 14px; border: 1px solid var(--hl-border); border-radius: 999px; color: var(--hl-navy); font-size: var(--hl-fs-sm); font-weight: 700; }
.bl-pagination li > a:hover { border-color: var(--hl-navy); }
.bl-pagination li > .current { background: var(--hl-navy); border-color: var(--hl-navy); color: var(--hl-white); }
.bl-pagination li > .dots { border: 0; min-width: 24px; padding: 0; }

.bl-empty { max-width: 620px; padding: 48px 0; }
.bl-empty h2 { margin-bottom: 12px; }
.bl-empty p { color: var(--hl-text-muted); margin-bottom: 24px; }

@media (max-width: 860px) {
  .bl-hero-grid { grid-template-columns: 1fr; }
}