/* 2026-10-31 (ADR-032 slimming): Help centre rules (/help and its topic pages) — moved out of the shared site.css / site-pages.css (every page downloads those) in their original order. */
.wrap-mid { max-width:820px; }
.muted-sm { color: var(--muted); font-size: 13.5px; line-height: 1.55; }
.kb-search { position: relative; max-width: 640px; margin: 24px auto 8px; }
.article .kb-search { margin-left: 0; margin-right: 0; }
.kb-search-i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
  width: 18px; height: 18px; color: var(--muted); pointer-events: none; }
.kb-search input { width: 100%; box-sizing: border-box; padding: 15px 18px 15px 46px; font-size: 16px;
  border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--text);
  transition: border-color .15s ease, box-shadow .15s ease; }
.kb-search input::placeholder { color: var(--muted); }
.kb-search input:focus { outline: none; border-color: var(--brand);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent); }
.kb-results { margin: 12px 0 0; }
.kb-count { margin: 4px 2px 12px; font-size: 13.5px; }
.kb-hit { display: block; padding: 14px 16px; margin-bottom: 10px; }
.kb-hit b { display: block; margin: 3px 0; font-size: 16px; color: var(--text); }
.kb-hit-cat { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--brand-2); }
a.kb-hit { transition: border-color .12s ease, transform .12s ease; }
a.kb-hit:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--brand) 40%, var(--border)); }
.kb-empty { padding: 20px; }
.kb-empty p { margin: 8px 0 0; }
.kb-empty a, .kb-hit:hover b { color: var(--brand-2); }
.kb-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin: 28px 0; }
.kb-cat b { font-size: 17px; color: var(--text); }
.kb-cat-n { font-size: 12.5px; color: var(--brand-2); font-weight: 600; }
a.kb-cat { transition: border-color .12s ease, transform .12s ease; }
a.kb-cat:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--brand) 40%, var(--border)); }
.kb-popular { margin: 8px 0 20px; padding: 20px 22px; }
.kb-popular h3, .kb-others h2 { margin: 0 0 12px; }
.kb-popular ul, .kb-others ul { margin: 0; padding-left: 20px; }
.kb-popular li, .kb-others li { margin-bottom: 8px; }
.kb-popular a, .kb-others a { color: var(--brand-2); }
.kb-others { margin-top: 32px; }
@media (prefers-reduced-motion: reduce) {
  a.kb-cat:hover, a.kb-hit:hover { transform: none; }
}
@media (max-width: 680px) { .kb-cats { grid-template-columns: 1fr; } }
@media (max-width: 680px) {
  .kb-popular li, .kb-others li { margin-bottom: 0; }
  .kb-popular a, .kb-others a { display: block; padding: 9px 0; }
}
.pg-kb-search { margin: 26px auto 0; }
.pg-kb-search input { padding-right: 52px; }
.pg-kb-search .pg-kbd { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); }
@media (hover: none) { .pg-kb-search .pg-kbd { display: none; } }
.section.pg-help { padding-top: 12px; }
.pg-kb-ico { margin-bottom: 8px; }
.kb-cat.fx-card { padding: 20px; }