/* Generated by build_static.py - do not edit.
   Logo heights scaled x1.1814 so the mark renders at its original
   size with the EPTG tagline sitting below it rather than shrinking it. */
.header_logo { height: 89.8px; }
@media (max-width: 991px) { .header_logo { height: 47.3px; } }
#image-98-19 { height: 47.3px; }

/* position+z-index are load-bearing, not cosmetic: the homepage hero's overlay
   image is position:absolute with no positioned ancestor, so it starts at the very
   top of the PAGE and covers the banner. The banner rendered fine but swallowed
   every click. 1000 clears both that image (z-index 1) and the header (999). */
.site-banner{background:#21a49f;display:block;text-decoration:none;
  padding:11px 18px;text-align:center;font-size:15px;font-weight:600;color:#fff;
  line-height:1.35;position:relative;z-index:1000;
  font-family:'Outfit',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.site-banner .arrow{margin-left:8px;display:inline-block}
@media (max-width:640px){.site-banner{font-size:13.5px;padding:10px 14px}}
/* The captured hero left-aligns its title inside a flex wrap; the announcement
   reads better centered. Override the wrap rather than the h1 so the centring
   survives the theme's own flex rules. */
.pr-hero .ct-section-inner-wrap{display:block;width:100%;text-align:center}
.pr-hero .page_title{text-align:center;margin-left:auto;margin-right:auto;max-width:22ch;
  /* the theme's hero size was tuned for one-word titles ("Blog") and only drops to
     ~49px at 390px, which runs this headline to five lines and fills the viewport.
     clamp scales it properly while leaving the desktop size untouched. */
  font-size:clamp(28px, 6.5vw, 59px);line-height:1.18}
.pr{max-width:820px;margin:0 auto;padding:56px 22px 72px}
.pr h2.pr-headline{font-size:26px;line-height:1.25;margin:0 0 26px}
.pr-lockup{display:block;width:100%;max-width:560px;height:auto;margin:30px auto 26px}
@media (max-width:640px){.pr-lockup{max-width:100%;margin:24px auto 20px}}
.pr .pr-meta{color:#6b7280;font-size:14px;margin:0 0 30px}
.pr p{margin:0 0 20px;font-size:17px;line-height:1.65}
.pr h3{font-size:19px;margin:38px 0 12px}
.pr a{color:#177572}
.post-card{max-width:820px;margin:0 auto;padding:48px 22px 64px}
.post-card a.pc{display:block;text-decoration:none;color:inherit;
  border:1px solid #e3e5e8;border-radius:12px;padding:26px 28px;transition:border-color .15s}
.post-card a.pc:hover{border-color:#21a49f}
.post-card .pc-date{color:#6b7280;font-size:13px;margin-bottom:8px}
.post-card .pc-title{font-size:22px;line-height:1.3;margin:0 0 10px;color:#0b0d26}
.post-card .pc-sum{color:#4b5563;font-size:16px;line-height:1.6;margin:0 0 14px}
.post-card .pc-more{color:#177572;font-weight:600;font-size:15px}


/* Footer legal links: space the stacked entries apart. */
.footer_legal_links a + a { padding-top: 20px; }

/* Keep the header's overlay of the hero exact: the captured CSS pulls the
   next section up by a margin fixed to the header's original height, so
   that margin must grow by however much the taller logo grew the header. */
#section-137-19 { margin-bottom: -149.8px; }
@media (max-width: 991px) { #section-137-19 { margin-bottom: -143.3px; } }