/* TargoLegal blogs — listing page */
.blog-new-wrap{
  font-family:Manrope,system-ui,sans-serif;
  background:#f4f6f9;
  min-height:100vh;
  color:#011226;
}
.blog-new-wrap *{box-sizing:border-box;}

/* ── Hero ── */
.blog-hero-new{
  position:relative;
  overflow:hidden;
  padding:48px 0 28px;
  background:#011226;
  color:#fff;
}
.blog-hero-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 80% at 85% 20%,rgba(47,111,184,.35),transparent 55%),
    linear-gradient(135deg,#06182d 0%,#10365d 55%,#011226 100%);
}
.blog-hero-bg:after{
  content:"";position:absolute;inset:0;opacity:.18;
  background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);
  background-size:56px 56px;color:#fff;
}
.blog-hero-inner{position:relative;z-index:1;max-width:720px;}
.blog-hero-kicker{
  margin:0 0 10px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ff655d;
}
.blog-hero-new h1{
  margin:0 0 12px;font-size:clamp(1.75rem,3.5vw,2.55rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:#fff;
}
.blog-hero-lead{
  margin:0 0 26px;font-size:.98rem;line-height:1.6;color:#b3c1ce;max-width:52ch;
}

.blog-search-wrap{position:relative;max-width:560px;margin:0 0 16px;}
.blog-search-wrap .si{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8a98a5;pointer-events:none;
}
.blog-search-wrap .mic-btn{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;color:#8a98a5;padding:6px;display:flex;
}
.blog-search-input{
  width:100%;padding:14px 46px 14px 46px;
  border:1px solid rgba(255,255,255,.14);border-radius:8px;
  font-size:.92rem;font-family:inherit;background:#fff;color:#011226;outline:none;
  box-shadow:0 12px 32px rgba(0,0,0,.18);
}
.blog-search-input:focus{border-color:#ff655d;box-shadow:0 0 0 3px rgba(255,101,93,.2),0 12px 32px rgba(0,0,0,.18);}
.blog-search-input::placeholder{color:#9aa7b5;}

.blog-trending{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;color:#8a98a5;}
.blog-trending span{font-weight:700;color:#c5d0db;}
.blog-trending a{
  color:#fff;text-decoration:none;font-weight:650;padding:5px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);
}
.blog-trending a:hover{border-color:#ff655d;color:#ff655d;}

/* ── Sticky category bar ── */
.blog-filter-bar{
  position:sticky;top:56px;z-index:20;
  background:rgba(244,246,249,.94);backdrop-filter:blur(10px);
  border-bottom:1px solid #e5eaf0;padding:10px 0;
}
.blog-pills-wrap{
  display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  padding-bottom:2px;
}
.blog-pills-wrap::-webkit-scrollbar{display:none;}
.blog-pill{
  appearance:none;flex:0 0 auto;padding:8px 14px;border-radius:999px;
  background:#fff;color:#3f5163;font-size:.8rem;font-weight:700;font-family:inherit;
  cursor:pointer;border:1px solid #dfe6ed;transition:background .15s,border-color .15s,color .15s;
  white-space:nowrap;
}
.blog-pill:hover{border-color:#ff655d;color:#011226;}
.blog-pill.active{background:#011226;border-color:#011226;color:#fff;}

/* ── Body ── */
.blog-body-new{padding:18px 0 64px;}

.blog-featured-label{
  display:flex;align-items:center;gap:8px;margin:0 0 12px;
  font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5b6b7f;
}
.blog-featured-label .star{
  width:8px;height:8px;border-radius:50%;background:#ff655d;display:inline-block;
}

.blog-featured-card{
  display:grid;grid-template-columns:1.05fr .95fr;gap:0;
  background:#fff;border:1px solid #e5eaf0;border-radius:10px;overflow:hidden;
  text-decoration:none;color:inherit;margin-bottom:36px;
  box-shadow:0 10px 28px rgba(1,18,38,.05);
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
.blog-featured-card:hover{
  transform:translateY(-2px);border-color:#ffd0cc;
  box-shadow:0 18px 40px rgba(1,18,38,.1);color:inherit;text-decoration:none;
}
.blog-featured-card--skel{pointer-events:none;}
.blog-fi{position:relative;min-height:300px;background:#dce5ef;overflow:hidden;}
.blog-fi img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.blog-featured-card:hover .blog-fi img{transform:scale(1.03);}
.blog-fi .b-tag{position:absolute;top:14px;left:14px;}
.blog-fb{padding:28px 28px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:#fff;}
.blog-fb-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem;color:#6b7c8f;margin-bottom:12px;}
.blog-fb-meta span{display:inline-flex;align-items:center;gap:5px;}
.blog-fb-title{margin:0 0 10px;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;color:#011226;}
.blog-fb-excerpt{margin:0;font-size:.9rem;line-height:1.65;color:#5b6b7f;}
.blog-fb-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.blog-fb-footer{display:flex;align-items:center;gap:10px;}
.blog-read-cta{
  display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:800;color:#ff655d;
}
.b-av,.b-av-sm{
  display:grid;place-items:center;border-radius:50%;background:#ff655d;color:#fff;font-weight:800;flex-shrink:0;
}
.b-av{width:36px;height:36px;font-size:.85rem;}
.b-av-sm{width:26px;height:26px;font-size:.7rem;}
.b-av-name{font-size:.84rem;font-weight:700;color:#011226;}
.b-av-role{font-size:.72rem;color:#6b7c8f;}
.b-av-name-sm{font-size:.76rem;font-weight:700;color:#011226;}

.b-tag{
  display:inline-block;padding:4px 10px;border-radius:999px;
  font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  background:#eaf8f0;color:#0f7a45;border:1px solid #c8ebd6;
}
.b-tag.inc{background:#eef3f9;color:#1a4a7a;border-color:#c9d8ea;}
.b-tag.reg{background:#fff5f4;color:#c2410c;border-color:#ffd4d0;}
.b-tag.gst{background:#fff0ef;color:#c0392b;border-color:#ffd0cc;}
.b-tag.tax{background:#fff8e8;color:#9a6700;border-color:#f0e0b0;}

.blog-grid-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px;flex-wrap:wrap;
}
.blog-section-lbl{
  margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:#011226;
}
.blog-grid-hint{margin:0;font-size:.8rem;font-weight:650;color:#6b7c8f;}

.blog-cgrid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:36px;
}
.b-card{
  min-width:0;background:#fff;border:1px solid #e5eaf0;border-radius:10px;overflow:hidden;
  display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%;
  transition:transform .15s,box-shadow .15s,border-color .15s;
}
.b-card:hover{
  transform:translateY(-2px);border-color:#ffd0cc;
  box-shadow:0 14px 32px rgba(1,18,38,.09);color:inherit;text-decoration:none;
}
.b-card-img{width:100%;aspect-ratio:16/10;overflow:hidden;background:#dce5ef;position:relative;}
.b-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.b-card:hover .b-card-img img{transform:scale(1.04);}
.b-card-img .b-tag{position:absolute;top:10px;left:10px;}
.b-card-body{padding:16px 16px 14px;flex:1;display:flex;flex-direction:column;}
.b-card-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.72rem;color:#6b7c8f;margin-bottom:8px;}
.b-card-meta span{display:inline-flex;align-items:center;gap:4px;}
.b-card-title{
  margin:0 0 8px;font-size:.98rem;font-weight:780;letter-spacing:-.02em;line-height:1.35;color:#011226;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.b-card-excerpt{
  margin:0 0 14px;font-size:.8rem;line-height:1.55;color:#5b6b7f;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.b-card-footer{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding-top:12px;border-top:1px solid #edf1f5;margin-top:auto;
}
.b-card-author{display:flex;align-items:center;gap:8px;}
.b-card-go{
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:#fff0ef;color:#ff655d;border:1px solid #ffd4d0;
}
.b-card:hover .b-card-go{background:#ff655d;color:#fff;border-color:#ff655d;}

.sk-pulse-lt{
  background:linear-gradient(90deg,#e8edf2 25%,#dce3ea 50%,#e8edf2 75%);
  background-size:200% 100%;animation:sk-shimmer-lt 1.4s infinite;border-radius:6px;
}
@keyframes sk-shimmer-lt{0%{background-position:200% 0}100%{background-position:-200% 0}}

.blog-pgn{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;}
.blog-pag-btn{
  appearance:none;min-width:40px;height:40px;padding:0 12px;border-radius:8px;
  border:1px solid #dfe6ed;background:#fff;color:#011226;font-size:.86rem;font-weight:700;font-family:inherit;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;
}
.blog-pag-btn:hover,.blog-pag-btn.active{background:#011226;border-color:#011226;color:#fff;}
.blog-pag-btn.disabled{opacity:.35;pointer-events:none;}

.blog-no-res{
  grid-column:1/-1;text-align:center;padding:48px 20px;border:1px dashed #dfe6ed;border-radius:10px;background:#fff;
  display:grid;gap:6px;color:#5b6b7f;
}
.blog-no-res strong{font-size:1rem;color:#011226;}

@media(max-width:991.98px){
  .blog-cgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .blog-featured-card{grid-template-columns:1fr;}
  .blog-fi{min-height:220px;}
  .blog-filter-bar{top:52px;}
}
@media(max-width:575.98px){
  .blog-hero-new{padding:40px 0 28px;}
  .blog-cgrid{grid-template-columns:1fr;}
  .blog-fb{padding:20px 18px;}
  .blog-body-new{padding:20px 0 56px;}
}