.region-page{
  min-width:0;
  overflow-x:clip;
}
.region-page [hidden]{
  display:none!important;
}
.region-page :where(p,li,div,article,aside){
  min-width:0;
  overflow-wrap:break-word;
}
.region-page .region-hero{
  display:block;
  grid-template-columns:minmax(0,1fr);
  background:#FFFFFF;
  color:#1B1D22;
  --muted:#5E6573;
  --line:#E3E6EC;
  --line2:#D3D8E0;
}
.region-page .region-hero h1{
  color:#1B1D22;
  max-width:none;
}
.region-page .region-hero p{
  color:#3A404B;
}
.region-lead{
  max-width:var(--width-narrow);
  margin-top:var(--space-4);
  font-size:var(--text-lead);
}
.region-hero-note{
  max-width:var(--width-narrow);
  margin-top:var(--space-3);
}
.region-page .region-hero .c-actions{
  margin-top:var(--action-floor);
  justify-content:flex-start;
}
.region-page .region-hero .region-hero-follow{
  margin-top:var(--action-floor);
  font-size:var(--text-sm);
  color:#5E6573;
}
.region-heading{
  margin-bottom:var(--space-5);
}
.region-heading>p{
  max-width:var(--width-narrow);
  margin-top:var(--space-3);
}
.region-period-control{
  display:grid;
  gap:var(--field-gap);
  margin-bottom:var(--space-4);
}
.region-period-control>p{
  color:#5E6573;
}
.region-plan-grid{
  align-items:stretch;
}
.region-plan-grid>.c-price-card{
  gap:var(--space-3);
  padding:var(--card-padding);
  min-width:0;
}
.region-plan-grid .c-price{
  margin-block:var(--space-2);
}
.region-price-periods{
  margin:0;
}
.region-price-periods>div{
  display:grid;
  gap:var(--field-gap);
}
.region-price-periods dt,
.region-price-periods dd{
  min-width:0;
  font-variant-numeric:tabular-nums;
}
.region-price-periods dd{
  margin:0;
  font-weight:var(--weight-bold);
}
.region-plan-grid .c-actions{
  gap:var(--action-gap);
}
.region-config-note{
  margin-top:var(--space-4);
}
.region-network{
  padding:var(--space-5);
  border-radius:var(--r-card);
  background:#EAF0F6;
  color:#1E3247;
  --muted:#4A5D72;
  --line:#D3D8E0;
  --line2:#D3D8E0;
}
.region-network h2,
.region-network strong{
  color:#1E3247;
}
.region-network p{
  color:#1E3247;
}
.region-network-table{
  position:relative;
  overflow-x:auto;
}
.region-network-foot{
  margin-top:var(--space-4);
}
.region-steps>li{
  grid-template-columns:2rem minmax(0,1fr) auto;
  align-items:start;
}
.region-steps>li>div>p{
  margin-top:var(--field-gap);
}
.region-step-foot{
  display:grid;
  gap:var(--field-gap);
  margin-top:var(--space-4);
  max-width:var(--width-narrow);
}
.region-step-foot>p:first-child{
  font-weight:var(--weight-bold);
}
.region-page .region-faq{
  background:#FFFFFF;
  color:#1B1D22;
  --muted:#5E6573;
  --line:#E3E6EC;
}
.region-page .region-faq details,
.region-page .region-faq summary,
.region-page .region-faq .c-faq-content{
  background:#FFFFFF;
  color:#1B1D22;
}
.region-page .region-faq summary{
  padding-bottom:var(--space-3);
}
.region-page .region-faq .c-faq-content{
  border-top:var(--stroke) solid #E3E6EC;
  padding-top:var(--space-3);
}
.region-page .region-faq .c-faq-content p{
  color:#3A404B;
  max-width:var(--width-narrow);
}
.region-end{
  padding-bottom:var(--space-close);
}
.region-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.6fr);
  gap:var(--space-5);
  align-items:center;
  padding:var(--space-6);
  border-radius:var(--r-card);
  background:#1B1D22;
  color:#E8EAEE;
  --muted:#C9CED8;
  --line:color-mix(in srgb,#FFFFFF 18%,transparent);
  --line2:#555B66;
}
.region-closing h2{
  color:#FFFFFF;
  font-size:var(--text-section);
}
.region-closing p{
  margin-top:var(--space-3);
  color:#E8EAEE;
}
.region-closing .region-closing-actions{
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  margin-top:0;
}
.region-closing .c-btn--ghost{
  background:#1B1D22;
  color:#E8EAEE;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.region-closing .c-btn--ghost:hover{
  background:#3A404B;
  color:#FFFFFF;
}
@media(max-width:42rem){
  .region-network,
  .region-closing{
    padding:var(--card-padding);
  }
  .region-steps>li{
    grid-template-columns:2rem minmax(0,1fr);
  }
  .region-steps>li>.c-step-time{
    grid-column:2;
  }
  .region-closing{
    grid-template-columns:minmax(0,1fr);
  }
  .region-closing .region-closing-actions{
    margin-top:var(--space-3);
  }
  .region-page .region-hero .c-actions>.c-btn{
    width:100%;
  }
}