.help-hero{
  padding-top:clamp(56px,7vw,92px);
  padding-bottom:clamp(58px,8vw,104px);
  border-bottom:1px solid var(--color-border);
  overflow-x:clip;
}

.help-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  align-items:center;
  gap:clamp(34px,6vw,78px);
}

.help-intro h1{
  max-width:720px;
  margin:18px 0 22px;
  font-size:clamp(48px,5.4vw,70px);
}

.help-intro .lead{
  margin-bottom:26px;
}

.help-facts{
  position:relative;
  padding:clamp(24px,4vw,38px);
  overflow:hidden;
}

.help-facts::after{
  position:absolute;
  top:-72px;
  right:-62px;
  width:180px;
  height:180px;
  border:1px solid var(--color-border-strong);
  border-radius:50%;
  box-shadow:0 0 46px var(--color-accent-halo);
  content:"";
  pointer-events:none;
}

.help-facts-label{
  position:relative;
  z-index:1;
  margin-bottom:22px;
  color:var(--color-accent);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
}

.help-facts dl{
  position:relative;
  z-index:1;
  display:grid;
  gap:0;
  margin:0;
}

.help-facts dl div{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:16px;
  padding-top:14px;
  padding-bottom:14px;
  border-bottom:1px solid var(--color-border);
}

.help-facts dl div:last-child{
  border-bottom:0;
}

.help-facts dt{
  color:var(--color-muted);
  font-size:12px;
}

.help-facts dd{
  margin:0;
  overflow-wrap:anywhere;
  color:var(--color-text);
  font-family:var(--font-mono);
  font-size:12px;
}

.help-document{
  padding-top:46px;
  padding-bottom:var(--section-space);
}

.help-document > .toc-tabs{
  top:10px;
}

.help-category{
  display:grid;
  grid-template-columns:minmax(220px,.58fr) minmax(0,1.42fr);
  gap:clamp(28px,5vw,68px);
  padding-top:72px;
  padding-bottom:72px;
  border-bottom:1px solid var(--color-border);
}

.category-heading{
  align-self:start;
}

.category-heading h2{
  margin-bottom:18px;
  font-size:clamp(30px,3.5vw,44px);
}

.category-heading p:last-child{
  max-width:430px;
  margin-bottom:0;
}

.help-category .faq-list{
  align-content:start;
}

.help-category .faq-item{
  background:var(--color-panel);
  transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);
}

.help-category .faq-item:hover{
  border-color:var(--color-border-strong);
  transform:translateX(3px);
}

.help-category .faq-item[open]{
  border-color:var(--color-border-strong);
  background:var(--color-panel-raised);
}

.help-category .faq-answer p{
  margin-bottom:0;
  line-height:1.85;
}

.help-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:32px;
  margin-top:72px;
  padding:clamp(28px,5vw,48px);
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  background:radial-gradient(500px 240px at 100% 0,var(--color-accent-faint),transparent 72%),var(--color-panel-raised);
  box-shadow:var(--shadow-deep),var(--shadow-inset);
}

.help-closing h2{
  margin-bottom:12px;
  font-size:clamp(28px,3.7vw,42px);
}

.help-closing p:last-child{
  max-width:780px;
  margin-bottom:0;
}

.help-closing .btn{
  min-width:132px;
}

@media(max-width:900px){
  .help-hero-inner{
    grid-template-columns:1fr;
  }

  .help-facts{
    max-width:680px;
  }

  .help-category{
    grid-template-columns:1fr;
    gap:24px;
  }

  .category-heading p:last-child{
    max-width:720px;
  }
}

@media(max-width:768px){
  .help-intro h1{
    font-size:clamp(28px,9vw,40px);
  }

  .help-document{
    padding-top:32px;
  }

  .help-category{
    padding-top:56px;
    padding-bottom:56px;
  }

  .help-category .faq-item:hover{
    transform:none;
  }

  .help-closing{
    grid-template-columns:1fr;
  }

  .help-closing .btn{
    width:100%;
  }
}

@media(max-width:480px){
  .help-facts dl div{
    grid-template-columns:1fr;
    gap:4px;
  }

  .help-facts dd{
    font-size:11px;
  }

  .help-category{
    padding-top:48px;
    padding-bottom:48px;
  }
}