/* Help page — landing chrome + docs layout */

.help-page{padding-top:64px;min-height:100vh;background:var(--slate-50);font-size:16px}
.help-page #navbar{position:fixed;top:0;left:0;right:0}
.help-shell{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:260px 1fr;
  gap:0;min-height:calc(100vh - 64px);
}
.help-toc{
  position:sticky;top:64px;align-self:start;
  height:calc(100vh - 64px);overflow:auto;
  overflow-anchor:none;
  padding:var(--space-lg) var(--space-md) var(--space-xl);
  border-right:1px solid var(--slate-200);
  background:var(--white);
  font-size:14px;
}
.help-toc-title{
  font-size:var(--font-size-xs);font-weight:700;
  color:var(--color-text-quaternary);letter-spacing:.06em;
  text-transform:uppercase;margin:0 0 var(--space-md);
}
.help-toc-group{margin-bottom:var(--space-lg)}
.help-toc-group > strong{
  display:block;font-size:var(--font-size-xs);font-weight:700;
  color:var(--slate-500);margin-bottom:8px;padding:0 10px;
}
.help-toc a{
  display:block;padding:6px 10px;border-radius:var(--radius-sm);
  font-size:14px;font-weight:500;color:var(--slate-600);
}
.help-toc a:hover{background:var(--color-primary-bg);color:var(--color-primary)}
.help-toc a.is-active{background:var(--primary-50);color:var(--primary-700);font-weight:600}
.help-toc .help-toc-parent{font-weight:600;color:var(--slate-800)}
.help-toc .help-toc-child{padding-left:22px;color:var(--slate-500)}
.help-main{padding:var(--space-xl) var(--space-2xl) var(--space-3xl);min-width:0}
.help-main h1{
  font-size:var(--font-size-3xl);font-weight:700;color:var(--slate-900);
  letter-spacing:-.4px;margin:0 0 var(--space-sm);
}
.help-lead{color:var(--slate-500);font-size:16px;margin:0 0 var(--space-xl);line-height:1.6}
.help-section{scroll-margin-top:80px;margin-bottom:var(--space-2xl)}
.help-section > h2{
  font-size:var(--font-size-xl);font-weight:700;color:var(--slate-900);
  margin:0 0 var(--space-md);padding-bottom:10px;
  border-bottom:1px solid var(--slate-200);
}
.help-section h3{
  font-size:var(--font-size-md);font-weight:700;color:var(--slate-800);
  margin:var(--space-lg) 0 var(--space-sm);
}
.help-section p,.help-section li{font-size:16px;line-height:1.7;color:var(--slate-700)}
.help-section ul,.help-section ol{margin:0 0 var(--space-md);padding-left:1.4em}
.help-section ul{list-style:disc}
.help-section ol{list-style:decimal}
.help-section li{margin:4px 0}
a.help-badge{
  display:inline-flex;align-items:center;gap:5px;
  margin:0 2px;padding:0 8px;
  border:1px solid var(--primary-200);border-radius:999px;
  background:var(--primary-50);color:var(--primary-700);
  font-size:14px;font-weight:600;line-height:1.7;
  text-decoration:none;vertical-align:middle;
}
a.help-badge:hover{background:var(--primary-100);color:var(--primary-800)}
a.help-badge i{font-size:13px;line-height:1}
.help-ai{
  margin:var(--space-md) 0;
  padding:14px 16px;
  background:var(--primary-50);
  border-left:3px solid var(--primary-500);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}
.help-ai strong{display:block;font-size:var(--font-size-xs);color:var(--primary-700);margin-bottom:6px}
.help-ai p,.help-ai li{color:var(--slate-700);font-size:var(--font-size-xs)}
.help-ai ul{margin:8px 0 0}
.help-note{
  margin:var(--space-md) 0;
  padding:14px 16px;
  border-left:3px solid;
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}
.help-note > strong{display:block;font-size:14px;font-weight:700;margin-bottom:6px}
.help-note p,.help-note li{font-size:16px;line-height:1.7;color:var(--slate-700)}
.help-note-info{background:var(--info-50);border-color:var(--info-500)}
.help-note-info strong{color:var(--info-700)}
.help-note-danger{background:var(--critical-50);border-color:var(--critical-500)}
.help-note-danger strong{color:var(--critical-700)}
.help-process{align-items:stretch;margin:var(--space-lg) 0 var(--space-md)}
.help-process .process-step{
  display:flex;flex-direction:column;align-items:center;
  padding:12px 10px;
}
.help-process .process-step-icon{width:40px;height:40px;margin:0 auto 8px;font-size:1rem}
.help-process .process-step h4{font-size:14px;line-height:1.35;margin-bottom:4px}
.help-process .process-step p{font-size:13px;line-height:1.5;color:var(--slate-600);width:100%}
.help-process .process-step-arrow{
  align-self:center;
  margin:0;
  line-height:1;
  font-size:1.45rem;
  color:var(--slate-400);
}

@media (max-width:900px){
  .help-process .process-step-arrow{align-self:center;transform:rotate(90deg);margin:4px auto}
}

@media (max-width:880px){
  .help-shell{grid-template-columns:1fr}
  .help-toc{
    position:relative;top:0;height:auto;max-height:none;
    border-right:0;border-bottom:1px solid var(--slate-200);
  }
  .help-main{padding:var(--space-lg) var(--space-lg) var(--space-2xl)}
  .help-process{flex-direction:column;align-items:stretch}
  .help-process .process-step{width:100%}
  .help-process .process-step-arrow{align-self:center;transform:rotate(90deg);margin:4px auto}
}