/* ==========================================================================
   Blog post pages
   ========================================================================== */
.bp{padding:clamp(16px,2.2vw,40px) 0 clamp(24px,3vw,56px)}
.bp-wrap{max-width:min(760px,calc(100% - 32px));margin:0 auto}
.bp-crumbs{margin:0 0 clamp(10px,1.2vw,20px);color:#7A8398;font-weight:700;
  font-size:clamp(10.5px,.76vw,12.5px)}
.bp-crumbs a{color:var(--blue)}
.bp-crumbs a:hover{text-decoration:underline;text-underline-offset:2px}
.bp-crumbs span{margin:0 5px;color:#B9C0CE}
.bp-crumbs em{font-style:normal;color:#7A8398}
.bp-tag{display:inline-block;background:var(--gold);color:var(--blue);border-radius:999px;
  padding:4px clamp(10px,1.1vw,16px);font-weight:900;text-transform:uppercase;
  font-size:clamp(9px,.68vw,11.5px)}
.bp-title{margin:clamp(9px,1vw,16px) 0 clamp(6px,.7vw,11px);color:var(--blue);font-weight:900;
  line-height:1.18;font-size:clamp(22px,2.4vw,40px)}
.bp-meta{margin:0 0 clamp(14px,1.7vw,28px);color:#7A8398;font-weight:700;
  font-size:clamp(10.5px,.78vw,13px);text-transform:uppercase}
.bp-hero{margin:0 0 clamp(14px,1.7vw,28px);border-radius:12px;overflow:hidden;line-height:0}
.bp-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.bp-lead{font-size:clamp(14px,1.05vw,18px)!important;line-height:1.65!important;
  color:#2B3242!important;font-weight:600}
.bp p{margin:0 0 clamp(11px,1.2vw,20px);color:#3E4658;
  font-size:clamp(13px,.94vw,16px);line-height:1.75}
.bp-h2{margin:clamp(20px,2.2vw,38px) 0 clamp(7px,.8vw,13px);color:var(--blue);font-weight:900;
  line-height:1.25;font-size:clamp(15px,1.25vw,23px);position:relative;
  padding-left:clamp(11px,1vw,16px)}
.bp-h2::before{content:"";position:absolute;left:0;top:.14em;bottom:.14em;width:4px;
  border-radius:2px;background:var(--gold)}
.bp-cta{background:#F4F6FA;border:1px solid var(--line);border-top:5px solid var(--gold);
  border-radius:12px;padding:clamp(14px,1.6vw,26px);margin:clamp(22px,2.4vw,40px) 0}
.bp-cta b{display:block;color:var(--blue);font-weight:900;text-transform:uppercase;
  margin-bottom:6px;font-size:clamp(13px,1vw,18px)}
.bp-cta p{margin:0 0 clamp(11px,1.2vw,18px)!important}
.bp-cta-row{display:flex;flex-wrap:wrap;gap:clamp(8px,1vw,14px)}
.bp-cta-row a{display:inline-flex;align-items:center;border-radius:10px;font-weight:900;
  text-transform:uppercase;min-height:48px;padding:0 clamp(15px,1.7vw,28px);
  font-size:clamp(10.5px,.78vw,13.5px)}
.bp-call{background:var(--blue);color:#fff}
.bp-quote{background:var(--gold);color:var(--blue)}
.bp-cta-row a:hover{filter:brightness(1.06);transform:translateY(-1px)}
.bp-nav{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,16px);
  margin:clamp(20px,2.2vw,36px) 0}
.bp-nav a{display:block;border:1px solid var(--line);border-radius:10px;
  padding:clamp(10px,1.1vw,18px);color:var(--blue);font-weight:800;line-height:1.35;
  font-size:clamp(11.5px,.84vw,14px);transition:border-color .15s ease,transform .15s ease}
.bp-nav a:hover{border-color:var(--gold);transform:translateY(-2px)}
.bp-nav span{display:block;color:#7A8398;font-weight:700;text-transform:uppercase;
  margin-bottom:4px;font-size:clamp(9px,.68vw,11px)}
.bp-next{text-align:right}
.bp-nav a:only-child{grid-column:1/-1}
.bp-rel{margin:clamp(20px,2.2vw,36px) 0 0}
.bp-rel h2{margin:0 0 clamp(9px,1vw,16px);color:var(--blue);font-weight:900;
  text-transform:uppercase;font-size:clamp(13px,1vw,18px)}
.bp-rel ul{list-style:none;margin:0;padding:0;display:grid;gap:clamp(6px,.7vw,10px)}
.bp-rel li a{display:flex;justify-content:space-between;align-items:center;gap:12px;
  border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:9px;
  padding:clamp(9px,1vw,15px);color:var(--blue);font-weight:800;line-height:1.35;
  min-height:46px;font-size:clamp(11px,.82vw,14px);transition:background .15s ease,color .15s ease}
.bp-rel li a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.bp-rel li a span{flex:none;color:#7A8398;font-weight:700;text-transform:uppercase;
  font-size:clamp(8.5px,.64vw,11px)}
.bp-rel li a:hover span{color:#C8D2EC}
.bp-back{margin:clamp(18px,2vw,32px) 0 0!important;text-align:center}
.bp-back a{font-weight:900;text-transform:uppercase;color:var(--blue);
  font-size:clamp(11px,.8vw,13.5px)}
@media (max-width:560px){ .bp-nav{grid-template-columns:1fr} .bp-next{text-align:left} }

.bp-list{margin:0 0 clamp(11px,1.2vw,20px);padding-left:0;list-style:none;display:grid;
  gap:clamp(6px,.7vw,10px)}
.bp-list li{position:relative;padding-left:clamp(20px,1.9vw,28px);color:#3E4658;
  font-size:clamp(13px,.94vw,16px);line-height:1.6}
.bp-list li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;
  border-radius:2px;background:var(--gold)}
.bp-q{margin:clamp(14px,1.5vw,24px) 0 clamp(4px,.5vw,8px);color:var(--blue);font-weight:900;
  line-height:1.35;font-size:clamp(13px,1vw,17px)}