.region-hero{
  padding-block:var(--hero-pad);
  background:#FFFFFF;
  color:#20232E;
}
.region-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  align-items:start;
  gap:var(--space-5);
}
.region-hero__copy,.region-brief,.region-network__grid>*{min-width:0}
.region-hero__copy h1{max-width:14ch;overflow-wrap:break-word}
.region-hero__lead{max-width:38rem;margin-top:var(--space-3);font-size:var(--fs-lead)}
.region-actions{
  justify-content:flex-start;
  margin-top:var(--space-3);
}
.region-hero__note{
  margin-top:var(--space-3);
  color:#5D6270;
  font:var(--fs-sm)/1.6 var(--fh);
}
.region-brief{
  overflow:hidden;
  border-radius:var(--r-l);
  background:#EEF1F6;
  color:#283445;
}
.region-brief__top{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  background:#E2E7F0;
  color:#283445;
}
.region-brief__top strong{
  font:600 var(--fs-card)/1.4 var(--fh);
  overflow-wrap:break-word;
}
.region-brief__label{
  font:var(--fs-sm)/1.5 var(--fh);
}
.region-brief__facts{
  margin:0;
  padding:0 var(--space-3);
}
.region-brief__facts>div{
  display:grid;
  grid-template-columns:minmax(7rem,.7fr) minmax(0,1fr);
  gap:var(--space-2);
  padding-block:var(--space-2);
  border-bottom:1px solid color-mix(in srgb,#283445 13%,transparent);
}
.region-brief dt,.region-brief dd{
  min-width:0;
  margin:0;
  color:#283445;
  overflow-wrap:break-word;
}
.region-brief dt{font-family:var(--fh)}
.region-brief dd{font-weight:600}
.region-brief__foot{
  padding:var(--space-3);
  color:#506075;
  font-size:var(--fs-sm);
}
.region-section{padding-block:var(--space-5)}
.region-heading{max-width:49rem;margin-bottom:var(--space-4)}
.region-heading p{margin-top:var(--space-2)}
.region-plan-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--space-3);
}
.region-plan{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  padding:var(--space-3);
  border-radius:var(--r-l);
  background:#F3EFE8;
  color:#3B3326;
}
.region-plan--pro{
  background:#EEF1F6;
  color:#283445;
}
.region-plan h3,.region-plan p{color:inherit}
.region-plan__head h3{
  margin-top:var(--space-2);
  font-size:var(--fs-card);
}
.region-plan__head p{margin-top:var(--space-1)}
.region-plan__type{
  font:500 var(--fs-sm)/1.5 var(--fh);
}
.region-plan__fit{margin-top:var(--space-3)}
.region-periods{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-1);
  width:100%;
  margin-top:var(--space-3);
}
.region-periods>div{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:var(--space-1);
  padding:var(--space-2);
  border-radius:var(--r-m);
  background:#FFFFFF;
  color:#20232E;
}
.region-periods span{font:var(--fs-sm)/1.4 var(--fh)}
.region-periods strong{
  font-size:clamp(1.1rem,2vw,1.5rem);
  line-height:1.3;
  overflow-wrap:break-word;
}
.region-plan__footer{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-3);
  margin-top:auto;
  padding-top:var(--space-3);
}
.region-plan__footer p{font-size:var(--fs-sm)}
.region-plans__aside{margin-top:var(--space-3)}
.region-plans__aside a:not(.c-btn){color:#353A84;text-underline-offset:.2em}
.region-network{
  background:#EAF3EF;
  color:#1F3B30;
}
.region-network h2,.region-network h3,.region-network p{color:#1F3B30}
.region-network__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.8fr);
  align-items:start;
  gap:var(--space-5);
}
.region-network__grid p{margin-top:var(--space-2)}
.region-network__method{
  padding:var(--space-3);
  border-radius:var(--r-m);
  background:#FFFFFF;
  color:#20232E;
}
.region-network__method h3{
  color:#20232E;
  font-size:var(--fs-card);
}
.region-network__method ol{
  display:grid;
  gap:var(--space-2);
  margin:var(--space-2) 0 0;
  padding-left:1.4em;
}
.region-network__method li{color:#3A3F4D}
.region-steps__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--space-3);
  margin:0;
  padding:0;
  list-style:none;
}
.region-step{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr);
  align-items:start;
  gap:var(--space-3);
  min-width:0;
  height:100%;
  padding:var(--space-3);
  border-radius:var(--r-m);
  background:#F6ECEE;
  color:#4A2830;
}
.region-step:nth-child(even){
  background:#F4F5F8;
  color:#20232E;
}
.region-step__number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  background:#FFFFFF;
  color:#20232E;
  font-size:var(--fs-sm);
  line-height:1;
}
.region-step__time{font:var(--fs-sm)/1.5 var(--fh)}
.region-step h3{
  margin-top:var(--space-1);
  color:inherit;
  font-size:var(--fs-card);
}
.region-step p{margin-top:var(--space-1);color:inherit}
.region-faq{
  background:#F4F5F8;
  color:#20232E;
}
.region-faq details{
  background:#F4F5F8;
  color:#20232E;
}
.region-faq details[open] summary{
  margin-bottom:var(--space-2);
}
.region-faq details>div{
  padding:var(--space-2) 0 var(--space-3);
  border-top:1px solid #E2E5EA;
  color:#3A3F4D;
}
.region-final{padding-bottom:0}
.region-closeout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(12rem,auto);
  align-items:center;
  gap:var(--space-4);
  padding:var(--space-4);
  border-radius:var(--r-l);
  background:#20232E;
  color:#F3F4F8;
}
.region-closeout h2,.region-closeout p{color:#F3F4F8}
.region-closeout h2{margin-top:var(--space-2)}
.region-closeout p{max-width:42rem;margin-top:var(--space-2)}
.region-closeout__label{
  font:var(--fs-sm)/1.5 var(--fh);
  color:#C8CCE2;
}
.region-closeout__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
}
.region-closeout .c-btn--primary{
  background:#FFFFFF;
  color:#20232E;
}
.region-closeout .c-btn--primary:hover{
  background:#EEF1F6;
  color:#20232E;
}
.region-closeout .c-btn--ghost{
  background:transparent;
  color:#FFFFFF;
  border-color:color-mix(in srgb,#FFFFFF 45%,transparent);
}
.region-closeout .c-btn--ghost:hover{
  background:#343846;
  color:#FFFFFF;
}
@media(max-width:64rem){
  .region-hero__grid,.region-network__grid{gap:var(--space-4)}
}
@media(max-width:42rem){
  .region-hero__grid,.region-plan-grid,.region-network__grid,.region-steps__grid,.region-closeout{
    grid-template-columns:minmax(0,1fr);
  }
  .region-hero__grid{gap:var(--space-4)}
  .region-hero__copy h1{max-width:none}
  .region-actions .c-btn{width:100%}
  .region-brief__facts>div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
  .region-closeout{padding:var(--space-3)}
  .region-closeout__actions{margin-top:var(--space-2)}
}
