.support-page{
overflow-x:clip;
}
.support-page [hidden]{
display:none!important;
}
.support-page .support-hero{
display:block;
background:#E4EFFB;
color:#1E3550;
--surface-bg:#E4EFFB;
--surface-heading:#1E3550;
--surface-body:#1E3550;
--surface-muted:#1E3550;
--surface-line:#C9D9EC;
}
.support-page .support-hero h1{
max-width:100%;
font-size:var(--text-section);
line-height:var(--lh-title);
color:#1E3550;
}
.support-page .support-hero p{
color:#1E3550;
}
.support-lead{
max-width:52rem;
margin-top:var(--space-3);
}
.support-hero-note{
max-width:52rem;
margin-top:var(--space-3);
font-size:var(--text-sm);
}
.support-page .support-gray{
background:#F5F4F1;
color:#4A4640;
--surface-bg:#F5F4F1;
--surface-heading:#1C1B19;
--surface-body:#4A4640;
--surface-muted:#625D55;
--surface-line:#E6E1D8;
}
.support-page .support-sage{
background:#E6F2EA;
color:#1F4030;
--surface-bg:#E6F2EA;
--surface-heading:#1F4030;
--surface-body:#1F4030;
--surface-muted:#1F4030;
--surface-line:#C7DCD0;
}
.support-sage .c-section-head h2,
.support-sage .c-section-head p,
.support-sage .support-amd-block h3,
.support-sage .support-amd-block p{
color:#1F4030;
}
.support-page .support-timeline{
list-style:none;
margin:0;
padding:0;
}
.support-timeline>.support-step{
position:relative;
display:grid;
grid-template-columns:2.5rem minmax(0,1fr);
align-items:start;
gap:var(--space-3);
padding:0 0 var(--space-4);
min-width:0;
}
.support-timeline>.support-step::before{
content:"";
position:absolute;
top:2.5rem;
bottom:0;
left:calc(1.25rem - .5px);
width:1px;
background:#E6E1D8;
color:#1C1B19;
pointer-events:none;
}
.support-timeline>.support-step:last-child{
padding-bottom:0;
}
.support-timeline>.support-step:last-child::before{
display:none;
}
.support-timeline>.support-step>div{
min-width:0;
}
.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:#E4EFFB;
color:#1E3550;
font:700 var(--text-sm)/1 var(--fm);
font-variant-numeric:tabular-nums;
}
.support-step h3{
margin:0 0 var(--space-1);
}
.support-credentials{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-5);
margin-top:var(--space-6);
padding:var(--space-4);
border-radius:var(--r-m);
background:#FFF1D6;
color:#5A3A00;
--surface-heading:#5A3A00;
--surface-body:#5A3A00;
--surface-muted:#5A3A00;
--surface-line:#E4D3AF;
}
.support-credentials>*{
min-width:0;
}
.support-credentials h3{
color:#5A3A00;
margin-bottom:var(--space-1);
}
.support-credential-list{
display:grid;
align-content:start;
gap:var(--space-2);
margin:0;
}
.support-credential-list>div{
display:grid;
grid-template-columns:minmax(5rem,.35fr) minmax(0,1fr);
gap:var(--space-2);
min-width:0;
}
.support-credential-list dt,
.support-credential-list dd{
min-width:0;
color:#5A3A00;
overflow-wrap:break-word;
}
.support-credential-list dt{
font-weight:700;
}
.support-command-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:start;
gap:var(--space-5);
}
.support-command-grid>*{
min-width:0;
}
.support-command-copy h3{
margin-bottom:var(--space-1);
}
.support-command-copy p+p{
margin-top:var(--space-2);
}
.support-command-follow{
margin-top:var(--space-6);
}
.support-command-block{
display:flex;
flex-direction:column;
gap:var(--space-2);
min-width:0;
}
.support-code-label{
font-size:var(--text-sm);
font-weight:700;
color:#1C1B19;
}
.support-command-block pre{
position:relative;
}
.support-code-note{
font-size:var(--text-sm);
color:#4A4640;
}
.support-check-cards{
margin-top:var(--space-5);
}
.support-diagnostics{
display:grid;
}
.support-diagnostic{
display:grid;
grid-template-columns:minmax(10rem,.65fr) minmax(0,1.65fr) auto;
gap:var(--space-3);
align-items:start;
padding-block:var(--space-3);
border-top:1px solid var(--line);
}
.support-diagnostic:last-child{
border-bottom:1px solid var(--line);
}
.support-diagnostic>*{
min-width:0;
}
.support-help-note{
margin-top:var(--space-5);
padding:var(--space-4);
border-radius:var(--r-m);
background:#ECE8F7;
color:#34295C;
--surface-heading:#34295C;
--surface-body:#34295C;
--surface-muted:#34295C;
--surface-line:#DDD7EC;
}
.support-help-note h3{
margin-bottom:var(--space-1);
color:#34295C;
}
.support-help-note p+p{
margin-top:var(--space-2);
}
.support-amd-block{
margin-top:var(--space-4);
padding-top:var(--space-4);
border-top:1px solid var(--sage-line);
}
.support-amd-block h3{
margin-bottom:var(--space-1);
}
.support-page .support-final{
padding-bottom:var(--space-close);
}
@media(max-width:64rem){
.support-command-grid,
.support-credentials{
grid-template-columns:minmax(0,1fr);
}
.support-diagnostic{
grid-template-columns:minmax(8rem,.6fr) minmax(0,1fr);
}
.support-diagnostic>.c-badge{
grid-column:2;
}
}
@media(max-width:42rem){
.support-page .support-hero h1{
font-size:var(--text-section);
line-height:1.25;
}
.support-credentials,
.support-help-note{
padding:var(--space-3);
}
.support-command-grid,
.support-credentials{
gap:var(--space-3);
}
.support-timeline>.support-step{
grid-template-columns:2.5rem minmax(0,1fr);
gap:var(--space-2);
}
.support-credential-list>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-1);
}
.support-diagnostic{
grid-template-columns:minmax(0,1fr);
gap:var(--space-2);
}
.support-diagnostic>.c-badge{
grid-column:1;
}
.support-hero .c-actions>.c-btn{
width:100%;
}
}