/* /sahi/bugs/: sahi.com, page by page (missing, bad, changed here). The cards are also drawn in
   the "i" panel on every page, which carries its own copy of the card styles in sahi.css. */
.bug-stats { max-width: 760px; margin: clamp(28px, 4vw, 40px) auto 0; }
.bug-tools { position: sticky; top: 0; z-index: 20; padding-block: 16px; background: color-mix(in srgb, var(--bg) 92%, transparent); border-bottom: 1px solid var(--line); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
@media (min-width: 1200px) { .bug-tools { top: calc(var(--nav-h) - 8px); } }
.bug-filters { display: flex; flex-wrap: wrap; gap: 10px 28px; align-items: center; justify-content: center; }
.bug-filter { display: flex; align-items: center; gap: 10px; }
.bug-filter__label { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); }
.bug-filter .chips { padding: 0; gap: 6px; }
.bug-filter .chip { min-height: 36px; padding: 0 14px; font-size: 14px; }
.bug-shown { margin-top: 10px; text-align: center; }
@media (max-width: 760px) {
  .bug-tools { position: static; }
  .bug-filter { flex-direction: column; align-items: flex-start; width: 100%; }
  .bug-filter .chips { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; max-width: 100%; }
}
.bug-list { padding-block: clamp(32px, 5vw, 64px) clamp(56px, 8vw, 96px); }
.bug-group + .bug-group { margin-top: clamp(40px, 6vw, 72px); }
.bug-group[hidden] { display: none; }
.bug-group__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.bug-group__n, .bug-group__checked { font-size: 14px; color: var(--ink-3); }
.bug-group__checked::before { content: "·"; margin-right: 16px; }
.bug-group__links { display: flex; gap: 18px; margin-left: auto; font-size: 14px; }
.bug-kind { margin-top: 22px; }
.bug-kind[hidden] { display: none; }
.bug-kind__head { display: flex; align-items: center; gap: 10px; font: 600 13px/1.2 var(--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
.bug-kind__head [data-kn] { font-weight: 500; color: var(--ink-3); }
.bugs { display: grid; gap: 12px; margin: 12px 0 0; padding: 0; list-style: none; }
.bug { scroll-margin-top: calc(var(--nav-h) + 96px); }
.bug:target { border-color: var(--accent); box-shadow: 0 0 0 3px var(--brand-wash); }
.bug__id:hover { color: var(--ink); text-decoration: underline; }