/* Native Zoho individual post only. Preserve Zoho's header behavior. */
html:has(link[data-gst-blog-native]) :is(#thememaincontent,.theme-content-area .page-container) > :not(#gst-blog-post):not(#gst-blog-load-status){display:none!important}
html:has(link[data-gst-blog-native]) .theme-banner{display:none!important}
html:has(link[data-gst-blog-native]) body{position:relative;isolation:isolate;background:#fffefa!important}
html:has(link[data-gst-blog-native]) body::before{content:"";position:absolute;inset:0 0 auto;height:var(--gst-blog-art-bottom,760px);z-index:-2;pointer-events:none;background:linear-gradient(to bottom,transparent 78%,#fffefa 100%),url('/blogPosts/Post3/hero.jpg') left top 20px/300% auto no-repeat}
html:has(link[data-gst-blog-native]) body::after{content:"";position:absolute;inset:0 0 auto;height:var(--gst-blog-art-bottom,760px);z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent 82%,#fffefa 100%),url('/blogPosts/Post3/hero.jpg') left calc(35vw - 150px) top 20px/auto calc(680px + var(--gst-blog-hero-top,340px)) no-repeat;mask-image:linear-gradient(to right,transparent calc(35vw - 150px),#000 calc(35vw + 100px))}
html:has(link[data-gst-blog-native]) :is([data-headercontainer="zptheme-data-headercontainer"],.zpheader-style-01,.theme-header-topbar,.theme-header,.theme-header>.zpcontainer,.theme-navigation-and-icons){background:transparent!important;box-shadow:none!important}
html:has(link[data-gst-blog-native]) :is(.theme-content-area,.theme-content-container,.theme-content-area-inner,.page-container,#thememaincontent):has(#gst-blog-post){width:100%!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
html:has(link[data-gst-blog-native]) #gst-blog-post,
html:has(link[data-gst-blog-native]) .gst-ncjm .article-hero{background:transparent}
html:has(link[data-gst-blog-native]) .gst-ncjm .article-hero::before{display:none}
#gst-blog-load-status{padding:76px 24px;max-width:780px;margin:auto;font:300 20px/1.7 Manrope,sans-serif}
@media(max-width:540px){html:has(link[data-gst-blog-native]) body::before{background:linear-gradient(to bottom,rgba(255,254,250,.65),rgba(255,254,250,.82) 48%,#fffefa 100%),url('/blogPosts/Post3/hero.jpg') 62% 20px/auto 100% no-repeat}}
@media(min-width:992px){
  html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header>.zpcontainer{display:grid!important;box-sizing:border-box!important;width:calc(100% - var(--gst-blog-header-left,40px) - 40px)!important;max-width:none!important;margin-left:var(--gst-blog-header-left,40px)!important;margin-right:40px!important;padding:0!important;grid-template-columns:175px minmax(0,1fr)!important;column-gap:50px!important;align-items:center!important;justify-content:initial!important}
  html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-branding-info{position:relative!important;inset:auto!important;float:none!important;display:block!important;flex:none!important;width:175px!important;min-width:175px!important;justify-self:start!important;align-self:center!important;margin:0!important;padding:0!important}
  html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-branding-info :is(.theme-logo-parent,a,picture){display:block!important;width:175px!important;height:175px!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important}
  html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-branding-info img[data-zs-logo]{display:block!important;width:175px!important;height:175px!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
  html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-navigation-and-icons{position:relative!important;inset:auto!important;float:none!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important;align-self:center!important}
  html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-menu-area,html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-menu{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-menu>ul{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;align-items:center!important;column-gap:clamp(8px,1vw,16px)!important;row-gap:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-menu>ul>li{position:relative!important;float:none!important;flex:0 0 auto!important;min-width:max-content!important;white-space:nowrap!important}
  html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-menu>ul>li>a{font-family:'Lora',Georgia,serif!important;font-size:16.67px!important;font-weight:500!important;line-height:1.25!important;white-space:nowrap!important}
  html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-menu>ul>li>a .theme-menu-content,html:has(link[data-gst-blog-native]) body [data-headercontainer="zptheme-data-headercontainer"] .theme-header .theme-menu>ul>li>a .theme-menu-name{font-family:'Lora',Georgia,serif!important;font-size:16.67px!important;font-weight:500!important;line-height:1.25!important}
}

@media(min-width:992px){
html:has(link[data-gst-blog-native]) .theme-header .theme-menu>ul>li{margin-inline:0!important;padding-inline:0!important}
html:has(link[data-gst-blog-native]) .theme-header .theme-menu>ul>li>a{padding-inline:0!important;margin-inline:0!important}
}

/* Article hero: fit the header and story introduction within the first screen. */
html:has(link[data-gst-blog-native]) .gst-ncjm .article-hero{height:max(350px,calc(100svh - var(--gst-blog-hero-top,340px)));min-height:0;overflow:visible}
html:has(link[data-gst-blog-native]) .gst-ncjm .hero-inner{padding-top:0;position:relative;top:50px;isolation:isolate}
html:has(link[data-gst-blog-native]) .gst-ncjm .hero-inner::before{content:"";position:absolute;z-index:-1;left:-70px;top:-35px;bottom:-25px;width:min(790px,100% + 140px);background:rgba(255,254,250,.84);mask-image:linear-gradient(to right,transparent,#000 10%,#000 80%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
html:has(link[data-gst-blog-native]) .gst-ncjm .hero-inner .eyebrow{margin-bottom:12px}
html:has(link[data-gst-blog-native]) .gst-ncjm h1{margin-bottom:16px}
html:has(link[data-gst-blog-native]) .gst-ncjm .journey-logo{width:120px;height:120px;left:auto;right:4%;bottom:65px}
@media(max-width:800px){
html:has(link[data-gst-blog-native]) .gst-ncjm .article-hero{height:max(400px,calc(100svh - var(--gst-blog-hero-top,220px)))}
html:has(link[data-gst-blog-native]) .gst-ncjm .journey-logo{width:94px;height:94px;left:auto;right:4%;bottom:36px}
}
@media(max-width:540px){
html:has(link[data-gst-blog-native]) body::before{background:linear-gradient(to bottom,rgba(255,254,250,.18),rgba(255,254,250,.4) 60%,#fffefa 100%),url('/blogPosts/Post3/hero.jpg') 62% 20px/auto 100% no-repeat}
html:has(link[data-gst-blog-native]) body::after{display:none}
html:has(link[data-gst-blog-native]) .gst-ncjm .hero-inner::before{background:rgba(255,254,250,.66);width:calc(100% + 20px);left:-10px}
}

/* Opening paragraph: additional breathing room below the hero. */
html:has(link[data-gst-blog-native]) .gst-ncjm .article-body{padding-top:126px}
@media(max-width:800px){html:has(link[data-gst-blog-native]) .gst-ncjm .article-body{padding-top:98px}}