.help-center {
  display: grid;
  gap: 12px;
  max-width: 1040px;
}

.help-search-panel { display: grid; align-content: start; gap: 10px; padding: 16px; }
.help-search-panel label { font-weight: 690; }
.help-search-field { position: relative; width: min(100%, 540px); }
.help-search-field > .icon {
  position: absolute;
  inset: 50% auto auto 12px;
  transform: translateY(-50%);
  color: var(--muted);
  pointer-events: none;
}
.help-search-field input {
  width: 100%;
  min-height: 42px;
  padding: 8px 12px 8px 38px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--ink);
}

.help-quick-links, .help-topics, .help-guide-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}
.help-topics button[aria-pressed='true'] {
  border-color: #efb9c1;
  background: var(--brand-soft);
  color: var(--brand-hover);
}
.help-guide-links .button, .help-quick-links .button { white-space: normal; }
.help-guides { display: grid; gap: 7px; min-width: 0; }
.help-guide { min-width: 0; scroll-margin-block: 64px 76px; }
.help-guide-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  list-style: none;
  border-radius: inherit;
  cursor: pointer;
}
.help-guide-heading::-webkit-details-marker { display: none; }
.help-guide-heading:focus-visible { outline: 2px solid var(--brand-focus); outline-offset: 2px; }
.help-guide-heading:hover { background: var(--brand-soft); }
.help-guide-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius);
  background: var(--brand-soft);
  color: var(--brand-hover);
}
.help-guide-label { display: grid; gap: 3px; }
.help-guide-label > span { font-size: 13px; line-height: 1.4; color: var(--muted); }
.help-chevron { color: var(--muted); }
.help-guide[open] .help-chevron { transform: rotate(180deg); }
.help-guide-body { display: grid; gap: 12px; padding: 4px 16px 15px 58px; }
.help-guide-body ol { display: grid; gap: 7px; margin: 0; padding-inline-start: 22px; line-height: 1.55; }
.help-guide-body li::marker { color: var(--brand-hover); font-weight: 700; }
.help-guide-body li { padding-inline-start: 3px; }
.help-inline .help-guide-body { padding: 0; }
.help-note { padding: 9px 11px; border-radius: var(--radius); background: #fff5df; color: #694a13; line-height: 1.45; }
.help-empty { padding: 16px; color: var(--muted); }

@media (max-width: 600px) {
  .help-search-panel { padding: 12px; }
  .help-guide-heading { gap: 9px; padding: 10px; }
  .help-guide-body { padding: 3px 12px 12px; }
  .help-quick-links .button, .help-topics .button, .help-guide-links .button { min-height: 40px; }
}