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

.support-page .support-hero{
background:#FCFBF9;
color:#262126;
--muted:#625D66;
--line:#ECE7E2;
}

.support-hero-layout{
display:block;
min-width:0;
}

.support-page .support-hero h1{
max-width:22ch;
color:#262126;
font-size:var(--text-display);
line-height:var(--lh-heading);
overflow-wrap:break-word;
}

.support-page .support-hero .c-kicker{
margin-bottom:var(--space-3);
background:#F2EFE7;
color:#2B2820;
--muted:#6A6455;
--line:#ECE7E2;
}

.support-hero-lead{
margin-top:var(--space-3);
color:#625D66;
}

.support-hero-note{
max-width:48rem;
margin-top:var(--space-3);
color:#625D66;
font-size:var(--text-sm);
}

.support-page .c-head{
max-width:none;
}

.support-page .c-section-lead{
max-width:52rem;
margin-top:var(--space-3);
}

.support-timeline{
margin-top:var(--space-4);
max-width:52rem;
}

.support-timeline>li:last-child{
padding-bottom:0;
}

.support-timeline>li>div{
min-width:0;
}

.support-footnote{
max-width:52rem;
margin-top:var(--space-3);
font-size:var(--text-sm);
}

.support-instructions{
display:grid;
margin-top:var(--space-4);
}

.support-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding-block:var(--space-3);
border-top:1px solid color-mix(in srgb,#262126 18%,transparent);
}

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

.support-row h3{
font-size:var(--text-lg);
line-height:var(--lh-tight);
}

.support-row-number{
font-family:var(--f-mono);
font-size:var(--text-sm);
font-variant-numeric:tabular-nums;
line-height:var(--lh-body);
}

.support-card-grid{
margin-top:var(--space-4);
align-items:stretch;
}

.support-card-grid .c-card{
align-items:stretch;
}

.support-card-grid .c-card-foot{
margin-top:auto;
}

.support-address-card{
display:grid;
grid-template-columns:var(--icon) minmax(0,1fr);
gap:var(--space-2);
padding:var(--space-3);
margin-top:var(--space-4);
border-radius:var(--r-lg);
background:#FFFFFF;
color:#262126;
--muted:#625D66;
--line:#ECE7E2;
}

.support-address-card>svg{
width:var(--icon);
height:var(--icon);
}

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

.support-address-card h3{
font-size:var(--text-lg);
}

.support-ticket-notes{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
margin-top:var(--space-4);
}

.support-ticket-notes>div{
display:flex;
flex-direction:column;
gap:var(--space-1);
min-width:0;
}

.support-closing{
display:grid;
grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
gap:var(--space-4);
align-items:center;
padding:var(--space-4);
margin-top:var(--space-5);
border-radius:var(--r-lg);
background:#1A1418;
color:#F4EEF2;
--muted:#B8AEB5;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}

.support-closing-copy{
display:flex;
flex-direction:column;
gap:var(--space-1);
min-width:0;
}

.support-closing-copy h3{
color:#F4EEF2;
font-size:var(--text-lg);
}

.support-closing-copy p{
color:#B8AEB5;
}

.support-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-2);
min-width:0;
}

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

.support-closing-actions .c-btn--ghost{
background:#1A1418;
color:#F4EEF2;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}

.support-closing-actions .c-btn--ghost:hover{
background:#352C33;
color:#F4EEF2;
}

@media(max-width:42rem){
.support-page .support-hero h1{
max-width:none;
}

.support-row{
grid-template-columns:2.25rem minmax(0,1fr);
}

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

.support-ticket-notes,
.support-closing{
grid-template-columns:minmax(0,1fr);
}

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

.support-hero .c-actions{
align-items:stretch;
flex-direction:column;
}

.support-hero .c-actions>.c-btn{
width:100%;
}
}