.support-page{
font-variant-numeric:tabular-nums;
}
.support-page [hidden]{
display:none!important;
}
.support-page :is(section,article,aside,div){
min-width:0;
}
.support-page p{
overflow-wrap:break-word;
}
.support-page .support-hero{
padding-block:var(--hero-top) 0;
background:#FFFFFF;
color:#1A1418;
--muted:#6F676C;
--line:#ECE8EA;
}
.support-hero-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:start;
gap:var(--space-8);
}
.support-hero-copy{
min-width:0;
padding:0;
text-align:left;
}
.support-hero-copy h1{
font-size:clamp(2.25rem,3.5vw,3.2rem);
line-height:var(--lh-heading);
color:#1A1418;
}
.support-hero-lead{
margin-top:var(--space-4);
font-size:var(--text-lg);
line-height:var(--lh-body);
color:#3B3237;
}
.support-hero-copy .c-actions{
margin-top:var(--space-5);
justify-content:flex-start;
}
.support-hero-note{
margin-top:var(--space-4);
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#6F676C;
}
.support-route-card{
width:100%;
max-width:none;
height:auto;
padding:0;
border-radius:var(--radius-xl);
overflow:hidden;
background:#EEF0F3;
color:#1F2733;
--muted:#5A6473;
--line:#D5D9DF;
text-align:left;
}
.support-route-head{
padding:var(--space-5);
background:#E1EBE3;
color:#1F3A2A;
--muted:#4D6A58;
--line:color-mix(in srgb,#1F3A2A 18%,transparent);
}
.support-ticket-label{
display:block;
font-size:var(--text-xs);
line-height:var(--lh-small);
margin-bottom:var(--space-4);
}
.support-route-head h2{
font-size:var(--text-reading);
line-height:var(--lh-heading);
}
.support-route-body{
display:grid;
gap:var(--space-4);
padding:var(--space-5);
}
.support-route-entry{
display:grid;
grid-template-columns:auto minmax(0,1fr);
align-items:start;
gap:var(--space-3);
}
.support-route-entry>svg{
width:var(--icon-size);
height:var(--icon-size);
margin-top:var(--space-1);
}
.support-route-entry>div{
display:grid;
gap:var(--field-gap);
}
.support-route-entry h3{
font-size:var(--text-card);
line-height:var(--lh-heading);
}
.support-route-entry p{
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#3B3237;
}
.support-route-foot{
padding-top:var(--space-4);
border-top:1px solid #D5D9DF;
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#5A6473;
}
.support-section-intro{
max-width:56rem;
margin-top:var(--space-4);
font-size:var(--text-base);
line-height:var(--lh-body);
}
.support-rows{
list-style:none;
margin:var(--space-5) 0 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;
padding:var(--space-4) 0;
border-top:1px solid var(--line);
}
.support-row>*{
min-width:0;
}
.support-row h3{
font-size:var(--text-card);
line-height:var(--lh-heading);
}
.support-step{
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#86396A;
}
.support-command{
display:grid;
gap:var(--space-3);
margin-top:var(--space-4);
padding:var(--space-5);
border-radius:var(--radius-lg);
}
.support-command p{
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.support-command pre{
padding:var(--space-4);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#1A1418;
--muted:#6F676C;
--line:#ECE8EA;
}
.support-page pre{
position:relative;
max-width:100%;
overflow-x:auto;
}
.support-terminal-layout{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
gap:var(--space-7);
align-items:start;
margin-top:var(--space-5);
}
.support-terminal-notes{
display:grid;
gap:var(--space-3);
}
.support-terminal-notes h3{
font-size:var(--text-card);
line-height:var(--lh-heading);
}
.support-terminal-notes p{
font-size:var(--text-base);
line-height:var(--lh-body);
}
.support-terminal{
padding:0;
border-radius:var(--radius-lg);
overflow:hidden;
background:#1A1418;
color:#FFFFFF;
--muted:#D0C5CC;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.support-terminal .support-terminal-head{
display:flex;
align-items:center;
gap:var(--space-3);
padding:var(--space-4) var(--space-5);
background:#EEF0F3;
color:#1F2733;
--muted:#5A6473;
--line:#D5D9DF;
font-family:var(--font-mono);
font-size:var(--text-sm);
line-height:var(--lh-small);
}
.support-terminal-lights{
display:inline-flex;
align-items:center;
gap:var(--space-1);
flex:none;
}
.support-terminal-lights i{
display:block;
width:var(--space-2);
height:var(--space-2);
border-radius:var(--radius-pill);
background:#6F676C;
color:#FFFFFF;
}
.support-terminal-lights i:nth-child(2){
background:#A24A7F;
color:#FFFFFF;
}
.support-terminal-lights i:nth-child(3){
background:#4D6A58;
color:#FFFFFF;
}
.support-terminal pre{
margin:0;
padding:var(--space-5);
background:#1A1418;
color:#FFFFFF;
--muted:#D0C5CC;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.support-caption{
margin-top:var(--space-3);
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#6F676C;
}
.support-config-grid{
margin-top:var(--space-5);
gap:var(--space-4);
}
.support-page .c-card{
gap:var(--space-3);
}
.support-table{
margin-top:var(--space-5);
}
.support-page .c-section-head+.c-grid-2,
.support-page .c-section-head+.c-grid-3{
margin-top:var(--space-5);
}
.support-code{
padding:var(--space-4);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#1A1418;
--muted:#6F676C;
--line:#ECE8EA;
}
.support-faq{
margin-top:var(--space-5);
padding:0;
background:#FFFFFF;
color:#1A1418;
--muted:#6F676C;
--line:#ECE8EA;
}
.support-faq details{
padding:var(--space-4) 0;
background:#FFFFFF;
color:#1A1418;
--muted:#6F676C;
--line:#ECE8EA;
border-top:1px solid #ECE8EA;
}
.support-faq summary{
min-height:var(--space-6);
font-size:var(--text-lg);
line-height:var(--lh-small);
}
.support-faq details[open] summary{
padding-bottom:var(--space-3);
}
.support-faq details>div{
display:grid;
gap:var(--space-3);
padding-top:var(--space-4);
border-top:1px solid #ECE8EA;
background:#FFFFFF;
color:#3B3237;
--muted:#6F676C;
--line:#ECE8EA;
}
.support-faq-symbol{
flex:0 0 var(--space-4);
text-align:center;
font-size:var(--text-reading);
line-height:1;
transition:transform var(--duration);
}
.support-faq details[open] .support-faq-symbol{
transform:rotate(45deg);
}
.support-last-section{
padding-bottom:var(--space-close);
}
.support-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.55fr);
align-items:center;
gap:var(--space-7);
margin-top:var(--space-section);
padding:var(--space-7);
border-radius:var(--radius-xl);
background:#1A1418;
color:#FFFFFF;
--muted:#D0C5CC;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.support-closing-copy{
display:grid;
gap:var(--space-4);
}
.support-closing h2{
font-size:var(--text-section);
line-height:var(--lh-heading);
}
.support-closing p{
font-size:var(--text-base);
line-height:var(--lh-body);
color:#D0C5CC;
}
.support-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
}
.support-closing .c-btn{
color:#FFFFFF;
}
.support-closing .c-btn--ghost{
background:transparent;
color:#FFFFFF;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.support-closing .c-btn--ghost:hover{
background:#3B3237;
color:#FFFFFF;
}
@media(max-width:64rem){
.support-hero-grid{
gap:var(--space-5);
}
.support-terminal-layout{
grid-template-columns:minmax(0,1fr);
}
.support-config-grid{
grid-template-columns:minmax(0,1fr);
}
.support-closing{
grid-template-columns:minmax(0,1fr);
}
.support-closing-actions{
align-items:flex-start;
}
}
@media(max-width:42rem){
.support-hero-grid{
grid-template-columns:minmax(0,1fr);
gap:var(--space-7);
}
.support-hero-copy h1{
font-size:2.25rem;
}
.support-hero-lead{
font-size:var(--text-base);
}
.support-route-card{
height:auto;
}
.support-route-head,
.support-route-body,
.support-command{
padding:var(--space-4);
}
.support-row{
grid-template-columns:2.25rem minmax(0,1fr);
}
.support-row>:nth-child(3){
grid-column:2;
}
.support-terminal .support-terminal-head,
.support-terminal pre{
padding:var(--space-4);
}
.support-closing{
padding:var(--space-4);
gap:var(--space-5);
}
.support-closing-actions{
align-items:stretch;
}
.support-closing-actions .c-btn{
width:100%;
}
}