.help-hero{
  position:relative;
  overflow-x:clip;
  padding-top:clamp(70px,9vw,118px);
  padding-bottom:clamp(64px,8vw,104px);
  border-bottom:1px solid var(--color-border);
  background:
    radial-gradient(ellipse at 76% 72%,color-mix(in srgb,var(--color-accent) 13%,transparent),transparent 42%),
    repeating-radial-gradient(circle at 76% 72%,transparent 0,transparent 54px,color-mix(in srgb,var(--color-border) 30%,transparent) 55px,transparent 56px),
    var(--color-bg);
}
.help-hero::after{
  content:"";
  position:absolute;
  right:clamp(-190px,-8vw,-70px);
  bottom:clamp(-180px,-10vw,-90px);
  width:clamp(330px,38vw,560px);
  aspect-ratio:1;
  pointer-events:none;
  border:1px dashed var(--color-accent-deep);
  border-radius:var(--radius-pill);
  opacity:.26;
}
.help-hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:start;
  max-width:var(--reading-max);
  margin-inline:auto;
}
.help-hero h1{
  max-width:820px;
  margin-top:20px;
}
.help-lead{
  max-width:760px;
  margin-top:22px;
  color:var(--color-muted);
  font-size:18px;
}
.help-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
.help-facts{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin-top:32px;
  color:var(--color-muted);
  font-family:var(--font-mono);
  font-size:12px;
}
.help-facts span{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:28px;
}
.help-facts span::before{
  content:"";
  width:6px;
  height:6px;
  margin-right:9px;
  flex-shrink:0;
  border-radius:var(--radius-pill);
  background:var(--color-accent);
  box-shadow:var(--shadow-accent);
}
.help-content{
  position:relative;
  padding-top:22px;
}
.help-content > .wrap{
  position:relative;
  z-index:32;
}
.help-category{
  border-bottom:1px solid var(--color-border);
}
.help-category-grid{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.55fr);
  gap:clamp(34px,6vw,92px);
  align-items:start;
}
.help-category-head{
  position:sticky;
  top:calc(var(--header-height) + 82px);
  min-width:0;
}
.help-category-head p{
  max-width:430px;
  margin-top:17px;
  color:var(--color-muted);
  font-size:16px;
}
.help-category .faq-list{
  min-width:0;
}
.help-category .faq-item{
  background:linear-gradient(145deg,var(--color-panel),color-mix(in srgb,var(--color-panel-raised) 42%,var(--color-panel)));
  transition:border-color var(--transition-fast),background var(--transition-fast);
}
.help-category .faq-item:hover,
.help-category .faq-item[open]{
  border-color:var(--color-accent-deep);
}
.help-category .faq-item[open]{
  background:var(--color-panel-raised);
}
.help-category .faq-item summary{
  font-size:16px;
}
.help-category .faq-answer{
  max-width:840px;
  line-height:1.82;
}
.help-category .faq-answer p{
  overflow-wrap:break-word;
}
.help-aftercare{
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--color-panel) 72%,transparent),transparent),
    var(--color-bg);
}
.help-aftercare-panel{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.8fr);
  gap:34px 52px;
  align-items:center;
  padding:clamp(26px,4vw,48px);
}
.help-aftercare-panel > div{
  min-width:0;
}
.help-aftercare-panel h2{
  max-width:680px;
}
.help-aftercare-panel p{
  max-width:720px;
  margin-top:16px;
  color:var(--color-muted);
  font-size:16px;
}
.help-checklist{
  display:grid;
  gap:13px;
  color:var(--color-muted);
}
.help-checklist li{
  position:relative;
  min-width:0;
  padding-left:21px;
}
.help-checklist li::before{
  content:"◆";
  position:absolute;
  left:0;
  top:.42em;
  color:var(--color-accent);
  font-size:9px;
}
.help-aftercare-panel .btn{
  justify-self:start;
}
@media (max-width:900px){
  .help-category-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .help-category-head{
    position:static;
  }
  .help-category-head p{
    max-width:680px;
  }
  .help-aftercare-panel{
    grid-template-columns:1fr;
  }
}
@media (max-width:768px){
  .help-hero{
    padding-top:58px;
    padding-bottom:62px;
  }
  .help-hero::after{
    display:none;
  }
  .help-lead{
    font-size:16px;
  }
  .help-actions{
    width:100%;
    max-width:360px;
    flex-direction:column;
  }
  .help-facts{
    display:grid;
    gap:8px;
  }
  .help-category .faq-item summary{
    font-size:15px;
  }
}
@media (max-width:640px){
  .help-content{
    padding-top:14px;
  }
  .help-content > .wrap{
    padding-inline:var(--gutter);
  }
  .help-category .faq-answer{
    line-height:1.76;
  }
  .help-aftercare-panel{
    gap:28px;
  }
  .help-aftercare-panel .btn{
    width:100%;
  }
}
@media (prefers-reduced-motion:reduce){
  .help-category .faq-item{
    transition:none;
  }
}