/* ============ v5 blog detail readability upgrade (all en + lang pages) ============ */
/* progress bar */
#aw-progress{position:fixed;top:0;left:0;height:3px;background:var(--amber,#F0A500);width:0;z-index:2147483000;transition:width .1s linear}
/* readability column */
.article-content{max-width:780px!important;margin:0 auto!important;padding:0 24px!important;font-size:17.5px!important;line-height:1.85!important;color:#33414F!important}
.article-content p{margin-bottom:22px!important}
.article-content h2{font-size:27px!important;font-weight:800!important;color:#0B2540!important;margin:56px 0 18px!important;padding:0 0 0 16px!important;border-left:5px solid #F0A500!important;border-bottom:0!important;letter-spacing:-.01em;line-height:1.3}
.article-content h3{font-size:20.5px!important;font-weight:700!important;color:#0B2540!important;margin-top:36px!important}
.article-content a{color:#0B57A4!important;text-underline-offset:3px;text-decoration-thickness:1px}
.article-content a:hover{color:#B07A00!important}
.article-content img{border-radius:4px}
.article-content figure{margin:34px 0!important}
.article-content figcaption,.article-content .caption,.article-content figure em,.article-content figure p{font-size:14px!important;color:#5A6B7E!important;line-height:1.6!important;margin-top:10px!important;padding:10px 14px!important;background:#F1F4F8!important;border-left:3px solid #F0A500!important;border-radius:0 4px 4px 0!important;font-style:normal!important}
/* tables — make data scannable */
.article-content table{width:100%!important;border-collapse:collapse!important;margin:26px 0!important;font-size:14.5px!important;display:block;overflow-x:auto}
.article-content th{background:#0B2540!important;color:#fff!important;padding:10px 12px!important;text-align:left!important;font-size:13px!important;letter-spacing:.03em;border:0!important}
.article-content td{padding:9px 12px!important;border-bottom:1px solid #E3E9F0!important;color:#33414F!important}
.article-content tr:nth-child(even) td{background:#F7F9FC}
/* callouts */
.article-content blockquote{background:#F1F4F8!important;border-left:4px solid #0B2540!important;border-radius:0 4px 4px 0!important;color:#33414F!important;margin:26px 0!important;padding:16px 20px!important;font-size:16px!important}
.article-content code{background:#F1F4F8!important;color:#0B2540!important;padding:2px 6px!important;border-radius:3px!important;font-size:.92em!important}
/* TOC — numbered card, two columns on wide, hover amber */
.aw-toc{max-width:780px!important;margin:0 auto 40px!important;padding:22px 26px!important;background:#F7F9FC!important;border:1px solid #DCE3EB!important;border-top:4px solid #0B2540!important;border-radius:0 0 4px 4px}
.aw-toc-title{font-size:12.5px!important;font-weight:800!important;letter-spacing:.12em;text-transform:uppercase;color:#0B2540!important;margin-bottom:14px!important}
.aw-toc ol{list-style:none!important;margin:0!important;padding:0!important;columns:2;column-gap:30px}
.aw-toc a{display:block!important;padding:5px 0 5px 30px!important;position:relative;font-size:14.5px!important;line-height:1.45;color:#3B4C60!important;text-decoration:none!important;font-weight:500!important;break-inside:avoid}
.aw-toc a .aw-toc-n{position:absolute;left:0;top:5px;width:22px;text-align:right;color:#B07A00;font-weight:700;font-size:12.5px}
.aw-toc a:hover{color:#0B57A4!important;text-decoration:underline}
.aw-toc a.aw-toc-active{color:#0B2540!important;font-weight:700!important}
.aw-toc a.aw-toc-active::before{content:"";position:absolute;left:-26px;top:8px;width:4px;height:16px;background:#F0A500}
@media (max-width:720px){.aw-toc ol{columns:1}}
/* reading meta chips */
.aw-meta{max-width:780px;margin:0 auto 8px;display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#5A6B7E}
.aw-meta span{background:#EEF2F7;border-radius:99px;padding:4px 12px;font-weight:600}
/* end-of-article CTA */
.aw-cta-end{max-width:780px!important;margin:54px auto 0!important;background:#0B2540!important;border-top:4px solid #F0A500!important;padding:34px 36px!important;border-radius:0 0 4px 4px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.aw-cta-end h4{color:#fff!important;font-size:21px!important;font-weight:800!important;margin:0 0 6px!important;border:0!important}
.aw-cta-end p{color:#C7D2DE!important;font-size:14.5px!important;margin:0!important}
.aw-cta-end a.aw-btn{background:#F0A500!important;color:#0B2540!important;padding:12px 24px!important;font-weight:800!important;font-size:14.5px!important;text-decoration:none!important;white-space:nowrap;border-radius:0}
.aw-cta-end a.aw-btn:hover{background:#fff!important}
/* related posts */
.aw-related{max-width:780px!important;margin:36px auto 0!important}
.aw-related h4{font-size:13px!important;letter-spacing:.12em;text-transform:uppercase;color:#0B2540!important;margin:0 0 14px!important;border:0!important;padding:0!important;font-weight:800!important}
.aw-related a{display:flex!important;gap:14px;padding:12px 0;border-bottom:1px solid #E3E9F0;text-decoration:none!important;align-items:center}
.aw-related a img{width:96px;height:60px;object-fit:cover;border-radius:3px;flex:none}
.aw-related a b{display:block;color:#0B2540!important;font-size:15px;font-weight:700;line-height:1.4}
.aw-related a:hover b{color:#0B57A4!important}
.aw-related a span{font-size:12.5px;color:#8296AA}
/* back to top */
#aw-top{position:fixed;right:22px;bottom:120px;z-index:9999;width:46px;height:46px;background:#0B2540;color:#fff;border:2px solid #F0A500;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s;border-radius:0}
#aw-top.show{opacity:.92;pointer-events:auto}
#aw-top:hover{opacity:1;background:#F0A500;color:#0B2540}
/* breadcrumbs stronger (older templates) */
.breadcrumb,.breadcrumbs,nav[aria-label="Breadcrumb"]{color:#5A6B7E!important;font-size:13.5px}
.breadcrumb a,.breadcrumbs a{color:#0B57A4!important;text-decoration:none}
.breadcrumb a:hover,.breadcrumbs a:hover{color:#B07A00!important;text-decoration:underline}
@media (max-width:640px){.article-content{font-size:16.5px!important}.article-content h2{font-size:23px!important;margin:42px 0 14px!important}#aw-top{bottom:100px;right:14px}}

/* ===== v5.1 self-contained B-board header for legacy Tailwind pages ===== */
#awv5-progress{position:fixed;top:0;left:0;height:3px;width:0;background:#f0a500;z-index:1200}
header.aw-nav{position:sticky;top:0;z-index:1100;background:#0b2540;border-bottom:1px solid rgba(255,255,255,.08)}
.aw-nav-in{max-width:1180px;margin:0 auto;padding:0 20px;height:62px;display:flex;align-items:center;justify-content:space-between}
.aw-logo{font:800 20px/1 Arial,sans-serif;color:#fff;text-decoration:none!important;letter-spacing:.01em}
.aw-logo span{color:#f0a500}
.aw-nav-links{display:flex;align-items:center;gap:26px}
.aw-nav-links a{color:#c8d4e2;text:14px;text-decoration:none!important;font:600 14px/1 Arial,sans-serif}
.aw-nav-links a:hover,.aw-nav-links a.aw-on{color:#fff}
.aw-nav-links a.aw-nav-cta{background:#f0a500;color:#0b2540;padding:9px 16px;border-radius:4px}
.aw-nav-links a.aw-nav-cta:hover{background:#ffb61e}
.aw-trustbar{background:#0e2f52;color:#9fb4ca;font:500 12px/1 Arial,sans-serif;padding:9px 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}
.aw-trustbar span{position:relative;padding-left:14px}
.aw-trustbar span:before{content:"";position:absolute;left:0;top:3px;width:7px;height:7px;background:#f0a500;border-radius:1px}
@media(max-width:820px){.aw-nav-links{gap:14px}.aw-nav-links a{font-size:13px}}