.help-page{ max-width:1200px; margin:0 auto; padding:60px 24px 100px; }
.help-page__back{ margin-bottom: 18px; }
.help-page__title{ margin:18px 0 10px; font-family:var(--font-display); font-weight:500; font-size:clamp(1.7rem, 4vw, 2.2rem); color:var(--paper); }
.help-page__intro{ max-width:700px; margin:0 0 40px; font-size:0.95rem; line-height:1.75; color:var(--paper-dim); }

.help-layout{ display:grid; grid-template-columns:220px 1fr; gap:40px; align-items:start; }

.help-sidebar{ position:sticky; top:24px; display:flex; flex-direction:column; gap:2px; }
.help-sidebar__group{
  margin:20px 0 6px; padding-left:12px; font-size:0.68rem; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--paper-dim); opacity:0.7;
}
.help-sidebar__group:first-child{ margin-top:0; }
.help-sidebar__item{
  text-align:left; padding:8px 12px; border-radius:var(--radius-s); border:1px solid transparent;
  background:transparent; color:var(--paper-dim); font-size:0.86rem;
  transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);
}
.help-sidebar__item:hover{ color:var(--paper); background:rgba(236,231,220,0.04); }
.help-sidebar__item--active{
  color:var(--paper); background:rgba(127,162,201,0.14); border-color:rgba(127,162,201,0.4); font-weight:600;
}

.help-content{ min-width:0; }
.help-section__eyebrow{ margin:0 0 6px; font-size:0.72rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--gold); }
.help-section h2{ margin:0 0 18px; font-family:var(--font-display); font-weight:500; font-size:1.5rem; color:var(--paper); }
.help-section h3{ margin:28px 0 10px; font-family:var(--font-display); font-weight:500; font-size:1.05rem; color:var(--paper); }
.help-section p{ margin:0 0 14px; font-size:0.92rem; line-height:1.75; color:var(--paper-dim); }
.help-section p strong{ color:var(--paper); font-weight:600; }
.help-section a{ color:var(--accent); text-decoration:none; }
.help-section a:hover{ color:var(--paper); }
.help-section code{ background:rgba(236,231,220,0.06); padding:1px 6px; border-radius:4px; font-size:0.88em; color:var(--paper); }

.help-list{ margin:0 0 14px; padding-left:20px; font-size:0.92rem; line-height:1.75; color:var(--paper-dim); }
.help-list li{ margin-bottom:4px; }
.help-list li strong{ color:var(--paper); font-weight:600; }
.help-list li::marker{ color:var(--accent); }
.help-list--ordered{ list-style:decimal; }

.help-callout{
  margin:0 0 20px; padding:14px 18px; border-radius:var(--radius-m);
  border:1px solid var(--gold-dim); background:rgba(205,166,95,0.06);
  font-size:0.88rem; line-height:1.7; color:var(--paper-dim);
}
.help-callout strong{ color:var(--gold); }
.help-callout a{ color:var(--accent); }

.help-note{
  margin:0 0 14px; padding:10px 14px; border-radius:var(--radius-s);
  border:1px solid var(--line); background:rgba(236,231,220,0.02);
  font-size:0.84rem; line-height:1.7; color:var(--paper-dim); font-style:italic;
}
.help-note strong{ color:var(--paper); font-weight:600; font-style:normal; }

.help-table-wrap{ overflow-x:auto; margin:0 0 16px; }
.help-table{ width:100%; border-collapse:collapse; font-size:0.85rem; }
.help-table th{
  text-align:left; padding:8px 12px; font-size:0.7rem; letter-spacing:0.06em; text-transform:uppercase;
  color:var(--paper-dim); border-bottom:1px solid var(--line);
}
.help-table td{ padding:10px 12px; border-bottom:1px solid rgba(42,44,52,0.5); color:var(--paper); vertical-align:top; }
.help-table tr:last-child td{ border-bottom:none; }

.help-stat-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:12px; margin:0 0 16px; }
.help-stat-card{
  padding:16px; border-radius:var(--radius-m); border:1px solid var(--line); background:rgba(236,231,220,0.02);
}
.help-stat-card__pill{ display:inline-flex; margin-bottom:8px; font-size:0.78rem; padding:4px 10px; }
.help-stat-card p{ margin:0; font-size:0.85rem; }

.help-chip-cloud{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.help-chip-cloud .chip{ cursor:default; }
.help-chip-cloud .chip:hover{ color:var(--paper-dim); border-color:var(--line); }

.help-ranks-list{ margin:0 0 16px; max-width:340px; }

.help-deflist{ margin:0 0 20px; }
.help-deflist dt{ margin:14px 0 2px; font-weight:600; color:var(--paper); font-size:0.9rem; }
.help-deflist dt:first-child{ margin-top:0; }
.help-deflist dd{ margin:0; padding-left:0; font-size:0.88rem; line-height:1.7; color:var(--paper-dim); }

@media (max-width:760px){
  .help-layout{ grid-template-columns:1fr; }
  .help-sidebar{
    position:static; flex-direction:row; flex-wrap:wrap; gap:6px;
    padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid var(--line);
  }
  .help-sidebar__group{ display:none; }
  .help-sidebar__item{ border:1px solid var(--line); border-radius:999px; padding:6px 12px; }
}