.help-page {
  min-height: 65vh;
  padding: 72px 24px 96px;
  font-family: var(--af-web-font, var(--af-font-sans, sans-serif));
}

/* site-neutral supplies the same palette for explicit and automatic dark mode. */
.help-page h1,
.help-page .help-result h2 { color: var(--public-ink, var(--af-color-ink, #111)); }

.help-shell {
  width: min(100%, 780px);
  margin-inline: auto;
}

.help-page h1 {
  margin: 0 0 16px;
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.04em;
  text-wrap: balance;
}

.help-intro,
.help-privacy,
.help-result-snippet,
.help-contact p {
  color: var(--public-muted, #626262);
  line-height: 1.65;
}

.help-intro { margin: 0 0 32px; font-size: 1.125rem; }
.help-search { margin-top: 30px; }
.help-search label { display: block; margin-bottom: 10px; font-weight: 600; }

#help-query {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 56px;
  border: 1px solid var(--public-line, #d8d8d8);
  border-radius: 12px;
  padding: 14px 18px;
  background: var(--public-surface-raised, #fff);
  color: var(--public-ink, #111);
  font: inherit;
  font-size: 1rem;
  appearance: none;
}

#help-query::placeholder { color: var(--public-muted, #626262); opacity: 1; }
.help-page :is(input, a):focus-visible { outline: 2px solid var(--public-ink, #111); outline-offset: 4px; }
.help-privacy { margin: 12px 0 0; font-size: .875rem; }
#help-count { margin: 30px 0 12px; line-height: 1.6; }
#help-status { margin: 0 0 20px; color: var(--public-muted, #626262); font-size: .875rem; line-height: 1.6; }
#help-results { list-style: none; padding: 0; margin: 0; }
.help-result { border-top: 1px solid var(--public-line, #d8d8d8); padding: 24px 0; overflow-wrap: anywhere; }
.help-result-source { margin: 0 0 8px; color: var(--public-muted, #626262); font-size: .8125rem; }
.help-result h2 { margin: 0 0 8px; font-size: 1.25rem; font-weight: 600; line-height: 1.4; }
.help-result a { color: var(--public-ink, #111); text-underline-offset: 4px; text-decoration-thickness: 1px; }
.help-result-snippet { margin: 0; font-size: .9375rem; }
.help-contact { border-top: 1px solid var(--public-line, #d8d8d8); margin-top: 16px; padding-top: 26px; }
.help-contact p { margin: 0 0 14px; }
.help-contact a,
.help-docs a { display: inline-block; padding: 10px 0; min-height: 24px; color: var(--public-ink, #111); text-decoration: underline; text-underline-offset: 4px; }
.help-contact a + a { margin-left: 24px; }

@media (max-width: 600px) {
  .help-page { padding: 42px 20px 64px; }
  .help-intro { font-size: 1rem; }
  .help-result { padding: 20px 0; }
  .help-contact a { display: block; }
  .help-contact a + a { margin-left: 0; }
}