.blog-grid { 
  padding: 32px 0;
  max-width: 1240px;
  width: 100%;
  margin: auto;
}

h1, h2, h3, h4, h5 {
  font-family: "Poppins", Arial;
}

span, p, time {
  font-family: "Inter", Arial;
}

.blog-grid__heading { 
color: #171B25;
text-align: center;
font-family: "Poppins", Arial;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 45px; /* 112.5% */
  margin-bottom: 50px;
}
.blog-grid__container { max-width:100%; margin:0 auto; padding:0 16px; }

.blog-grid__wrapper {
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:50px;
}

.blog-card {
  transition:box-shadow .2s ease;
}


.blog-card__img {
  width:100%;
  height:360px;
  object-fit:cover;
  border-radius:15px;
  display:block;
}

.blog-card__meta {
  display:flex;
  align-items:center;
  gap:10px;
  margin:12px 6px 6px;
  font-size:14px;
  color:#d9a76a; /* warm accent for meta line */
}
.blog-card__badge {
  color:#ff9f1a;
  font-weight:700;
}
.blog-card__sep { color:#c9c9c9; }
.blog-card__topic { color:#ffb566; }
.blog-card__date { color:#EFA234; }

.blog-card__title {
  font-size:22px;
  line-height:1.35;
  margin:6px 6px 2px;
  font-weight: 500;
}
.blog-card__title a { color:#171B25; text-decoration:none; }
.blog-card__title a:hover { text-decoration:underline; }

/* Pagination */
.blog-grid__pagination {
  margin:28px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}
.pager__btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px; height:36px;
  border-radius:50%;
  background:#f8b24a; /* orange pill */
  color:#fff; text-decoration:none; font-weight:700;
}
.pager__btn--disabled { opacity:.35; pointer-events:none; }

.pager__list {
  display:flex; align-items:center; gap:12px; padding:0; margin:0; list-style:none;
}
.pager__item { width:28px; height:28px; display:flex; align-items:center; justify-content:center; }
.pager__item a { color:#666; text-decoration:none; }
.pager__item.is-active span {
  position:relative; font-weight:700; color:#111;
}
.pager__item.is-active span::after {
  content:""; position:absolute; left:50%; bottom:-8px; transform:translateX(-50%);
  width:24px; height:2px; background:#f8b24a; border-radius:2px;
}

/* Responsive */
@media (max-width: 768px) {
  .blog-grid__wrapper { grid-template-columns:1fr; }
  .blog-card__img { height:200px; }
  .blog-grid__heading {
    margin-bottom: 30px;
  }
}

.featured-wrap {
 margin: auto;
  max-width: 1240px;
  width: 100%;
}

/* Container */
.featured__container{width:100%;margin:0 auto;padding:0 16px}
.featured__heading{
color: #171b25;
    font-family: "Poppins", Arial;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    margin-bottom: 50px;
    text-align: center;
}

/* Grid */
.featured__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:50px;
  align-items:start;
}

/* Main card */
.featured-main{background:#fff}
.featured-main__img{
  width:100%; height:400px; object-fit:cover; border-radius:15px;
}
.featured-main__meta{
  display:flex; align-items:center; gap:10px;
  margin:14px 4px 8px; color:#d9a76a; font-size:15px;
}
.badge-new{color:#ff9f1a; font-weight:700}
.sep{color:#e0a865}
.featured-main__title{
  font-size:28px; line-height:1.3; margin:0 4px; color:#1f2937;
}
.featured-main__title a{color:inherit;text-decoration:none}
.featured-main__title a:hover{text-decoration:underline}

/* Side list */
.featured-side__meta{
  display:flex; align-items:center; gap:10px;
  color:#d9a76a; font-size:15px; margin:8px 0;
}
.featured-side__title{font-size:20px; line-height:1.45; margin:6px 0 14px}
.featured-side__title a{color:#1f2937; text-decoration:none}
.featured-side__title a:hover{text-decoration:underline}
.featured-side__divider{
  border:0; height:2px; background:#f0b15a; opacity:.7; margin:16px 0;
  border-radius:2px;
}

/* Responsive */
@media (max-width: 900px){
  .featured__grid{grid-template-columns:1fr; gap:22px}
  .featured-main__img{height:320px}
  .featured-main__title{font-size:24px}
  
  .featured__heading {
    margin-bottom: 30px;
}