/* Dispatch archive browse — chips, local filter, incremental load */
.sd-disp-tools{margin:1.1rem 0 0;display:grid;gap:.75rem}
.sd-disp-chips{display:flex;flex-wrap:wrap;gap:.45rem;min-height:40px}
.sd-disp-chip{appearance:none;border:1px solid rgba(255,255,255,.14);background:#141416;color:#e6e6e6;border-radius:999px;padding:.55rem .9rem;font:600 .82rem/1 Inter,system-ui,sans-serif;cursor:pointer;min-height:40px}
.sd-disp-chip:hover{border-color:rgba(227,25,55,.55);color:#fff}
.sd-disp-chip.is-on{background:#e31937;border-color:#e31937;color:#fff}
.sd-disp-chip:focus-visible{outline:2px solid #e31937;outline-offset:2px}
.sd-disp-sort{display:flex;flex-wrap:wrap;gap:.45rem}
.sd-disp-status{margin:0;min-height:1.05rem;font:500 .75rem/1.4 "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#8a8a8e}
[data-disp-grid] .story-card.disp-featured{border-color:rgba(227,25,55,.55);box-shadow:0 0 0 1px rgba(227,25,55,.25)}
[data-disp-grid] .story-card.disp-featured .tag::before{content:"Featured · ";color:#e31937}
.sd-disp-site{margin:0;font-size:.88rem}
.sd-disp-site a{color:#ff4d5e;font-weight:600}
.sd-disp-meta{margin:.35rem 0 0;min-height:1.05rem;font:500 .72rem/1.3 "IBM Plex Mono",monospace;letter-spacing:.04em;color:#8a8a8e}
.sd-disp-empty{margin:1.5rem 0;color:#9a9a9e}
.sd-disp-more{display:block;margin:1.4rem auto 0;min-height:44px;padding:.75rem 1.4rem;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;border-radius:999px;font:600 .9rem/1 Inter,system-ui,sans-serif;cursor:pointer}
.sd-disp-more:hover{border-color:#e31937}
.sd-disp-more:focus-visible{outline:2px solid #e31937;outline-offset:2px}
/* Hide the rest of the archive until JS paginates — stops the full-grid flash (prod CLS 0.104). */
[data-disp-grid]:not(.disp-ready) > .story-card:nth-child(n+13){display:none!important}
.story-card[hidden]{display:none!important}
[data-disp-grid] .story-card > picture{display:block;height:160px;overflow:hidden;background:#000}
[data-disp-grid] .story-card img{width:100%!important;height:160px!important;object-fit:cover;display:block}
@media (max-width:760px){
  .sd-disp-chip{flex:1 1 calc(50% - .45rem);text-align:center}
  .sd-disp-chips{min-height:5.4rem}
}
