/* ============================================================
   BETTROI — KNOWLEDGE CENTRE ARTICLE (shared by all blog posts,
   used by both the static HTML site and the Next.js build)
   ============================================================ */
:root{--primary:#001F54;--secondary:#475569;--theme:#1855D4;--action:#1855D4;--black:#0A1128;--bg:#0A1128;--border:rgba(0,31,84,0.12);--white:#FFFFFF;--bright-blue:#2967EA;--navy:#001F54;--ink:#0A1128;--off-white:#F4F6F9;--cream:#FEFCFB;--slate:#475569;--lt-slate:#94A3B8;--bt-border:#E2E8F0;}
.custom-cursor{display:none!important} body,body *{cursor:default!important} a,button,[role="button"]{cursor:pointer!important} .loader-wrap{display:none!important}
.progress-wrap svg.progress-circle path{stroke:var(--bright-blue)} .progress-wrap::after{background-color:var(--navy);color:var(--bright-blue)}
.footer-chevron{transition:transform .3s ease;display:inline-block;margin-left:6px;font-size:11px} .footer-accordion-title{cursor:pointer;user-select:none}
.rr-btn{background-color:var(--theme)!important} .rr-btn-underline::after{background-color:var(--bright-blue)}
.footer-area{background-color:#fff!important} .footer-area,.footer-area *{color:var(--navy)!important}
.footer-area .footer-widget-box.content .title,.footer-area .footer-widget-box.content .title span,.footer-area .footer-widget-box.content .title div{color:var(--bright-blue)!important}
.footer-area .footer-nav-list li a:hover{color:var(--bright-blue)!important}
.footer-area .rr-btn-underline,.footer-area .rr-btn-underline::before{color:var(--navy)!important}
.footer-area .copyright-area{background-color:var(--off-white);border-top-color:var(--bt-border)}
.rr-container-1650{padding-left:40px!important;padding-right:40px!important}
@media(min-width:1400px){.rr-container-1650{padding-left:60px!important;padding-right:60px!important}}
@media(max-width:767px){.rr-container-1650{padding-left:20px!important;padding-right:20px!important}}

/* ── Reading progress ── */
#wp-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--bright-blue),#7ab3ff);z-index:9999;width:0%;transition:width .1s linear;pointer-events:none}

/* ── Hero ── */
.kca-hero{background-color:var(--ink);padding:150px 0 90px;position:relative;overflow:hidden}
.kca-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 45%,rgba(64,128,255,.12) 0%,transparent 65%);pointer-events:none}
.kca-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(64,128,255,.3),transparent)}
.kca-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--bright-blue);background:rgba(64,128,255,.1);border:1px solid rgba(64,128,255,.25);border-radius:100px;padding:6px 18px;margin-bottom:28px}
.kca-hero__title{font-size:clamp(34px,4.6vw,62px);line-height:1.1;font-weight:700;color:#fff;margin-bottom:22px;letter-spacing:-0.02em;max-width:900px}
.kca-hero__desc{font-size:clamp(15px,1.7vw,19px);color:rgba(255,255,255,.62);line-height:1.75;max-width:680px;margin-bottom:34px}
.kca-hero__meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-top:30px;border-top:1px solid rgba(255,255,255,.08)}
.kca-hero__meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.5)}
.kca-hero__meta-item i{color:var(--bright-blue);font-size:12px}
.kca-hero__meta-item strong{color:rgba(255,255,255,.82);font-weight:600}

/* ── Featured image ── */
.kca-figure{background:#fff;padding:56px 0 0}
.kca-figure img{width:100%;max-height:460px;object-fit:cover;border-radius:16px;border:1px solid var(--bt-border)}

/* ── Article body ── */
.kca-layout{background:#fff;padding:56px 0 100px}
.kca-article{font-size:16.5px;line-height:1.85;color:var(--slate);max-width:840px}
.kca-article h2{font-size:clamp(24px,2.8vw,34px);font-weight:700;color:var(--navy);margin:56px 0 20px;line-height:1.2}
.kca-article h3{font-size:clamp(19px,2.2vw,25px);font-weight:700;color:var(--navy);margin:42px 0 16px;line-height:1.25}
.kca-article h4{font-size:17px;font-weight:700;color:var(--navy);margin:32px 0 12px}
.kca-article p{margin-bottom:20px}
.kca-article a{color:var(--theme);text-decoration:underline;text-underline-offset:3px}
.kca-article a:hover{color:var(--bright-blue)}
.kca-article strong{font-weight:700;color:var(--navy)}
.kca-article ul,.kca-article ol{margin:18px 0 26px;padding:0;list-style:none}
.kca-article ul li,.kca-article ol li{padding:7px 0 7px 26px;position:relative;border-bottom:1px solid var(--off-white)}
.kca-article ul li:last-child,.kca-article ol li:last-child{border-bottom:none}
.kca-article ul li::before{content:'';position:absolute;left:2px;top:17px;width:6px;height:6px;background:var(--bright-blue);border-radius:50%}
.kca-article ol{counter-reset:kca-ol}
.kca-article ol li{counter-increment:kca-ol}
.kca-article ol li::before{content:counter(kca-ol);position:absolute;left:0;top:8px;font-size:11px;font-weight:700;color:var(--bright-blue);background:rgba(64,128,255,.1);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:18px;text-align:center}
.kca-article blockquote{margin:32px 0;padding:24px 28px;background:linear-gradient(135deg,rgba(64,128,255,.06),rgba(64,128,255,.02));border-left:4px solid var(--bright-blue);border-radius:0 12px 12px 0;font-weight:500;color:var(--navy)}
.kca-article blockquote p:last-child{margin-bottom:0}
.kca-article img{max-width:100%;height:auto;border-radius:12px;margin:26px 0;border:1px solid var(--bt-border)}
.kca-article table{width:100%;border-collapse:collapse;font-size:14px;margin:26px 0 36px;border:1px solid var(--bt-border);border-radius:12px;overflow:hidden}
.kca-article th{background:var(--navy);color:rgba(255,255,255,.85);text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:12px 14px}
.kca-article td{padding:12px 14px;border-bottom:1px solid var(--bt-border);vertical-align:top}
.kca-article tr:last-child td{border-bottom:none}
.kca-article code{background:var(--off-white);padding:2px 7px;border-radius:5px;font-size:13.5px;color:var(--navy);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.kca-article pre{background:var(--ink);color:#dbe7ff;padding:20px 22px;border-radius:12px;overflow-x:auto;font-size:13.5px;line-height:1.7;margin:26px 0}
.kca-article pre code{background:none;color:inherit;padding:0}
.kca-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--lt-slate);text-decoration:none;margin-top:48px;padding-top:28px;border-top:1px solid var(--bt-border);transition:color .2s;width:100%}
.kca-back:hover{color:var(--bright-blue)}

/* ── CTA strip ── */
.kca-cta{background:var(--navy);padding:70px 0;position:relative;overflow:hidden}
.kca-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(64,128,255,.12) 0%,transparent 65%);pointer-events:none}
.kca-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.kca-cta__title{font-size:clamp(22px,2.6vw,32px);font-weight:700;color:#fff;margin:0 0 6px;line-height:1.2}
.kca-cta__sub{font-size:14.5px;color:rgba(255,255,255,.6);margin:0}
.kca-cta__btn{display:inline-flex;align-items:center;gap:10px;background:var(--bright-blue);color:#fff;padding:15px 30px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:background .25s,transform .25s;white-space:nowrap}
.kca-cta__btn:hover{background:#5a9dff;color:#fff;transform:translateY(-2px)}