*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family:"mukta",sans-serif;
  background:#fff;
  color:#111;
  line-height:1.5;
}

a{text-decoration:none;color:inherit;}
img{width:100%;display:block;}

.container{
  padding:0 0.75rem;
}

.page-nav{
  display:flex;
  align-items:center;
  gap:0.375rem;
  font-size:0.8125rem;
  color:#777;
  padding:0.625rem 0;
  overflow-x:auto;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  flex-wrap:nowrap;
}

.page-nav::-webkit-scrollbar{display:none;}
.page-nav::-webkit-scrollbar{display:none;}
.page-nav > *{flex-shrink:0;}

.breadcrumb_homeicon svg{width:0.9375rem;fill:#888;}
.breadcrumb_chevron{font-size:1.125rem;color:#bbb;}
.current-category{font-weight:500;color:#333;}
.current-headline{color:#888;}

.post-title{
  font-size:1.375rem;
  font-weight:700;
  margin-bottom:0.75rem;
  line-height:1.3;
}

#excerpt{
  background:#fff4f4;
  border-left:0.25rem solid #e31e23;
  padding:0.75rem;
  border-radius:0.375rem;
  font-size:0.9375rem;
  margin-bottom:0.75rem;
}

.post-info{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:0.75rem;
}

.author{display:flex;align-items:center;gap:0.5rem;}
.author img{width:2.375rem;height:2.375rem;border-radius:50%;border:0.125rem solid #e31e23;}
.author-name{color:#e31e23;font-size:0.875rem;}
.meta-time{font-size:0.6875rem;color:#777;}

.whatsapp-btn{
  width:2.30rem;
  height:2.30rem;
  border-radius:80%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.whatsapp-btn img{
  width:1.375rem;
  height:1.375rem;
  object-fit:contain;
}

/* ===== FEATURED IMAGE ===== */
.img-single-post{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:0.5rem;
  margin-bottom:0.75rem;
}

.img-single-post img{
  height:100%;
  object-fit:cover;
}

/* ===== CAPTION ===== */
.img-single-post figcaption{
  position:absolute;
  bottom:0;
  width:100%;
  background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);
  color:#fff;
  padding:0.625rem;
  font-size:0.8125rem;
}

/* ===== CONTENT ===== */
#story-detail p{font-size:1rem;margin-bottom:1rem;}
#story-detail h2{font-size:1.125rem;margin:0.875rem 0;}

/* ===== CONTENT IMAGES ===== */
#story-detail figure.story-img-wrap{
  margin:0rem 0 -1rem 0;
  border-radius:0.5rem;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

#story-detail figure.story-img-wrap .img-top-caption{
  background:#e31e23;
  color:#ffffff;
  padding:0.375rem 0.75rem;
  font-size:0.75rem;
  font-weight:600;
  line-height:1.4;
  order:-1;
}

#story-detail figure.story-img-wrap img{
  width:100%;
  display:block;
  border-radius:0;
  aspect-ratio:16/9;
  object-fit:cover;
}

#story-detail figure.story-img-wrap .img-bottom-caption{
  background:#f5f5f5;
  color:#666;
  padding:0.375rem 0.75rem;
  font-size:0.6875rem;
  line-height:1.4;
}

#tags{display:flex;flex-wrap:wrap;gap:0.375rem;margin:0.875rem 0;}
#tags a{
  border:1px solid red;color:red;padding:0.1875rem 0.625rem;
  border-radius:1.25rem;font-size:0.6875rem;cursor:pointer;
}
#tags a:hover{background:red;color:#fff;}

.bottom-section{
  margin-top:0.875rem;
  font-size:0.8125rem;
  color:#333;
  line-height:1.8;
}

.bottom-section .web-title{
  margin-bottom:0.375rem;
  font-size:0.8125rem;
  color:#333;
}

.bottom-section .web-title strong{
  color:#111;
}

.bottom-section .get-latest-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0.3125rem;
  margin-bottom:0.375rem;
}

.bottom-section .get-latest-row a{
  color:#2b5bd1;
  text-decoration:none;
}

.bottom-section .published-row{
  font-size:0.75rem;
  color:#777;
}

.end-of-article{
  text-align:center;
  color:#2b5bd1;
  font-size:0.8375rem;
  font-weight:400;
  margin-top:1.125rem;
  padding:0.5rem 0;
}