:root{--c4-charcoal:#1F2024;--c4-ink-deep:#17181B;--c4-ink-raised:#27282D;--c4-teal:#59C1B4;--c4-teal-hover:#4FA99D;--c4-teal-active:#45958B;--c4-white:#FFFFFF;--c4-muted-on-dark:#C7CDCE;--c4-navy-950:#071A2E;--c4-navy-900:#0B2036;--c4-ink:#0B2036;--c4-muted:#5A636C;--c4-surface:#FFFFFF;--c4-surface-page:#F8F8F8;--c4-surface-soft:#F4F6F7;--c4-border:#E1E5E8;--c4-border-strong:#C9D0D6;--c4-radius-btn:6px;--c4-radius-card:8px;--c4-radius-panel:12px;}
.cil4u-header,.cil4u-footer,.cil-single-post{font-family:'Heebo','Segoe UI',Tahoma,sans-serif;}
.cil4u-header *,.cil4u-footer *,.cil-single-post *{box-sizing:border-box;}
.cil4u-header h1,.cil4u-header h2,.cil-single-post h1,.cil-single-post h2,.cil-single-post h3{font-family:'Frank Ruhl Libre','David Libre',Georgia,serif;}
.cil4u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* ============ HEADER ============ */
.cil4u-header{background:var(--c4-charcoal);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50;}
.cil4u-header__inner{max-width:1360px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;height:64px;padding-inline:20px;}
@media(min-width:768px){.cil4u-header__inner{height:68px;padding-inline:28px;}}
@media(min-width:1024px){.cil4u-header__inner{height:76px;padding-inline:32px;}}
.cil4u-header__logo img{display:block;width:auto;height:auto;max-height:34px;max-width:142px;}
@media(min-width:768px){.cil4u-header__logo img{max-height:38px;max-width:160px;}}
@media(min-width:1024px){.cil4u-header__logo img{max-height:44px;max-width:180px;}}
.cil4u-header__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:0;cursor:pointer;padding:0;}
.cil4u-header__toggle span{display:block;width:20px;height:2px;background:#fff;position:relative;}
.cil4u-header__toggle span::before,.cil4u-header__toggle span::after{content:"";position:absolute;inset-inline-start:0;width:20px;height:2px;background:#fff;}
.cil4u-header__toggle span::before{top:-6px;}
.cil4u-header__toggle span::after{top:6px;}
@media(min-width:1024px){.cil4u-header__toggle{display:none;}}
.cil4u-nav{display:none;}
@media(min-width:1024px){
  .cil4u-nav{display:flex;align-items:center;gap:clamp(18px,1.7vw,28px);}
  .cil4u-nav__list{display:flex;align-items:center;gap:clamp(18px,1.7vw,28px);list-style:none;margin:0;padding:0;}
  .cil4u-nav__list>li{position:relative;}
  .cil4u-nav__list>li>a{color:rgba(255,255,255,.86);text-decoration:none;font-size:15.5px;padding-block:8px;display:inline-block;border-bottom:2px solid transparent;transition:color 160ms;}
  .cil4u-nav__list>li>a:hover,.cil4u-nav__list>li>a:focus-visible{color:#fff;}
  .cil4u-nav__list>li.current-menu-item>a,.cil4u-nav__list>li.current-menu-ancestor>a{color:#fff;border-bottom-color:var(--c4-teal);}
  .cil4u-nav__list .sub-menu{display:none;position:absolute;top:100%;inset-inline-start:0;margin-top:14px;min-width:220px;max-width:280px;background:var(--c4-ink-raised);border:1px solid rgba(255,255,255,.10);border-radius:8px;padding:8px;list-style:none;z-index:60;}
  .cil4u-nav__list li:hover>.sub-menu,.cil4u-nav__list li:focus-within>.sub-menu{display:block;}
  .cil4u-nav__list .sub-menu a{display:flex;align-items:center;min-height:42px;color:rgba(255,255,255,.86);text-decoration:none;padding-inline:10px;border-radius:6px;}
  .cil4u-nav__list .sub-menu a:hover{color:#fff;background:rgba(255,255,255,.06);}
}
.cil4u-header__cta{display:none;}
@media(min-width:1024px){
  .cil4u-header__cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding-inline:20px;background:var(--c4-teal);color:#fff !important;font-weight:700;font-size:14.5px;border-radius:var(--c4-radius-btn);text-decoration:none;transition:background 140ms;}
  .cil4u-header__cta:hover{background:var(--c4-teal-hover);}
  .cil4u-header__cta:active{background:var(--c4-teal-active);}
}
/* mobile dropdown panel */
.cil4u-mobile-panel{display:none;position:absolute;inset-inline:0;top:100%;width:100%;background:var(--c4-charcoal);padding:8px 20px 20px;max-height:calc(100dvh - 64px);overflow-y:auto;z-index:55;}
.cil4u-mobile-panel.is-open{display:block;}
@media(min-width:1024px){.cil4u-mobile-panel{display:none !important;}}
.cil4u-mobile-panel__list{list-style:none;margin:0;padding:0;}
.cil4u-mobile-panel__list li{border-bottom:1px solid rgba(255,255,255,.08);}
.cil4u-mobile-panel__list a{display:flex;align-items:center;min-height:52px;color:rgba(255,255,255,.9);text-decoration:none;font-size:17px;}
.cil4u-mobile-panel__list li.current-menu-item>a{color:var(--c4-teal);}
.cil4u-mobile-panel__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:16px;background:var(--c4-teal);color:#fff !important;font-weight:700;text-decoration:none;border-radius:var(--c4-radius-btn);}
.cil4u-backdrop{display:none;position:fixed;inset:0;background:rgba(15,16,18,.46);z-index:45;}
.cil4u-backdrop.is-open{display:block;}
@media(prefers-reduced-motion:no-preference){.cil4u-mobile-panel{transition:opacity 180ms ease-out;}}
/* ============ FOOTER ============ */
.cil4u-footer{background:var(--c4-charcoal);border-top:1px solid rgba(89,193,180,.28);}
.cil4u-footer__inner{max-width:1280px;margin-inline:auto;padding:40px 20px 20px;}
@media(min-width:1024px){.cil4u-footer__inner{padding:56px 32px 24px;}}
.cil4u-footer__grid{display:grid;grid-template-columns:1fr;gap:28px;}
@media(min-width:768px){.cil4u-footer__grid{grid-template-columns:1fr 1fr;gap:32px;}.cil4u-footer__brand{grid-column:1/-1;}.cil4u-footer__links{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;}}
@media(min-width:1024px){.cil4u-footer__grid{grid-template-columns:1.35fr 1fr;gap:40px;}.cil4u-footer__brand{grid-column:auto;}.cil4u-footer__links{grid-column:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px 32px;}}
@media(min-width:1440px){.cil4u-footer__grid{grid-template-columns:1.35fr 2fr;}}
.cil4u-footer__logo img{width:auto;max-width:170px;height:auto;margin-bottom:14px;}
.cil4u-footer__desc{max-width:34rem;font-size:15.5px;line-height:1.7;color:var(--c4-muted-on-dark);margin:0;}
.cil4u-footer__group h2{color:#fff;font-size:16px;font-weight:700;margin:0 0 14px;font-family:'Heebo',sans-serif;}
.cil4u-footer__group ul{list-style:none;margin:0;padding:0;}
.cil4u-footer__group li{margin-bottom:4px;}
.cil4u-footer__group a{display:inline-flex;align-items:center;min-height:36px;color:var(--c4-muted-on-dark) !important;text-decoration:none;font-size:15.5px;}
.cil4u-footer__group a:hover,.cil4u-footer__group a:focus-visible{color:var(--c4-teal) !important;}
.cil4u-footer__legal{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;font-size:13.5px;color:var(--c4-muted-on-dark);display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;}
@media(min-width:1024px){.cil4u-footer__legal{margin-top:32px;padding-top:20px;}}
.cil4u-footer__legal a{color:var(--c4-muted-on-dark) !important;text-decoration:none;}
.cil4u-footer__legal a:hover{color:var(--c4-teal) !important;}
/* ============ SINGLE POST ============ */
.cil-single-post{background:var(--c4-surface-page);color:var(--c4-ink);}
.cil-post-shell{max-width:780px;margin-inline:auto;padding-inline:20px;padding-block:24px 56px;}
@media(min-width:1024px){.cil-post-shell{max-width:none;width:min(100% - 80px,1180px);margin-inline:auto;display:grid;grid-template-columns:1fr 230px;gap:44px;align-items:start;padding-block:32px 72px;}}
@media(min-width:1280px){.cil-post-shell{width:min(100% - 96px,1180px);grid-template-columns:1fr 280px;gap:48px;}}
.cil-breadcrumbs{max-width:780px;margin-inline:auto;padding-inline:20px;padding-top:20px;font-size:13px;color:var(--c4-muted);}
@media(min-width:1024px){.cil-breadcrumbs{max-width:none;width:min(100% - 80px,1180px);padding-inline:0;}}
.cil-breadcrumbs a{color:var(--c4-muted);text-decoration:none;}
.cil-breadcrumbs a:hover{color:var(--c4-teal);}
.cil-post-category{color:#2D7C74;font-size:14px;font-weight:600;margin-bottom:12px;}
.cil-post-header h1{font-size:34px;line-height:1.2;color:var(--c4-ink);text-wrap:balance;margin:0;}
@media(min-width:1024px){.cil-post-header h1{font-size:44px;}}
.cil-post-lead{font-size:18px;color:var(--c4-muted);margin:16px 0 0;line-height:1.6;}
.cil-post-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-size:14px;color:var(--c4-muted);}
.cil-post-meta__item{display:flex;align-items:center;gap:6px;}
.cil-post-meta__item svg{width:15px;height:15px;flex-shrink:0;}
.cil-featured{margin:24px 0 0;border-radius:8px;overflow:hidden;aspect-ratio:16/10;background:var(--c4-surface-soft);}
@media(min-width:480px){.cil-featured{aspect-ratio:16/9;}}
@media(min-width:768px){.cil-featured{aspect-ratio:16/7;}}
@media(min-width:1024px){.cil-featured{aspect-ratio:2.85/1;}}
.cil-featured img{width:100%;height:100%;object-fit:cover;display:block;}
.cil-mobile-toc{margin:24px 0 0;background:var(--c4-surface);border:1px solid var(--c4-border);border-radius:8px;}
@media(min-width:1024px){.cil-mobile-toc{display:none;}}
.cil-mobile-toc summary{cursor:pointer;list-style:none;padding:16px 20px;font-weight:600;display:flex;justify-content:space-between;align-items:center;min-height:52px;}
.cil-mobile-toc summary::-webkit-details-marker{display:none;}
.cil-mobile-toc ol{margin:0;padding:0 20px 18px;list-style:none;}
.cil-mobile-toc li{margin-bottom:8px;}
.cil-mobile-toc a{color:#2D7C74;text-decoration:none;font-size:15px;}
.cil-post-content{margin-top:32px;}
.cil-post-content p{font-size:17px;line-height:1.75;color:var(--c4-ink);margin:0 0 22px;}
@media(min-width:1024px){.cil-post-content p{font-size:18px;}}
.cil-post-content h2{font-size:27px;font-weight:700;margin:44px 0 18px;scroll-margin-top:96px;}
@media(min-width:1024px){.cil-post-content h2{font-size:32px;}}
.cil-post-content h3{font-size:22px;font-weight:700;margin:36px 0 14px;scroll-margin-top:96px;}
@media(min-width:1024px){.cil-post-content h3{font-size:25px;}}
.cil-post-content ul,.cil-post-content ol{padding-inline-start:22px;margin:0 0 22px;}
.cil-post-content li{margin-bottom:9px;}
.cil-post-content a{color:#2D7C74;text-decoration:underline;}
.cil-post-content blockquote{border-inline-start:3px solid var(--c4-teal);padding-inline-start:20px;margin:28px 0;font-size:19px;color:var(--c4-ink);}
.cil-post-content img{max-width:100%;height:auto;border-radius:8px;}
.cil-post-content figcaption{font-size:13.5px;color:var(--c4-muted);margin-top:8px;}
.cil-post-content table{width:100%;border-collapse:collapse;font-size:15px;}
.cil-post-content th{background:var(--c4-surface-soft);text-align:right;padding:12px 16px;border:1px solid var(--c4-border);}
.cil-post-content td{padding:12px 16px;border:1px solid var(--c4-border);}
.cil-post-content .table-scroll{overflow-x:auto;}
.cil-post-aside{display:none;}
@media(min-width:1024px){.cil-post-aside{display:block;position:sticky;top:24px;}}
.cil-toc{background:var(--c4-surface);border:1px solid var(--c4-border);border-radius:8px;padding:24px;margin-bottom:20px;}
.cil-toc h2{font-size:20px;margin:0 0 16px;}
.cil-toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;}
.cil-toc__item{display:flex;gap:10px;align-items:flex-start;}
.cil-toc__num{color:#2D7C74;font-weight:700;font-size:13px;flex-shrink:0;}
.cil-toc a{color:var(--c4-ink);text-decoration:none;font-size:14.5px;line-height:1.4;}
.cil-toc a:hover{color:#2D7C74;}
.cil-recent-posts{background:var(--c4-surface);border:1px solid var(--c4-border);border-radius:8px;padding:20px;margin-bottom:20px;}
.cil-recent-posts h2{font-size:18px;margin:0 0 14px;}
.cil-recent-post{display:flex;gap:12px;padding-block:12px;border-top:1px solid var(--c4-border);}
.cil-recent-post:first-of-type{border-top:0;padding-top:0;}
.cil-recent-post img{width:64px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;}
.cil-recent-post__title{font-size:15px;line-height:1.4;margin:0 0 4px;}
.cil-recent-post__title a{color:var(--c4-ink);text-decoration:none;}
.cil-recent-post__title a:hover{color:#2D7C74;}
.cil-recent-post__date{font-size:12.5px;color:var(--c4-muted);}
.cil-recent-more{display:block;text-align:center;margin-top:12px;color:#2D7C74;font-size:14px;text-decoration:none;font-weight:600;}
.cil-consultation-cta{background:var(--c4-navy-900);border-radius:12px;padding:24px;color:#fff;}
.cil-consultation-cta svg{width:32px;height:32px;color:var(--c4-teal);margin-bottom:12px;}
.cil-consultation-cta h2{color:#fff;font-size:18px;margin:0 0 8px;}
.cil-consultation-cta p{color:var(--c4-muted-on-dark);font-size:14px;margin:0 0 16px;}
.cil-consultation-cta a{display:flex;align-items:center;justify-content:center;min-height:44px;background:var(--c4-teal);color:var(--c4-charcoal);border-radius:6px;text-decoration:none;font-weight:700;}
.cil-below-article{display:block;margin-top:32px;}
@media(min-width:1024px){.cil-below-article{display:none;}}
.cil-below-article .cil-recent-posts,.cil-below-article .cil-consultation-cta{margin-bottom:20px;}
/* in-article components */
.cil-post-content .cil-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0;text-align:center;list-style:none;padding:0;}
@media(min-width:640px){.cil-post-content .cil-benefits{grid-template-columns:repeat(4,1fr);}}
.cil-post-content .cil-benefits li{padding:0 8px;}
.cil-post-content .cil-benefits svg{width:44px;height:44px;color:#2D7C74;margin-bottom:10px;}
.cil-post-content .cil-benefits p{font-size:15px;margin:0;}
.cil-post-content .cil-editorial-quote{background:var(--c4-surface);border:1px solid var(--c4-border);border-radius:12px;padding:32px;text-align:center;margin:32px 0;}
.cil-post-content .cil-editorial-quote p{font-size:21px;font-style:normal;color:var(--c4-ink);margin:0 0 12px;}
.cil-post-content .cil-editorial-quote cite{font-size:13.5px;color:var(--c4-muted);font-style:normal;}
.cil-post-content .cil-callout{background:var(--c4-surface-soft);border-inline-start:3px solid var(--c4-teal);padding:18px 20px;border-radius:6px;margin:24px 0;}
.cil-post-content .cil-callout strong{display:block;margin-bottom:6px;}
/* global final CTA, reused across templates */
.cil4u-final-cta{background:var(--c4-ink-deep);text-align:center;padding:44px 20px 48px;}
@media(min-width:1024px){.cil4u-final-cta{padding:56px 32px 60px;}}
.cil4u-final-cta h2{color:#fff;font-size:28px;margin:0 auto;max-width:20ch;}
@media(min-width:1024px){.cil4u-final-cta h2{font-size:36px;}}
.cil4u-final-cta p{color:var(--c4-muted-on-dark);font-size:16px;max-width:34rem;margin:16px auto 24px;}
.cil4u-final-cta__ctas{display:flex;flex-direction:column;gap:12px;justify-content:center;max-width:340px;margin-inline:auto;}
@media(min-width:640px){.cil4u-final-cta__ctas{flex-direction:row;max-width:none;}}
.cil4u-final-cta .cil4u-header__cta{display:inline-flex;min-height:48px;}
@media(prefers-reduced-motion:reduce){.cil4u-header *,.cil4u-footer *,.cil-single-post *{transition-duration:1ms !important;animation-duration:1ms !important;}}