/* =========================================
   1) H1 (Title), H2, H3, H4 → underline + starting accent
========================================= */

/* H1 Title */
.single .entry-title{
  position:relative;
  padding-bottom:14px;
  margin-bottom:16px;
}

/* H2-H4 inside post content */
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4{
  position:relative;
  padding-bottom:12px;
  margin-top:28px;
  margin-bottom:14px;
}

/* underline (full width) */
.single .entry-title::after,
.single .entry-content h2::after,
.single .entry-content h3::after,
.single .entry-content h4::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:rgba(2,6,23,.12);
}

/* starting accent line (left side) */
.single .entry-title::before,
.single .entry-content h2::before,
.single .entry-content h3::before,
.single .entry-content h4::before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:120px;        /* accent length */
  height:2px;
  background:linear-gradient(90deg,#dc2626,#f97316);
}

/* smaller accents for lower headings */
.single .entry-content h3::before{ width:90px; }
.single .entry-content h4::before{ width:70px; }


/* =========================================
   2) Author + Date → boxed meta
========================================= */

.single .entry-meta{
  display:inline-flex;
  flex-wrap:wrap;
  gap:10px;

  padding:8px 12px;
  margin:10px 0 14px;

  background:#ffffff;
  border:1px solid rgba(2,6,23,.10);
  border-radius:10px;
  box-shadow:0 10px 24px rgba(2,6,23,.08);

  font-size:13px;
  line-height:1.35;
  color:#475569;
}

/* make author/date look neat */
.single .entry-meta .byline,
.single .entry-meta .posted-on{
  margin:0 !important;
  padding:0 !important;
}
.single .entry-meta a{
  color:#0f172a;
  font-weight:700;
  text-decoration:none;
}
.single .entry-meta a:hover{
  text-decoration:underline;
}

/* Mobile tweak */
@media (max-width: 600px){
  .single .entry-title::before{ width:90px; }
  .single .entry-meta{ width:100%; justify-content:flex-start; }
}