.support-page .site-header [aria-current="page"]{
  color:var(--pink)
}
.support-hero{
  padding-bottom:58px
}
.support-intro{
  max-width:600px;
  margin:24px auto 0;
  color:var(--muted);
  font-size:18px;
  line-height:1.8;
  text-wrap:pretty
}
.support-topics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  padding-block:22px;
  border-block:1px solid var(--line);
  font:12px/1.6 var(--mono);
  color:#bfbfc5
}
.support-topics a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px
}
.support-topics a span{
  color:var(--blue)
}
.support-topics a:hover{
  color:var(--text)
}
.support-section{
  padding-block:72px
}
.support-layout{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  align-items:start;
  gap:72px
}
.support-section .eyebrow{
  color:var(--blue);
  font:11px/1.7 var(--mono)
}
.support-section h2{
  font-size:clamp(31px,3.3vw,44px)
}
.support-section p,.support-section li{
  color:var(--muted);
  font-size:15px;
  line-height:1.8
}
.support-contact p:not(.eyebrow){
  margin-top:18px
}
.support-email{
  display:inline-block;
  max-width:100%;
  color:var(--pink);
  font-size:clamp(17px,1.8vw,23px);
  line-height:1.6;
  overflow-wrap:anywhere;
  text-underline-offset:5px
}
.support-email:hover{
  text-decoration:underline
}
.support-email span{
  margin-left:5px
}
.support-contact .support-provider{
  max-width:380px;
  font-size:13px
}
.support-request{
  padding:28px 32px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface)
}
.support-request h3{
  margin:0 0 20px;
  font-size:20px
}
.support-checklist{
  margin:0 0 22px;
  padding-left:20px
}
.support-checklist li{
  padding-left:5px;
  margin-block:10px
}
.support-checklist li::marker{
  color:var(--pink)
}
.support-request>p{
  font-size:13px
}
.support-steps{
  list-style:none;
  counter-reset:setup;
  margin:0;
  padding:0
}
.support-steps li{
  position:relative;
  counter-increment:setup;
  padding:20px 0 20px 48px;
  border-top:1px solid var(--line)
}
.support-steps li::before{
  content:counter(setup,decimal-leading-zero);
  position:absolute;
  top:23px;
  left:0;
  color:var(--pink);
  font:12px/1.6 var(--mono)
}
.support-steps li:last-child{
  padding-bottom:0
}
.support-body{
  padding-top:6px
}
.support-body p+p{
  margin-top:24px
}
.support-note{
  padding:16px 20px;
  border-left:2px solid var(--pink);
  background:var(--surface)
}
.support-library{
  border-bottom:0
}
@media(max-width:1050px){
  .support-layout{
    grid-template-columns:1fr 1.2fr;
    gap:36px
  }
  .support-request{
    padding:24px
  }
}
@media(max-width:700px){
  .support-hero{
    padding-bottom:36px
  }
  .support-intro{
    font-size:15px;
    margin-top:22px
  }
  .support-topics{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 12px;
    font-size:10px;
    padding-block:20px
  }
  .support-topics a{
    justify-content:flex-start;
    gap:9px
  }
  .support-section{
    padding-block:48px
  }
  .support-layout{
    grid-template-columns:minmax(0,1fr);
    gap:28px
  }
  .support-section h2{
    font-size:33px;
    margin-bottom:0
  }
  .support-section .eyebrow{
    font-size:9px
  }
  .support-contact h2{
    margin-bottom:20px
  }
  .support-email{
    font-size:20px
  }
  .support-section p,.support-section li{
    font-size:14px
  }
  .support-request{
    padding:24px 20px
  }
  .support-request h3{
    font-size:19px
  }
  .support-contact .support-provider,.support-request>p{
    font-size:13px
  }
  .support-steps li{
    padding-left:36px
  }
  .support-body{
    padding-top:0
  }
}