/* 8.ro */
.hs-find { padding: 16px 18px; display: flex; flex-direction: column; gap: 6px; }
.hs-group { margin-top: 8px; }
.hs-gh { display: flex; align-items: center; gap: 10px; margin: 18px 0 12px; font-size: 1.25rem; letter-spacing: -.02em; }
.hs-x { padding: 3px 10px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-ink); font-size: .875rem; }
.hs-list { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); }
.hs { padding: 14px 16px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-s); scroll-margin-top: calc(var(--header-h) + 16px); }
.hs:target { border-color: var(--accent); box-shadow: 0 0 0 4px var(--ring); }
.hs h3 { font-size: 1rem; font-weight: 650; letter-spacing: -.01em; }
.hs-code { display: inline-block; min-width: 3.2em; color: var(--accent-ink); font-weight: 700; }
.hs p { margin-top: 6px; color: var(--muted); font-size: .9375rem; line-height: 1.55; }
.hs code { font-size: .875em; padding: .05em .3em; border-radius: 5px; background: var(--surface-2); }
.hs-ref { font: .75rem var(--mono); color: var(--faint) !important; }