/* blog-lang-v4: language blog detail pages on B-board */
body { background:#F4F6F9; margin:0; font-family:'Inter',system-ui,'Segoe UI',Roboto,Arial,sans-serif; }
.lang-bar { background:#081B2E; padding:7px 18px; text-align:center; font-size:12.5px; letter-spacing:.04em; }
.lang-bar a { color:#9FB2C6; text-decoration:none; margin:0 7px; }
.lang-bar a:hover { color:#F0A500; }
.bl-hero { background:#0B2540; border-bottom:4px solid #F0A500; margin:0; }
.bl-hero-in { max-width:900px; margin:0 auto; padding:52px 28px 44px; }
.bl-hero h1 { color:#fff; font-size:clamp(26px,3.6vw,40px); line-height:1.22; font-weight:800; letter-spacing:-.01em; margin:0 0 14px; text-wrap:balance; }
.bl-hero .meta, .bl-hero hr + .meta { color:#9FB2C6; font-size:13.5px; margin-bottom:18px; }
.bl-hero hr { display:none; }
.bl-specs { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 0; color:#fff; font-weight:600; font-size:13px; margin-top:10px; }
.bl-fig { max-width:900px; margin:0 auto; padding:34px 28px 0; }
.bl-fig img { width:100%; height:auto; display:block; border:1px solid #DCE3EB; }
.main { max-width:860px; margin:0 auto; padding:30px 22px 70px; background:#fff; }
.main h1 { display:none; }
.main h2 { color:#0B2540; font-size:25px; font-weight:800; padding-left:14px; border-left:4px solid #F0A500; margin:40px 0 14px; }
.main h3 { color:#0B2540; font-size:19px; margin:28px 0 10px; }
.main p { color:#33475C; font-size:16.5px; line-height:1.75; }
.main a { color:#B07A00; }
.main table { width:100%; border-collapse:collapse; margin:22px 0; font-size:14.5px; }
.main th { background:#0B2540; color:#fff; text-align:left; padding:10px 12px; border:1px solid #0B2540; }
.main td { padding:9px 12px; border:1px solid #E3E9F0; color:#33475C; }
.main tbody tr:nth-child(even) td { background:#F7F9FC; }
.main blockquote { background:#F7F9FC; border-left:4px solid #F0A500; margin:20px 0; padding:14px 18px; color:#33475C; }
.back-link { display:inline-block; margin:0 0 22px; color:#B07A00; text-decoration:none; font-weight:700; font-size:14px; }
.main .cta, .main .quote-box, .main .cta-box { background:#0B2540 !important; color:#fff !important; border-radius:0 !important; padding:30px !important; text-align:center; margin-top:40px; }
.whatsapp-float img { filter:none; }
@media (max-width:768px){ .bl-hero-in{padding:36px 18px 30px;} }
/* v4b — lang blog hard overrides */
.main h1 { display:none !important; }
.bl-hero h1 { display:block !important; color:#fff !important; font-size:clamp(26px,3.4vw,38px) !important; font-weight:800 !important; line-height:1.22 !important; margin:0 0 14px !important; }
.bl-hero .meta { color:#9FB2C6 !important; }
.main .c2a { background:#0B2540 !important; border:0 !important; border-radius:0 !important; }
.main .c2a h3 { color:#fff !important; font-size:22px !important; }
.main .c2a p { color:#C7D2DE !important; }
.main .c2a a { display:inline-block; background:#F0A500; color:#10233A !important; font-weight:800; padding:12px 26px; text-decoration:none; }
html[lang="ar"] body, html[lang="ar"] .utilbar-inner, html[lang="ar"] .navbar-inner, html[lang="ar"] .main { direction:rtl; }
html[lang="ar"] .bl-hero-in { direction:rtl; text-align:right; }
html[lang="ar"] .back-link { direction:rtl; }
.main p.bl-h2 { color:#0B2540; font-size:24px; font-weight:800; padding-left:14px; border-left:4px solid #F0A500; margin:40px 0 12px; line-height:1.3; }
html[lang="ar"] .main p.bl-h2 { padding-left:0; padding-right:14px; border-left:0; border-right:4px solid #F0A500; }