/* Generated by tools/build-cisin-blog-common-css.php. Do not edit directly. */
/* Source: www.cisin.com/coffee-break/assets/cisin-cms-v1.css | SHA-256: 2cbf4fcb26eadce577226f803dd79106fa623b385a32b66091fad6176074048c */
:root{--ink:#0f1f3d;--muted:#526077;--navy:#071a33;--blue:#0b5bd3;--blue-strong:#07439e;--sky:#eef5ff;--surface:#fff;--wash:#f5f7fb;--line:#dce3ee;--focus:#f59e0b;--radius:1rem}[data-cisin-surface=country_recruitment] .site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);box-shadow:0 1px 0 rgba(15,31,61,.1)}[data-cisin-surface=country_recruitment] .site-header__utility{min-height:2rem;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-inline:max(1rem,calc((100% - 75rem)/2));font-size:.79rem}[data-cisin-surface=country_recruitment] .site-header__utility p{margin:0}[data-cisin-surface=country_recruitment] .site-header__utility a{color:#fff;font-weight:750}[data-cisin-surface=country_recruitment] .site-header__inner,[data-cisin-surface=country_recruitment] .site-footer__inner,[data-cisin-surface=country_recruitment] main{width:min(100% - 2rem,75rem);margin-inline:auto}[data-cisin-surface=country_recruitment] .site-header__inner{min-height:4.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}[data-cisin-surface=country_recruitment] .brand{color:var(--navy);font-size:1.5rem;font-weight:850;letter-spacing:-.06em;text-decoration:none}[data-cisin-surface=country_recruitment] .brand span{color:var(--blue)}[data-cisin-surface=country_recruitment] .site-nav{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.45rem)}[data-cisin-surface=country_recruitment] .site-nav a{font-size:.93rem;font-weight:700;color:var(--ink);text-decoration:none}[data-cisin-surface=country_recruitment] .mobile-nav{display:none;position:relative}[data-cisin-surface=country_recruitment] .mobile-nav summary{cursor:pointer;font-weight:800;color:var(--navy)}[data-cisin-surface=country_recruitment] .mobile-nav div{position:absolute;right:0;top:calc(100% + .8rem);width:min(20rem,calc(100vw - 2rem));padding:1rem;background:#fff;border:1px solid var(--line);border-radius:.75rem;box-shadow:0 1rem 2.5rem rgba(7,26,51,.15)}[data-cisin-surface=country_recruitment] .mobile-nav div a{display:block;padding:.5rem;color:var(--ink);font-weight:700}[data-cisin-surface=country_recruitment] .button{background:var(--blue);color:#fff!important;border-color:var(--blue);border-radius:.55rem}[data-cisin-surface=country_recruitment] .hero,[data-cisin-surface=country_recruitment] .article,[data-cisin-surface=country_recruitment] .link-group,[data-cisin-surface=country_recruitment] .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}[data-cisin-surface=country_recruitment] .hero,[data-cisin-surface=country_recruitment] .article{padding:clamp(1.35rem,4vw,3.5rem)}[data-cisin-surface=country_recruitment] .hero{margin-bottom:2rem;background:linear-gradient(135deg,#edf5ff,#fff 58%,#e6f0ff)}[data-cisin-surface=country_recruitment] .hero h1{max-width:18ch;font-size:clamp(2.1rem,5vw,4rem);line-height:1.08;letter-spacing:-.045em;margin:.35rem 0 1rem}[data-cisin-surface=country_recruitment] .eyebrow{color:var(--blue)}[data-cisin-surface=country_recruitment] .site-footer{background:var(--navy);color:#dfe8f8}[data-cisin-surface=country_recruitment] .site-footer a{color:#fff}[data-cisin-surface=country_recruitment] .site-footer__inner{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:2rem;padding:3rem 0}[data-cisin-surface=country_recruitment] .site-footer h2{font-size:1rem;color:#fff}[data-cisin-surface=country_recruitment] .site-footer ul{padding:0;margin:0;list-style:none}[data-cisin-surface=country_recruitment] .site-footer li{margin:.45rem 0}[data-cisin-surface=country_recruitment] .brand--footer{color:#fff}[data-cisin-surface=country_recruitment] .site-footer__legal{border-top:1px solid rgba(255,255,255,.16);padding:.9rem max(1rem,calc((100% - 75rem)/2));font-size:.85rem}[data-cisin-surface=country_recruitment] .site-footer__legal p{margin:0}@media(max-width:52rem){[data-cisin-surface=country_recruitment] .site-header__utility p,[data-cisin-surface=country_recruitment] .site-nav{display:none}[data-cisin-surface=country_recruitment] .site-header__utility{justify-content:flex-end}[data-cisin-surface=country_recruitment] .mobile-nav{display:block}[data-cisin-surface=country_recruitment] .site-footer__inner{grid-template-columns:1fr}}
body.cisin-coffee-break{margin:0;background:var(--wash);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}body.cisin-coffee-break *,body.cisin-coffee-break *::before,body.cisin-coffee-break *::after{box-sizing:border-box}body.cisin-coffee-break img{display:block;max-width:100%;height:auto}body.cisin-coffee-break a{color:var(--blue-strong);text-underline-offset:.17em}body.cisin-coffee-break a:hover{color:var(--navy)}body.cisin-coffee-break a:focus-visible,body.cisin-coffee-break summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:100;left:1rem;top:-4rem;padding:.7rem 1rem;background:#fff;color:var(--navy);border-radius:.4rem;font-weight:800}.skip-link:focus{top:1rem}.cisin-header{position:relative;z-index:20;background:#fff;box-shadow:0 1px 0 rgba(15,31,61,.1)}.cisin-header__utility{min-height:2.2rem;padding:.3rem max(1rem,calc((100% - 76rem)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--navy);color:#fff;font-size:.82rem}.cisin-header__utility p{margin:0}.cisin-header__utility div{display:flex;gap:1rem}body.cisin-coffee-break .cisin-header__utility a{color:#fff;font-weight:750}.cisin-header__main{width:min(100% - 2rem,76rem);min-height:5.2rem;margin-inline:auto;display:flex;align-items:center;gap:clamp(.75rem,2vw,1.75rem)}.cisin-logo{flex:0 0 auto}.cisin-logo img{width:111px;height:67px;object-fit:contain}.cisin-nav{display:flex;align-items:center;gap:clamp(.75rem,1.8vw,1.35rem);margin-left:auto}.cisin-nav a{color:var(--ink);font-size:.94rem;font-weight:760;text-decoration:none}.cisin-header__actions{display:flex;gap:.65rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.62rem 1rem;border:1px solid transparent;border-radius:.45rem;font:inherit;font-weight:800;line-height:1.2;text-align:center;text-decoration:none}.button--fill{background:var(--blue);border-color:var(--blue);color:#fff!important}.button--fill:hover{background:var(--blue-strong);border-color:var(--blue-strong);color:#fff}.button--outline{background:#fff;border-color:var(--blue);color:var(--blue-strong)!important}.button--outline:hover{background:var(--sky)}.cisin-mobile-nav{display:none;margin-left:auto;position:relative}.cisin-mobile-nav summary{cursor:pointer;list-style:none;padding:.55rem .75rem;border:1px solid var(--line);border-radius:.45rem;font-weight:800}.cisin-mobile-nav summary::-webkit-details-marker{display:none}.cisin-mobile-nav>div{position:absolute;right:0;top:calc(100% + .5rem);width:min(21rem,calc(100vw - 2rem));padding:1rem;background:#fff;border:1px solid var(--line);border-radius:.75rem;box-shadow:0 1rem 2.5rem rgba(7,26,51,.18)}.cisin-mobile-nav>div a{display:block;padding:.55rem;color:var(--ink);font-weight:750}.cisin-mobile-nav>div .button{margin-top:.35rem;color:#fff!important}.cisin-coffee-break main{padding-bottom:4rem}.coffee-hero,.coffee-layout,.quote-panel,.article-hero,.article-layout,.link-group{width:min(100% - 2rem,76rem);margin-inline:auto}.coffee-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding:clamp(2.5rem,7vw,6rem) 0}.coffee-hero__copy{max-width:43rem}.eyebrow{margin:0 0 .65rem;color:var(--blue);font-size:.79rem;font-weight:850;letter-spacing:.095em;text-transform:uppercase}.coffee-hero h1,.article-hero h1{margin:.15rem 0 1rem;color:var(--navy);font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.05em}.coffee-hero__copy>p:not(.eyebrow){max-width:38rem;margin:0 0 1.35rem;color:var(--muted);font-size:clamp(1rem,1.6vw,1.2rem)}.coffee-hero__image{overflow:hidden;border-radius:1.25rem;box-shadow:0 1.2rem 3rem rgba(7,26,51,.16)}.coffee-hero__image img{width:100%;aspect-ratio:16/10;object-fit:cover}.coffee-layout,.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);gap:clamp(1.25rem,3vw,2.5rem);align-items:start}.content-panel,.article,.sidebar-card,.quote-panel,.link-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.content-panel,.article{padding:clamp(1.25rem,3vw,2.5rem)}.section-heading{margin:0 0 1.25rem;color:var(--navy);font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.035em}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:.85rem;box-shadow:0 .45rem 1.4rem rgba(7,26,51,.05)}.card__image{margin:0;background:var(--sky)}.card__image img{width:100%;aspect-ratio:16/9;object-fit:cover}.card__body{display:flex;flex:1;flex-direction:column;padding:1.1rem}.card__body h2{margin:.05rem 0 .6rem;font-size:1.2rem;line-height:1.25}.card__body h2 a{color:var(--navy)}.card__body>p:not(.eyebrow){margin:0 0 1rem;color:var(--muted)}.read-more{margin-top:auto;font-weight:800}.sidebar-stack{display:grid;gap:1rem}.sidebar-card{padding:1.25rem}.sidebar-card h2{margin:.1rem 0 .6rem;color:var(--navy);font-size:1.25rem;line-height:1.2}.sidebar-card p{margin:.4rem 0 1rem;color:var(--muted)}.keyword-cloud ul,.cisin-footer ul{padding:0;margin:0;list-style:none}.keyword-cloud li{display:inline}.keyword-cloud a{display:inline-block;margin:.18rem .12rem;padding:.28rem .52rem;border:1px solid #cbd8ec;border-radius:999px;background:var(--sky);font-size:.86rem;font-weight:700;text-decoration:none}.quote-panel{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);gap:clamp(1.25rem,3vw,2.5rem);margin-top:clamp(2rem,5vw,4rem);padding:clamp(1.25rem,3vw,2.5rem)}.quote-panel__copy h2{margin:.1rem 0 .75rem;color:var(--navy);font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.12}.quote-panel__copy>p:not(.eyebrow){margin:0 0 1.2rem;color:var(--muted)}.quote-panel iframe{width:100%;min-height:38rem;border:0;border-radius:.75rem;background:#fff}.article-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(17rem,.9fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding:clamp(2rem,6vw,5rem) 0}.article-hero h1{font-size:clamp(2rem,4.4vw,4rem)}.article-hero__meta{margin:0;color:var(--muted);font-size:.94rem}.article-hero__image{margin:0;overflow:hidden;border-radius:1rem;box-shadow:0 1rem 2.5rem rgba(7,26,51,.14)}.article-hero__image img{width:100%;aspect-ratio:16/10;object-fit:cover}.article-toc{margin:0 0 1.75rem;padding:1rem 1.1rem;border-left:.3rem solid var(--blue);background:var(--sky)}.article-toc h2{margin:0 0 .5rem;color:var(--navy);font-size:1.05rem}.article-toc ol{margin:0;padding-left:1.2rem}.article-toc__item{margin:.26rem 0}.article-toc__item--h3{margin-left:.85rem;font-size:.94rem}.article-toc__item--h4{margin-left:1.7rem;font-size:.9rem}.article__content{font-size:1.05rem}.article__content>*:first-child{margin-top:0}.article__content h2,.article__content h3,.article__content h4{scroll-margin-top:1.5rem;color:var(--navy);line-height:1.18}.article__content h2{margin-top:2.3rem;font-size:clamp(1.55rem,3vw,2.15rem)}.article__content h3{margin-top:1.9rem;font-size:clamp(1.25rem,2.4vw,1.6rem)}.article__content h4{margin-top:1.5rem;font-size:1.2rem}.article__content p,.article__content li{color:#263852}.article__content a{font-weight:650}.article__content img,.article__content iframe{max-width:100%;height:auto;border-radius:.5rem}.article__content blockquote{margin:1.5rem 0;padding:.8rem 1rem;border-left:.3rem solid var(--blue);background:var(--sky);color:var(--navy)}.article-video,.author-box,.related-services{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}.article-video h2,.author-box h2,.related-services h2{margin:.1rem 0 .65rem;color:var(--navy);font-size:1.25rem}.author-box p,.article-video p{margin-bottom:0;color:var(--muted)}.related-services ul{margin:.6rem 0 0;padding-left:1.2rem}.article-navigation,.related-articles{width:min(100% - 2rem,76rem);margin-inline:auto}.article-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.article-navigation a{display:flex;flex-direction:column;min-height:7rem;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;color:var(--navy);text-decoration:none}.article-navigation a:hover{border-color:var(--blue);box-shadow:0 .5rem 1.25rem rgba(7,26,51,.08)}.article-navigation__next{text-align:right}.article-navigation span{margin-bottom:.3rem;color:var(--blue);font-size:.86rem;font-weight:800}.article-navigation strong{line-height:1.3}.related-articles{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--line)}.related-articles h2{margin:.05rem 0 1.1rem;color:var(--navy);font-size:clamp(1.5rem,3vw,2.1rem)}.related-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.related-article-card{padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:#fff}.related-article-card h3{margin:.1rem 0 .75rem;color:var(--navy);font-size:1.08rem;line-height:1.28}.related-article-card h3 a{color:inherit}.related-article-card p:last-child{margin:0;color:var(--muted);font-size:.88rem}.link-group{width:min(100% - 2rem,76rem);margin:1rem auto;padding:clamp(1rem,3vw,2rem)}.link-group h2{width:auto;margin:0 0 .8rem;color:var(--navy);font-size:1.4rem}.link-group ul{margin:0;padding-left:1.2rem}.link-group li{margin:.42rem 0}.cisin-footer{margin-top:0;background:var(--navy);color:#dbe7f9}body.cisin-coffee-break .cisin-footer a{color:#fff}.cisin-footer__inner{width:min(100% - 2rem,76rem);margin-inline:auto;display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:2rem;padding:3.25rem 0}.cisin-footer__brand{display:inline-block;margin-bottom:.7rem;color:#fff;font-size:1.65rem;font-weight:900;letter-spacing:-.06em;text-decoration:none}.cisin-footer p{color:#c3d3ea}.cisin-footer h2{margin:0 0 .75rem;color:#fff;font-size:1rem}.cisin-footer li{margin:.45rem 0}.cisin-social a{font-size:.92rem}.cisin-footer__legal{display:flex;justify-content:space-between;gap:1rem;padding:1rem max(1rem,calc((100% - 76rem)/2));border-top:1px solid rgba(255,255,255,.16);font-size:.86rem}.cisin-footer__legal p{margin:0}.cisin-footer__legal nav{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width:70rem){.cisin-header__actions{display:none}.coffee-layout,.article-layout{grid-template-columns:1fr}.sidebar-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.article-hero{grid-template-columns:1fr}.article-hero__image{max-width:42rem}.cisin-footer__inner{grid-template-columns:1.6fr repeat(2,1fr)}.cisin-footer__inner>section:last-child{grid-column:2/4}}@media(max-width:52rem){.cisin-header__utility p,.cisin-nav{display:none}.cisin-header__utility{justify-content:flex-end}.cisin-header__main{min-height:4.5rem}.cisin-mobile-nav{display:block}.coffee-hero,.quote-panel{grid-template-columns:1fr}.coffee-hero{padding-top:2rem}.coffee-hero__image{order:-1}.card-grid,.related-articles__grid{grid-template-columns:1fr}.sidebar-stack{grid-template-columns:1fr}.article-navigation{grid-template-columns:1fr}.article-navigation__next{text-align:left}.quote-panel iframe{min-height:42rem}.cisin-footer__inner{grid-template-columns:1fr;padding:2.5rem 0}.cisin-footer__inner>section:last-child{grid-column:auto}.cisin-footer__legal{display:block}.cisin-footer__legal nav{margin-top:.6rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
 .coffee-layout>*,.article-layout>*{min-width:0}.article__content{min-width:0;overflow-wrap:anywhere}.article__content pre,.article__content table{display:block;max-width:100%;overflow-x:auto}[data-cisin-surface=country_recruitment]{margin:0;background:var(--wash);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}[data-cisin-surface=country_recruitment] *,[data-cisin-surface=country_recruitment] *::before,[data-cisin-surface=country_recruitment] *::after{box-sizing:border-box}[data-cisin-surface=country_recruitment] img{display:block;max-width:100%;height:auto}[data-cisin-surface=country_recruitment] main{padding:clamp(1.5rem,4vw,3rem) 0 4rem}[data-cisin-surface=country_recruitment] .mobile-nav summary{display:inline-flex;align-items:center;min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--line);border-radius:.45rem;list-style:none}[data-cisin-surface=country_recruitment] .brand--footer span{color:#fff}@media(max-width:52rem){.cisin-header__utility{min-height:2.75rem;padding-block:0}.cisin-header__utility div{gap:.25rem}body.cisin-coffee-break .cisin-header__utility div>a{display:inline-flex;align-items:center;min-height:2.75rem;padding-inline:.45rem}}
/* CISIN adapter aliases retain the full eSignly renderer and map its output into the accepted Coffee Break theme. */
body.cisin-coffee-break .cisin-theme-main{padding:clamp(1.5rem,4vw,4rem) 0}body.cisin-coffee-break .cBlg-ctntBlock{width:min(100% - 2rem,76rem);margin-inline:auto}body.cisin-coffee-break .cBlg-blgBx{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 .45rem 1.4rem rgba(7,26,51,.05)}body.cisin-coffee-break .eb-entry-title{color:var(--navy);font-size:clamp(2rem,4.4vw,4rem);line-height:1.06;letter-spacing:-.045em}body.cisin-coffee-break [data-blog-content]{font-size:1.05rem;overflow-wrap:anywhere}body.cisin-coffee-break [data-blog-content] h2,body.cisin-coffee-break [data-blog-content] h3,body.cisin-coffee-break [data-blog-content] h4{color:var(--navy);line-height:1.2;scroll-margin-top:1.5rem}body.cisin-coffee-break [data-blog-content] pre,body.cisin-coffee-break [data-blog-content] table{display:block;max-width:100%;overflow-x:auto}body.cisin-coffee-break .cisin-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}body.cisin-coffee-break .cisin-blog-card{display:flex;flex-direction:column;overflow:hidden;padding:0}body.cisin-coffee-break .cisin-blog-card__media img{width:100%;aspect-ratio:16/9;object-fit:cover}body.cisin-coffee-break .cisin-blog-card .cBlg-blgBxTextSecIn{padding:1.1rem}body.cisin-coffee-break .cisin-blog-card__cta{display:inline-flex;min-height:44px;align-items:center;padding:0 1.1rem 1.1rem;font-weight:800}body.cisin-coffee-break .cisin-blog-hero{width:min(100% - 2rem,76rem);margin-inline:auto;padding:clamp(2.5rem,7vw,6rem) 0}body.cisin-coffee-break .cisin-blog-hero h1{color:var(--navy);font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.05em}body.cisin-coffee-break .cisin-blog-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}body.cisin-coffee-break .cisin-blog-hero__actions a{display:inline-flex;min-height:44px;align-items:center;padding:.62rem 1rem;border:1px solid var(--blue);border-radius:.45rem;font-weight:800;text-decoration:none}body.cisin-coffee-break .table-of-contents{margin:0 0 1.75rem;padding:1rem 1.1rem;border-left:.3rem solid var(--blue);background:var(--sky)}body.cisin-coffee-break .toc-toggle{min-height:44px;border:0;background:transparent;color:var(--navy);font-weight:850}body.cisin-coffee-break .pn-sec a{min-height:44px}body.cisin-coffee-break .eb-entry-brief,body.cisin-coffee-break .eb-entry-recommendation,body.cisin-coffee-break .eb-entry-review{margin:1.5rem 0;padding:1.25rem;border:1px solid #b9d5f7;border-radius:.8rem;background:linear-gradient(135deg,#eef7ff,#fff)}@media(max-width:52rem){body.cisin-coffee-break .cisin-blog-grid{grid-template-columns:1fr}body.cisin-coffee-break .cBlg-ctntBlock{width:min(100% - 1rem,76rem)}}

/* Source: www.cisin.com/coffee-break/assets/cis-blog-experience-v1.css | SHA-256: ae43ac9968a1feeb3ed761f360d04d4a5352af77ea45c3e8f52f0f72f66b30f0 */
@layer cis-blog-experience {
  :root {
    --cbe-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --cbe-bg: #f5f5f7;
    --cbe-surface: #ffffff;
    --cbe-surface-soft: #f8f8fa;
    --cbe-text: #1d1d1f;
    --cbe-muted: #555861;
    --cbe-border: #d7d7dc;
    --cbe-accent: #005eb8;
    --cbe-accent-hover: #004987;
    --cbe-focus: #0071e3;
    --cbe-footer: #111827;
    --cbe-footer-text: #f7f8fa;
    --cbe-radius-sm: 10px;
    --cbe-radius: 18px;
    --cbe-shadow: 0 18px 56px rgb(0 0 0 / 8%);
    --cbe-reading: 76ch;
    --cbe-shell: 1200px;
    --cbe-transition: 160ms cubic-bezier(.2, 0, 0, 1);
    color-scheme: light;
  }

  :root[data-cbe-theme="dark"] {
    --cbe-bg: #0d0e11;
    --cbe-surface: #18191d;
    --cbe-surface-soft: #202126;
    --cbe-text: #f5f5f7;
    --cbe-muted: #b8bbc3;
    --cbe-border: #3a3c44;
    --cbe-accent: #6eb6ff;
    --cbe-accent-hover: #9bcdff;
    --cbe-focus: #76baff;
    --cbe-footer: #08090b;
    color-scheme: dark;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-cbe-theme="light"]):not([data-cbe-theme="dark"]),
    :root[data-cbe-theme="system"] {
      --cbe-bg: #0d0e11;
      --cbe-surface: #18191d;
      --cbe-surface-soft: #202126;
      --cbe-text: #f5f5f7;
      --cbe-muted: #b8bbc3;
      --cbe-border: #3a3c44;
      --cbe-accent: #6eb6ff;
      --cbe-accent-hover: #9bcdff;
      --cbe-focus: #76baff;
      --cbe-footer: #08090b;
      color-scheme: dark;
    }
  }

  :root[data-cbe-contrast="true"] {
    --cbe-text: CanvasText;
    --cbe-bg: Canvas;
    --cbe-surface: Canvas;
    --cbe-muted: CanvasText;
    --cbe-border: CanvasText;
    --cbe-accent: LinkText;
    --cbe-accent-hover: LinkText;
  }

  :root[data-cbe-text="true"] { font-size: 112.5%; }

  .cbe-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  .cbe-skip-link {
    position: fixed;
    z-index: 10000;
    top: 12px;
    left: 12px;
    transform: translateY(-160%);
    border: 2px solid var(--cbe-focus);
    border-radius: 999px;
    background: #ffffff;
    color: #111827 !important;
    box-shadow: var(--cbe-shadow);
    padding: 10px 16px;
    font: 700 15px/1.3 var(--cbe-font);
    text-decoration: none;
    transition: transform var(--cbe-transition);
  }

  .cbe-skip-link:focus { transform: translateY(0); }

  .cbe-preferences { position: relative; color: var(--cbe-text); font: 400 14px/1.45 var(--cbe-font); }
  .cbe-preferences > summary {
    display: inline-flex;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--cbe-border);
    border-radius: 999px;
    background: var(--cbe-surface);
    color: var(--cbe-text);
    padding: 8px 13px;
    gap: 7px;
    font-weight: 700;
    list-style: none;
    cursor: pointer;
    transition: background var(--cbe-transition), transform var(--cbe-transition);
  }
  .cbe-preferences > summary::-webkit-details-marker { display: none; }
  .cbe-preferences > summary:hover { background: var(--cbe-surface-soft); }
  .cbe-preferences > summary:active { transform: scale(.98); }
  .cbe-preferences__panel {
    position: absolute;
    z-index: 1000;
    top: calc(100% + 10px);
    right: 0;
    display: grid;
    width: min(330px, calc(100vw - 24px));
    border: 1px solid var(--cbe-border);
    border-radius: var(--cbe-radius);
    background: var(--cbe-surface);
    color: var(--cbe-text);
    box-shadow: var(--cbe-shadow);
    padding: 20px;
    gap: 13px;
  }
  .cbe-preferences__heading { font-size: 18px; font-weight: 750; letter-spacing: -.02em; }
  .cbe-preferences__intro { margin: -8px 0 2px; color: var(--cbe-muted); font-size: 13px; }
  .cbe-preferences__field { display: grid; gap: 6px; font-weight: 650; }
  .cbe-preferences__field select {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--cbe-border);
    border-radius: var(--cbe-radius-sm);
    background: var(--cbe-surface);
    color: var(--cbe-text);
    padding: 8px 10px;
    font: inherit;
  }
  .cbe-preferences__check { display: flex; min-height: 34px; align-items: center; gap: 10px; font-weight: 600; }
  .cbe-preferences__check input { width: 20px; height: 20px; accent-color: var(--cbe-accent); }
  .cbe-preferences__reset {
    min-height: 42px;
    border: 1px solid var(--cbe-border);
    border-radius: 999px;
    background: var(--cbe-surface-soft);
    color: var(--cbe-text);
    padding: 8px 12px;
    font: 700 13px/1.2 var(--cbe-font);
    cursor: pointer;
  }

  [data-blog-experience] *, [data-blog-experience] *::before, [data-blog-experience] *::after { box-sizing: border-box; }
  [data-blog-experience] { min-width: 320px; background: var(--cbe-bg); scroll-padding-top: 88px; }
  [data-blog-experience] body {
    min-height: 100vh;
    margin: 0;
    padding-top: 0 !important;
    background: var(--cbe-bg) !important;
    color: var(--cbe-text) !important;
    font-family: var(--cbe-font) !important;
    font-size: 16px;
    line-height: 1.65 !important;
    letter-spacing: normal !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  [data-blog-experience] :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--cbe-focus) 72%, transparent);
    outline-offset: 3px;
  }
  [data-blog-experience] a { color: var(--cbe-accent); text-underline-offset: .18em; }
  [data-blog-experience] a:hover { color: var(--cbe-accent-hover); }
  :root[data-cbe-links="true"] [data-blog-experience] a:not([class*="button"]):not([class*="btn"]) { text-decoration: underline !important; }
  [data-blog-experience] img { max-width: 100%; height: auto; }
  [data-blog-experience] .container { width: min(var(--cbe-shell), calc(100% - 32px)) !important; max-width: none !important; margin-inline: auto !important; }

  [data-blog-experience] .cbe-site-header.cBlg-header {
    position: sticky !important;
    z-index: 100;
    top: 0;
    right: auto;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 68px;
    margin: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--cbe-border) 70%, transparent);
    background: color-mix(in srgb, var(--cbe-surface) 88%, transparent) !important;
    box-shadow: none !important;
    padding: 0 !important;
    backdrop-filter: saturate(180%) blur(18px);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
  }
  [data-blog-experience] .cbe-header-inner {
    display: flex;
    width: min(var(--cbe-shell), calc(100% - 32px));
    min-height: 68px;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    gap: 18px;
  }
  [data-blog-experience] .cbe-header-logo { display: inline-flex; min-width: 118px; min-height: 44px; align-items: center; }
  [data-blog-experience] .cbe-header-actions { display: flex; align-items: center; gap: 10px; }
  [data-blog-experience] .cbe-header-actions .request-btn,
  [data-blog-experience] .cbe-header-actions .header-nav-link,
  [data-blog-experience] .cbe-header-actions .menu-button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 9px 15px;
    font: 700 14px/1.2 var(--cbe-font);
    text-decoration: none;
  }
  [data-blog-experience] .cbe-header-actions .header-nav-link,
  [data-blog-experience] .cbe-header-actions .menu-button { border: 1px solid var(--cbe-border); background: var(--cbe-surface); color: var(--cbe-text); }

  /* The all-guides page is a dense index. Keep the controls attached to the
     header and leave the reading surface clear rather than covering it. */
  [data-blog-experience] .cbe-page--index .cBlg-ctntBlock { max-width: min(1180px, calc(100% - 32px)) !important; }
  [data-blog-experience] .cbe-page--index .cbe-preferences__panel { right: 0; left: auto; width: min(296px, calc(100vw - 32px)); }

  [data-blog-experience] main { display: block; }
  [data-blog-experience] .cBlg-wrapper { background: transparent !important; }
  [data-blog-experience] .cBlg-ctntBlock { margin-top: 32px !important; }
  [data-blog-experience] .cbe-page--article .cBlg-ctntBlock { width: min(980px, calc(100% - 32px)) !important; }
  [data-blog-experience] .cbe-page--article #eb { width: 100% !important; padding: 0 !important; }
  [data-blog-experience] .cBlg-blgBx,
  [data-blog-experience] .eb-entry-brief,
  [data-blog-experience] .eb-entry-recommendation,
  [data-blog-experience] .eb-entry-review,
  [data-blog-experience] .eb-growth-related {
    border-color: var(--cbe-border) !important;
    background: var(--cbe-surface) !important;
    color: var(--cbe-text) !important;
  }
  [data-blog-experience] #eb .cBlg-blgBx.cBlg-fullW { padding: clamp(22px, 5vw, 56px) !important; border-radius: var(--cbe-radius); }
  [data-blog-experience] .cBlg-heading2 { background: transparent !important; }
  [data-blog-experience] #eb h1.eb-entry-title {
    max-width: 22ch;
    margin: 0 auto clamp(20px, 4vw, 36px) !important;
    color: var(--cbe-text) !important;
    font-size: clamp(2rem, 6vw, 4rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.045em !important;
    text-align: center;
    text-wrap: balance;
  }
  [data-blog-experience] .eb-entry-article { max-width: var(--cbe-reading); margin-inline: auto; color: var(--cbe-text); }
  [data-blog-experience] .eb-entry-article :where(p, li) { color: var(--cbe-text) !important; font-size: clamp(1rem, 1.5vw, 1.125rem) !important; line-height: 1.75 !important; }
  [data-blog-experience] .eb-entry-article :where(h2, h3, h4) { color: var(--cbe-text) !important; line-height: 1.2; letter-spacing: -.025em; text-wrap: balance; }
  [data-blog-experience] .eb-entry-article h2 { margin-top: 2.1em; font-size: clamp(1.55rem, 3vw, 2.15rem); }
  [data-blog-experience] .eb-entry-article h3 { margin-top: 1.8em; font-size: clamp(1.3rem, 2.4vw, 1.7rem); }
  [data-blog-experience] .eb-entry-article :where(pre, table) { max-width: 100%; overflow-x: auto; }
  [data-blog-experience] .eb-entry-article table { display: block; -webkit-overflow-scrolling: touch; }
  [data-blog-experience] .eb-entry-article blockquote { border-left: 4px solid var(--cbe-accent); background: var(--cbe-surface-soft); color: var(--cbe-text); }
  [data-blog-experience] .hero-image-figure { max-width: var(--cbe-reading); margin: clamp(24px, 5vw, 48px) auto; }
  [data-blog-experience] .hero-image-figure img { display: block !important; width: 100% !important; aspect-ratio: 3 / 2; border-radius: var(--cbe-radius); object-fit: cover; }
  [data-blog-experience] .hero-image-figure figcaption { color: var(--cbe-muted); font-size: 13px; }
  [data-blog-experience] .table-of-contents { border-color: var(--cbe-border); border-radius: var(--cbe-radius-sm); background: var(--cbe-surface-soft); }
  [data-blog-experience] .toc-toggle { min-height: 48px; color: var(--cbe-text); }

  [data-blog-experience] .cbe-page--home .cBlg-bnr { margin-top: 28px !important; border-radius: var(--cbe-radius); background: var(--cbe-surface) !important; color: var(--cbe-text); }
  [data-blog-experience] .cbe-page--home .cBlg-bnrTxtHD,
  [data-blog-experience] .cbe-page--home .cisin-latest-head h2 { color: var(--cbe-text) !important; text-wrap: balance; }
  [data-blog-experience] .cbe-page--home .cisin-blog-hero p,
  [data-blog-experience] .cbe-page--home .cisin-blog-hero li,
  [data-blog-experience] .cbe-page--home .cisin-latest-head p { color: var(--cbe-muted) !important; }
  [data-blog-experience] .cisin-blog-grid { gap: 20px; }
  [data-blog-experience] .cisin-blog-card { overflow: hidden; border-radius: var(--cbe-radius) !important; box-shadow: 0 1px 2px rgb(0 0 0 / 3%); }
  [data-blog-experience] .cisin-blog-card__media img { display: block !important; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
  [data-blog-experience] .cisin-blog-card :where(p, a) { color: var(--cbe-text); }
  [data-blog-experience] .cisin-blog-card__meta { color: var(--cbe-muted) !important; }

  [data-blog-experience] .cbe-site-footer.cBlg-footer {
    width: 100% !important;
    max-width: none !important;
    margin: 64px 0 0 !important;
    border: 0;
    background: var(--cbe-footer) !important;
    color: var(--cbe-footer-text) !important;
    padding: 48px max(16px, calc((100vw - var(--cbe-shell)) / 2)) !important;
    text-transform: none !important;
  }
  [data-blog-experience] .cbe-site-footer a { color: var(--cbe-footer-text) !important; }
  [data-blog-experience] .cbe-site-footer::after { content: "Made with ♥ by CIS Growth Team — Friday, July 17, 2026, 10:49:06 PM"; display: block; margin-top: 24px; text-align: center; font-size: 0.875rem; opacity: 0.9; text-transform: none; }
  [data-blog-experience] .cbe-site-footer .footer_menus { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; text-align: left; }
  [data-blog-experience] .cbe-site-footer .footer_menus nav { width: auto !important; }
  [data-blog-experience] .cbe-site-footer .cBlg-footer-links { text-align: left; }
  [data-blog-experience] .cbe-site-footer .cBlg-footer-links li { display: block; padding: 3px 0; }
  [data-blog-experience] .cbe-site-footer .cBlg-footer-links li::after { display: none; }

  :root[data-cbe-theme="dark"] [data-blog-experience] :where(.cBlg-heading2, .cBlg-blgBxTextSecIn, .eb-post-body),
  :root[data-cbe-theme="dark"] [data-blog-experience] .cisin-blog-card,
  :root[data-cbe-theme="dark"] [data-blog-experience] #eb .cBlg-blgBx { background: var(--cbe-surface) !important; color: var(--cbe-text) !important; }

  :root[data-cbe-contrast="true"] [data-blog-experience] :where(.cBlg-blgBx, .cBlg-bnr, .table-of-contents, .cbe-preferences__panel) { border: 2px solid CanvasText !important; box-shadow: none !important; }

  @media (max-width: 900px) {
    [data-blog-experience] .cbe-preferences__label { display: none; }
    [data-blog-experience] .cbe-site-footer .footer_menus { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 640px) {
    [data-blog-experience] .cbe-header-inner { width: calc(100% - 24px); min-height: 60px; }
    [data-blog-experience] .cbe-header-actions { gap: 6px; }
    [data-blog-experience] .cbe-header-actions .request-btn { display: none; }
    [data-blog-experience] .cbe-preferences__panel { position: fixed; top: 72px; right: 12px; }
    [data-blog-experience] .container,
    [data-blog-experience] .cbe-page--article .cBlg-ctntBlock { width: calc(100% - 24px) !important; }
    [data-blog-experience] #eb .cBlg-blgBx.cBlg-fullW { padding: 22px 18px !important; }
    [data-blog-experience] .eb-entry-article img { display: block !important; }
    [data-blog-experience] .cbe-site-footer { margin-top: 40px !important; padding-block: 36px !important; }
    [data-blog-experience] .cbe-site-footer .footer_menus { grid-template-columns: 1fr; }
  }

  @media (prefers-reduced-motion: reduce) {
    :root:not([data-cbe-motion="false"]) *, :root:not([data-cbe-motion="false"]) *::before, :root:not([data-cbe-motion="false"]) *::after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
    }
  }
  :root[data-cbe-motion="true"] *, :root[data-cbe-motion="true"] *::before, :root[data-cbe-motion="true"] *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  @media (forced-colors: active) {
    .cbe-preferences > summary, .cbe-preferences__panel, [data-blog-experience] .cBlg-blgBx { border: 1px solid CanvasText !important; }
    [data-blog-experience] :where(a, button, summary):focus-visible { outline: 3px solid Highlight !important; }
  }
}

/* Source: www.cisin.com/coffee-break/assets/cis-blog-public-v19.css | SHA-256: cc3d0daceb572147cdf4aef77c1447a2dd1a1f1386414b9366871fa6087d4c08 */
/* Immutable public compatibility patch for article/collection renderer v13. */
@layer cis-blog-experience {
  [data-blog-experience][data-cbe-surface="public"] .cbe-site-footer::after {
    content: none !important;
    display: none !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cisin-blog-hero {
    --cbe-text: #ffffff;
    --cbe-muted: #f8fafc;
  }

  [data-blog-experience][data-cbe-surface="public"] .cisin-blog-hero .cBlg-bnrTxtHD {
    color: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cisin-blog-hero :where(p, li) {
    color: #f8fafc !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cisin-blog-hero__actions a:nth-child(2),
  [data-blog-experience][data-cbe-surface="public"] .cisin-blog-hero__actions a:nth-child(3) {
    border-color: #d8e2ea !important;
    color: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cisin-blog-hero__eyebrow {
    color: #ffe45c !important;
  }

  /* Keep the public navigation cohesive: one stable bar, two neutral controls,
     and the primary conversion action in the conventional final position. */
  [data-blog-experience][data-cbe-surface="public"] .cbe-site-header.cBlg-header {
    min-height: 64px !important;
    border-bottom: 1px solid var(--cbe-border) !important;
    background: var(--cbe-surface) !important;
    box-shadow: 0 1px 0 rgb(0 0 0 / 4%), 0 8px 24px rgb(0 0 0 / 4%) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-inner {
    width: min(1120px, calc(100% - 32px));
    min-height: 64px;
    gap: 24px;
    padding-block: 0 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-logo {
    min-width: 130px;
    min-height: 44px;
    flex: 0 0 auto;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-logo img {
    display: block;
    width: 130px !important;
    height: auto !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions {
    margin-left: auto;
    gap: 8px;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .header-nav {
    display: flex;
    order: 1;
    align-items: center;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .cbe-preferences {
    order: 2;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .request-btn {
    order: 3;
    border: 1px solid #af110e !important;
    border-radius: 999px !important;
    background: #af110e !important;
    color: #ffffff !important;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    padding-inline: 18px !important;
    transform: none !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .header-nav-link,
  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .menu-button,
  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .cbe-preferences > summary {
    min-height: 44px;
    border: 1px solid var(--cbe-border) !important;
    border-radius: 999px !important;
    background: var(--cbe-surface-soft) !important;
    color: var(--cbe-text) !important;
    box-shadow: none !important;
    padding: 9px 14px !important;
    text-decoration: none !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .header-nav-link:hover,
  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .menu-button:hover,
  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .cbe-preferences > summary:hover {
    border-color: color-mix(in srgb, var(--cbe-text) 35%, var(--cbe-border)) !important;
    background: var(--cbe-surface) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .request-btn:hover {
    background: #8f0e0c !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--article:not(.cbe-page--index) #eb h1.eb-entry-title {
    max-width: 24ch;
    font-size: clamp(2.25rem, 4vw, 3rem) !important;
    line-height: 1.08 !important;
  }

  /* v1 deliberately normalized containers to a light surface but inherited
     the old brief's white/yellow descendants. Bind every child to one palette. */
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 220px);
    gap: clamp(22px, 4vw, 40px);
    border-color: var(--cbe-border) !important;
    border-radius: 16px;
    background: var(--cbe-surface-soft) !important;
    color: var(--cbe-text) !important;
    box-shadow: 0 12px 36px rgb(0 0 0 / 7%);
    padding: clamp(24px, 4vw, 36px);
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__eyebrow {
    color: #8a100e !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief h2 {
    color: var(--cbe-text) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief :where(p, li) {
    color: var(--cbe-muted) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions a:first-child {
    border: 1px solid #005eb8 !important;
    background: #005eb8 !important;
    color: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions a:last-child {
    border: 1px solid var(--cbe-border) !important;
    background: var(--cbe-surface) !important;
    color: var(--cbe-text) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions a:hover {
    filter: brightness(.94);
    text-decoration: none;
  }

  /* Stored articles contain approved dark CTA sections. Preserve their dark
     presentation instead of allowing the global light-article palette to win. */
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-article .ctaSec {
    background: #1a1a1a !important;
    color: #f5f5f7 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-article .ctaSec :where(h2, h3, h4, h5, h6, p, li, strong, span) {
    color: #f5f5f7 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-article .ctaSec a {
    color: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--index #eb h1.eb-entry-title {
    font-size: clamp(2rem, 3vw, 2.25rem) !important;
    line-height: 1.15 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--index .cbe-index-group-title {
    margin: 1.75rem 0 0.625rem;
    color: var(--cbe-text) !important;
    font-size: clamp(1.1rem, 1.4vw, 1.25rem) !important;
    line-height: 1.3;
    letter-spacing: -0.01em;
    text-transform: none;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--index .cbe-index-list {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding-left: 1.5rem;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--index .cbe-index-link {
    font-size: 0.95rem !important;
    line-height: 1.5;
  }

  @media (max-width: 900px) {
    [data-blog-experience][data-cbe-surface="public"] .cbe-header-inner {
      gap: 12px;
    }

    [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief {
      grid-template-columns: 1fr;
    }

    [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      min-width: 0;
    }
  }

  @media (max-width: 640px) {
    [data-blog-experience][data-cbe-surface="public"] .cbe-header-inner {
      width: calc(100% - 24px);
      gap: 8px;
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-header-logo,
    [data-blog-experience][data-cbe-surface="public"] .cbe-header-logo img {
      width: 112px !important;
      min-width: 112px;
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions {
      gap: 6px;
    }

    [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions {
      grid-template-columns: 1fr;
    }
  }
}

/* Immutable public accessibility and performance patch for renderer v28/v30. */
@layer cis-blog-experience {
  /* Links embedded in article prose and data tables remain distinguishable
     when colour perception or author-supplied palettes differ. */
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-article :where(p, li, td, blockquote) a:not(.button):not(.banner-btn) {
    text-decoration: underline !important;
    text-decoration-thickness: 0.08em !important;
    text-underline-offset: 0.16em !important;
  }
}

/* CISIN adapter contrast boundary for the retained Modern CMS shell. */
@layer cis-blog-experience {
  .cisin-header__utility a {
    color: #ffffff !important;
  }

  .cisin-header__actions .header-cta {
    border-color: #07439e !important;
    background: #07439e !important;
    color: #ffffff !important;
  }

  .cisin-footer a {
    color: #f8fafc !important;
  }

  .cisin-mobile-nav .button--outline {
    border-color: #07439e !important;
    background: #ffffff !important;
    color: #07439e !important;
  }
}
/* Immutable public compatibility patch for article/collection renderer v14. */

@layer cis-blog-experience {
  [data-blog-experience][data-cbe-surface="public"] .cisin-blog-hero {
    background: #102a3a !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cisin-blog-hero__actions a:nth-child(2),
  [data-blog-experience][data-cbe-surface="public"] .cisin-blog-hero__actions a:nth-child(3) {
    background: #29495b !important;
  }

  /* Keep every public header control in one deliberate row. */
  [data-blog-experience][data-cbe-surface="public"] .cbe-site-header.cBlg-header {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 0 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-site-header .cbe-header-inner {
    display: flex !important;
    width: min(1120px, calc(100% - 32px)) !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-site-header .cbe-header-actions {
    display: flex !important;
    width: auto !important;
    min-height: 44px;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    background: transparent !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-site-header .cbe-header-actions > * {
    flex: 0 0 auto;
    margin: 0 !important;
  }

  /* Give the reading-preferences popover a calm, touch-friendly rhythm. */
  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__panel {
    width: min(360px, calc(100vw - 32px)) !important;
    padding: 24px !important;
    gap: 16px !important;
    border-radius: 16px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__heading {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__intro {
    margin: -8px 0 4px !important;
    line-height: 1.5 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__field {
    gap: 8px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__field select {
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__check {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 5px 2px !important;
    gap: 12px !important;
    line-height: 1.4 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__reset {
    min-height: 46px !important;
    margin: 4px 0 0 !important;
    padding: 10px 16px !important;
  }

  /* Restore readable paragraph and list rhythm inside the first decision box. */
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > p {
    max-width: 62ch;
    margin: 14px 0 18px !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > ul {
    display: grid;
    margin: 0 !important;
    padding-left: 1.35rem !important;
    gap: 12px;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > ul li {
    margin: 0 !important;
    padding-left: 3px;
    line-height: 1.65 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief + * {
    margin-top: clamp(32px, 5vw, 56px) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related {
    background: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related h3 {
    color: #1f2937 !important;
  }

  :root[data-cbe-theme="dark"] [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related {
    background: #101827 !important;
  }

  :root[data-cbe-theme="dark"] [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related h3 {
    color: #f8fafc !important;
  }

  @media (max-width: 760px) {
    [data-blog-experience][data-cbe-surface="public"] .cbe-site-header .cbe-header-actions {
      gap: 6px !important;
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .header-nav-link {
      display: none !important;
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__panel {
      position: fixed !important;
      top: 72px !important;
      right: 12px !important;
      left: 12px !important;
      width: auto !important;
      max-height: calc(100vh - 88px);
      overflow: auto;
    }
  }
}
/* Immutable public compatibility patch for article/collection renderer v15. */

@layer cis-blog-experience {
  /*
   * Legacy form CSS removes native checkbox appearance. Restore an explicit,
   * visible control and keep each preference row compact but touch friendly.
   */
  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__panel {
    padding: 18px !important;
    gap: 8px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__intro {
    margin: -4px 0 2px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__check {
    min-height: 40px !important;
    padding: 4px 2px !important;
    gap: 10px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__check input[type="checkbox"] {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    display: inline-block !important;
    flex: 0 0 20px;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    border: initial !important;
    opacity: 1 !important;
    accent-color: var(--cbe-accent);
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__reset {
    margin-top: 2px !important;
  }

  /*
   * The legacy article heading rule contributes a 2.1em top margin inside the
   * first decision box. Bind the brief's internal hierarchy explicitly.
   */
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > h2 {
    margin: 4px 0 0 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > p {
    margin: 12px 0 16px !important;
  }

  @media (max-width: 760px) {
    [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__panel {
      top: 68px !important;
      right: 10px !important;
      left: 10px !important;
      padding: 18px !important;
      gap: 8px !important;
      max-height: calc(100vh - 80px);
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__check {
      min-height: 38px !important;
    }

    [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > h2 {
      margin-top: 4px !important;
    }
  }
}
/* Immutable public compatibility patch for article/collection renderer v16. */

@layer cis-blog-experience {
  /*
   * Keep the current preferences panel below the cross-engine 420px
   * acceptance ceiling. WebKit rounds the inherited v15 grid tracks slightly
   * taller than Chromium and Firefox, so remove one pixel from the current
   * inter-row gap without changing the immutable v15 replay asset.
   */
  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__panel {
    gap: 7px !important;
  }

  /*
   * The article template keeps a separate navigation container in its action
   * group. Its links are already hidden by the v14 mobile contract, but the
   * now-empty container retains its desktop width and can push Aa across the
   * logo. Collapse only that article placeholder; the homepage uses a
   * different header structure and retains its mobile navigation controls.
   */
  @media (max-width: 640px) {
    [data-blog-experience][data-cbe-surface="public"] .cbe-page--article .cbe-header-actions > .header-nav {
      display: none !important;
      width: 0 !important;
      min-width: 0 !important;
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .cbe-preferences > summary {
      box-sizing: border-box;
      width: 44px;
      min-width: 44px;
      padding-inline: 9px !important;
    }
  }
}