/* Help page. Builds on guide.css (tokens, glass, .acc); nothing new in colour. */
.help{max-width:860px}
.hfind{position:sticky;top:76px;z-index:5;margin:0 0 18px;padding:10px;border-radius:20px}
.hfind input{width:100%;font:inherit;font-size:17px;color:var(--graphite);background:var(--panel);border:1px solid var(--glass-line);border-radius:14px;padding:12px 14px;outline:none}
.hfind input:focus{border-color:var(--liquid);box-shadow:0 0 0 3px color-mix(in srgb,var(--liquid) 25%,transparent)}
.hfind input::placeholder{color:var(--gray)}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}
.jump a{display:block;padding:6px 12px;border-radius:999px;font-size:14px;text-decoration:none;color:var(--graphite);background:var(--glass);border:1px solid var(--glass-line)}
.jump a:hover{border-color:var(--liquid);color:var(--liquid)}
.hcard{margin:0 0 16px;padding:24px 26px;border-radius:26px;scroll-margin-top:150px}
.hcard h2{font-size:clamp(21px,2.6vw,27px);letter-spacing:-.02em;margin:0 0 10px}
.guide .hcard h2 a{color:inherit;text-decoration:none}
.hcard p{margin:0 0 10px}
.hcard .safe{display:inline-block;margin:0 0 12px;padding:4px 12px;border-radius:999px;font-size:14px;color:var(--graphite);background:color-mix(in srgb,var(--liquid) 12%,transparent);border:1px solid color-mix(in srgb,var(--liquid) 28%,transparent)}
.hcard ol{margin:0 0 4px;padding-left:22px}
.hcard li{margin:0 0 6px}
.hcard b{font-weight:600}
.hcard:target{border-color:var(--liquid)}
.hnone{display:none;margin:20px 0;color:var(--gray)}
.hcard[hidden]{display:none}
@media (max-width:760px){.hcard{padding:18px;border-radius:22px;scroll-margin-top:140px}.hfind{top:64px}}