.support-page{
font-variant-numeric:tabular-nums;
}
.support-page [hidden]{
display:none!important;
}
.support-page .support-hero{
display:block;
padding-block:var(--hero-top) var(--space-7);
background:#1E5BD8;
background-image:linear-gradient(125deg,#1E5BD8,#174AB4);
color:#FFFFFF;
--muted:#E6EEFB;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.support-page .support-hero h1{
max-width:100%;
margin-inline:auto;
color:#FFFFFF;
font-size:clamp(2rem,3.4vw,3.2rem);
line-height:1.2;
}
.support-page .support-hero .c-kicker{
margin-inline:auto;
margin-bottom:var(--space-3);
background:#EEEAF8;
color:#3D2F6B;
}
.support-page .support-hero-lead{
max-width:var(--container-narrow);
margin-inline:auto;
margin-top:var(--space-3);
color:#FFFFFF;
font-size:var(--text-md);
}
.support-page .support-hero-actions{
justify-content:center;
margin-top:var(--space-3);
}
.support-page .support-hero-actions .c-btn--ghost{
background:#FFFFFF;
color:#1A2130;
border-color:#E3E7EE;
}
.support-page .support-hero-actions .c-btn--ghost:hover{
background:#F6F8FA;
color:#1A2130;
}
.support-page .support-hero-note{
max-width:var(--container-narrow);
margin-inline:auto;
margin-top:var(--space-3);
color:#E6EEFB;
font-size:var(--text-sm);
}
.support-heading{
max-width:var(--container-narrow);
margin-bottom:var(--space-4);
min-width:0;
}
.support-heading h2{
font-size:clamp(1.75rem,3vw,2.5rem);
line-height:var(--leading-heading);
}
.support-heading>p{
margin-top:var(--space-3);
}
.support-page h3{
font-size:var(--text-card);
line-height:var(--leading-card);
}
.support-credentials{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:stretch;
}
.support-credentials>*{
min-width:0;
}
.support-rows{
display:grid;
gap:var(--space-3);
list-style:none;
margin:0;
padding:0;
}
.support-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
}
.support-row>*{
min-width:0;
overflow-wrap:break-word;
}
.support-row>strong{
font-size:var(--text-base);
line-height:var(--leading-body);
}
.support-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--radius-pill);
background:#EEEAF8;
color:#3D2F6B;
font-family:var(--fm);
font-size:var(--text-sm);
line-height:1;
}
.support-credentials .support-row{
grid-template-columns:2.5rem minmax(0,1fr);
gap:var(--space-1) var(--space-2);
}
.support-credentials .support-row>:nth-child(3){
grid-column:2;
}
.support-detail{
display:flex;
flex-direction:column;
height:auto;
min-width:0;
border-radius:var(--radius-window);
overflow:hidden;
background:#FFFFFF;
color:#1A2130;
box-shadow:var(--shadow);
--muted:#5E6A7E;
--line:#E3E7EE;
}
.support-detail-bar{
padding:var(--space-2) var(--space-3);
background:#F1F3F7;
color:#4E5A6F;
font-size:var(--text-sm);
}
.support-detail-content{
display:flex;
flex-direction:column;
gap:var(--space-3);
padding:var(--space-4);
}
.support-detail-list{
display:grid;
gap:var(--space-3);
}
.support-detail-list>div{
display:grid;
grid-template-columns:minmax(7.5rem,.85fr) minmax(0,1fr);
gap:var(--space-1) var(--space-2);
min-width:0;
}
.support-detail-list dt,
.support-detail-list dd{
min-width:0;
overflow-wrap:break-word;
}
.support-detail-list dt{
color:#5E6A7E;
font-size:var(--text-sm);
}
.support-detail-list dd{
color:#1A2130;
font-size:var(--text-sm);
}
.support-detail figcaption{
color:#5E6A7E;
}
.support-paper{
background:#FFFFFF;
color:#1A2130;
--muted:#5E6A7E;
--line:#E3E7EE;
}
.support-ssh-copy{
display:grid;
gap:var(--space-3);
min-width:0;
}
.support-terminal-heading{
display:grid;
gap:var(--space-1);
margin-top:var(--space-5);
margin-bottom:var(--space-3);
}
.support-terminal{
height:auto;
background:#F6F8FA;
color:#1A2130;
--muted:#5E6A7E;
--line:#E3E7EE;
}
.support-terminal pre{
position:relative;
background:#F6F8FA;
color:#1A2130;
}
.support-page .c-code pre{
position:relative;
}
.support-terminal-caption{
padding:var(--space-3);
background:#F1F3F7;
color:#4E5A6F;
}
.support-after-note{
margin-top:var(--space-3);
color:#5E6A7E;
}
.support-lavender{
background:#EEEAF8;
color:#3D2F6B;
--muted:#3D2F6B;
--line:#E3E7EE;
}
.support-page .support-ip{
padding:var(--space-4);
background:#EEEAF8;
color:#3D2F6B;
--muted:#3D2F6B;
--line:#E3E7EE;
}
.support-ip .support-heading{
max-width:var(--container-narrow);
}
.support-ip-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:start;
}
.support-ip-grid>div{
display:grid;
gap:var(--space-1);
min-width:0;
}
.support-ip-note{
margin-top:var(--space-3);
}
.support-rescue{
display:grid;
gap:var(--space-1);
padding:var(--space-4);
}
.support-rescue h2{
color:#3D2F6B;
font-size:var(--text-card);
line-height:var(--leading-card);
}
.support-mint{
background:#E6F4EE;
color:#1F4A3A;
--muted:#1F4A3A;
--line:#E3E7EE;
}
.support-help-rows{
gap:0;
margin-bottom:var(--space-6);
}
.support-help-rows .support-row{
padding-block:var(--space-3);
border-bottom:1px solid #E3E7EE;
}
.support-help-rows .support-row:first-child{
border-top:1px solid #E3E7EE;
}
.support-page .support-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(15rem,.55fr);
align-items:center;
gap:var(--space-5);
padding:var(--space-6) var(--space-5);
border-radius:var(--r-block);
background:#1A2130;
color:#F2F5FA;
text-align:left;
--muted:#B8C3D7;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.support-closing-copy{
display:grid;
gap:var(--space-1);
min-width:0;
}
.support-page .support-closing h2{
color:#F2F5FA;
font-size:clamp(1.5rem,2.6vw,2rem);
line-height:var(--leading-heading);
}
.support-page .support-closing p{
color:#B8C3D7;
}
.support-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-2);
min-width:0;
}
.support-page .support-closing .c-btn--ghost{
background:#1A2130;
color:#F2F5FA;
border-color:color-mix(in srgb,#F2F5FA 45%,transparent);
}
.support-page .support-closing .c-btn--ghost:hover{
background:#26324A;
color:#F2F5FA;
}
.support-page .support-help-section{
padding-bottom:var(--space-8);
}
@media(max-width:64rem){
.support-credentials{
grid-template-columns:minmax(0,1fr);
}
.support-detail-list>div{
grid-template-columns:minmax(8rem,.45fr) minmax(0,1fr);
}
.support-page .support-closing{
grid-template-columns:minmax(0,1fr);
}
.support-closing-actions{
align-items:flex-start;
}
}
@media(max-width:42rem){
.support-page .support-hero{
padding-block:var(--hero-top) var(--space-7);
}
.support-page .support-hero h1{
font-size:2rem;
}
.support-page .support-hero h1 br{
display:none;
}
.support-page .support-hero-actions{
flex-direction:column;
align-items:stretch;
}
.support-row{
grid-template-columns:2.25rem minmax(0,1fr);
gap:var(--space-3);
}
.support-row>:nth-child(3){
grid-column:2;
}
.support-number{
width:2.25rem;
height:2.25rem;
}
.support-detail-content{
padding:var(--space-3);
}
.support-detail-list>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-1);
}
.support-ip-grid{
grid-template-columns:minmax(0,1fr);
gap:var(--space-3);
}
.support-page .support-ip,
.support-rescue{
padding:var(--space-3);
}
.support-page .support-closing{
padding:var(--space-4) var(--space-3);
gap:var(--space-3);
}
.support-closing-actions{
align-items:stretch;
}
}