
.eb-progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--blue-500,#0078d4);z-index:2000;transition:width .08s linear}
.eb-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;justify-content:center;align-items:center;margin-top:1rem;font-size:.95rem;color:rgba(255,255,255,.92)}
.eb-meta span{display:inline-flex;gap:.4rem;align-items:center}
.page-hero .badge-soft.eb-cat{display:inline-flex;width:auto;border:1px solid rgba(255,255,255,.35)}.page-hero .breadcrumb-row.eb-bc{gap:.5rem}.page-hero .hero-cta-stack.eb-cta{align-items:center;justify-content:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.page-hero .eb-cta .hero-actions,.page-hero .eb-cta .hero-quote-row{margin:0}
.eb-lead{font-size:1.2rem;line-height:1.7;color:var(--ink-700,#323130);margin-bottom:1.5rem}
.eb-takeaways{border:1px solid var(--line-c,#cdebf5);background:var(--surf,#f2fbfe);border-radius:var(--r,10px);padding:1.25rem 1.5rem;margin:0 0 2rem}
.eb-takeaways h2{font-size:1.05rem!important;margin:0 0 .6rem!important;letter-spacing:.02em;text-transform:uppercase;color:var(--blue-600,#0067b8)}
.eb-takeaways ul{margin:0;padding-left:1.1rem}.eb-takeaways li{margin:.35rem 0}
.eb-toc{background:#fff;border:1px solid var(--border-200,#e1dfdd);border-radius:var(--r,10px);padding:1.1rem 1.2rem}
.eb-toc h6{margin:0 0 .6rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate-500,#605e5c)}
.eb-toc ol{list-style:none;margin:0;padding:0;counter-reset:t}.eb-toc li{counter-increment:t;margin:.1rem 0}
.eb-toc a{display:block;padding:.4rem .6rem;border-left:3px solid transparent;color:var(--ink-700,#323130);font-size:.93rem;line-height:1.35;text-decoration:none}
.eb-toc a:before{content:counter(t) ". ";color:var(--blue-600,#0067b8);font-weight:600}
.eb-toc a:hover,.eb-toc a.on{border-left-color:var(--blue-500,#0078d4);background:var(--blue-100,#eff6fc);color:var(--navy-900,#002050)}
.eb-callout{border-left:4px solid var(--blue-500,#0078d4);background:var(--blue-100,#eff6fc);border-radius:0 var(--r,10px) var(--r,10px) 0;padding:1rem 1.25rem;margin:1.75rem 0}
.eb-callout strong{color:var(--navy-900,#002050)}
.eb-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin:1.75rem 0}
.eb-fact{border:1px solid var(--border-200,#e1dfdd);border-radius:var(--r,10px);padding:1rem;background:#fff;text-align:left}
.eb-fact b{display:block;font-size:1.05rem;color:var(--navy-900,#002050);line-height:1.25}.eb-fact small{color:var(--slate-500,#605e5c)}
.eb-svc{display:flex;gap:1rem;align-items:center;border:1px solid var(--line-c,#cdebf5);background:var(--surf,#f2fbfe);border-radius:var(--r,10px);padding:1.1rem 1.25rem;margin:2rem 0}
.eb-svc .ic{flex:0 0 56px;width:56px;height:56px;border-radius:var(--r,10px);background:#fff;display:flex;align-items:center;justify-content:center}.eb-svc .ic img{width:36px;height:36px}
.eb-svc div.t{flex:1;min-width:0}.eb-svc h3{font-size:1.05rem;margin:0 0 .15rem!important}.eb-svc p{margin:0;font-size:.95rem;color:var(--slate-500,#605e5c)}
.eb-author{display:flex;gap:1rem;align-items:flex-start;border-top:1px solid var(--border-200,#e1dfdd);margin-top:2.5rem;padding-top:1.5rem}
.eb-author .av{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:var(--navy-900,#002050);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.eb-author p{margin:.15rem 0 0;font-size:.95rem;color:var(--slate-500,#605e5c)}
.eb-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.eb-next a{display:block;border:1px solid var(--border-200,#e1dfdd);border-radius:var(--r,10px);padding:1rem;background:#fff;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
.eb-next a:hover{transform:translateY(-3px);box-shadow:var(--shadow-live,0 14px 34px rgba(0,103,184,.16))}
.eb-next small{color:var(--blue-600,#0067b8);font-weight:600}.eb-next strong{display:block;margin-top:.25rem}
.blog-post-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.97rem}.blog-post-body th{background:var(--blue-100,#eff6fc);text-align:left}.blog-post-body th,.blog-post-body td{border:1px solid var(--border-200,#e1dfdd);padding:.65rem .8rem;vertical-align:top}
.blog-post-body h2{scroll-margin-top:calc(var(--hdr,96px) + 16px)}
@media(max-width:900px){.eb-toc{display:none}}
.blog-side-rail{max-height:calc(100vh - var(--hdr,96px) - 32px);overflow:auto;scrollbar-width:thin}
.eb-form{background:#fff;border:1px solid var(--line-c,#cdebf5);border-top:5px solid var(--blue-500,#0078d4);border-radius:var(--r,10px);padding:1.15rem 1.15rem 1.25rem;box-shadow:var(--shadow-live,0 14px 34px rgba(0,103,184,.16))}
.eb-form h4,.eb-form h3{margin:0 0 .25rem!important;font-size:1.1rem}.eb-form .sub{margin:0 0 .9rem;font-size:.9rem;color:var(--slate-500,#605e5c)}
.eb-form .g{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.eb-form .g .f{display:flex;flex-direction:column;gap:.25rem;min-width:0}.eb-form .g .full{grid-column:1/-1}
.eb-form label{font-size:.8rem;font-weight:600;color:var(--ink-700,#323130)}.eb-form .lf2-input{min-height:42px;padding:.5rem .7rem;font-size:15px}.eb-form textarea.lf2-input{min-height:64px}
.eb-form .ph{display:grid;grid-template-columns:70px 1fr;gap:.4rem}
.eb-form .f.err .lf2-input{border-color:#c50f1f;box-shadow:0 0 0 3px rgba(197,15,31,.12)}.eb-form .f.err .lf2-err{display:block}
.eb-form .btn{width:100%;margin-top:.75rem;justify-content:center}.eb-form .note{margin:.6rem 0 0;font-size:.75rem;color:var(--slate-500,#605e5c)}
.eb-form .ok{display:none;text-align:center;padding:1.2rem .5rem}.eb-form .ok i{font-size:2rem;color:var(--blue-600,#0067b8)}.eb-form.done form{display:none}.eb-form.done .ok{display:block}
.eb-form.inline{margin:2rem 0}.eb-form.inline .g{grid-template-columns:repeat(2,1fr)}
@media(max-width:600px){.eb-form .g{grid-template-columns:1fr}}

.blog-post-body{--ebr:var(--r,12px)}
.eb-sec{position:relative;background:#fff;border:1px solid var(--border-200,#e1dfdd);border-radius:var(--ebr);padding:1.5rem 1.6rem;margin:1.4rem 0;box-shadow:0 1px 2px rgba(0,32,80,.04);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}
.eb-sec:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue-500,#0078d4);transform:scaleY(.25);transform-origin:top;transition:transform .25s ease}
.eb-sec:hover,.eb-sec:focus-within{transform:translateY(-3px);border-color:var(--blue-500,#0078d4);box-shadow:var(--shadow-live,0 14px 34px rgba(0,103,184,.16))}
.eb-sec:hover:before,.eb-sec:focus-within:before{transform:scaleY(1)}
.eb-sec>h2{display:flex;gap:.7rem;align-items:center;margin-top:0!important}
.eb-sec>h2 .n{flex:0 0 2rem;width:2rem;height:2rem;border-radius:50%;background:var(--blue-100,#eff6fc);color:var(--blue-600,#0067b8);font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.eb-sec>*:last-child{margin-bottom:0}
.eb-subs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;margin-top:1rem}
.eb-sub{background:var(--surf,#f2fbfe);border:1px solid var(--line-c,#cdebf5);border-radius:var(--ebr);padding:1rem 1.1rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.eb-sub:hover{transform:translateY(-3px);background:#fff;box-shadow:0 10px 26px rgba(0,103,184,.14)}
.eb-sub h3{font-size:1.02rem;margin:0 0 .4rem!important;color:var(--navy-900,#002050)}.eb-sub>*:last-child{margin-bottom:0}
.eb-takeaways{background:transparent;border:0;padding:0;margin:0 0 1.6rem}
.eb-takeaways ul{list-style:none;padding:0;margin:.8rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.9rem}
.eb-takeaways li{display:flex;gap:.7rem;align-items:flex-start;margin:0;background:var(--surf,#f2fbfe);border:1px solid var(--line-c,#cdebf5);border-radius:var(--ebr);padding:.95rem 1rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.eb-takeaways li:hover{transform:translateY(-3px);background:#fff;box-shadow:0 10px 26px rgba(0,103,184,.14)}
.eb-takeaways li i{color:var(--blue-600,#0067b8);font-size:1.15rem;line-height:1.35}
.eb-callout,.eb-fact,.eb-svc,.eb-author,.card-soft{transition:transform .2s ease,box-shadow .2s ease}
.eb-callout:hover,.eb-fact:hover,.eb-svc:hover,.eb-author:hover,.card-soft:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,103,184,.14)}
.eb-author{border:1px solid var(--border-200,#e1dfdd);border-radius:var(--ebr);padding:1.2rem;background:#fff}
.blog-post-body .faq-item{background:#fff;border:1px solid var(--border-200,#e1dfdd);border-radius:var(--ebr);margin:.7rem 0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.blog-post-body .faq-item:hover{transform:translateY(-2px);border-color:var(--blue-500,#0078d4);box-shadow:0 10px 26px rgba(0,103,184,.12)}
.eb-toc{transition:box-shadow .2s ease}.eb-toc:hover{box-shadow:0 10px 26px rgba(0,103,184,.12)}
.eb-next a{border-radius:var(--ebr)}
.blog-post-body table{display:block;overflow-x:auto;max-width:100%}
@media(max-width:600px){.eb-sec{padding:1.1rem 1rem}.eb-sec>h2{font-size:1.3rem}.eb-svc{flex-wrap:wrap}}
@media(hover:none){.eb-sec:hover,.eb-sub:hover,.eb-takeaways li:hover,.eb-fact:hover,.eb-next a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.eb-sec,.eb-sub,.eb-takeaways li,.eb-fact,.eb-callout,.eb-svc,.eb-author,.faq-item,.eb-next a{transition:none!important;transform:none!important}}
.eb-takeaways li,.eb-sub{font-size:.96rem;line-height:1.55}.eb-sec>h2{font-size:1.5rem}

.eb-feat-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);margin:0 0 2rem;border:1px solid var(--line-c,#cdebf5);border-radius:16px;overflow:hidden;background:#fff;color:inherit;text-decoration:none;box-shadow:0 1px 3px rgba(0,32,80,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.eb-feat-card:hover{transform:translateY(-4px);border-color:var(--blue-500,#0078d4);box-shadow:var(--shadow-live,0 14px 34px rgba(0,103,184,.18));color:inherit}
.eb-feat-card .ef-body{padding:2rem 2.2rem;display:flex;flex-direction:column;gap:.8rem;align-items:flex-start;min-width:0}
.eb-feat-card h2{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.25;margin:0;color:var(--navy-900,#002050)}
.eb-feat-card p{margin:0;color:var(--ink-700,#323130);font-size:1.02rem;line-height:1.6}
.eb-feat-card .ef-badge{display:inline-flex;gap:.4rem;align-items:center;background:var(--blue-500,#0078d4);color:#fff;border-radius:999px;padding:.25rem .8rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.eb-feat-card .btn{margin-top:.4rem}
.eb-feat-card .ef-art{background:linear-gradient(135deg,var(--navy-900,#002050),var(--blue-500,#0078d4));display:flex;align-items:center;justify-content:center;min-height:220px;position:relative;overflow:hidden}
.eb-feat-card .ef-art:before,.eb-feat-card .ef-art:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08);transition:transform .5s ease}
.eb-feat-card .ef-art:before{width:260px;height:260px;right:-70px;top:-90px}.eb-feat-card .ef-art:after{width:180px;height:180px;left:-50px;bottom:-70px}
.eb-feat-card:hover .ef-art:before{transform:scale(1.15)}.eb-feat-card:hover .ef-art:after{transform:scale(1.2)}
.eb-feat-card .ef-art i{font-size:4.5rem;color:rgba(255,255,255,.92);position:relative;z-index:1}
@media(max-width:800px){.eb-feat-card{grid-template-columns:1fr}.eb-feat-card .ef-art{min-height:110px;order:-1}.eb-feat-card .ef-art i{font-size:3rem}.eb-feat-card .ef-body{padding:1.3rem 1.2rem}}
@media(prefers-reduced-motion:reduce){.eb-feat-card,.eb-feat-card .ef-art:before,.eb-feat-card .ef-art:after{transition:none!important;transform:none!important}}

.eb-cardart{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;max-height:210px;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#002050,#0078d4)}
.eb-cardart.g1{background:linear-gradient(135deg,#0b6b3a,#22b36b)}.eb-cardart.g2{background:linear-gradient(135deg,#5b2bd1,#9b7bf5)}.eb-cardart.g3{background:linear-gradient(135deg,#c2410c,#f59e4b)}.eb-cardart.g4{background:linear-gradient(135deg,#a3185c,#e65c9c)}
.eb-cardart i{font-size:3.2rem;color:rgba(255,255,255,.92);transition:transform .3s ease}.blog-card:hover .eb-cardart i{transform:scale(1.12) rotate(-4deg)}

.eb-feat-card .ef-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .5s ease}.eb-feat-card:hover .ef-art img{transform:scale(1.05)}
.eb-feat-card .ef-art:has(img){background:var(--surf,#f2fbfe)}.eb-feat-card .ef-art img{object-fit:contain}

/* v10 card content over the existing card colours (colours unchanged) */
.blog-card .blog-card-img.eb-cardart,.eb-feat-card .eb-cardart{container-type:inline-size;position:relative;display:block;overflow:hidden;aspect-ratio:16/9;max-height:none;width:100%;padding:0;color:#fff;--ac:#0060b8}
.blog-card .blog-card-img.eb-cardart{background:linear-gradient(135deg,#002050,#0078d4);border-radius:var(--r,18px) var(--r,18px) 0 0}
.blog-card .blog-card-img.eb-cardart.g1{background:linear-gradient(135deg,#0b6b3a,#22b36b);--ac:#0b6b3a}
.blog-card .blog-card-img.eb-cardart.g2{background:linear-gradient(135deg,#5b2bd1,#9b7bf5);--ac:#5b2bd1}
.blog-card .blog-card-img.eb-cardart.g3{background:linear-gradient(135deg,#c2410c,#f59e4b);--ac:#c2410c}
.blog-card .blog-card-img.eb-cardart.g4{background:linear-gradient(135deg,#a3185c,#e65c9c);--ac:#a3185c}
.eb-feat-card .eb-cardart{background:transparent}
.eb-cardart .ca-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none}
.eb-cardart .ca-orb.o1{width:62cqw;height:62cqw;right:-18cqw;top:-26cqw}
.eb-cardart .ca-orb.o2{width:40cqw;height:40cqw;right:2cqw;bottom:-22cqw;background:rgba(255,255,255,.08)}
.eb-cardart .ca-pill{position:absolute;left:6cqw;top:6cqw;max-width:60cqw;padding:1.1cqw 3cqw;border-radius:999px;background:#fff;color:var(--ac);font-size:3.1cqw;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eb-cardart .ca-t{position:absolute;left:6cqw;top:17cqw;width:56cqw;font-size:5.6cqw;line-height:1.14;font-weight:800;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}
.eb-cardart .ca-t.l{font-size:4.6cqw;line-height:1.16}
.eb-cardart .ca-s{position:absolute;left:6cqw;bottom:13cqw;width:56cqw;font-size:3.3cqw;line-height:1.3;color:rgba(255,255,255,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eb-cardart .ca-b{position:absolute;left:6cqw;bottom:5.5cqw;font-size:2.7cqw;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#fff}
.eb-cardart .ca-tile{position:absolute;right:7cqw;top:50%;transform:translateY(-50%);width:27cqw;height:27cqw;border-radius:22%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2cqw 5cqw rgba(0,20,60,.28);transition:transform .3s ease}
.eb-cardart .ca-tile i{font-size:13.5cqw;line-height:1;color:var(--ac);transform:none}
.eb-feat-card .eb-cardart{--ac:#0060b8}
.blog-card:hover .eb-cardart .ca-tile,.eb-feat-card:hover .eb-cardart .ca-tile{transform:translateY(-50%) scale(1.06) rotate(-3deg)}
.blog-card:hover .eb-cardart i{transform:none}
.eb-feat-card .ef-art{padding:0;min-height:0;align-self:stretch}
.eb-feat-card .eb-cardart.ca-feat{height:100%;aspect-ratio:auto;min-height:250px;border-radius:0}
.eb-feat-card .eb-cardart.ca-feat .ca-t{font-size:6.2cqw}.eb-feat-card .eb-cardart.ca-feat .ca-t.l{font-size:5cqw}
@media (max-width:800px){.eb-feat-card .ef-art{min-height:0}.eb-feat-card .eb-cardart.ca-feat{min-height:0;aspect-ratio:16/9;height:auto}}
@supports not (container-type:inline-size){.eb-cardart .ca-t{font-size:1.2rem}.eb-cardart .ca-s,.eb-cardart .ca-b,.eb-cardart .ca-pill{font-size:.75rem}.eb-cardart .ca-tile i{font-size:2.4rem}}
