/* ============================================================
   APEX BLOG HEADER WIDGET — Section 1 (Breadcrumb + Heading + Text)
   Loaded only on pages/posts that actually use this widget.
   ============================================================ */

.apex-bh{
  font-family:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.apex-bh__crumbs{
  font-size:13px;
  color:#7b8ca1;
}
.apex-bh__crumbs ol{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.apex-bh__crumbs li{
  display:flex;
  align-items:center;
  gap:8px;
}
.apex-bh__crumbs li + li::before{
  content:"\203A";
  color:#b4c2d0;
}
.apex-bh__crumbs a{
  color:inherit;
  text-decoration:none;
  transition:color .16s ease;
}
.apex-bh__crumbs [aria-current="page"]{
  font-weight:500;
}

.apex-bh__heading{
  font-family:'Fraunces',Georgia,'Times New Roman',serif;
  font-weight:600;
  font-size:clamp(30px,4vw,46px);
  line-height:1.08;
  margin:0;
}

.apex-bh__desc{
  margin:0;
  font-size:16px;
  line-height:1.6;
  max-width:640px;
}

@media (max-width:768px){
  .apex-bh__desc{ max-width:100%; }
  .apex-bh{ gap:10px; }
  .apex-bh__crumbs{ font-size:12px; }
}

@media (max-width:420px){
  .apex-bh__heading{ font-size:26px; }
}