.hg .segmented { margin-bottom: 16px; }
.hg-list { display: grid; gap: 10px; margin: 16px 0; }
.hg-row { display: grid; grid-template-columns: 80px 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); }
.hg-row b { font-size: .875rem; color: var(--ink-2); }
.hg-row code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .85rem; word-break: break-all; color: var(--ink); }
.hg-row.is-match { border-color: #1a8a4a; background: #eaf7ef; }
@media (max-width: 560px) { .hg-row { grid-template-columns: 1fr auto; } .hg-row code { grid-column: 1 / -1; grid-row: 2; } }