.support-page{
  max-width:980px;
  padding-top:54px;
  padding-bottom:72px
}

.support-header{
  justify-content:space-between
}

.support-header>a:last-child{
  display:inline-flex;
  align-items:center;
  min-height:44px
}

.support-intro{
  max-width:680px
}

.support-intro>p:last-of-type{
  font-size:1.08rem;
  line-height:1.75
}

.contact-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:10px;
  padding:0 20px;
  border-radius:999px;
  background:#8b442d;
  color:#fff;
  text-decoration:none;
  font-weight:700
}

.contact-button:hover{
  background:#6c321f
}

.support-email-line{
  margin:9px 0 0;
  color:#625a54;
  font-size:.9rem
}

.support-email-line a{
  color:#6c321f;
  font-weight:700
}

.js-controls{
  display:none
}

.faq-tools{
  margin:42px 0 22px;
  padding:22px;
  border:1px solid #dfd3c4;
  border-radius:18px;
  background:#fffaf1
}

.faq-tools label,.faq-tools legend{
  font-weight:700
}

.faq-tools input{
  display:block;
  width:100%;
  min-height:48px;
  margin-top:8px;
  padding:10px 13px;
  border:1px solid #b9aa9b;
  border-radius:10px;
  background:#fff;
  color:#262224
}

.faq-tools fieldset{
  margin:18px 0 0;
  padding:0;
  border:0
}

.filter-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px
}

.filter-buttons button{
  min-height:42px;
  padding:0 14px;
  border:1px solid #b9aa9b;
  border-radius:999px;
  background:#fff;
  font-weight:650
}

.filter-buttons button[aria-pressed=true]{
  border-color:#8b442d;
  background:#8b442d;
  color:#fff
}

.faq-status{
  min-height:1.5em;
  margin:16px 0 0;
  color:#625a54;
  font-size:.9rem
}

.faq-status:empty{
  display:none
}

.faq-clear{
  margin-top:2px
}

.support-contact,.popular-help{
  margin:30px 0;
  padding:25px 26px;
  border:1px solid #d7d6b7;
  border-radius:18px;
  background:#f3f1df
}

.support-contact h2,.popular-help h2{
  margin-bottom:8px;
  font-family:var(--serif);
  font-weight:400
}

.support-contact p:last-child{
  margin-bottom:0
}

.support-contact a{
  color:#6c321f;
  font-weight:700
}

.support-form[hidden]{
  display:none
}

.support-form fieldset{
  margin:24px 0 0;
  padding:0;
  border:0;
  min-width:0
}

.support-field{
  margin:18px 0
}

.support-field label{
  display:block;
  margin-bottom:6px;
  font-weight:700
}

.support-field :is(input,select,textarea){
  display:block;
  width:100%;
  max-width:100%;
  min-height:46px;
  padding:10px 12px;
  border:1px solid #a99887;
  border-radius:10px;
  background:#fffdf8;
  color:#262224;
  font:inherit
}

.support-field textarea{
  min-height:150px;
  resize:vertical
}

.support-help,.support-email-fallback{
  color:#625a54;
  font-size:.9rem
}

.support-challenge{
  margin:24px 0
}

.support-challenge [data-turnstile-container]{
  min-height:65px;
  max-width:100%
}

.support-status{
  margin:20px 0 0;
  white-space:pre-line
}

.support-status:empty{
  display:none
}

.support-honeypot{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0)
}

.support-form :is(input,select,textarea,button):focus-visible,.support-status:focus{
  outline:3px solid #8b442d;
  outline-offset:3px
}

.support-form fieldset:disabled{
  opacity:.68
}

.support-form button:disabled{
  cursor:not-allowed;
  opacity:.68
}

.popular-help div{
  display:flex;
  flex-wrap:wrap;
  gap:9px
}

.popular-help a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 13px;
  border:1px solid #d7c9b8;
  border-radius:999px;
  background:#fffdf6;
  color:#5f3423;
  font-size:.9rem;
  font-weight:700;
  text-decoration:none
}

.popular-help a:hover{
  background:#f8ead8
}

.topic-nav{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:24px 0 42px
}

.topic-nav a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 13px;
  border-radius:999px;
  background:#eee3d4;
  color:#5f3423;
  font-size:.9rem;
  font-weight:700;
  text-decoration:none
}

.topic-nav a:hover{
  background:#e4cfb8
}

.faq-group{
  scroll-margin-top:28px;
  margin:0 0 47px
}

.faq-group>h2{
  font-family:var(--serif);
  font-size:clamp(1.7rem,3vw,2.25rem);
  font-weight:400;
  margin-bottom:16px
}

.faq-group details{
  border-top:1px solid #ddd3ca
}

.faq-group details:last-child{
  border-bottom:1px solid #ddd3ca
}

.faq-group summary{
  position:relative;
  min-height:64px;
  padding:19px 38px 16px 0;
  cursor:pointer;
  font-size:1.05rem;
  font-weight:700;
  line-height:1.4;
  list-style:none
}

.faq-group summary::-webkit-details-marker{
  display:none
}

.faq-group summary::after{
  position:absolute;
  right:4px;
  top:23px;
  content:'+';
  color:#8b442d;
  font-size:1.5rem;
  font-weight:400
}

.faq-group details[open] summary::after{
  content:'−'
}

.platform{
  display:inline-block;
  margin:3px 0 0 7px;
  color:#786e67;
  font-family:var(--sans);
  font-size:.77rem;
  font-weight:650;
  white-space:nowrap
}

.faq-group details>div{
  max-width:760px;
  padding:0 38px 20px 0
}

.faq-group details p{
  margin-bottom:12px;
  line-height:1.7
}

.faq-group details a{
  color:#8b442d;
  text-underline-offset:3px
}

.faq-group details>div>a:last-child{
  font-size:.84rem;
  font-weight:700
}

.faq-empty{
  margin:20px 0 48px;
  padding:30px;
  border-radius:16px;
  background:#fffaf1;
  text-align:center
}

.faq-empty h2{
  font-family:var(--serif);
  font-weight:400
}

.text-button{
  min-height:44px;
  color:#8b442d;
  text-decoration:underline;
  text-underline-offset:4px;
  font-weight:700
}

.faq-enhanced .js-controls{
  display:block
}

.faq-enhanced .faq-group[hidden],.faq-enhanced .faq-group details[hidden]{
  display:none
}

@media(max-width:540px){
  .support-page{
  padding:32px 22px 52px
}

.support-header{
  min-height:100px;
  gap:12px
}

.support-header>a:last-child{
  font-size:.8rem
}

.faq-tools{
  padding:18px
}

.faq-group details>div{
  padding-right:0
}

.faq-group summary{
  padding-right:34px
}

.platform{
  margin-left:0;
  display:block
}

.topic-nav{
  margin-bottom:34px
}

.site-footer{
  display:block
}

.site-footer .legal-nav{
  margin-top:10px
}


}

@media(max-width:340px){
  .support-page{
  padding-left:16px;
  padding-right:16px
}

.filter-buttons button{
  padding:0 11px;
  font-size:.88rem
}


}

@media(prefers-reduced-motion:reduce){
  html{
  scroll-behavior:auto
}

.contact-button,.topic-nav a{
  transition:none
}


}