.support-page [hidden]{display:none!important}
.support-page a:not(.c-btn):not(.c-text-link){text-decoration-thickness:1px}
.support-page .support-section a:not(.c-btn){color:#00566A;text-decoration:underline;text-underline-offset:.2em}
.support-page .support-section a:not(.c-btn):hover{color:#29232F}
.support-page code{overflow-wrap:anywhere}

.support-hero{padding-block:var(--hero-top) var(--space-5);background:#FCFBFA;color:#29232F}
.support-hero>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--space-4);align-items:start}
.support-hero__copy,.support-stage{min-width:0}
.support-hero__copy{display:block}
.support-hero__copy .c-kicker{margin-bottom:var(--space-2)}
.support-hero__copy h1{max-width:15ch;margin-bottom:var(--space-2);color:#29232F}
.support-hero__lead{max-width:37rem;margin-bottom:0;color:#514B55;font-size:var(--text-lg);overflow-wrap:break-word}
.support-hero__hint{margin:var(--space-3) 0 0;color:#5E5862;font-size:var(--text-sm)}
.support-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3)}
.support-stage{height:auto;overflow:visible;text-align:left}
.support-ticket{width:100%;height:auto;overflow:hidden;border-radius:var(--radius-stage);background:#E8EEF0;color:#243039}
.support-ticket__top{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#29232F;color:#FFFFFF;font-size:var(--text-sm);font-weight:750}
.support-ticket__body{padding:var(--space-4)}
.support-ticket__eyebrow{margin-bottom:var(--space-2);color:#435560;font-size:var(--text-xs);font-weight:750;letter-spacing:.06em}
.support-ticket h2{max-width:18ch;margin-bottom:var(--space-3);color:#243039;font-size:clamp(1.6rem,2.7vw,2.15rem)}
.support-ticket dl{margin:0}
.support-ticket dl>div{display:grid;grid-template-columns:minmax(5rem,7rem) minmax(0,1fr);gap:var(--space-2);padding-block:var(--space-2);border-top:1px solid color-mix(in srgb,#243039 15%,transparent)}
.support-ticket dt,.support-ticket dd{min-width:0;color:#243039;overflow-wrap:break-word}
.support-ticket dd{font-family:var(--font-body)}
.support-ticket__foot{margin:var(--space-3) 0 0;color:#435560;font-size:var(--text-sm)}

.support-section{padding-block:var(--space-section)}
.support-section.c-section--paper{background:#FCFBFA;color:#29232F}
.support-section.c-section--slate{background:#E8EEF0;color:#243039}
.support-section.c-section--sand{background:#F4EDE3;color:#30271F}
.support-section.c-section--lavender{background:#EEE8F0;color:#29232F}
.support-head{max-width:48rem;margin-bottom:var(--space-4)}
.support-head .c-kicker{margin-bottom:var(--space-2)}
.support-head h2{margin-bottom:var(--space-2)}
.support-head>p{margin-bottom:0;color:inherit;opacity:.84}
.support-head .support-actions{margin-top:var(--space-3)}

.support-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.support-check{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-4);border-radius:var(--radius-card);background:#EEE8F0;color:#29232F}
.support-check__number{display:block;width:fit-content;margin-bottom:var(--space-2);color:#00566A;font-size:var(--text-sm);font-weight:750}
.support-check h3,.support-step h3,.support-card h3,.support-ci h3,.support-trouble h3{margin-bottom:var(--space-1);font-size:var(--text-card)}
.support-check p,.support-step p,.support-card p,.support-ci p,.support-trouble p{margin-bottom:0;color:inherit;opacity:.86}
.support-note{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);background:#E8EEF0;color:#243039}
.support-note svg{width:1.25rem;height:1.25rem;flex:none;margin-top:.2rem}
.support-note p{margin:0}
.support-note--lavender{background:#FCFBFA;color:#29232F}

.support-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:stretch;list-style:none;margin:0;padding:0}
.support-step{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-4);border-radius:var(--radius-card);background:#FFFFFF;color:#243039}
.support-step__number{display:inline-flex;align-items:center;width:fit-content;margin-bottom:var(--space-2);color:#00566A;font-size:var(--text-sm);font-weight:750;line-height:1}

.support-example{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-4);align-items:start}
.support-example__intro,.support-example__console{min-width:0}
.support-example__intro .c-kicker{margin-bottom:var(--space-2)}
.support-example__intro h2{margin-bottom:var(--space-2)}
.support-example__intro p{color:#514B55}
.support-example__intro p:last-child{margin-bottom:0}
.support-example__console .c-terminal{background:#29232F;color:#F5F1F5}
.support-example__console pre{max-width:100%;overflow-x:auto}
.support-example__console pre code{background:transparent;color:#F5F1F5;white-space:pre;font-size:var(--text-sm)}
.support-example__caption code{background:transparent;color:#514B55}
.support-example__caption{margin:var(--space-2) 0 0;color:#5E5862;font-size:var(--text-sm)}

.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.support-card{min-width:0;height:100%;padding:var(--space-4);background:#FFFFFF;color:#30271F}
.support-card__end{margin-top:auto!important;padding-top:var(--space-3);font-size:var(--text-sm)!important;font-weight:750}
.support-ci{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.support-ci__item{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-2);min-width:0;height:100%;padding:var(--space-4);border-radius:var(--radius-card);background:#E8EEF0;color:#243039}
.support-ci__item>span{color:#00566A;font-weight:750}
.support-ci__item>div{min-width:0}
.support-troubles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.support-trouble{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-4);border-radius:var(--radius-card);background:#FFFFFF;color:#29232F}
.support-trouble__tag{display:inline-flex;align-items:center;width:fit-content;margin-bottom:var(--space-2);padding:.4em .9em;border-radius:999px;background:#E8EEF0;color:#243039;font-size:var(--text-xs);font-weight:750;line-height:1}

.support-close-section{padding-block:var(--space-4) var(--space-5);background:#FFFFFF;color:#29232F}
.support-closing{overflow:hidden;border-radius:var(--radius-stage);background:#29232F;color:#FFFFFF}
.support-closing__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,auto);gap:var(--space-4);align-items:center;padding:var(--space-4)}
.support-closing__inner>div{min-width:0}
.support-closing__label{display:block;margin-bottom:var(--space-2);color:#E8EEF0;font-size:var(--text-sm);font-weight:750}
.support-closing h2{margin-bottom:var(--space-2);color:#FFFFFF}
.support-closing p{max-width:39rem;margin:0;color:#E8EEF0}
.support-closing__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}
.support-closing__actions .c-btn--ghost{background:transparent;color:#FFFFFF;border-color:color-mix(in srgb,#FFFFFF 45%,transparent)}
.support-closing__actions .c-btn--ghost:hover{background:#433A49;color:#FFFFFF}

@media(max-width:64rem){
  .support-hero>.container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3)}
  .support-checks,.support-steps,.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:42rem){
  .support-hero{padding-block:var(--hero-top) var(--space-4)}
  .support-hero>.container,.support-example,.support-checks,.support-steps,.support-grid,.support-ci,.support-troubles,.support-closing__inner{grid-template-columns:minmax(0,1fr)}
  .support-hero>.container{gap:var(--space-4)}
  .support-stage,.support-ticket{width:100%;height:auto;overflow:visible}
  .support-ticket{overflow:hidden}
  .support-ticket__body,.support-check,.support-step,.support-card,.support-ci__item,.support-trouble,.support-closing__inner{padding:var(--space-3)}
  .support-ticket dl>div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
  .support-hero__copy h1{max-width:none}
  .support-actions .c-btn,.support-closing__actions .c-btn{width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .support-page .c-btn{transition:none}
}