:root{
  --help-hero-space:72px;
  --help-category-gap:88px;
  --help-code-size:12px;
  --help-rule-size:3px;
  --help-fact-min:174px;
}
.help-hero{
  position:relative;
  padding-top:var(--help-hero-space);
  padding-bottom:var(--help-hero-space);
  overflow-x:clip;
  max-width:100%;
}
.help-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,var(--accent-06),transparent);
  pointer-events:none;
}
.help-hero::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:1px;
  background:var(--border);
}
.help-hero .content-wrap{
  position:relative;
}
.help-hero-copy{
  max-width:760px;
  margin-inline:auto;
  text-align:center;
}
.help-hero-copy h1{
  margin-bottom:18px;
}
.help-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.help-fact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(var(--help-fact-min),1fr));
  gap:14px;
  margin-top:52px;
}
.help-fact-grid article{
  min-width:0;
  padding:22px;
  border:1px solid var(--border);
  border-radius:var(--r-md);
  background:var(--bg-panel);
  box-shadow:0 1px 0 var(--white) inset,var(--shadow-soft);
  text-align:left;
}
.help-fact-grid .mono{
  display:block;
  margin-bottom:10px;
  color:var(--accent);
  font-size:var(--help-code-size);
  font-weight:750;
  letter-spacing:.06em;
}
.help-fact-grid strong{
  display:block;
  color:var(--text);
  font-family:var(--font-display);
  font-size:20px;
  line-height:1.35;
}
.help-fact-grid p{
  margin:8px 0 0;
  color:var(--text-muted);
  font-size:13px;
}
.help-intro{
  padding-bottom:72px;
}
.diagnostic-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.diagnostic-card{
  position:relative;
  min-width:0;
  padding:26px;
  overflow-x:clip;
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  background:var(--bg-panel);
  box-shadow:0 1px 0 var(--white) inset,var(--shadow-soft);
}
.diagnostic-card::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:var(--help-rule-size);
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
}
.diagnostic-code{
  display:inline-block;
  margin-bottom:16px;
  color:var(--accent);
  font-size:var(--help-code-size);
  font-weight:750;
}
.diagnostic-card h3{
  font-size:21px;
}
.diagnostic-card p{
  margin-bottom:0;
  color:var(--text-muted);
  font-size:14px;
}
.help-intro .callout{
  margin-bottom:0;
}
.help-document{
  position:relative;
  padding-top:24px;
  padding-bottom:24px;
}
.help-category{
  padding-top:24px;
  padding-bottom:var(--help-category-gap);
}
.category-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,430px);
  align-items:end;
  gap:32px;
  margin-bottom:28px;
  padding-bottom:20px;
  border-bottom:var(--help-rule-size) solid var(--accent);
}
.category-index{
  display:block;
  margin-bottom:8px;
  color:var(--accent);
  font-size:var(--help-code-size);
  font-weight:750;
  letter-spacing:.07em;
}
.category-heading h2{
  margin-bottom:0;
  font-size:clamp(30px,4vw,42px);
}
.category-heading p{
  margin-bottom:3px;
  color:var(--text-muted);
}
.help-category .faq-list{
  max-width:920px;
}
.help-category .faq-answer{
  max-width:840px;
  line-height:1.8;
}
.help-category .callout{
  max-width:920px;
}
.category-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  margin-top:4px;
  color:var(--accent);
  font-weight:750;
}
.category-link:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}
.help-category .promo-block{
  margin-bottom:0;
}
.help-category .promo-block h2{
  margin-bottom:8px;
  font-size:28px;
}
@media (max-width:900px){
  .help-fact-grid,
  .diagnostic-grid{
    grid-template-columns:1fr;
  }
  .category-heading{
    grid-template-columns:1fr;
    align-items:start;
    gap:12px;
  }
}
@media (max-width:768px){
  :root{
    --help-hero-space:54px;
    --help-category-gap:68px;
  }
  .help-fact-grid{
    margin-top:38px;
  }
  .help-document{
    padding-top:12px;
  }
}
@media (max-width:640px){
  :root{
    --help-hero-space:42px;
  }
  .help-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .help-actions .btn{
    width:100%;
  }
  .help-fact-grid article,
  .diagnostic-card{
    padding:20px;
  }
  .category-heading{
    margin-bottom:22px;
  }
  .help-category .promo-block h2{
    font-size:25px;
  }
}