.regions-page{
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.region-hero{
  padding-block:var(--ops-space-5);
  background:var(--ops-ink);
  color:var(--ops-surface)
}

.region-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  align-items:start;
  gap:var(--ops-space-4)
}

.region-hero__grid>*{
  min-width:0
}

.region-hero__body{
  display:grid;
  gap:var(--ops-space-3)
}

.region-hero__body .c-breadcrumb,
.region-hero__body .c-breadcrumb ol{
  color:var(--ops-muted-2)
}

.region-hero__copy{
  display:grid;
  gap:var(--ops-space-1)
}

.region-hero__copy .ops-kicker,
.section-copy .ops-kicker,
.test-note__body .ops-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.region-hero__copy h1{
  max-width:12ch;
  margin:0;
  color:var(--ops-surface)
}

.region-hero__copy p{
  max-width:42rem;
  margin:0;
  color:var(--ops-muted-2)
}

.region-hero__actions{
  justify-content:flex-start
}

.region-hero__stats{
  margin:0;
  padding-top:var(--ops-space-2);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--ops-space-2);
  border-top:1px solid var(--ops-line-dark)
}

.region-hero__stats div{
  min-width:0;
  display:grid;
  gap:var(--ops-space-1)
}

.region-hero__stats dt{
  color:var(--ops-muted-2);
  font-size:var(--ops-fs-1)
}

.region-hero__stats dd{
  margin:0;
  color:var(--ops-surface);
  font-size:var(--ops-fs-2)
}

.region-hero__stats strong{
  color:var(--ops-yellow);
  font-size:var(--ops-fs-4)
}

.region-dispatch{
  margin:0;
  overflow:hidden;
  border-radius:var(--ops-radius-lg);
  background:var(--ops-ink-2);
  color:var(--ops-surface);
  box-shadow:var(--ops-shadow)
}

.region-dispatch__map{
  min-height:24rem;
  display:grid;
  place-items:center;
  background:var(--ops-ink-3);
  color:var(--ops-surface)
}

.region-dispatch__map img{
  width:100%;
  height:100%;
  min-height:24rem;
  object-fit:cover
}

.region-dispatch__caption{
  padding:var(--ops-space-3);
  display:grid;
  gap:var(--ops-space-2);
  background:var(--ops-ink-2);
  color:var(--ops-surface)
}

.region-dispatch__caption-copy{
  display:grid;
  gap:var(--ops-space-1)
}

.region-dispatch__caption-copy strong{
  color:var(--ops-surface);
  font:700 var(--ops-fs-4)/1.2 var(--ops-mono)
}

.region-dispatch__caption-copy p{
  margin:0;
  color:var(--ops-muted-2);
  font-size:var(--ops-fs-2)
}

.region-dispatch__routes{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:var(--ops-space-1)
}

.region-dispatch__routes span{
  min-width:0;
  padding:var(--ops-space-1);
  border-radius:var(--ops-radius-sm);
  background:var(--ops-ink-3);
  color:var(--ops-yellow);
  font-size:var(--ops-fs-1);
  text-align:center
}

.section-copy{
  min-width:0;
  display:grid;
  gap:var(--ops-space-1)
}

.section-copy h2{
  max-width:20ch;
  margin:0
}

.ops-section-head>p{
  max-width:34rem;
  margin:0
}

.node-index{
  margin-top:var(--ops-space-4);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--ops-space-2);
  align-items:start
}

.node-index__item{
  min-width:0;
  padding:var(--ops-space-2);
  display:flex;
  align-items:center;
  gap:var(--ops-space-2);
  border-radius:var(--ops-radius-md);
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.node-index__item>div{
  min-width:0;
  display:grid;
  gap:var(--ops-space-1)
}

.node-index__item h3,
.node-index__item p{
  margin:0
}

.node-index__item p{
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}

.node-index__code{
  min-width:3.5rem;
  min-height:3.5rem;
  padding:var(--ops-space-1);
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-yellow-soft);
  color:var(--ops-ink);
  font-weight:700
}

.region-card-grid{
  margin-top:var(--ops-space-4);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--ops-space-2);
  align-items:start
}

.region-card{
  min-width:0;
  padding:var(--ops-space-3);
  display:grid;
  gap:var(--ops-space-1);
  border-radius:var(--ops-radius-md);
  background:var(--ops-surface);
  color:var(--ops-ink);
  box-shadow:var(--ops-shadow)
}

.region-card__head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--ops-space-1)
}

.region-card__code{
  color:var(--ops-muted);
  font-size:var(--ops-fs-1);
  font-weight:700
}

.region-card h3,
.region-card p{
  margin:0
}

.region-card p{
  color:var(--ops-muted)
}

.region-card__facts{
  margin:var(--ops-space-2) 0 0;
  display:grid;
  gap:var(--ops-space-1)
}

.region-card__facts div{
  min-width:0;
  padding:var(--ops-space-1);
  display:grid;
  grid-template-columns:minmax(max-content,auto) minmax(0,1fr);
  gap:var(--ops-space-1);
  border-radius:var(--ops-radius-sm);
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.region-card__facts dt{
  color:var(--ops-muted);
  font-size:var(--ops-fs-1);
  font-weight:700
}

.region-card__facts dd{
  min-width:0;
  margin:0;
  color:var(--ops-ink);
  font-size:var(--ops-fs-1)
}

.us-region-section{
  background:var(--ops-ink);
  color:var(--ops-surface)
}

.us-region-section__head h2{
  color:var(--ops-surface)
}

.us-region-section__head>p{
  color:var(--ops-muted-2)
}

.us-region-grid{
  margin-top:var(--ops-space-4);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--ops-space-2);
  align-items:start
}

.us-region-card{
  min-width:0;
  padding:var(--ops-space-3);
  display:grid;
  gap:var(--ops-space-2);
  border:1px solid var(--ops-line-dark);
  border-radius:var(--ops-radius-md);
  background:var(--ops-ink-2);
  color:var(--ops-surface)
}

.us-region-card__identity{
  display:flex;
  align-items:center;
  gap:var(--ops-space-2)
}

.us-region-card__identity>div{
  min-width:0;
  display:grid;
  gap:var(--ops-space-1)
}

.us-region-card__identity h3{
  margin:0;
  color:var(--ops-surface)
}

.us-region-card__code{
  min-width:4rem;
  min-height:4rem;
  padding:var(--ops-space-1);
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-yellow);
  color:var(--ops-ink);
  font-weight:700
}

.us-region-card p{
  margin:0;
  color:var(--ops-muted-2)
}

.us-region-card ul{
  margin:0;
  display:grid;
  gap:var(--ops-space-1);
  color:var(--ops-muted-2)
}

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

.latency-meta div{
  min-width:0;
  padding:var(--ops-space-2);
  display:grid;
  gap:var(--ops-space-1);
  border-radius:var(--ops-radius-sm);
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.latency-meta span{
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}

.latency-meta strong{
  color:var(--ops-ink);
  font-size:var(--ops-fs-2)
}

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

.latency-table caption,
.availability-table caption{
  padding:var(--ops-space-2);
  text-align:left;
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}

.latency-table th:first-child{
  min-width:10rem
}

.latency-table td.number{
  color:var(--ops-muted)
}

.latency-protocol{
  margin-top:var(--ops-space-3);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--ops-space-2);
  align-items:start
}

.latency-protocol article{
  min-width:0;
  display:grid;
  gap:var(--ops-space-1)
}

.latency-protocol__step{
  width:fit-content;
  align-self:flex-start;
  color:var(--ops-muted);
  font-size:var(--ops-fs-1);
  font-weight:700
}

.latency-protocol h3,
.latency-protocol p{
  margin:0
}

.latency-protocol p{
  color:var(--ops-muted);
  font-size:var(--ops-fs-2)
}

.selection-section{
  background:var(--ops-yellow);
  color:var(--ops-ink)
}

.selection-section__head h2,
.selection-section__head>p{
  color:var(--ops-ink)
}

.selection-steps{
  margin:var(--ops-space-4) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--ops-space-2);
  list-style:none
}

.selection-steps li{
  min-width:0;
  padding:var(--ops-space-3);
  display:grid;
  gap:var(--ops-space-2);
  border-radius:var(--ops-radius-md);
  background:var(--ops-yellow-pale);
  color:var(--ops-ink)
}

.selection-steps li>div{
  min-width:0;
  display:grid;
  gap:var(--ops-space-1)
}

.selection-steps__number{
  width:fit-content;
  align-self:flex-start;
  color:var(--ops-muted);
  font-size:var(--ops-fs-1);
  font-weight:700
}

.selection-steps h3,
.selection-steps p{
  margin:0
}

.selection-steps p{
  color:var(--ops-muted);
  font-size:var(--ops-fs-2)
}

.region-order-grid{
  margin-top:var(--ops-space-4);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--ops-space-2);
  align-items:start
}

.region-order-card{
  min-width:0;
  padding:var(--ops-space-2);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--ops-space-2);
  border:1px solid var(--ops-line);
  border-radius:var(--ops-radius-md);
  background:var(--ops-surface);
  color:var(--ops-ink);
  transition:transform var(--ops-duration) var(--ops-ease),border-color var(--ops-duration),background var(--ops-duration)
}

.region-order-card:hover{
  transform:translateY(-1px);
  border-color:var(--ops-yellow);
  background:var(--ops-yellow-pale);
  color:var(--ops-ink)
}

.region-order-card>div{
  min-width:0;
  display:grid;
  gap:var(--ops-space-1)
}

.region-order-card h3,
.region-order-card p{
  margin:0
}

.region-order-card p{
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}

.region-order-card__code{
  min-width:3.5rem;
  min-height:3.5rem;
  padding:var(--ops-space-1);
  display:grid;
  place-items:center;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-ink);
  color:var(--ops-yellow);
  font-size:var(--ops-fs-1);
  font-weight:700
}

.region-order-card svg{
  width:1.25rem;
  height:1.25rem
}

.availability-table{
  min-width:66rem
}

.availability-table th:first-child{
  min-width:15rem
}

.availability-table tbody th{
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.availability-table tbody th strong,
.availability-table tbody th span{
  display:block
}

.availability-table tbody th span{
  margin-top:var(--ops-space-1);
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}

.availability-status{
  display:inline-flex;
  align-items:center;
  gap:var(--ops-space-1);
  color:var(--ops-ink);
  font-size:var(--ops-fs-1);
  font-weight:700;
  white-space:nowrap
}

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

.test-note{
  padding:var(--ops-space-3);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(16rem,.55fr);
  align-items:start;
  gap:var(--ops-space-3);
  border-radius:var(--ops-radius-lg);
  background:var(--ops-yellow-pale);
  color:var(--ops-ink)
}

.test-note__icon{
  width:3rem;
  height:3rem;
  display:grid;
  place-items:center;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-yellow-soft);
  color:var(--ops-ink)
}

.test-note__icon svg{
  width:1.5rem;
  height:1.5rem
}

.test-note__body{
  min-width:0;
  display:grid;
  gap:var(--ops-space-1)
}

.test-note__body h2,
.test-note__body p{
  margin:0
}

.test-note__body p{
  color:var(--ops-muted)
}

.test-note__checks{
  min-width:0;
  display:grid;
  gap:var(--ops-space-1)
}

.test-note__checks span{
  padding:var(--ops-space-1);
  border-radius:var(--ops-radius-sm);
  background:var(--ops-surface);
  color:var(--ops-ink);
  font-size:var(--ops-fs-1);
  font-weight:700
}

.region-cta__actions{
  min-width:min(100%,18rem);
  display:grid;
  gap:var(--ops-space-1)
}

.region-cta__actions .c-btn{
  width:100%
}

.region-cta__secondary{
  border-color:var(--ops-line-dark);
  background:var(--ops-ink-2);
  color:var(--ops-surface)
}

.region-cta__secondary:hover{
  border-color:var(--ops-muted-2);
  background:var(--ops-ink-3);
  color:var(--ops-surface)
}

@media(min-width:1440px){
  .region-hero{
    padding-block:var(--ops-space-6)
  }

  .region-dispatch__map,
  .region-dispatch__map img{
    min-height:28rem
  }
}

@media(max-width:900px){
  .region-hero__grid{
    grid-template-columns:1fr
  }

  .region-hero__copy h1{
    max-width:16ch
  }

  .node-index,
  .latency-meta,
  .latency-protocol,
  .selection-steps{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .test-note{
    grid-template-columns:auto minmax(0,1fr)
  }

  .test-note__checks{
    grid-column:1/-1;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

@media(max-width:768px){
  .region-card-grid,
  .us-region-grid,
  .region-order-grid{
    grid-template-columns:1fr
  }

  .region-dispatch__routes{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .region-card__facts div{
    grid-template-columns:1fr
  }
}

@media(max-width:640px){
  .region-hero{
    padding-block:var(--ops-space-4)
  }

  .region-hero__stats,
  .node-index,
  .latency-meta,
  .latency-protocol,
  .selection-steps{
    grid-template-columns:1fr
  }

  .region-dispatch__map,
  .region-dispatch__map img{
    min-height:16rem
  }

  .test-note{
    grid-template-columns:1fr
  }

  .test-note__checks{
    grid-column:auto;
    grid-template-columns:1fr
  }

  .matrix-actions .c-btn{
    width:100%
  }
}

@media(max-width:390px){
  .region-hero__stats{
    gap:var(--ops-space-1)
  }

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

  .us-region-card__identity{
    align-items:flex-start
  }

  .region-order-card{
    grid-template-columns:auto minmax(0,1fr)
  }

  .region-order-card svg{
    grid-column:2;
    justify-self:end
  }

  .test-note,
  .region-card,
  .us-region-card,
  .selection-steps li{
    padding:var(--ops-space-2)
  }
}