.listing-board { color: inherit; max-width: 100%; min-width: 0; }
.listing-board * { box-sizing: border-box; min-width: 0; overflow-wrap: anywhere; }
.listing-board p { line-height: 1.5; }
.listing-board .lb__badge { display: inline-block; padding: .2rem .5rem; border: 1px solid currentColor; border-radius: 4px; font-size: .875rem; }
.listing-board .lb__sample { font-size: .75rem; opacity: .75; border: 1px solid currentColor; border-radius: 3px; padding: 0 .25rem; }
.listing-board .lb__unread, .listing-board .lb__stale { opacity: .8; font-style: italic; }
.listing-board .lb__error { font-weight: 600; }
.listing-board .lb__controls { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-block: .75rem; }
.listing-board button, .listing-board select { min-height: 44px; }
.listing-board button[aria-pressed="true"] { font-weight: 700; text-decoration: underline; }
.listing-board .lb__table { width: 100%; overflow-x: auto; }
.listing-board .lb__table:focus-visible, .listing-board button:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.listing-board table { width: 100%; border-collapse: collapse; }
.listing-board caption { text-align: left; padding-block: .75rem; }
.listing-board th, .listing-board td { text-align: left; vertical-align: top; padding: .6rem; border-bottom: 1px solid currentColor; }
.listing-board .lb__sort { background: none; border: 0; color: inherit; font: inherit; font-weight: 700; padding: 0; cursor: pointer; }
.listing-board .lb__chart { margin: 1rem 0 0; }
.listing-board .lb__chart svg { width: 100%; max-width: 480px; height: auto; font-size: .6875rem; fill: currentColor; }
.listing-board .lb__chart rect { opacity: .6; }
.listing-board .lb__chart-alt { font-size: .875rem; margin-top: .4rem; }
@media (max-width: 390px) {
  .listing-board th, .listing-board td { padding: .5rem .25rem; }
  .listing-board table { font-size: .875rem; }
}