.region-hero{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  align-items:start;
  gap:var(--space-5);
  padding:var(--hero-top) var(--space-3) var(--space-6);
  background:#FCF9F6;
  color:#26232A;
}
.region-hero__copy,.region-hero__stage{min-width:0}
.region-hero .c-kicker+h1{margin-top:var(--space-2)}
.region-hero h1{max-width:17ch;margin-bottom:var(--space-3);font-size:clamp(2.5rem,4vw,3.2rem);line-height:1.17}
.region-hero__lead{max-width:37rem;margin:0;color:#514B54;font-size:var(--text-lg);overflow-wrap:break-word}
.region-hero__actions{margin-top:var(--space-3);justify-content:flex-start}
.region-hero__note{max-width:37rem;margin:var(--space-3) 0 0;color:#5C5660;font-size:var(--text-sm)}
.region-hero__stage{align-self:start}
.region-receipt{
  height:auto;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#E5F2ED;
  color:#203630;
  box-shadow:var(--shadow);
}
.region-receipt__top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--space-2);
  padding:var(--space-3) var(--space-4);
  background:#D7E9E2;
  color:#203630;
}
.region-receipt__label{font-size:var(--text-sm);font-weight:700}
.region-receipt__top strong{font-size:var(--text-sm)}
.region-receipt>p{margin:0;padding:var(--space-3) var(--space-4) var(--space-2);color:#314A42}
.region-receipt__lines{padding-inline:var(--space-4)}
.region-receipt__lines>div{
  display:grid;
  grid-template-columns:3.5rem minmax(7rem,1fr) minmax(0,1fr);
  gap:var(--space-2);
  align-items:center;
  min-width:0;
  padding-block:var(--space-2);
  border-top:1px solid color-mix(in srgb,#203630 16%,transparent);
}
.region-receipt__lines span{min-width:0;overflow-wrap:break-word}
.region-receipt__lines span:first-child{font-weight:700;color:#49305D}
.region-receipt__lines span:last-child{font-size:var(--text-sm)}
.region-receipt__foot{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--space-1) var(--space-2);
  margin-top:var(--space-2);
  padding:var(--space-3) var(--space-4);
  background:#203630;
  color:#F3F8F5;
  font-size:var(--text-sm);
}
.region-receipt__foot strong{font-variant-numeric:tabular-nums}

.region-overview{background:#FCFBF7;color:#26232A}
.region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr));
  gap:var(--space-3);
  align-items:stretch;
}
.region-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#F4E9DD;
  color:#302821;
}
.region-card:nth-child(2),.region-card:nth-child(5){background:#E8EDF5;color:#252F40}
.region-card:nth-child(3){background:#F3F0DB;color:#363421}
.region-card:nth-child(4){background:#F9E8E1;color:#392B29}
.region-card__code{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em}
.region-card h3{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-card)}
.region-card p{margin:0;flex:1;color:inherit}
.region-card__foot{
  display:block;
  margin-top:var(--space-3);
  padding-top:var(--space-2);
  border-top:1px solid color-mix(in srgb,currentColor 16%,transparent);
  font-size:var(--text-sm);
}

.region-matrix-section{background:#F4E9DD;color:#302821}
.region-matrix-section .section-head p{color:#51443B}
.region-matrix{min-width:54rem}
.region-matrix caption{
  padding-bottom:var(--space-2);
  text-align:left;
  color:#51443B;
  font-size:var(--text-sm);
}
.region-matrix th,.region-matrix td{text-align:left;vertical-align:middle}
.region-matrix th:first-child{min-width:13rem;width:25%}
.region-matrix tbody th small{display:block;margin-top:var(--space-1);color:#5C5660}
.region-pill{
  display:inline-flex;
  align-items:center;
  gap:.4em;
  width:fit-content;
  padding:.4em .9em;
  border-radius:999px;
  background:#E5F2ED;
  color:#203630;
  font-size:var(--text-xs);
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.region-pill::before{
  content:"";
  width:.4rem;
  height:.4rem;
  flex:none;
  border-radius:50%;
  background:#203630;
}
.region-matrix__note{margin:var(--space-3) 0 0;color:#51443B;font-size:var(--text-sm)}
.region-matrix__note a:not(.c-btn){color:#62319B}

.region-selection{background:#FCFBF7;color:#26232A}
.region-selection__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
  align-items:stretch;
}
.region-selection__item{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  padding:var(--space-4);
  border-radius:var(--radius-md);
  background:#E8EDF5;
  color:#252F40;
}
.region-selection__item:nth-child(2){background:#E5F2ED;color:#203630}
.region-selection__item:nth-child(3){background:#F9E8E1;color:#392B29}
.region-selection__number{font-size:var(--text-sm);font-weight:700}
.region-selection__item h3{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-card)}
.region-selection__item p{margin:0;color:inherit}
.region-selection__item .region-selection__check{
  margin-top:auto;
  padding-top:var(--space-3);
  font-size:var(--text-sm);
  font-weight:700;
}

.region-availability{background:#26232A;color:#F5EFF5}
.region-availability .c-kicker{color:#E9B8F3}
.region-availability h2{color:#F5EFF5}
.region-availability__layout{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:var(--space-5);
  align-items:start;
}
.region-availability__copy,.region-availability__meter{min-width:0}
.region-availability__copy h2{margin:var(--space-2) 0 var(--space-3)}
.region-availability__copy p{max-width:35rem;color:#E0D8E2}
.region-availability__copy a:not(.c-btn){color:#F1C7F7;text-decoration:underline;text-underline-offset:.2em}
.region-availability__meter{
  padding:var(--space-4);
  border-radius:var(--radius-md);
  background:#F3F0DB;
  color:#363421;
}
.region-availability__eyebrow{font-size:var(--text-sm);font-weight:700}
.region-availability__value{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 var(--space-4)}
.region-availability__value strong{font-size:clamp(2.5rem,4vw,3.2rem);line-height:1.15}
.region-availability__value span{font-weight:700}
.region-availability__placeholder{
  padding:var(--space-3);
  border-radius:var(--radius-sm);
  background:#FFFDFC;
  color:#302821;
}
.region-availability__placeholder-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1) var(--space-2);font-size:var(--text-sm)}
.region-availability__placeholder-head span{color:#5C5660}
.region-availability__rail{
  height:.9rem;
  margin-top:var(--space-2);
  border-radius:var(--radius-pill);
  background:#E8EDF5;
  color:#252F40;
}
.region-availability__placeholder p{margin:var(--space-2) 0 0;color:#514B54;font-size:var(--text-sm)}

.region-orders{background:#FCFBF7;color:#26232A}
.region-orders__list{border-top:1px solid var(--line)}
.region-orders__row{
  display:grid;
  grid-template-columns:minmax(10rem,1fr) minmax(0,1.3fr) auto;
  align-items:center;
  gap:var(--space-3);
  min-width:0;
  padding:var(--space-3) 0;
  border-bottom:1px solid var(--line);
}
.region-orders__row>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);min-width:0}
.region-orders__row>div strong{font-size:var(--text-lg)}
.region-orders__row>div span{color:#5C5660;font-size:var(--text-xs)}
.region-orders__row p{min-width:0;margin:0;color:#5C5660;font-size:var(--text-sm);overflow-wrap:break-word}
.region-orders__row code{overflow-wrap:anywhere}
.region-orders__row .c-btn{justify-self:end}

.region-access{background:#E8EDF5;color:#252F40}
.region-access .section-head p{color:#455066}
.region-access__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
  align-items:stretch;
}
.region-access__card{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  padding:var(--space-4);
  border-radius:var(--radius-md);
  background:#FFFDFC;
  color:#26232A;
}
.region-access__card svg{display:block;flex:none;margin-bottom:var(--space-2);color:#62319B}
.region-access__card h3{margin:0 0 var(--space-1);font-size:var(--text-card)}
.region-access__card p{margin:0 0 var(--space-3);color:#514B54}
.region-access__card a:not(.c-btn){width:fit-content;margin-top:auto;color:#62319B}
.region-access__card code{overflow-wrap:anywhere}

.region-closing-wrap{padding:var(--space-5) 0;background:#FCFBF7;color:#26232A}
.region-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(12rem,auto);
  gap:var(--space-4);
  align-items:center;
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#26232A;
  color:#F5EFF5;
}
.region-closing .c-kicker{color:#E9B8F3}
.region-closing h2{margin:var(--space-2) 0 var(--space-2);color:#F5EFF5}
.region-closing p{max-width:39rem;margin:0;color:#E0D8E2}
.region-closing__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}
.region-closing__actions .c-btn-ghost{color:#F5EFF5;border-color:color-mix(in srgb,currentColor 45%,transparent)}

@media(max-width:64rem){
  .region-hero{gap:var(--space-4)}
  .region-selection__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}
  .region-availability__layout{gap:var(--space-4)}
}
@media(max-width:48rem){
  .region-hero,.region-availability__layout,.region-closing{grid-template-columns:minmax(0,1fr)}
  .region-hero{padding-block:var(--space-5)}
  .region-hero__stage{width:min(calc(100% - var(--gutter)*2),100%);margin-inline:auto;height:auto;overflow:visible;transform:none}
  .region-receipt{height:auto}
  .region-orders__row{grid-template-columns:minmax(0,1fr) auto}
  .region-orders__row p{grid-column:1/-1;grid-row:2}
  .region-orders__row .c-btn{grid-column:2;grid-row:1}
  .region-closing__actions{align-items:flex-start}
}
@media(max-width:42rem){
  .region-hero h1{max-width:none}
  .region-receipt__top,.region-receipt>p,.region-receipt__foot{padding-inline:var(--space-3)}
  .region-receipt__lines{padding-inline:var(--space-3)}
  .region-receipt__lines>div{grid-template-columns:2.8rem minmax(0,1fr)}
  .region-receipt__lines span:last-child{grid-column:2}
  .region-access__grid{grid-template-columns:minmax(0,1fr)}
  .region-orders__row{grid-template-columns:minmax(0,1fr)}
  .region-orders__row p,.region-orders__row .c-btn{grid-column:1;grid-row:auto;justify-self:start}
  .region-orders__row .c-btn{width:100%}
  .region-closing{padding:var(--space-3)}
  .region-closing__actions{align-items:stretch}
  .region-availability__meter{padding:var(--space-3)}
}
@media(prefers-reduced-motion:reduce){
  .region-orders__row .c-btn{transition:none}
}