.support-page{
font-variant-numeric:tabular-nums;
}
.support-page [hidden]{
display:none!important;
}
.support-hero{
padding-block:var(--hero-top) var(--space-6);
}
.support-hero h1{
font-size:clamp(2rem,4vw,3.2rem);
line-height:var(--lh-heading);
}
.support-lead{
max-width:48rem;
margin-top:var(--space-3);
color:#9A938B;
}
.support-hero-note{
max-width:48rem;
margin-top:var(--space-3);
color:#9A938B;
font-size:var(--text-sm);
}
.support-hero-note a{
color:#F3EFEA;
text-decoration:underline;
}
.support-heading{
max-width:56rem;
margin-bottom:var(--space-4);
min-width:0;
}
.support-heading>p{
margin-top:var(--space-2);
color:#9A938B;
}
.support-heading h2{
line-height:var(--lh-heading);
}
.support-page .support-card{
min-width:0;
overflow-wrap:break-word;
}
.support-page .support-card h3{
font-size:var(--text-lg);
line-height:var(--lh-heading);
}
.support-card-heading{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-2);
min-width:0;
}
.support-mark{
font-size:var(--text-sm);
font-weight:var(--weight-bold);
}
.support-page .support-card pre{
position:relative;
width:100%;
min-width:0;
margin:0;
}
.support-card-foot{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
}
.support-simple-list{
display:grid;
gap:var(--space-2);
list-style:decimal;
padding-inline-start:var(--space-3);
min-width:0;
}
.support-simple-list li{
padding-inline-start:var(--space-1);
overflow-wrap:break-word;
}
.support-migration{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:stretch;
gap:var(--space-3);
}
.support-migration>*{
min-width:0;
}
.support-note{
margin-top:var(--space-3);
}
.support-page .support-delivery{
display:grid;
gap:var(--space-3);
margin:0;
padding:0;
list-style:none;
}
.support-delivery>.support-delivery-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(--r-card);
background:var(--ink-2);
color:#F3EFEA;
}
.support-delivery-row>*{
min-width:0;
}
.support-delivery>.support-delivery-row::before,
.support-delivery>.support-delivery-row::after{
content:none;
}
.support-step-number{
position:relative;
z-index:1;
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--r-pill);
background:var(--fog);
color:#1A2230;
font-size:var(--text-sm);
line-height:1;
}
.support-step-title{
display:grid;
gap:var(--space-1);
align-content:start;
}
.support-step-title h3{
font-size:var(--text-lg);
}
.support-step-title>span{
font-size:var(--text-sm);
color:#9A938B;
}
.support-delivery-row>p{
color:#9A938B;
}
.support-return{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:start;
gap:var(--space-5);
}
.support-return>*{
min-width:0;
}
.support-return-copy>p{
margin-top:var(--space-3);
color:#9A938B;
}
.support-diagnostics{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
gap:var(--space-3);
}
.support-diagnostics>*{
min-width:0;
}
.support-page .support-reading{
display:grid;
grid-template-columns:minmax(0,2fr) minmax(0,1fr);
align-items:stretch;
gap:var(--space-3);
}
.support-reading>*{
min-width:0;
}
.support-page .support-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(15rem,.45fr);
align-items:center;
gap:var(--space-5);
height:auto;
padding:var(--space-5);
}
.support-closing>*{
min-width:0;
}
.support-closing-copy>p{
margin-top:var(--space-3);
color:#9A938B;
}
.support-closing-copy a:not(.c-btn){
color:#F3EFEA;
text-decoration:underline;
}
.support-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-2);
}
.support-closing-actions .c-btn--ghost{
color:#F3EFEA;
border-color:color-mix(in srgb,#F3EFEA 45%,transparent);
}
.support-page>.support-end{
padding-bottom:var(--space-close);
}
@media(max-width:64rem){
.support-migration{
grid-template-columns:minmax(0,1fr);
}
.support-page .support-reading{
grid-template-columns:minmax(0,1fr);
}
.support-page .support-closing{
grid-template-columns:minmax(0,1fr);
align-items:start;
}
.support-closing-actions{
align-items:flex-start;
}
}
@media(max-width:42rem){
.support-return,
.support-diagnostics{
grid-template-columns:minmax(0,1fr);
}
.support-delivery>.support-delivery-row{
grid-template-columns:2.25rem minmax(0,1fr);
gap:var(--space-3);
}
.support-delivery>.support-delivery-row>:nth-child(3){
grid-column:2;
}
.support-step-number{
width:2.25rem;
height:2.25rem;
}
.support-page .support-closing{
padding:var(--space-3);
}
.support-closing-actions{
align-items:stretch;
}
.support-card-heading{
gap:var(--space-2);
}
}