/* Final editorial refinement · 2026-11-04 · article section only */
:root{--hbe-navy:#153647;--hbe-teal:#167d77;--hbe-gold:#bc9664;--hbe-surface:#fffefa}
html{overflow-x:clip;scroll-padding-top:92px}
body{font-family:Vazir,Vazirmatn,Tahoma,sans-serif!important;background:#f8faf9!important;text-rendering:optimizeLegibility}
.story,.content{box-shadow:0 22px 65px rgba(29,68,75,.055);border-color:#e4ece9!important}
.story p,.content p{overflow-wrap:break-word;line-height:2.22!important;text-align:start;letter-spacing:0}
.story h1,.content h1,.hero h1{font-weight:850;letter-spacing:-.6px}
.story h2,.content h2{color:#153c4c!important;font-weight:850;scroll-margin-top:104px}
.story h3,.content h3{font-weight:800;color:#235968;font-size:clamp(16px,2vw,19px);line-height:1.8;margin:18px 0 10px}
.story a:not(.topcta),.content a:not(.topcta){text-decoration-thickness:1px;text-underline-offset:4px}
.story .cover,.content .cover,.hm-image-fit{width:100%!important;max-height:none!important;aspect-ratio:1200/630!important;object-fit:cover!important;border-radius:22px!important;display:block;box-shadow:0 16px 38px rgba(39,77,78,.12);border:1px solid rgba(20,73,82,.07)}
.story .cover{margin:23px 0 25px}
.content .cover{margin:8px 0 24px}
.hm-article-meta{gap:8px}
.hm-article-meta span{border:1px solid #e1eae6!important;background:#f1f7f3!important;color:#4b686a!important;font-size:11px}
.hb-decision-graphic{margin:30px 0 33px;border:1px solid #dfeae5;background:linear-gradient(137deg,#f9fcfa,#eef6f2);padding:25px;box-shadow:0 14px 34px rgba(19,65,69,.05);border-radius:24px;max-width:100%;overflow:hidden}
.hb-dg-overline{font-size:11px;font-weight:750;color:#357e76;letter-spacing:.15px}
.hb-dg-title{font-size:clamp(18px,2.6vw,23px);font-weight:850;color:#143e4e;margin:5px 0 20px;line-height:1.55}
.hb-dg-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;direction:rtl}
.hb-dg-stage{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;gap:15px;min-height:145px;border-radius:16px;background:rgba(255,255,255,.9);padding:16px 18px;border:1px solid #deebe7;box-shadow:0 4px 10px rgba(37,89,92,.035)}
.hb-dg-stage:not(:last-child):after{content:'‹';position:absolute;top:50%;left:-16px;transform:translateY(-50%);font:700 29px Georgia;color:#ba9e6c;z-index:1}
.hb-dg-stage strong{font-size:clamp(13px,1.65vw,16px);line-height:1.65;color:#1c4653;overflow-wrap:anywhere}
.hb-dg-number{color:#a18158;font-size:13px;font-weight:900;letter-spacing:2px;font-family:monospace}
.hb-dg-mark{display:block;height:8px;width:64%;background:linear-gradient(90deg,#e1ccb1,#b79c69);border-radius:30px;transform-origin:right}
.hb-dg-mark-2{background:linear-gradient(90deg,#a9c4c8,#518d94);width:82%}.hb-dg-mark-3{background:linear-gradient(90deg,#bcded3,#288575);width:100%}
.hb-dg-note{font-size:12px!important;color:#506b70!important;line-height:2!important;margin-top:16px!important;border-top:1px solid #dbeae5;padding-top:13px}
.hb-editorial-depth{margin:30px 0;padding:25px clamp(16px,3vw,30px);border-radius:19px;background:#fcfdfc;border:1px solid #e0eae6}
.hb-editorial-depth>h2{font-size:clamp(20px,2.8vw,24px)!important;margin:0 0 11px!important}
.hb-editorial-depth>h3{margin-top:17px!important}
.hb-editorial-depth p{margin:12px 0 17px!important;font-size:15px!important;line-height:2.32!important}
.hb-editorial-summary{background:linear-gradient(110deg,#eff7f3,#f5f6ef);padding:15px 19px;border-radius:13px;border-right:3px solid #b69869;margin:19px 0 0}
.hb-editorial-summary strong{color:#1d5256;font-weight:850}.hb-editorial-summary p{font-size:14px!important;margin:5px 0 0!important}
.hb-research-ref{border:1px solid #e5ebea;background:#fff;border-radius:13px;padding:15px 18px;margin:11px 0;font-size:12px;line-height:2;color:#5a6d75}
.hb-research-ref a{font-weight:750}
.hm-play{box-shadow:0 15px 42px rgba(16,65,72,.07)!important}
.hm-play input[type=range]:focus-visible{outline:3px solid #b4cbbc;outline-offset:4px}
.toc,.panel,.sources,.hm-purpose{border:1px solid #e1ebe8}
a:focus-visible,button:focus-visible{outline:3px solid #bb9c67;outline-offset:3px}
/* Index page's existing layout and navigational controls stay intact. */
.blog-card{box-shadow:0 8px 22px rgba(15,46,57,.055)!important;background:#fffefa!important;border-color:#e3eae7!important;border-radius:20px!important;transition:transform .2s ease,box-shadow .2s ease}
.blog-card:hover{box-shadow:0 17px 42px rgba(15,46,57,.12)!important}
.blog-thumb-wrap{overflow:hidden;background:#eff5f1}
.blog-thumb-wrap img{width:100%!important;aspect-ratio:1200/630!important;height:auto!important;object-fit:cover!important;display:block;transition:transform .35s ease}
.blog-card:hover img{transform:scale(1.035)}
.blog-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.blog-meta span{font-size:11px;line-height:1.9}
.blog-card h3{font-size:clamp(16px,2vw,18px)!important;line-height:1.85!important;margin-top:10px!important}
.blog-card-body p{line-height:2!important;color:#66757a!important}
.sidebar-gallery img,.sidebar-thumb img,.hm-lead-card img{object-fit:cover;display:block}
.sidebar-gallery img{aspect-ratio:1200/630}
@media(max-width:760px){
 .story,.content{border-radius:16px!important}
 .hb-decision-graphic{padding:18px;margin:23px 0}
 .hb-dg-flow{grid-template-columns:1fr;gap:10px}
 .hb-dg-stage{min-height:92px;padding:12px 16px;gap:7px}
 .hb-dg-stage:not(:last-child):after{content:'⌄';top:auto;left:50%;bottom:-19px;transform:translateX(-50%);font-size:23px}
 .hb-dg-mark{height:6px}
 .hb-editorial-depth{padding:20px 17px}
 .blog-grid{gap:14px!important}
 .blog-thumb-wrap img{max-height:260px}
 .hm-article-meta span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.blog-card img,.blog-card{transition:none!important;transform:none!important}}