/* Help center: the policy pages' look (legal.css) plus a search box, category chips and result cards. */
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.help-search { position: relative; margin: 0 0 16px; }
.help-search input { width: 100%; font: 500 17px/1.3 Satoshi, -apple-system, sans-serif; color: var(--fg); background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 17px 56px 17px 20px; outline: none; transition: border-color .2s; -webkit-appearance: none; appearance: none; }
.help-search input::placeholder { color: #6d6e72; }
.help-search input:focus { border-color: var(--accent); }
.help-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.help-search kbd { position: absolute; right: 16px; top: 50%; translate: 0 -50%; font: 500 12px/1 ui-monospace, Menlo, monospace; color: var(--muted); border: 1px solid var(--line); border-radius: 7px; padding: 5px 8px; pointer-events: none; }
.help-search input:focus + kbd, .help-search input:not(:placeholder-shown) + kbd { opacity: 0; }
.help-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.help-chips button { font: 500 11px/1 ui-monospace, Menlo, monospace; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); background: none; border: 1px solid var(--line); border-radius: 99px; padding: 7px 10px; cursor: pointer; transition: color .2s, border-color .2s, background .2s; }
.help-chips button:hover { color: var(--fg); border-color: #4a4b4f; }
.help-chips button[aria-pressed="true"] { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.help-cat h2 { scroll-margin-top: 24px; } .help-cat .sub { color: var(--muted); margin: -6px 0 0; font-size: 15px; }
.help-count { margin: 32px 0 0; }
.help-none { color: var(--muted); padding: 8px 0; }
[hidden] { display: none !important; }
ol li::marker { font-weight: 700; }
code { background: var(--card); border: 1px solid var(--line); border-radius: 6px; padding: 1px 6px; }
@media (max-width: 560px) { .help-search kbd { display: none; } .help-search input { padding-right: 20px; } }
.eyebrow a { color: inherit; text-decoration: none; } .eyebrow a:hover { color: var(--fg); }