/* Marketing Limited — blog list (/new-blog/) */
.nbl-search{position:relative;display:flex;align-items:center;max-width:620px;margin:1.8rem auto 0;padding:.35rem;border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.nbl-search>i{position:absolute;left:1.1rem;color:#9aa0b4}
.nbl-search input{flex:1;min-width:0;height:48px;padding:0 1rem 0 2.8rem;border:0;background:transparent;font:inherit;font-size:1rem;color:#0D1130;outline:none}
.nbl-search input::-webkit-search-cancel-button{cursor:pointer}
.nbl-search button{flex:none;height:48px;padding:0 1.5rem;border:0;border-radius:14px;background:#E32B2B;color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:background .2s}
.nbl-search button:hover{background:#B31E1E}

.nbl{padding:clamp(40px,6vw,80px) 0 clamp(50px,7vw,90px);background:#fff}
#blog{scroll-margin-top:80px}
.nbl a{text-decoration:none}

/* cards */
.nbl-card{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;border:1px solid #E7E9F3;box-shadow:0 8px 24px rgba(13,17,48,.05);transition:transform .25s,box-shadow .25s}
.nbl-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(13,17,48,.13)}
.nbl-img{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(-135deg,#0D1130,#5065E8)}
.nbl-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.nbl-card:hover .nbl-img img{transform:scale(1.05)}
.nbl-noimg{display:grid;place-items:center;height:100%;color:rgba(255,255,255,.85);font-size:2.2rem}
.nbl-body{display:flex;flex-direction:column;flex:1;padding:1.25rem 1.3rem 1.2rem}
.nbl-cat{align-self:flex-start;margin-bottom:.7rem;padding:.22rem .75rem;border-radius:999px;background:rgba(80,101,232,.1);color:#5065E8;font-size:.76rem;font-weight:800}
.nbl-body h3,.nbl-body h2{margin:0 0 .5rem;font-weight:800;line-height:1.6;color:#0D1130}
.nbl-body h3{font-size:1.06rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nbl-body h3 a,.nbl-body h2 a{color:inherit}
.nbl-body h3 a:hover,.nbl-body h2 a:hover{color:#E32B2B}
.nbl-body p{flex:1;margin:0 0 1rem;color:#5F6475;font-size:.92rem;line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nbl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;padding-top:.9rem;border-top:1px solid #EEF0F7;color:#8a90a6;font-size:.8rem}
.nbl-meta span{display:inline-flex;align-items:center;gap:.35rem}
.nbl-more{margin-inline-start:auto;display:inline-flex;align-items:center;gap:.35rem;color:#E32B2B;font-weight:800;font-size:.86rem}
.nbl-more i{transition:transform .2s}
.nbl-card:hover .nbl-more i{transform:translateX(4px)}

/* featured */
.nbl-featured{margin-bottom:clamp(2.5rem,5vw,3.5rem)}
.nbl-card.is-featured{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);box-shadow:0 30px 70px rgba(13,17,48,.12)}
.nbl-card.is-featured .nbl-img{aspect-ratio:auto;min-height:340px;height:100%}
.nbl-card.is-featured .nbl-body{justify-content:center;padding:clamp(1.5rem,3.5vw,2.8rem)}
.nbl-card.is-featured h2{font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.5}
.nbl-card.is-featured p{-webkit-line-clamp:4;font-size:1rem}
.nbl-card.is-featured .nbl-cat{display:inline-block}
.nbl-new{align-self:flex-start;margin:-.3rem 0 .8rem;color:#E32B2B;font-size:.8rem;font-weight:800}
.nbl-card.is-featured .nbl-body>.nbl-cat{margin-bottom:.5rem}

/* toolbar */
.nbl-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}
.nbl-bar-title h2{margin:0;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:900;color:#0D1130}
.nbl-bar-title span{display:block;margin-top:.2rem;color:#8a90a6;font-size:.9rem}
.nbl-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.nbl-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:999px;border:1px solid #E7E9F3;background:#fff;color:#5F6475;font-size:.9rem;font-weight:700;transition:border-color .2s,color .2s,background .2s}
.nbl-chip small{padding:.05rem .45rem;border-radius:999px;background:#F2F3FA;color:#8a90a6;font-size:.72rem}
.nbl-chip:hover{border-color:#E32B2B;color:#E32B2B}
.nbl-chip.on{background:#0D1130;border-color:#0D1130;color:#fff}
.nbl-chip.on small{background:rgba(255,255,255,.15);color:#fff}

/* grid */
.nbl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}

/* empty */
.nbl-empty{max-width:520px;margin:2rem auto;padding:2.5rem 1.5rem;text-align:center;border:1px dashed #D9DCEA;border-radius:22px}
.nbl-empty>i{font-size:2rem;color:#c3c7d6}
.nbl-empty h3{margin:.8rem 0 .3rem;color:#0D1130}
.nbl-empty p{margin:0 0 1.2rem;color:#5F6475}
.nbl-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 1.4rem;border-radius:14px;background:#E32B2B;color:#fff;font-weight:800}

/* pagination */
.nbl-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:clamp(2.2rem,4vw,3rem)}
.nbl-pg{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:44px;height:44px;padding:0 .8rem;border-radius:12px;border:1px solid #E7E9F3;background:#fff;color:#0D1130;font-weight:800;transition:border-color .2s,color .2s,background .2s}
.nbl-pg:hover{border-color:#E32B2B;color:#E32B2B}
.nbl-pg.on{background:#E32B2B;border-color:#E32B2B;color:#fff}
.nbl-pg.is-nav{padding:0 1.1rem}
.nbl-dots{padding:0 .2rem;color:#8a90a6}

@media (max-width:1024px){
  .nbl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nbl-card.is-featured{grid-template-columns:minmax(0,1fr)}
  .nbl-card.is-featured .nbl-img{aspect-ratio:16/9;min-height:0}
}
@media (max-width:640px){
  .nbl-grid{grid-template-columns:minmax(0,1fr);gap:1.1rem}
  .nbl-bar{align-items:flex-start;flex-direction:column}
  .nbl-chips{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:.3rem;scrollbar-width:none}
  .nbl-chip{flex:none}
  .nbl-search{margin-inline:.25rem}
  .nbl-search button{padding:0 1rem}
  .nbl-pg.is-nav{font-size:0;padding:0;min-width:44px}
  .nbl-pg.is-nav i{font-size:.95rem}
}