.regions-page main{
overflow-x:clip
}

.regions-page main [hidden]{
display:none!important
}

.regions-page .regions-hero[data-hero-form="data-band"]{
display:block;
padding-block:var(--hero-top) var(--space-6);
background:#F3EEE6;
color:#3A3835
}

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

.regions-page .regions-hero h1{
max-width:none;
color:#2B2A28;
font-size:var(--fs-display);
line-height:var(--lh-tight)
}

.regions-page .regions-hero .lead{
max-width:47.5rem;
margin-inline:0;
color:#6B665E
}

.regions-page .regions-hero .c-kicker{
margin-bottom:var(--kicker-gap);
background:#FFFFFF;
color:#2B2A28;
border-color:var(--hair)
}

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

.regions-hero-note{
max-width:47.5rem;
font-size:var(--fs-sm);
line-height:var(--lh-body);
color:#6B665E;
font-variant-numeric:tabular-nums
}

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

.regions-gates>a{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:var(--space-1) var(--space-2);
min-width:0;
padding:var(--space-3);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#2B2A28;
font-size:var(--fs-sm);
line-height:var(--lh-body);
transition:box-shadow var(--duration)
}

.regions-gates>a:hover{
box-shadow:inset 0 0 0 1px var(--input-line)
}

.regions-gate-code{
grid-column:1;
font-family:var(--f-mono);
font-size:var(--fs-card);
line-height:var(--lh-card);
font-variant-numeric:tabular-nums
}

.regions-gates>a>span:nth-child(2){
grid-column:1;
min-width:0;
overflow-wrap:break-word
}

.regions-gates svg{
grid-column:2;
grid-row:1/3;
width:var(--icon-size);
height:var(--icon-size)
}

.regions-intro{
max-width:47.5rem;
margin-top:var(--space-2);
font-size:var(--fs-base);
line-height:var(--lh-body);
overflow-wrap:break-word
}

.regions-card-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:stretch
}

.regions-location{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#3A3835;
scroll-margin-top:calc(var(--header-height) + var(--space-3))
}

.regions-location:target{
outline:2px solid var(--primary);
outline-offset:4px
}

.regions-location-top{
display:flex;
flex-wrap:wrap;
align-items:baseline;
justify-content:space-between;
gap:var(--space-1) var(--space-2);
padding-bottom:var(--space-2);
border-bottom:1px solid var(--hair);
color:#6B665E;
font-size:var(--fs-sm);
line-height:var(--lh-body)
}

.regions-location-top .mono{
font-size:var(--fs-md);
color:#2B2A28
}

.regions-location h3,
.regions-policy-card h3,
.regions-handoff h3{
color:#2B2A28;
font-size:var(--fs-card);
line-height:var(--lh-card)
}

.regions-location>p{
color:#6B665E;
font-size:var(--fs-base);
line-height:var(--lh-body);
overflow-wrap:break-word
}

.regions-models{
display:grid;
gap:var(--space-2);
min-width:0
}

.regions-models>div{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
gap:var(--space-1) var(--space-2);
min-width:0;
padding-top:var(--space-2);
border-top:1px solid var(--hair)
}

.regions-models dt,
.regions-models dd{
min-width:0;
margin:0;
font-size:var(--fs-sm);
line-height:var(--lh-body);
overflow-wrap:break-word
}

.regions-models dt{
color:#2B2A28
}

.regions-models dd{
color:#6B665E;
font-variant-numeric:tabular-nums
}

.regions-location-foot{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
margin-top:auto
}

.regions-pill{
display:inline-flex;
align-items:center;
gap:.4em;
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--radius-pill);
background:#EFE6D6;
color:#3D3527;
font-size:var(--fs-sm);
line-height:1
}

.regions-network{
background:#D6EAF6;
color:#1E3A4F
}

.regions-network h2{
color:#1E3A4F
}

.regions-network .regions-intro,
.regions-network .regions-table-note{
color:#1E3A4F
}

.regions-network .c-kicker{
background:#FFFFFF;
color:#2B2A28;
border-color:var(--hair)
}

.regions-page .table-scroll{
position:relative;
max-width:100%;
overflow-x:auto
}

.regions-page .c-table{
display:table;
width:100%
}

.regions-page .c-table th,
.regions-page .c-table td{
text-align:left;
overflow-wrap:break-word
}

.regions-table-note{
margin-top:var(--space-2);
max-width:60rem;
color:#6B665E;
font-size:var(--fs-sm);
line-height:var(--lh-body)
}

.regions-network-note{
display:grid;
grid-template-columns:auto minmax(0,1fr);
align-items:start;
gap:var(--space-2);
margin-top:var(--space-3);
padding:var(--space-3);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#3A3835
}

.regions-network-note svg{
width:var(--icon-size);
height:var(--icon-size);
margin-top:.2rem
}

.regions-network-note p{
min-width:0;
color:#3A3835;
font-size:var(--fs-base);
line-height:var(--lh-body)
}

.regions-advice{
background:#EFE6D6;
color:#3D3527
}

.regions-advice h2,
.regions-advice h3,
.regions-advice .regions-intro{
color:#3D3527
}

.regions-advice .c-kicker{
background:#FFFFFF;
color:#2B2A28;
border-color:var(--hair)
}

.regions-decision-list{
display:grid;
list-style:none;
margin:0;
padding:0
}

.regions-decision-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-top:1px solid var(--hair)
}

.regions-decision-row>*{
min-width:0;
overflow-wrap:break-word
}

.regions-step{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--radius-pill);
background:#FFFFFF;
color:#3D3527;
font-size:var(--fs-sm);
line-height:1
}

.regions-decision-row h3{
font-size:var(--fs-md);
line-height:var(--lh-card)
}

.regions-decision-row p{
color:#3D3527;
font-size:var(--fs-base);
line-height:var(--lh-body)
}

.regions-policy-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
gap:var(--space-3);
align-items:stretch
}

.regions-policy-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-3);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#3A3835
}

.regions-policy-card p{
color:#6B665E;
font-size:var(--fs-base);
line-height:var(--lh-body);
overflow-wrap:break-word
}

.regions-policy-card .regions-policy-foot{
margin-top:auto;
padding-top:var(--space-2);
border-top:1px solid var(--hair);
font-size:var(--fs-sm)
}

.regions-handoff{
margin-top:var(--space-3);
padding:var(--space-3);
border-radius:var(--radius-md);
background:#D3F0E2;
color:#1F4A36
}

.regions-handoff h3{
color:#1F4A36
}

.regions-handoff p{
margin-top:var(--space-1);
color:#1F4A36;
font-size:var(--fs-base);
line-height:var(--lh-body)
}

.regions-handoff a:not(.c-btn){
color:#1F4A36;
text-decoration:underline;
text-underline-offset:.2em;
overflow-wrap:anywhere
}

.regions-close{
padding-bottom:var(--space-close)
}

.regions-close .c-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(12rem,.38fr);
align-items:center;
gap:var(--space-4);
padding:var(--space-4);
border-radius:var(--radius-lg);
background:#2B2A28;
color:#F3EEE6
}

.regions-close .c-closing-copy{
min-width:0;
text-align:left
}

.regions-close .c-closing-copy h2{
color:#F3EEE6;
font-size:var(--fs-section);
line-height:var(--lh-heading)
}

.regions-close .c-closing-copy p{
margin-top:var(--space-1);
max-width:47.5rem;
color:#F3EEE6;
font-size:var(--fs-base);
line-height:var(--lh-body)
}

.regions-close .regions-close-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-2);
min-width:0;
margin-top:0
}

.regions-close .c-btn--ghost{
background:#2B2A28;
color:#F3EEE6;
border-color:color-mix(in srgb,currentColor 45%,transparent)
}

.regions-close .c-btn--ghost:hover{
background:#3A3835;
color:#F3EEE6
}

@media(max-width:64rem){
.regions-gates{
grid-template-columns:repeat(2,minmax(0,1fr))
}

.regions-close .c-closing{
grid-template-columns:minmax(0,1fr) minmax(12rem,.55fr)
}
}

@media(max-width:42rem){
.regions-page .regions-hero h1{
font-size:var(--fs-display)
}

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

.regions-location{
padding:var(--space-3)
}

.regions-models>div{
grid-template-columns:minmax(0,1fr)
}

.regions-decision-row{
grid-template-columns:2.25rem minmax(0,1fr);
gap:var(--space-3);
padding-inline:0
}

.regions-decision-row>:nth-child(3){
grid-column:2
}

.regions-step{
width:2.25rem;
height:2.25rem
}

.regions-close .c-closing{
grid-template-columns:minmax(0,1fr);
padding:var(--space-3)
}

.regions-close .regions-close-actions{
margin-top:0
}
}

@media(prefers-reduced-motion:reduce){
.regions-gates>a{
transition:none
}
}
