.support-page{
font-size:max(1rem,var(--text-base));
}
.support-page [hidden]{
display:none!important;
}
.support-page :is(p,li,dt,dd){
font-size:max(1rem,var(--text-base));
line-height:1.7;
}
.support-page :is(section,article,nav,form,div){
min-width:0;
}
.support-page :is(p,li,h1,h2,h3){
overflow-wrap:break-word;
}
.support-page section[id]{
scroll-margin-top:var(--sticky-offset);
}
.support-hero[data-hero-form="data-band"]{
display:block;
padding-block:var(--hero-pad) var(--space-7);
background:#FFFFFF;
color:#0C0C10;
}
.support-intro{
display:grid;
grid-template-columns:minmax(0,.42fr) minmax(0,1fr);
gap:var(--hero-gap);
align-items:start;
}
.support-index{
display:flex;
flex-direction:column;
gap:var(--space-4);
padding:var(--space-4);
border-radius:var(--radius-sm);
background:#F4F4F1;
color:#0C0C10;
}
.support-index>strong{
font-family:var(--font-heading);
font-size:var(--text-lead);
}
.support-index ol{
display:grid;
gap:var(--space-2);
margin:0;
padding:0;
list-style:none;
}
.support-index li a{
display:block;
padding-block:var(--space-2);
border-bottom:1px solid var(--line);
font-size:var(--text-sm);
}
.support-index li a:hover{
color:var(--primary);
}
.support-index>.c-btn{
align-self:flex-start;
}
.support-intro-copy h1{
font-size:var(--text-section);
line-height:var(--leading-title);
}
.support-intro-copy>.support-lead{
margin-top:var(--space-3);
font-size:var(--text-lead);
color:#3C3C42;
}
.support-intro-copy>.support-follow{
margin-top:var(--space-4);
color:#55555A;
font-size:var(--text-sm);
}
.support-search{
display:grid;
align-content:start;
gap:var(--field-gap);
margin-top:var(--space-4);
}
.support-search>label{
font-size:var(--text-sm);
font-weight:var(--weight-bold);
}
.support-search-controls{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:var(--space-2);
align-items:stretch;
}
.support-search-controls>.c-btn{
min-height:var(--control-height);
}
.support-page .support-hint{
font-size:var(--text-sm);
color:#55555A;
}
.support-hint kbd{
display:inline-block;
min-width:1.25rem;
padding-inline:var(--space-1);
border:1px solid var(--control-line);
border-radius:var(--radius-sm);
text-align:center;
}
.support-page .support-search-status{
font-size:var(--text-sm);
color:#55555A;
}
.support-search-results{
display:grid;
gap:var(--space-2);
list-style:none;
margin:0;
padding:var(--space-4);
border-radius:var(--radius-sm);
background:#F4F4F1;
color:#0C0C10;
}
.support-search-results a{
display:block;
padding-block:var(--space-2);
text-decoration:underline;
text-underline-offset:.2em;
}
.support-timing{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
margin-top:var(--space-7);
margin-bottom:var(--space-4);
}
.support-timing>div{
display:grid;
align-content:start;
gap:var(--space-2);
padding:var(--space-4);
border-radius:var(--radius-sm);
background:#F4F4F1;
color:#0C0C10;
}
.support-timing .mono{
font-size:var(--text-sm);
font-weight:var(--weight-bold);
}
.support-timing p{
color:#55555A;
}
.support-soft{
background:#F4F4F1;
color:#0C0C10;
}
.support-section-head{
margin-bottom:var(--space-4);
}
.support-section-head h2{
font-size:var(--text-reading);
line-height:1.3;
}
.support-section-head>p:not(.c-kicker){
margin-top:var(--space-2);
max-width:var(--width-reading);
color:#55555A;
}
.support-tabs{
margin-bottom:var(--space-3);
}
.support-platform>.support-hint{
margin-top:var(--space-2);
}
.support-platform>.support-command{
margin-top:0;
}
.support-command{
position:relative;
max-width:100%;
margin-block:var(--space-3);
padding:var(--space-4);
border-radius:var(--radius-sm);
background:#0C0C10;
color:#E9E9E4;
--muted:#A4A4AA;
}
.support-command-head{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:var(--space-2);
margin-bottom:var(--space-3);
color:#C5C5C8;
font-family:var(--font-mono);
font-size:var(--text-sm);
}
.support-command-head>span{
min-width:0;
}
.support-command pre{
position:relative;
max-width:100%;
overflow-x:auto;
color:#E9E9E4;
}
.support-command code{
color:#E9E9E4;
}
.support-copy{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-2);
flex:none;
min-height:2rem;
padding:var(--space-1) var(--space-3);
border:1px solid #85858A;
border-radius:var(--radius-pill);
background:#0C0C10;
color:#FFFFFF;
font-size:var(--text-sm);
line-height:var(--leading-control);
}
.support-copy:hover{
background:#4A4A50;
color:#FFFFFF;
}
.support-copy-status{
margin-top:var(--space-2);
}
.support-command .support-copy-status{
font-size:var(--text-sm);
color:#C5C5C8;
}
.support-connection-grid{
margin-top:var(--space-4);
}
.support-note-card{
background:#F4F4F1;
color:#0C0C10;
border-radius:var(--radius-sm);
}
.support-soft .support-note-card,
.support-migration>.c-card{
background:#FFFFFF;
color:#0C0C10;
}
.support-note-card>p{
color:#3C3C42;
}
.support-note-card>.c-badge{
margin-top:auto;
align-self:flex-start;
}
.support-migration>.c-card{
display:flex;
flex-direction:column;
height:100%;
gap:var(--space-3);
padding:var(--space-4);
}
.support-migration>.c-card>.c-badge{
align-self:flex-start;
margin-bottom:0;
}
.support-migration>.c-card>h3{
margin-top:0;
}
.support-migration>.c-card>.c-badge+h3{
margin-top:var(--space-1);
}
.support-migration ul{
display:grid;
gap:var(--space-2);
padding-inline-start:var(--space-4);
}
.support-migration .support-card-foot{
margin-top:auto;
padding-top:var(--space-3);
border-top:1px solid var(--line);
color:#55555A;
font-size:var(--text-sm);
}
.support-prose{
display:grid;
gap:var(--space-2);
margin-block:var(--space-3);
}
.support-section .table-scroll{
position:relative;
overflow-x:auto;
}
.support-section table{
display:table;
width:100%;
}
.support-section .support-hint a:not(.c-btn){
text-decoration:underline;
text-underline-offset:.2em;
}
.support-diagnostics{
display:grid;
}
.support-diagnostic{
display:grid;
grid-template-columns:2.5rem minmax(0,1fr) auto;
gap:var(--space-3);
align-items:start;
padding-block:var(--space-4);
border-top:1px solid var(--line);
}
.support-number{
display:inline-flex;
justify-content:center;
align-items:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--radius-sm);
background:#F4F4F1;
color:#0C0C10;
}
.support-diagnostic-copy>p{
margin-top:var(--space-2);
color:#55555A;
}
.support-diagnostic>.c-btn{
margin-top:var(--space-1);
}
.support-diagnostic .support-command{
margin-bottom:0;
}
.support-safety{
margin-top:var(--space-4);
}
.support-safety a{
overflow-wrap:anywhere;
}
.support-section.is-search-hit>.container>.support-section-head h2{
text-decoration:underline;
text-decoration-color:var(--primary);
text-decoration-thickness:2px;
text-underline-offset:.3em;
}
.support-close{
padding-bottom:var(--space-close);
}
.c-cta.support-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(12rem,.42fr);
gap:var(--space-5);
align-items:center;
width:100%;
height:auto;
min-height:0;
padding:var(--space-5);
border-radius:var(--radius-sm);
background:#0C0C10;
color:#FFFFFF;
--muted:#C5C5C8;
}
.support-closing h2{
font-size:var(--text-section);
line-height:var(--leading-title);
color:#FFFFFF;
}
.support-closing p{
margin-top:var(--space-2);
color:#C5C5C8;
}
.support-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
}
@media(max-width:64rem){
.support-intro{
grid-template-columns:minmax(0,1fr);
gap:var(--space-5);
}
.support-index{
order:2;
}
.support-intro-copy{
order:1;
}
.support-index ol{
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:var(--space-4);
}
.support-diagnostic{
grid-template-columns:2.5rem minmax(0,1fr);
}
.support-diagnostic>.c-btn{
grid-column:2;
justify-self:start;
margin-top:0;
}
}
@media(max-width:42rem){
.support-timing{
grid-template-columns:minmax(0,1fr);
}
.support-index ol{
grid-template-columns:minmax(0,1fr);
}
.support-search-controls{
grid-template-columns:minmax(0,1fr);
}
.support-diagnostic{
grid-template-columns:2.25rem minmax(0,1fr);
}
.support-number{
width:2.25rem;
height:2.25rem;
}
.support-command{
padding:var(--space-4);
}
.c-cta.support-closing{
grid-template-columns:minmax(0,1fr);
padding:var(--space-4);
}
.support-closing-actions{
margin-top:var(--space-3);
}
}
