.blog-consent[role=region]{position:fixed;bottom:18px;inset-inline:18px;z-index:9999;max-width:760px;margin-inline:auto;background:#fff;color:#201c4c;padding:18px 22px;border:1px solid #d9d7ec;border-radius:16px;box-shadow:0 8px 32px #201c4c25;display:flex;gap:12px;flex-wrap:wrap;align-items:center;font:14px/1.5 Lexend,system-ui,sans-serif}
.blog-consent[role=region] p{flex:1 1 100%;margin:0}
.blog-consent[role=region] button{padding:9px 16px;border-radius:24px;border:1px solid #4933c9;background:white;color:#4933c9;cursor:pointer;font:inherit}
.blog-consent[role=region] button:first-of-type{background:#4933c9;color:white}
.blog-privacy-reset{margin:18px;padding:8px 12px;background:transparent;border:1px solid currentColor;border-radius:20px;font:inherit;color:inherit;cursor:pointer}
/* Labiba blog - enterprise editorial. Scoped to .blog; does not alter original site CSS. */
html:has(body.blog-page){overflow-x:hidden}
body.blog-page{width:100%;max-width:100%;overflow-x:hidden}
.blog{--blog-accent:#4034c8;--blog-teal:#0fb5ae;--blog-teal-soft:#e6f8f6;--blog-purple-soft:#f0eeff;--blog-ink:#1c1a33;--blog-muted:#5d5b78;--blog-line:#e4e2f2;--blog-bg:#fff;
  font-family:'Lexend',system-ui,sans-serif;color:var(--blog-ink);background:var(--blog-bg);line-height:1.6;font-size:16px;padding-top:0}
.blog *,.blog *::before,.blog *::after{box-sizing:border-box}
.blog header{position:static;inset:auto;width:auto;z-index:auto;box-shadow:none}
.blog a{color:var(--blog-accent);text-underline-offset:3px}
.blog a:focus-visible,.blog button:focus-visible,.blog input:focus-visible,.blog textarea:focus-visible,.blog summary:focus-visible,.blog .blog-table:focus-visible{outline:3px solid var(--blog-teal);outline-offset:2px;border-radius:4px}
.blog .blog-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.blog .blog-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.blog .blog-wrap--narrow{max-width:900px}
.blog h1,.blog h2,.blog h3{font-family:'Lexend',system-ui,sans-serif;color:var(--blog-ink);letter-spacing:-.01em}
.blog .blog-eyebrow,.blog .blog-label{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blog-teal);margin:0 0 14px;filter:brightness(.7)}
[dir=rtl] .blog .blog-eyebrow,[dir=rtl] .blog .blog-label{letter-spacing:0}
.blog .blog-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:0;border-radius:999px;background:var(--blog-accent);color:#fff;font:600 15px 'Lexend',sans-serif;cursor:pointer;text-decoration:none;transition:transform .15s,background .15s}
.blog .blog-btn:hover{background:#3328a8;transform:translateY(-1px)}
.blog .blog-chip{display:inline-block;padding:4px 14px;border-radius:999px;background:var(--blog-teal-soft);color:#08726d;font-size:13px;font-weight:600;text-decoration:none;margin:0 0 12px}
.blog .blog-chip:hover{background:#cdf1ee}
/* Breadcrumbs */
.blog .blog-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0 0 22px;padding:0;font-size:14px;color:var(--blog-muted)}
.blog .blog-crumbs li+li::before{content:"/";margin:0 10px;color:#b9b7d0}
.blog .blog-crumbs a{color:var(--blog-muted)}
/* List hero */
.blog .blog-hero{background:linear-gradient(135deg,var(--blog-teal-soft) 0%,#fff 45%,var(--blog-purple-soft) 100%);padding:56px 0 40px;border-bottom:1px solid var(--blog-line)}
.blog .blog-title{font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:600;line-height:1.12;margin:0 0 18px;max-width:22ch}
.blog .blog-article .blog-title{max-width:24ch}
.blog .blog-lede{font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.65;color:var(--blog-muted);max-width:60ch;margin:0 0 24px}
.blog .blog-search{display:flex;gap:10px;max-width:560px;margin:28px 0 22px}
.blog .blog-search input{flex:1;min-width:0;min-height:48px;padding:0 20px;border:1.5px solid var(--blog-line);border-radius:999px;background:#fff;font:15px 'Lexend',sans-serif;color:var(--blog-ink)}
.blog .blog-topics ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.blog .blog-topics a{display:inline-block;padding:8px 18px;border:1.5px solid var(--blog-line);border-radius:999px;background:#fff;color:var(--blog-ink);font-size:14px;font-weight:500;text-decoration:none}
.blog .blog-topics a:hover{border-color:var(--blog-teal)}
.blog .blog-topics a[aria-current=page]{background:var(--blog-accent);border-color:var(--blog-accent);color:#fff}
.blog .blog-listing{padding-top:48px;padding-bottom:80px}
.blog .blog-section-title{font-size:26px;font-weight:600;margin:48px 0 24px}
/* Cards */
.blog .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
.blog .blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--blog-line);border-radius:20px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.blog .blog-card:hover{box-shadow:0 14px 36px rgba(64,52,200,.12);transform:translateY(-3px)}
.blog .blog-card__media{display:block}
.blog .blog-cover{aspect-ratio:16/9;background:var(--blog-purple-soft);overflow:hidden}
.blog .blog-cover img{width:100%;height:100%;object-fit:cover;display:block}
.blog .blog-cover--none{background:linear-gradient(135deg,var(--blog-teal) 0%,var(--blog-accent) 100%);opacity:.9}
.blog .blog-card__body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.blog .blog-card__title{font-size:20px;line-height:1.35;font-weight:600;margin:0 0 10px}
.blog .blog-card__title a{color:var(--blog-ink);text-decoration:none}
.blog .blog-card__title a:hover{color:var(--blog-accent)}
.blog .blog-card__excerpt{color:var(--blog-muted);font-size:15px;line-height:1.65;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog .blog-meta{margin:auto 0 0;font-size:13px;color:var(--blog-muted);display:flex;flex-wrap:wrap;gap:4px 10px}
.blog .blog-card--big{display:grid;grid-template-columns:1.2fr 1fr;border-radius:28px}
.blog .blog-card--big .blog-cover{aspect-ratio:auto;height:100%;min-height:320px}
.blog .blog-card--big .blog-card__body{padding:44px;justify-content:center}
.blog .blog-card--big .blog-card__title{font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.2}
.blog .blog-card--big .blog-card__excerpt{font-size:17px;-webkit-line-clamp:4}
.blog .blog-empty{text-align:center;padding:72px 0}
.blog .blog-empty h2{font-size:26px;margin:0 0 8px}.blog .blog-empty p{color:var(--blog-muted);margin:0 0 24px}
/* Pagination */
.blog .blog-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:56px;flex-wrap:wrap}
.blog .blog-pager ol{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.blog .blog-pager a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:0 14px;border:1.5px solid var(--blog-line);border-radius:12px;color:var(--blog-ink);text-decoration:none;font-weight:500}
.blog .blog-pager a[aria-current=page]{background:var(--blog-accent);border-color:var(--blog-accent);color:#fff}
/* Article */
.blog .blog-article__head{padding:48px 0 28px;background:linear-gradient(180deg,var(--blog-teal-soft),#fff)}
.blog .blog-meta--article{margin:0;gap:6px 20px;font-size:14px}
.blog .blog-byline strong{color:var(--blog-ink);font-weight:600}
.blog .blog-byline a{color:inherit}
.blog .blog-hero-cover{margin:0 0 8px}
.blog .blog-hero-cover img{width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:24px;display:block}
.blog .blog-layout{display:grid;grid-template-columns:minmax(0,70ch) 280px;gap:56px;justify-content:center;padding-top:40px;padding-bottom:24px}
.blog .blog-main{min-width:0}
.blog .blog-side{order:2}
.blog .blog-toc{position:sticky;top:110px;max-height:calc(100dvh - 140px);overflow:auto;padding:20px 22px;border-inline-start:3px solid var(--blog-teal);background:#fafafe;border-radius:0 14px 14px 0;font-size:14px}
[dir=rtl] .blog .blog-toc{border-radius:14px 0 0 14px}
.blog .blog-toc__title,.blog h2.blog-toc__title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--blog-muted);margin:0 0 12px}
.blog .blog-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.blog .blog-toc .l3{padding-inline-start:16px}
.blog .blog-toc a{color:var(--blog-ink);text-decoration:none;line-height:1.4;display:block}
.blog .blog-toc a:hover,.blog .blog-toc a[aria-current=true]{color:var(--blog-accent)}
.blog .blog-toc--prominent{position:static;max-height:none;margin:0 0 36px;background:var(--blog-purple-soft);border-inline-start-color:var(--blog-accent);padding:26px 30px;font-size:16px}
.blog .blog-toc--prominent ol{counter-reset:toc;gap:10px}
.blog .blog-toc--prominent li.l2{counter-increment:toc}
.blog .blog-toc--prominent li.l2 a::before{content:counter(toc) ".";font-weight:600;color:var(--blog-accent);margin-inline-end:10px}
.blog .blog-takeaways{background:var(--blog-teal-soft);border-radius:18px;padding:26px 30px;margin:0 0 36px}
.blog .blog-takeaways h2{font-size:18px;margin:0 0 12px}
.blog .blog-takeaways ul{margin:0;padding-inline-start:22px;display:grid;gap:8px}
.blog .blog-takeaways li::marker{color:var(--blog-teal)}
/* Prose */
.blog .blog-prose{font-size:18px;line-height:1.85;color:#26243f;max-width:70ch;overflow-wrap:break-word}
.blog .blog-prose>*+*{margin-top:1.3em}
.blog .blog-prose h2{font-size:clamp(1.6rem,2.6vw,2rem);line-height:1.25;font-weight:600;margin-top:2.2em;scroll-margin-top:110px}
.blog .blog-prose h3{font-size:1.35rem;line-height:1.35;font-weight:600;margin-top:1.8em;scroll-margin-top:110px}
.blog .blog-prose p{margin-bottom:0}
.blog .blog-prose ul,.blog .blog-prose ol{padding-inline-start:1.4em;display:grid;gap:.5em}
.blog .blog-prose li::marker{color:var(--blog-teal);font-weight:600}
.blog .blog-prose img{max-width:100%;height:auto;border-radius:16px;display:block}
.blog .blog-prose figure{margin:2em 0}
.blog .blog-prose figcaption{font-size:14px;color:var(--blog-muted);margin-top:10px}
.blog .blog-prose blockquote{margin:2em 0;padding:4px 0 4px 26px;border-inline-start:4px solid var(--blog-teal);font-size:1.25em;line-height:1.55;font-weight:500;color:var(--blog-ink)}
.blog .blog-prose .callout,.blog .blog-prose aside{padding:20px 24px;border-radius:14px;background:var(--blog-purple-soft);border-inline-start:4px solid var(--blog-accent);font-size:17px}
.blog .blog-prose .callout>*+*{margin-top:.7em}
.blog .blog-prose code{background:#f1f0fa;padding:2px 6px;border-radius:6px;font-size:.9em}
.blog .blog-prose pre{background:#1c1a33;color:#f2f1ff;padding:20px;border-radius:14px;overflow:auto;font-size:14px;line-height:1.6}
.blog .blog-prose pre code{background:none;padding:0;color:inherit}
.blog .blog-prose a{font-weight:500}
.blog .blog-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--blog-line);border-radius:14px}
.blog .blog-table table{width:100%;min-width:520px;border-collapse:collapse;font-size:16px;line-height:1.5}
.blog .blog-table th{background:var(--blog-teal-soft);text-align:start;font-weight:600}
.blog .blog-table th,.blog .blog-table td{padding:14px 18px;border-bottom:1px solid var(--blog-line);vertical-align:top}
.blog .blog-table tr:last-child td{border-bottom:0}
/* Template accents */
.blog .blog-tpl-insight .blog-prose>p:first-of-type{font-size:1.2em;color:var(--blog-ink)}
.blog .blog-tpl-insight .blog-prose blockquote{font-size:1.5em;line-height:1.4;border:0;padding:0;text-align:start;color:var(--blog-accent);position:relative}
.blog .blog-tpl-guide .blog-prose ol{counter-reset:step;list-style:none;padding:0;gap:1em}
.blog .blog-tpl-guide .blog-prose ol>li{counter-increment:step;position:relative;padding:18px 20px;padding-inline-start:68px;border:1px solid var(--blog-line);border-radius:16px;background:#fff}
.blog .blog-tpl-guide .blog-prose ol>li::before{content:counter(step);position:absolute;inset-inline-start:18px;top:16px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--blog-accent);color:#fff;font-weight:600;font-size:15px}
.blog .blog-tpl-case-study .blog-prose{counter-reset:cs}
.blog .blog-tpl-case-study .blog-prose h2{counter-increment:cs;padding-top:1.2em;border-top:2px solid var(--blog-teal)}
.blog .blog-tpl-case-study .blog-prose h2::before{content:"0" counter(cs);display:block;font-size:13px;letter-spacing:.14em;color:var(--blog-teal);filter:brightness(.7);margin-bottom:6px}
/* Supporting blocks */
.blog .blog-faq{margin-top:56px;max-width:70ch}
.blog .blog-faq h2,.blog .blog-sources h2,.blog .blog-solutions h2,.blog .blog-related h2{font-size:clamp(1.5rem,2.4vw,1.9rem);margin:0 0 18px}
.blog .blog-faq details{border-bottom:1px solid var(--blog-line);padding:18px 0}
.blog .blog-faq summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.blog .blog-faq summary::after{content:"+";color:var(--blog-accent);font-size:24px;line-height:1}
.blog .blog-faq details[open] summary::after{content:"\2212"}
.blog .blog-faq details>div{padding-top:12px;color:#33314d;line-height:1.8}
.blog .blog-solutions{margin-top:48px;padding:28px 30px;border-radius:18px;border:1px solid var(--blog-line);background:#fafafe;max-width:70ch}
.blog .blog-solutions ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.blog .blog-solutions li{display:grid;gap:2px}
.blog .blog-solutions a{font-weight:600;font-size:18px}
.blog .blog-solutions li span{color:var(--blog-muted);font-size:15px}
.blog .blog-sources{margin-top:48px;max-width:70ch}
.blog .blog-sources ol{padding-inline-start:1.3em;display:grid;gap:8px;font-size:15px;overflow-wrap:anywhere}
.blog .blog-foot{margin-top:40px;padding-top:24px;border-top:1px solid var(--blog-line);display:grid;gap:14px;max-width:70ch}
.blog .blog-foot p{margin:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.blog .blog-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.blog .blog-tags a{display:inline-block;padding:5px 14px;border:1px solid var(--blog-line);border-radius:999px;font-size:14px;text-decoration:none;color:var(--blog-ink)}
.blog .blog-author{margin-top:28px;padding:22px 24px;background:#fafafe;border-radius:16px;max-width:70ch}
.blog .blog-author p{margin:0;color:var(--blog-muted)}
.blog .blog-author h2{margin:0 0 8px;font-size:12px}
/* CTA */
.blog .blog-cta{margin:64px 0 0;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding:44px;border-radius:28px;background:linear-gradient(135deg,#2b218f 0%,var(--blog-accent) 55%,#0b8f8a 130%);color:#fff}
.blog .blog-cta h2{color:#fff;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.2;margin:0 0 14px}
.blog .blog-cta p{color:rgba(255,255,255,.85);margin:0;line-height:1.7}
.blog .blog-lead{display:grid;gap:14px}
.blog .blog-lead__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.blog .blog-lead label{display:grid;gap:6px;font-size:13px;font-weight:500;color:rgba(255,255,255,.9)}
.blog .blog-lead input:not([type=checkbox]),.blog .blog-lead textarea{width:100%;min-height:46px;padding:10px 14px;border:1.5px solid transparent;border-radius:12px;background:#fff;color:var(--blog-ink);font:15px 'Lexend',sans-serif}
.blog .blog-lead .blog-consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.5}
.blog .blog-lead .blog-consent input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--blog-teal)}
.blog .blog-hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.blog .blog-privacy{font-size:13px;color:rgba(255,255,255,.7)}
.blog .blog-cta .blog-btn{background:#fff;color:var(--blog-accent);justify-self:start}
.blog .blog-cta .blog-btn:hover{background:var(--blog-teal-soft)}
.blog .blog-lead__status{min-height:1.4em;font-size:15px;font-weight:500;color:#fff}
.blog .blog-lead[data-state=error] .blog-lead__status{color:#ffd3d9}
/* Related */
.blog .blog-related{margin-top:80px;padding:64px 0 88px;background:#fafafe;border-top:1px solid var(--blog-line)}
.blog .blog-related h2{margin-bottom:28px}
.blog .blog-related .blog-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
/* Responsive */
@media(max-width:1100px){
  .blog .blog-layout{grid-template-columns:minmax(0,70ch);gap:0}
  .blog .blog-side{order:-1;margin-bottom:28px}
  .blog .blog-toc{position:static;max-height:none}
  .blog .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .blog .blog-card--big{grid-template-columns:1fr}
  .blog .blog-card--big .blog-cover{min-height:0;aspect-ratio:16/9}
  .blog .blog-card--big .blog-card__body{padding:26px}
  .blog .blog-cta{grid-template-columns:1fr;padding:30px 22px;border-radius:22px;gap:24px}
}
@media(max-width:600px){
  .blog .blog-wrap{padding:0 18px}
  .blog .blog-grid{grid-template-columns:1fr}
  .blog .blog-lead__grid{grid-template-columns:1fr}
  .blog .blog-prose{font-size:17px}
  .blog .blog-hero{padding:36px 0 28px}
  .blog .blog-search{flex-direction:column}
  .blog .blog-search .blog-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.blog *{transition:none!important;scroll-behavior:auto!important}}
