.regions-hero[data-hero-form="data-band"]{
  padding-block:var(--hero-pad) var(--space-6);
  background:#F0EAF7;
  color:#30283A;
}

.regions-hero-copy{
  min-width:0;
  text-align:center;
}

.regions-hero-copy .c-kicker{
  margin-inline:auto;
}

.regions-hero-copy .c-kicker + h1{
  margin-top:var(--space-2);
}

.regions-hero-copy h1{
  max-width:60rem;
  margin-inline:auto;
  font-size:clamp(2.45rem,5vw,3.65rem);
  line-height:1.17;
}

.regions-hero-lead{
  max-width:51rem;
  margin:var(--space-2) auto 0;
  color:#51475B;
  font-size:var(--text-md);
  overflow-wrap:break-word;
}

.regions-hero-actions{
  justify-content:flex-start;
  margin-top:var(--space-3);
}

.region-directory{
  margin-top:var(--space-4);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#FFFFFF;
  color:#172126;
  box-shadow:var(--shadow-soft);
}

.directory-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-3);
  min-width:0;
}

.directory-head > div{
  min-width:0;
}

.directory-label{
  display:block;
  color:#00617D;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:800;
  letter-spacing:.08em;
}

.directory-head h2{
  max-width:42rem;
  margin-top:var(--space-1);
  font-size:clamp(1.65rem,3vw,2.35rem);
}

.directory-head .c-badge{
  flex:0 0 auto;
}

.directory-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));
  gap:var(--space-2);
  margin-top:var(--space-4);
  align-items:stretch;
}

.directory-cell{
  display:flex;
  min-width:0;
  min-height:9rem;
  flex-direction:column;
  justify-content:flex-end;
  padding:var(--space-3);
  border-radius:var(--radius-md);
}

.directory-cell span{
  font-size:var(--text-xs);
  font-weight:800;
}

.directory-cell strong{
  margin-top:var(--space-1);
  font-family:var(--font-heading);
  font-size:var(--text-lg);
  line-height:var(--leading-heading);
  overflow-wrap:break-word;
}

.directory-cell small{
  margin-top:.35rem;
  color:inherit;
  opacity:.78;
  overflow-wrap:break-word;
}

.directory-cell-lav{
  background:#F0EAF7;
  color:#30283A;
}

.directory-cell-mint{
  background:#E7F3EC;
  color:#18372D;
}

.directory-cell-peach{
  background:#F8E8DE;
  color:#422A22;
}

.directory-cell-sand{
  background:#F5F0D8;
  color:#363018;
}

.directory-cell-blue{
  background:#E7EEF5;
  color:#1D303D;
}

.directory-cell-dark{
  background:#172126;
  color:#FFFFFF;
}

.regions-data-band{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-2);
  margin-top:var(--space-4);
}

.regions-data-item{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#172126;
  text-align:center;
}

.regions-data-item b{
  font-family:var(--font-heading);
  font-size:var(--text-xl);
  line-height:var(--leading-heading);
  overflow-wrap:break-word;
}

.regions-data-item span{
  margin-top:var(--space-1);
  color:#59666D;
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}

.selection-list{
  display:grid;
  gap:var(--space-2);
  margin:0;
  padding:0;
  list-style:none;
}

.selection-row{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#172126;
  box-shadow:0 .8rem 2.3rem rgba(38,35,47,.05);
}

.method-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--radius-pill);
  background:#172126;
  color:#FFFFFF;
  font-size:var(--text-xs);
  line-height:1;
}

.selection-row strong{
  padding-top:.35rem;
  font-family:var(--font-heading);
  font-size:var(--text-md);
  line-height:1.45;
  overflow-wrap:break-word;
}

.selection-row p{
  min-width:0;
  color:#59666D;
  overflow-wrap:break-word;
}

.selection-notice,
.interpretation-notice{
  margin-top:var(--space-4);
}

.selection-notice strong,
.interpretation-notice strong{
  display:block;
  font-family:var(--font-heading);
  font-size:var(--text-md);
}

.selection-notice p,
.interpretation-notice p{
  margin-top:var(--space-1);
  color:#5E5734;
}

.region-card-grid{
  align-items:stretch;
}

.region-card{
  min-width:0;
  padding-inline:var(--space-4);
}

.region-card-mark{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  min-width:0;
}

.region-code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.35rem;
  padding:.5rem .8rem;
  border-radius:var(--radius-sm);
  background:#FFFFFF;
  color:#00536B;
  font-size:var(--text-xs);
  font-weight:800;
  line-height:1;
}

.region-card h3{
  margin-top:var(--space-2);
  font-size:var(--text-xl);
}

.region-card > p{
  margin-top:var(--space-1);
}

.region-facts{
  display:grid;
  gap:0;
  margin:var(--space-3) 0 0;
}

.region-facts > div{
  display:grid;
  grid-template-columns:minmax(6.5rem,.7fr) minmax(0,1fr);
  gap:var(--space-2);
  min-width:0;
  padding-block:.75rem;
  border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);
}

.region-facts dt,
.region-facts dd{
  min-width:0;
  overflow-wrap:break-word;
}

.region-facts dt{
  font-size:var(--text-sm);
}

.region-facts dd{
  color:inherit;
}

.region-card-actions{
  margin-top:auto;
  padding-top:var(--space-3);
}

.region-card-actions .c-btn{
  width:100%;
  margin-top:0;
}

.region-card-grid-us{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.region-dark-badge{
  background:#E7F3EC;
  color:#18372D;
}

.region-dark-badge::before{
  content:"";
  width:.4rem;
  height:.4rem;
  border-radius:50%;
  background:#006F63;
}

.region-facts-dark > div{
  border-bottom-color:rgba(255,255,255,.16);
}

.c-kicker-matrix{
  background:#E7F3EC;
  color:#18372D;
}

.c-kicker-matrix::before{
  background:#00617D;
}

.matrix-scroll{
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-soft);
}

.region-matrix-table th:not(:first-child),
.region-matrix-table td:not(:first-child){
  text-align:center;
}

.region-matrix-table td{
  vertical-align:middle;
}

.region-matrix-table td:first-child strong,
.matrix-spec{
  display:block;
}

.matrix-spec{
  margin-top:.35rem;
  color:#59666D;
  font-size:var(--text-xs);
}

.region-matrix-table .c-badge{
  margin-inline:auto;
}

.matrix-actions{
  margin-top:var(--space-4);
}

.latency-method{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-2);
  margin-bottom:var(--space-4);
}

.latency-method > div{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#E7EEF5;
  color:#1D303D;
}

.latency-method span{
  color:#526875;
  font-size:var(--text-xs);
  font-weight:750;
}

.latency-method strong{
  margin-top:var(--space-1);
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}

.latency-scroll{
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-soft);
}

.latency-table{
  min-width:64rem;
}

.latency-table th:not(:first-child),
.latency-table td:not(:first-child){
  text-align:center;
}

.latency-table td{
  vertical-align:middle;
}

.latency-table td:first-child strong,
.latency-table td:first-child span{
  display:block;
}

.latency-table td:first-child span{
  margin-top:.25rem;
  color:#59666D;
  font-size:var(--text-xs);
}

.latency-value{
  display:inline-block;
  min-width:4.25rem;
  font-weight:750;
  white-space:nowrap;
}

.latency-footnote{
  margin-top:var(--space-3);
  color:#5D5267;
  font-size:var(--text-sm);
}

.interpretation-grid{
  align-items:stretch;
}

.interpretation-card .c-icon-well{
  margin-bottom:var(--space-2);
}

.interpretation-card h3{
  font-size:var(--text-xl);
}

.interpretation-card h3 + p{
  margin-top:var(--space-1);
}

.closing-section{
  background:#FAF9F6;
  color:#172126;
}

.regions-closing{
  padding-inline:var(--space-4);
}

.regions-closing > div:first-child{
  min-width:0;
}

.closing-label{
  display:block;
  color:#82D6E1;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.regions-closing h2{
  max-width:46rem;
  margin-top:var(--space-2);
  font-size:clamp(1.75rem,3.5vw,2.6rem);
}

.regions-closing p{
  max-width:48rem;
}

.regions-closing .actions{
  align-items:stretch;
  flex-direction:column;
  justify-content:center;
  margin-top:0;
}

.regions-closing .c-btn{
  width:100%;
}

@media(max-width:64rem){
  .directory-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .directory-head .c-badge{
    flex:0 1 auto;
  }

  .latency-method{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:42rem){
  .regions-hero[data-hero-form="data-band"]{
    padding-block:var(--hero-pad) var(--space-5);
  }

  .regions-hero h1{
    font-size:clamp(2.2rem,12vw,3rem);
  }

  .region-directory{
    padding:var(--space-3);
  }

  .directory-grid,
  .regions-data-band,
  .latency-method,
  .region-card-grid-us{
    grid-template-columns:minmax(0,1fr);
  }

  .directory-cell{
    min-height:7.75rem;
  }

  .selection-row{
    grid-template-columns:2.25rem minmax(0,1fr);
    gap:var(--space-2);
  }

  .selection-row > :nth-child(3){
    grid-column:2;
  }

  .method-number{
    width:2.25rem;
    height:2.25rem;
  }

  .region-card{
    padding-inline:var(--space-3);
  }

  .region-facts > div{
    grid-template-columns:minmax(0,1fr);
    gap:.3rem;
  }

  .regions-closing{
    padding-inline:var(--space-3);
  }

  .regions-closing .actions{
    width:100%;
    margin-top:var(--space-3);
  }
}