/* Match the published GHL hub: amber banner, two-column cards and four posts per page.
   Scope to blog only; the existing 17 service pages are unaffected. */
.spb-blog-page .spb-blog-hub{background:#f7f7f7;color:#000;font-family:Inter,Arial,sans-serif}
.spb-blog-page .spb-blog-intro{background:#ffb000;padding:80px 30px 75px;margin:0}
.spb-blog-page .spb-blog-intro-inner{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.spb-blog-page .spb-blog-intro h1{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:800;text-transform:uppercase;font-size:68px;line-height:1.1;letter-spacing:0;margin:0;color:#000}
.spb-blog-page .spb-blog-intro h1:after{content:"";display:block;width:54px;height:3px;margin-top:25px;background:#000}
.spb-blog-page .spb-blog-intro p{font-family:Inter,Arial,sans-serif;font-size:24px;line-height:1.28;margin:0;color:#000}
.spb-blog-page .spb-blog-results{max-width:1170px;padding:60px 0 70px;margin:auto}
.spb-blog-page .spb-blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:34px}
.spb-blog-page .spb-blog-card{display:flex;flex-direction:column;min-width:0;overflow:visible;background:transparent;border:0}
.spb-blog-page .spb-blog-image{display:block;width:100%;aspect-ratio:1.88;overflow:hidden}
.spb-blog-page .spb-blog-image img{display:block;width:100%;height:100%;object-fit:cover}
.spb-blog-page .spb-blog-content{padding:14px 0 0}
.spb-blog-page .spb-blog-content h2{font-family:"Roboto Condensed",Arial,sans-serif;font-size:24px;line-height:1.2;font-weight:700;margin:0 0 13px}
.spb-blog-page .spb-blog-content h2 a{color:#000!important;text-decoration:none}
.spb-blog-page .spb-blog-content h2 a:hover{text-decoration:underline}
.spb-blog-page .spb-blog-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;line-height:1.35;color:#000;margin:0 0 9px}
.spb-blog-page .spb-blog-meta img{display:block;width:20px;height:20px;object-fit:contain;border-radius:50%}
.spb-blog-page .spb-blog-content p{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.35;margin:0 0 10px;color:#000}
.spb-blog-page .spb-blog-read{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;background:#ffb000;border-radius:3px;color:#000!important;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.2;text-decoration:none;width:max-content}
.spb-blog-page .spb-blog-read:hover,.spb-blog-page .spb-blog-read:focus{background:#e9a000}
.spb-blog-page .spb-blog-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin:34px auto 0;padding:4px}
.spb-blog-page .spb-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:6px 12px;border:1px solid #dedede;background:#fff;color:#222!important;font-size:14px;text-decoration:none;border-radius:3px}
.spb-blog-page .spb-page-link.is-current{background:#014696;border-color:#014696;color:#fff!important;font-weight:700}
.spb-blog-page .spb-page-link.is-disabled{color:#777!important;opacity:.6;cursor:default}
.spb-blog-page .spb-page-link:not(.is-current):not(.is-disabled):hover{background:#f0f0f0}
.spb-blog-page .spb-page-ellipsis{padding:0 8px}
@media(max-width:1220px){.spb-blog-page .spb-blog-results{margin:0 22px}}
@media(max-width:767px){
  .spb-blog-page .spb-blog-intro{padding:44px 20px}
  .spb-blog-page .spb-blog-intro-inner{display:block}
  .spb-blog-page .spb-blog-intro h1{font-size:44px}
  .spb-blog-page .spb-blog-intro p{font-size:18px;margin-top:24px}
  .spb-blog-page .spb-blog-results{padding:30px 0 45px;margin:0 14px}
  .spb-blog-page .spb-blog-list{grid-template-columns:1fr;row-gap:30px}
  .spb-blog-page .spb-blog-content h2{font-size:23px}
  .spb-blog-page .spb-blog-content p{font-size:15px}
  .spb-blog-page .spb-page-link{min-width:34px;min-height:34px;padding:5px 8px}
}