.help-hero{
  position:relative;
  overflow-x:clip;
  border-bottom:1px solid var(--border);
  background-image:
    radial-gradient(ellipse at top right,var(--accent-glow),transparent),
    linear-gradient(var(--grid-dot) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid-dot) 1px,transparent 1px);
  background-size:auto,44px 44px,44px 44px;
}

.help-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  opacity:.45;
}

.help-hero-grid{
  display:grid;
  min-height:560px;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:clamp(36px,6vw,76px);
  align-items:center;
  padding-top:clamp(64px,9vw,112px);
  padding-bottom:clamp(64px,9vw,112px);
}

.help-hero-copy{
  min-width:0;
}

.help-hero-copy h1{
  max-width:720px;
}

.help-lead{
  max-width:680px;
  margin-top:22px;
  color:var(--text-muted);
  font-size:clamp(16px,1.8vw,20px);
}

.help-hero-copy .button-row{
  margin-top:30px;
}

.help-facts{
  margin-top:28px;
}

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

.help-route::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:3px;
  background:var(--accent);
  box-shadow:0 0 18px var(--accent-glow-strong);
}

.help-route h2{
  margin-top:16px;
  font-size:clamp(26px,3vw,38px);
}

.route-list{
  display:grid;
  gap:0;
  margin-top:30px;
}

.route-list div{
  position:relative;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:13px;
  min-width:0;
  padding-bottom:22px;
}

.route-list div:last-child{
  padding-bottom:0;
}

.route-list div:not(:last-child)::after{
  content:"";
  position:absolute;
  top:16px;
  bottom:0;
  left:5px;
  border-left:1px dashed var(--border);
}

.route-mark{
  position:relative;
  z-index:1;
  width:11px;
  height:11px;
  margin-top:7px;
  border:2px solid var(--accent);
  border-radius:50%;
  background:var(--bg-panel-2);
  box-shadow:0 0 12px var(--accent-glow);
}

.route-list p{
  min-width:0;
  color:var(--text-muted);
  font-size:14px;
}

.route-list strong{
  display:block;
  margin-bottom:2px;
}

.help-body{
  padding-top:clamp(42px,6vw,72px);
  padding-bottom:var(--section-space);
}

.help-body .toc-tabs{
  top:12px;
}

.help-category{
  display:grid;
  grid-template-columns:minmax(230px,31%) minmax(0,1fr);
  gap:clamp(28px,5vw,68px);
  padding-top:clamp(46px,7vw,82px);
  padding-bottom:clamp(46px,7vw,82px);
  border-bottom:1px solid var(--border);
}

.category-head{
  min-width:0;
  align-self:start;
}

.category-code{
  display:inline-flex;
  margin-bottom:15px;
  color:var(--accent);
  font-size:11px;
  letter-spacing:.14em;
}

.category-head h2{
  font-size:clamp(29px,3.5vw,42px);
}

.category-head p{
  margin-top:15px;
  color:var(--text-muted);
  font-size:14px;
}

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

.help-category .faq-item{
  background:var(--bg-panel);
}

.help-category .faq-item[open]{
  background:var(--bg-panel-2);
  border-color:var(--accent-dark);
}

.help-category .faq-item summary{
  min-height:62px;
  padding-top:18px;
  padding-bottom:18px;
}

.help-category .faq-answer{
  line-height:1.8;
}

.support-next{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:30px;
  align-items:center;
  margin-top:clamp(50px,7vw,84px);
  padding:clamp(24px,4vw,36px);
  background:var(--bg-panel-2);
  border:1px solid var(--accent-dark);
  border-radius:var(--radius-lg);
  box-shadow:0 18px 48px var(--shadow-mid);
}

.support-next h2{
  margin-top:12px;
  font-size:clamp(25px,3vw,36px);
}

.support-next p{
  max-width:780px;
  margin-top:10px;
  color:var(--text-muted);
}

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

  .help-route{
    max-width:720px;
  }

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

  .category-head{
    max-width:720px;
  }
}

@media (max-width:700px){
  .help-hero-grid{
    gap:36px;
  }

  .help-route{
    padding:24px;
  }

  .help-body .toc-tabs{
    top:8px;
  }

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

  .support-next{
    grid-template-columns:1fr;
  }

  .support-next .btn{
    width:100%;
  }
}

@media (max-width:420px){
  .help-route{
    padding:21px;
  }

  .help-category .faq-item summary{
    padding-left:16px;
    padding-right:48px;
  }

  .help-category .faq-answer{
    padding-right:16px;
    padding-left:16px;
  }
}