.elementor-6074 .elementor-element.elementor-element-9e6596a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-6074 .elementor-element.elementor-element-746d8b2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-6074 .elementor-element.elementor-element-eaea41e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-6074 .elementor-element.elementor-element-b37884d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-6074 .elementor-element.elementor-element-e9c7cf8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-6074 .elementor-element.elementor-element-283f965{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-6074 .elementor-element.elementor-element-5b85056{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-6074 .elementor-element.elementor-element-f709e20{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-6074 .elementor-element.elementor-element-334745b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6074 .elementor-element.elementor-element-1abfbdd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-6074 .elementor-element.elementor-element-485301b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6074 .elementor-element.elementor-element-a762b3d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-6074 .elementor-element.elementor-element-ca494b1 .elementor-toc__header-title{text-align:start;}.elementor-6074 .elementor-element.elementor-element-ca494b1{--item-text-hover-decoration:underline;}.elementor-6074 .elementor-element.elementor-element-52d312c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-6074 .elementor-element.elementor-element-515e0c6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6074 .elementor-element.elementor-element-00f7d3c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-6074 .elementor-element.elementor-element-8643180{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:baseline;}.elementor-6074 .elementor-element.elementor-element-67d69b2{--grid-columns:3;}.elementor-6074 .elementor-element.elementor-element-e472bff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}@media(max-width:1024px){.elementor-6074 .elementor-element.elementor-element-67d69b2{--grid-columns:2;}}@media(max-width:767px){.elementor-6074 .elementor-element.elementor-element-67d69b2{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-746d8b2 *//* The sheet's `.e-con > .elementor-element{width:auto}` reset outranks a `width:100%` set on
   a class, so masthead children size to their content unless the column stretches and the
   width is re-asserted at a specificity that wins. */
.elementor-6074 .elementor-element.elementor-element-746d8b2{align-items:stretch}
.elementor-6074 .elementor-element.elementor-element-746d8b2 > .elementor-element.pmast-g{width:100%}

/* title left, image right (12 Nov). New containers carry Elementor's default 10px padding,
   which knocked the title 20px out of line with the currency strip below it. */
.elementor-6074 .elementor-element.elementor-element-746d8b2 .pmast-g{display:grid; grid-template-columns:1.06fr .94fr; gap:56px; align-items:center; padding:0}
.elementor-6074 .elementor-element.elementor-element-746d8b2 .pmast-g > .elementor-element{width:100%}
.elementor-6074 .elementor-element.elementor-element-746d8b2 .pmast-l{display:flex; flex-direction:column; align-items:flex-start; gap:0; padding:0}
.elementor-6074 .elementor-element.elementor-element-746d8b2 .pt-title .elementor-heading-title{font-size:44px; max-width:none}
.elementor-6074 .elementor-element.elementor-element-746d8b2 .phero{margin-top:0}
.elementor-6074 .elementor-element.elementor-element-746d8b2 .phero img{aspect-ratio:4/3; height:100%}

/* The Status and Applies-to cells were dropped on 12 Nov: both were static text on a template
   that now serves every post, so they asserted "Current guidance" and "Multinational employers"
   on 190 articles including 2020 ones. What is left is two dynamic dates, so the strip shrinks
   to its content instead of stretching two cells across the full column. */
.elementor-6074 .elementor-element.elementor-element-746d8b2 > .elementor-element.pcur{width:auto; align-self:flex-start; max-width:100%}
.elementor-6074 .elementor-element.elementor-element-746d8b2 .pcur > .elementor-element.pcur-c{flex:0 0 auto; min-width:0; padding:16px 30px}

@media (max-width:1100px){
  .elementor-6074 .elementor-element.elementor-element-746d8b2 .pmast-g{grid-template-columns:1fr; gap:36px}
  .elementor-6074 .elementor-element.elementor-element-746d8b2 .phero img{aspect-ratio:21/9}
}
@media (max-width:900px){
  .elementor-6074 .elementor-element.elementor-element-746d8b2 .pt-title .elementor-heading-title{font-size:34px}
  .elementor-6074 .elementor-element.elementor-element-746d8b2 > .elementor-element.pcur{width:100%}
  .elementor-6074 .elementor-element.elementor-element-746d8b2 .pcur > .elementor-element.pcur-c{flex:1 1 0}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e6596a *//* Blog Single v2 preview — whole-template sheet, riding in one element's CSS
   because page-level custom CSS on a Themer template never reaches the front end. */
.elementor-6074 .e-con, .elementor-6074 .e-con-inner, .elementor-6074 .elementor-element { gap:0 }
.elementor-6074 .e-con > .elementor-element { width:auto }
.elementor-6074 .elementor-widget-container { padding:0; margin:0 }
.elementor-6074 .elementor-widget-heading .elementor-heading-title,
.elementor-6074 .elementor-widget-text-editor .elementor-widget-container,
.elementor-6074 .elementor-widget-text-editor p { font:inherit; color:inherit; letter-spacing:inherit; margin:0 }
.elementor-6074 img { max-width:100% }
.elementor-6074 .elementor-widget:not(:last-child) { margin-block-end:0 }
.elementor-6074{--forest:#002f0d; --forest-3:#0b5024; --forest-4:#0f6b33; --ink:#0a1a10;
 --ink-80:rgba(10,26,16,.84); --ink-70:rgba(10,26,16,.72); --ink-55:rgba(10,26,16,.56); --ink-38:rgba(10,26,16,.38);
 --mint:#36c180; --emerald:#27a86a; --wash:#d8f1e4; --cream:#f4f8f2; --paper:#fff;
 --rule:#dfe7e1; --pill:999px; --panel-r:20px; --card-r:14px; --maxw:1400px;
 --body-font:'Instrument Sans','Helvetica Neue',Arial,sans-serif;
 font-family:'Poppins','Helvetica Neue',Arial,sans-serif; color:var(--ink); background:var(--paper)}
.elementor-6074 *, .elementor-6074 *::before, .elementor-6074 *::after{box-sizing:border-box}
.elementor-6074 .wrap{max-width:var(--maxw); margin:0 auto; padding:0 56px}
.elementor-6074 .elementor-element.wrap{width:100%}
.elementor-6074 .sec-s{padding-top:84px; padding-bottom:84px}
.elementor-6074 .paper{background:var(--paper)}
.elementor-6074 .cream{background:var(--cream)}
.elementor-6074 .stack{display:flex; flex-direction:column}
.elementor-6074 .g48{gap:48px}
.elementor-6074 .btn{display:inline-flex; align-items:center; gap:9px; padding:15px 28px;
  border-radius:var(--pill); background:var(--mint); color:var(--forest); font-size:16px;
  font-weight:500; text-decoration:none}
.elementor-6074 .btn-dark{background:var(--forest); color:#fff}
.elementor-6074 .btn-dark:hover{background:var(--forest-4)}

/* chips + meta */
.elementor-6074 .chipw a{display:inline-flex; align-items:center; font-family:'Poppins',sans-serif;
  font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; text-decoration:none;
  padding:5px 10px; border-radius:var(--pill); white-space:nowrap; background:var(--wash); color:var(--forest-3)}
.elementor-6074 .chipw .elementor-heading-title{display:flex; flex-wrap:wrap; gap:8px; font-size:0}
.elementor-6074 .chipw a[href*="/category/featured/"], .elementor-6074 .chipw a[href*="/category/video/"],
.elementor-6074 .chipw a[href*="/category/uncategorized/"],
.elementor-6074 .chipw a[href*="/category/case-study-featured/"],
.elementor-6074 .chipw a[href*="/category/cross-border-carve-outs/"]{display:none}
.elementor-6074 .meta{display:flex; flex-wrap:wrap; align-items:center; gap:10px;
  font-family:var(--body-font); font-size:14px; color:var(--ink-55)}
.elementor-6074 .meta .elementor-heading-title{font-family:var(--body-font); font-size:15px; font-weight:400; color:var(--ink-55)}
.elementor-6074 .meta .m-author .elementor-heading-title{font-family:'Poppins',sans-serif; font-weight:500; color:var(--ink-70)}
.elementor-6074 .meta > .elementor-element{flex:0 0 auto; width:auto}
.elementor-6074 .meta .m-date{position:relative; padding-left:13px}
.elementor-6074 .meta .m-date::before{content:''; position:absolute; left:0; top:50%; margin-top:-1.5px;
  width:3px; height:3px; border-radius:50%; background:var(--ink-38)}

/* masthead */
.elementor-6074 .pmast{padding-top:56px; padding-bottom:0}
.elementor-6074 .pmast .wrap{display:flex; flex-direction:column; align-items:flex-start; text-align:left}
.elementor-6074 .pt-title .elementor-heading-title{font-size:52px; line-height:1.04; font-weight:400;
  letter-spacing:-.02em; margin:0; max-width:21ch; text-align:left}
.elementor-6074 .pt-title{margin-top:22px}
.elementor-6074 .pby{margin-top:28px}

/* currency strip */
.elementor-6074 .pcur{display:flex; flex-wrap:wrap; margin-top:34px; width:100%;
  background:var(--cream); border-radius:var(--card-r); overflow:hidden}
.elementor-6074 .pcur > .elementor-element.pcur-c{padding:18px 26px; display:flex; flex-direction:column;
  gap:5px; border-left:1px solid var(--rule); flex:1 1 0; min-width:180px; width:auto}
.elementor-6074 .pcur > .elementor-element.pcur-c:first-child{border-left:0}
.elementor-6074 .pcur-v .elementor-heading-title{font-family:'Poppins',sans-serif; font-size:16px; font-weight:500; text-align:left}
.elementor-6074 .pcur-c p.pcur-l{font-family:var(--body-font); font-size:12px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--ink-55)}
.elementor-6074 .pcur-v.live .elementor-heading-title{display:inline-flex; align-items:center; gap:8px}
.elementor-6074 .pcur-v.live .elementor-heading-title::before{content:''; width:8px; height:8px;
  border-radius:50%; background:var(--emerald); display:inline-block; flex:0 0 auto}

/* hero image */
.elementor-6074 .phero{margin-top:48px; width:100%}
.elementor-6074 .phero img{width:100%; aspect-ratio:21/8; object-fit:cover; display:block;
  border-radius:var(--panel-r); filter:saturate(.72) contrast(1.04)}

/* the two columns */
.elementor-6074 .pcols{display:grid; grid-template-columns:248px minmax(0,760px); gap:88px;
  align-items:start; justify-content:start}
.elementor-6074 .prail{display:flex; flex-direction:column; gap:28px; width:100%}
.elementor-6074 .prail p.ptoc-h{font-family:'Poppins',sans-serif; font-size:13px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; color:var(--forest)}
.elementor-6074 .ptocw .elementor-toc__header{display:none}
.elementor-6074 .ptocw .elementor-toc__body{padding:0}
.elementor-6074 .ptocw{border:0; background:none}
.elementor-6074 .ptocw .elementor-widget-container{border:0 !important; background:none !important; padding:0 !important}
.elementor-6074 .ptocw .elementor-toc__list-wrapper{list-style:none; padding:0; margin:0}
.elementor-6074 .ptocw .elementor-toc__list-item{margin:0}
.elementor-6074 .ptocw .elementor-toc__list-item-text-wrapper{padding:0}
.elementor-6074 .ptocw a.elementor-toc__list-item-text{font-family:var(--body-font); font-size:14px;
  line-height:1.4; color:var(--ink-55); text-decoration:none; display:block;
  padding:9px 0 9px 16px; border-left:2px solid var(--rule)}
.elementor-6074 .ptocw a.elementor-toc__list-item-text:hover{color:var(--forest-3)}
.elementor-6074 .ptocw a.elementor-toc__list-item-text.elementor-item-active{color:var(--ink);
  border-left-color:var(--emerald); font-weight:500}
.elementor-6074 .railbtn{width:100%; justify-content:center; padding:13px 16px; font-size:14px; text-align:center}

/* TOC anchors land under the fixed 55px header without this */
span.elementor-menu-anchor{scroll-margin-top:76px}

/* ---------- the article ----------
   The reset at the top of this sheet zeroes every widget container, which also
   flattens the post's own rhythm, so the body sets its own from here. Everything
   is scoped with :not([class]) so the in-body CTA panel and the Key-takeaways
   heading keep the styling they ship with. */
.elementor-6074 .pbodyw{min-width:0; width:100%}
.elementor-6074 .pbody{max-width:760px}
.elementor-6074 .pbody p:not([class]),
.elementor-6074 .pbody li:not([class]){font-family:var(--body-font); font-size:18px;
  line-height:1.72; color:var(--ink-80); letter-spacing:0}
.elementor-6074 .pbody p:not([class]){margin:0 0 22px}
.elementor-6074 .pbody p:not([class]):last-child{margin-bottom:0}
.elementor-6074 .pbody .elementor-widget:not(:last-child){margin-bottom:22px}
.elementor-6074 .pbody h2:not([class]){font-family:'Poppins',sans-serif; font-size:30px;
  line-height:1.18; font-weight:500; letter-spacing:-.016em; color:var(--ink); margin:56px 0 16px}
.elementor-6074 .pbody h3:not([class]){font-family:'Poppins',sans-serif; font-size:21px;
  line-height:1.3; font-weight:500; letter-spacing:-.01em; color:var(--ink); margin:40px 0 12px}
.elementor-6074 .pbody b:not([class]), .elementor-6074 .pbody strong:not([class]){font-weight:600; color:var(--ink)}
.elementor-6074 .pbody a:not([class]){color:var(--forest-3); text-decoration:underline;
  text-decoration-thickness:1px; text-underline-offset:3px; text-decoration-color:rgba(11,80,36,.38)}
.elementor-6074 .pbody a:not([class]):hover{text-decoration-color:var(--forest-3)}
.elementor-6074 .pbody ul:not([class]), .elementor-6074 .pbody ol:not([class]){margin:0 0 22px; padding-left:22px}
.elementor-6074 .pbody li:not([class]){margin:0 0 10px; padding-left:4px}
.elementor-6074 .pbody li:not([class])::marker{color:var(--emerald)}
.elementor-6074 .pbody img{border-radius:var(--card-r); margin:12px 0}
.elementor-6074 .pbody blockquote{margin:36px 0; padding:2px 0 2px 26px; border-left:2px solid var(--emerald);
  font-family:'Poppins',sans-serif; font-size:21px; line-height:1.45; letter-spacing:-.01em; color:var(--ink)}
.elementor-6074 .pbody hr{border:0; border-top:1px solid var(--rule); margin:48px 0}
.elementor-6074 .pbody table{width:100%; border-collapse:collapse; margin:0 0 24px;
  font-family:var(--body-font); font-size:16px}
.elementor-6074 .pbody th, .elementor-6074 .pbody td{text-align:left; padding:12px 14px;
  border-bottom:1px solid var(--rule); vertical-align:top}
.elementor-6074 .pbody th{font-family:'Poppins',sans-serif; font-weight:600; font-size:12px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--ink-55)}

/* the FAQ accordion most posts close with */
.elementor-6074 .pbody .e-n-accordion-item{border-bottom:1px solid var(--rule)}
.elementor-6074 .pbody summary.e-n-accordion-item-title{padding:18px 0; cursor:pointer}
.elementor-6074 .pbody .e-n-accordion-item-title-text{font-family:'Poppins',sans-serif;
  font-size:17px; font-weight:500; line-height:1.4; color:var(--ink)}

/* ---------- author ---------- */
.elementor-6074 .pauthw{border-top:1px solid var(--rule); padding-top:34px}
.elementor-6074 .pauthw .elementor-author-box__avatar img{width:64px; height:64px; border-radius:50%}
.elementor-6074 .pauthw .elementor-author-box__name{font-family:'Poppins',sans-serif; font-size:19px;
  font-weight:500; color:var(--ink)}
.elementor-6074 .pauthw .elementor-author-box__bio{font-family:var(--body-font); font-size:16px;
  line-height:1.65; color:var(--ink-70); max-width:72ch}
.elementor-6074 .pauthw .elementor-author-box__button{display:inline-flex; align-items:center; gap:7px;
  font-family:'Poppins',sans-serif; font-size:14px; font-weight:500; color:var(--forest-3);
  background:none; border:0; padding:0; text-decoration:none}
.elementor-6074 .pauthw .elementor-author-box__button:hover{color:var(--emerald)}
.elementor-6074 .pauthw .elementor-author-box__button::after{content:'\2192'}

/* read-next cards (same card template as the index) */
.elementor-6074 .csec-h{display:flex; align-items:baseline; gap:14px; margin-bottom:0;
  padding-bottom:12px; border-bottom:1px solid var(--rule)}
.elementor-6074 .csec-h .elementor-heading-title{font-size:21px; font-weight:500; letter-spacing:-.01em; margin:0}
.elementor-6074 .bgridw .elementor-loop-container{display:grid !important; grid-template-columns:repeat(3,1fr); gap:0 56px}
.elementor-6074 .bgridw .e-loop-item{position:relative; display:flex; flex-direction:column;
  padding:34px 0 8px; border-top:0}
.elementor-6074 .bgridw .e-loop-item > .elementor-element{width:100%; height:100%}
.elementor-6074 .bcrd{display:flex; flex-direction:column; gap:14px; height:100%}
.elementor-6074 .bcrd > .elementor-element{width:100%}
.elementor-6074 .bth{border-radius:var(--card-r); overflow:hidden; background:#fff; margin-bottom:4px}
.elementor-6074 .bth img{width:100%; aspect-ratio:16/9; object-fit:cover; display:block;
  filter:saturate(.72) contrast(1.04); transition:transform .4s ease}
.elementor-6074 .bgridw .e-loop-item:hover .bth img{transform:scale(1.03)}
.elementor-6074 .bh3 .elementor-heading-title{font-size:21px; line-height:1.25; font-weight:500; margin:0;
  letter-spacing:-.01em; transition:color .18s ease}
.elementor-6074 .bh3 a{text-decoration:none}
.elementor-6074 .bgridw .e-loop-item:hover .bh3 .elementor-heading-title{color:var(--forest-3)}
.elementor-6074 .standw p{font-family:var(--body-font); font-size:15px; line-height:1.55; color:var(--ink-55); margin:0}
.elementor-6074 .bcrd .meta{margin-top:auto; padding-top:4px}

/* responsive */
@media (max-width:1240px){
.elementor-6074 .pcols{grid-template-columns:220px minmax(0,1fr); gap:56px}
}
@media (max-width:1100px){
.elementor-6074 .pcols{grid-template-columns:minmax(0,1fr); gap:48px}
.elementor-6074 .prail{position:static}
.elementor-6074 .pbody{max-width:none}
}
@media (max-width:900px){
.elementor-6074 .wrap{padding:0 24px}
.elementor-6074 .sec-s{padding-top:64px; padding-bottom:64px}
.elementor-6074 .pt-title .elementor-heading-title{font-size:38px}
.elementor-6074 .pbody p:not([class]), .elementor-6074 .pbody li:not([class]){font-size:17px}
.elementor-6074 .pbody h2:not([class]){font-size:26px; margin-top:44px}
.elementor-6074 .pcur > .elementor-element.pcur-c{border-left:0; border-top:1px solid var(--rule); min-width:100%}
.elementor-6074 .pcur > .elementor-element.pcur-c:first-child{border-top:0}
.elementor-6074 .bgridw .elementor-loop-container{grid-template-columns:1fr}
}

.elementor-6074 .chipw .elementor-heading-title{font-size:11px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a762b3d *//* The child theme forces `.single-post .elementor-location-single .elementor-widget-text-editor a
   {text-decoration:underline !important}`, which underlines the rail button. Only !important
   outranks it — .btn on its own does not. */
.elementor-6074 .elementor-element.elementor-element-a762b3d .elementor-widget-text-editor a.btn,
.elementor-6074 .elementor-element.elementor-element-a762b3d a.railbtn{text-decoration:none !important}

/* Posts written before the current format have no h2/h3 at all (legacy ones use h4), and some
   short posts have no headings whatever — the TOC then printed "No headings were found on this
   page." under an ON THIS PAGE label. Hide the label and the list in that case and leave the
   CTA, which is the only part of the rail that still earns its place. */
.elementor-6074 .elementor-element.elementor-element-a762b3d.toc-empty .ptoc-h,
.elementor-6074 .elementor-element.elementor-element-a762b3d.toc-empty .ptocw{display:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52d312c *//* the child-theme rule (`text-decoration:underline !important` on single-post text-editor
   links) resets the underline colour and thickness, so those two need !important here too */
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody a:not([class]){text-decoration-color:rgba(11,80,36,.38) !important;
  text-decoration-thickness:1px !important; text-underline-offset:3px}
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody a:not([class]):hover{text-decoration-color:var(--forest-3) !important}

/* Posts predating the current format use h4 for their section headings and often wrap headings
   in Elementor heading widgets, so the article rules keyed to bare h2/h3 miss them. */
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody h2.elementor-heading-title{font-family:'Poppins',sans-serif;
  font-size:30px; line-height:1.18; font-weight:500; letter-spacing:-.016em; color:var(--ink); margin:56px 0 16px}
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody h4:not([class]),
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody h3.elementor-heading-title,
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody h4.elementor-heading-title{font-family:'Poppins',sans-serif;
  font-size:22px; line-height:1.3; font-weight:500; letter-spacing:-.01em; color:var(--ink); margin:44px 0 12px}

/* ---------- key takeaways ----------
   Was an old-site callout: mint fill, mint border, 15px radius, heading at 25-30px. Restyled to
   match the masthead's currency strip — one quiet cream panel, no border, heading demoted to an
   eyebrow. 37 posts have one of these boxes; only new ones carry the hsp-takeaways class, so a
   script in this column tags the rest. The box's own styling comes from each POST's generated
   CSS at the same specificity as these rules, and load order between post-<id>.css and
   post-6074.css is not guaranteed — hence !important on the four properties that conflict.
   The eyebrow rule names the tag so it outranks the h2/h3/h4 rules above; a `:not()` on the
   parent does NOT work, because the heading's direct parent is .elementor-widget-container. */
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways{background:var(--cream) !important; border:0 !important;
  border-radius:var(--card-r) !important; padding:28px 32px !important; margin:8px 0 10px; gap:0}
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways > .elementor-element{width:100%}
/* the article's 22px widget rhythm would otherwise stack on the eyebrow's own margin */
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways > .elementor-element:not(:last-child){margin-bottom:0}
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways h2.elementor-heading-title,
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways h3.elementor-heading-title,
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways h4.elementor-heading-title,
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways .elementor-heading-title{font-family:'Poppins',sans-serif;
  font-size:12px !important; font-weight:600; letter-spacing:.09em; text-transform:uppercase;
  line-height:1; color:var(--forest); margin:0 0 16px; text-align:left !important}
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways ul{margin:0; padding-left:20px}
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways li{font-family:var(--body-font); font-size:17px; line-height:1.6;
  color:var(--ink-80); margin:0 0 12px; padding-left:4px}
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways li:last-child{margin-bottom:0}
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways li::marker{color:var(--emerald)}
.elementor-6074 .elementor-element.elementor-element-52d312c .pbody .hsp-takeaways p:last-child{margin-bottom:0}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e472bff *//* Sticky contact bar. The TOC rail carries the CTA on desktop, but below 1100px the rail
   stops being sticky, so this takes over there. It only appears once the reader is past the
   hero and hides again at the author box so it never sits on top of the page's own close.
   The same child-theme rule that underlines single-post text-editor links also forces their
   colour to the kit accent (mint), which made the label invisible on the mint pill — hence
   the !important on colour as well as text-decoration. */
.elementor-6074 .elementor-element.elementor-element-e472bff{position:fixed; left:0; right:0; bottom:0; z-index:90; display:none;
  width:100%; max-width:none; gap:16px; padding:12px 20px;
  background:var(--forest); color:#fff;
  box-shadow:0 -8px 24px rgba(0,47,13,.18);
  transform:translateY(100%); transition:transform .22s ease; will-change:transform}
.elementor-6074 .elementor-element.elementor-element-e472bff.is-on{transform:translateY(0)}
.elementor-6074 .elementor-element.elementor-element-e472bff .pbar-t p{font-family:var(--body-font); font-size:14px; line-height:1.35;
  color:rgba(223,242,235,.82); margin:0}
.elementor-6074 .elementor-element.elementor-element-e472bff > .elementor-element.pbar-a{flex:0 0 auto; width:auto}
.elementor-6074 .elementor-element.elementor-element-e472bff a.pbar-btn{display:inline-flex; align-items:center; justify-content:center;
  white-space:nowrap; font-family:'Poppins',sans-serif; font-size:14px; font-weight:500;
  line-height:1; padding:13px 22px; border-radius:var(--pill);
  background:var(--mint); color:var(--forest) !important; text-decoration:none !important}
.elementor-6074 .elementor-element.elementor-element-e472bff a.pbar-btn:hover{background:#fff; color:var(--forest) !important}

@media (max-width:1100px){ .elementor-6074 .elementor-element.elementor-element-e472bff{display:flex} }
@media (max-width:520px){
  .elementor-6074 .elementor-element.elementor-element-e472bff{padding:10px 16px; gap:12px}
  .elementor-6074 .elementor-element.elementor-element-e472bff .pbar-t p{font-size:13px}
  .elementor-6074 .elementor-element.elementor-element-e472bff a.pbar-btn{padding:12px 16px}
}
@media (prefers-reduced-motion:reduce){ .elementor-6074 .elementor-element.elementor-element-e472bff{transition:none} }/* End custom CSS */