/* v3.2: Glass badge with white text + spacing + equal cards */
:root {
  --espw15pbf32-bg: #f9fafb;
  --espw15pbf32-card: #ffffff;
  --espw15pbf32-text: #111827;
  --espw15pbf32-soft: #6b7280;
  --espw15pbf32-accent: #2563eb;
  --espw15pbf32-accent-2: #0891b2;
  --espw15pbf32-radius: 20px;
  --espw15pbf32-max: 1500px;
}
.espw15pbf32-enhanced { background: var(--espw15pbf32-bg); }
.espw15pbf32-container { width:min(100% - 48px,var(--espw15pbf32-max));margin-inline:auto; font-family:"Tajawal",sans-serif;color:var(--espw15pbf32-text); }
/* hero */
.espw15pbf32-hero{position:relative;margin-bottom:36px;overflow:hidden;border-radius:0 0 32px 32px;}
.espw15pbf32-hero img{width:100%;aspect-ratio:21/9;object-fit:cover;}
.espw15pbf32-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.espw15pbf32-hero-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;}
/* Title badge — glass */
.espw15pbf32-title-badge {
  position: relative;
  display: inline-flex; align-items: center; gap: 10px;
  padding: 10px 18px; border-radius: 9999px;
  font-size: clamp(20px, 3vw, 34px); font-weight: 800; text-shadow: 0 1px 2px rgba(0,0,0,.25);
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08)) !important;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 6px 18px rgba(0,0,0,.28);
  color:#fff !important; -webkit-text-fill-color:#fff;
}
.espw15pbf32-title-badge *{color:#fff !important; -webkit-text-fill-color:#fff; fill:#fff !important;}
.espw15pbf32-title-badge svg { width: 24px; height: 24px; }
.espw15pbf32-title-badge::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);}
.espw15pbf32-title-badge:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 24px rgba(0,0,0,.34);}

.espw15pbf32-meta{color:#e5ecff;margin-top:12px;font-size:16px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
/* layout */
.espw15pbf32-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:'content toc';gap:36px;}
@media(max-width:1200px){.espw15pbf32-shell{grid-template-columns:1fr;grid-template-areas:'content' 'toc';}}
.espw15pbf32-content{grid-area:content;background:var(--espw15pbf32-card);border-radius:var(--espw15pbf32-radius);padding:56px;box-shadow:0 12px 34px rgba(0,0,0,.12);}
.espw15pbf32-typography{font-size:20px;line-height:2.0;}
.espw15pbf32-typography h2,.espw15pbf32-typography h3{margin:34px 0 16px;}
.espw15pbf32-typography p{margin-bottom:20px;}
/* toc */
.espw15pbf32-toc{grid-area:toc;position:sticky;top:110px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;}
.espw15pbf32-toc-title{font-weight:700;margin-bottom:12px;font-size:16px;color:var(--espw15pbf32-soft);}
.espw15pbf32-toc a{display:block;padding:10px;border-radius:10px;color:var(--espw15pbf32-text);font-size:15px;text-decoration:none;}
.espw15pbf32-toc a:hover,.espw15pbf32-toc a.is-active{background:#f3f4f6;}
/* share etc */
.espw15pbf32-share{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}
.espw15pbf32-share a,.espw15pbf32-share button{border:1px solid #e5e7eb;padding:10px 14px;border-radius:999px;font-size:14px;background:#fff;cursor:pointer;}
.espw15pbf32-author{display:flex;gap:16px;align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;padding:16px;margin-top:26px;}
.espw15pbf32-author img{width:60px;height:60px;border-radius:50%;}
.espw15pbf32-nav{display:flex;justify-content:space-between;margin-top:22px;margin-bottom:32px;} /* extra space before related */
/* related */
.espw15pbf32-content > h3{margin-top:22px;margin-bottom:14px;}
.espw15pbf32-related{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch;margin-top:10px;}
@media(max-width:1200px){.espw15pbf32-related{grid-template-columns:repeat(3,1fr);}}
@media(max-width:900px){.espw15pbf32-related{grid-template-columns:1fr;}}
.espw15pbf32-rel-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;}
.espw15pbf32-rel-card img{width:100%;height:220px;object-fit:cover;display:block;}
.espw15pbf32-rel-card .inner{padding:12px;flex:1;display:flex;align-items:flex-end;}
.espw15pbf32-rel-card h4{margin:0;font-weight:800;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;}
/* social row & float */
.espw15pbf32-social{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:26px 0 8px;}
.espw15pbf32-social a{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;transition:.3s;text-decoration:none;}
.espw15pbf32-social a svg{width:22px;height:22px;fill:#111827;transition:.3s;}
.espw15pbf32-social a:hover{transform:translateY(-3px) scale(1.07);background:linear-gradient(135deg,var(--espw15pbf32-accent),var(--espw15pbf32-accent-2));border-color:transparent;box-shadow:0 10px 18px rgba(37,99,235,.25);}
.espw15pbf32-social a:hover svg{fill:#fff;}
.espw15pbf32-social-float{position:fixed;top:40%;z-index:1000;display:flex;flex-direction:column;gap:10px;}
.ltr .espw15pbf32-social-float{right:18px;left:auto;}
.rtl .espw15pbf32-social-float{left:18px;right:auto;}
@media(max-width:1100px){.espw15pbf32-social-float{display:none;}}
.espw15pbf32-social-float a{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;transition:.25s;}
.espw15pbf32-social-float a:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--espw15pbf32-accent),var(--espw15pbf32-accent-2));border-color:transparent;}
.espw15pbf32-social-float a svg{width:20px;height:20px;fill:#111827;}
.espw15pbf32-social-float a:hover svg{fill:#fff;}