/* Core Vault card, grid and toolbar rules (not watchlist-specific).
   These lived in vault-watchlist.css; they were extracted when My Watchlist was
   hidden so The Vault keeps its layout without the watchlist stylesheet.
   Keep this file loaded at the position vault-watchlist.css used (after
   archive-drawer-ui.css). --watchlist-gap (1rem) is now var(--space-4). */
.vault-archive__grid { gap:var(--space-4); grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr)); }
.vault-archive__mobile-toolbar { grid-template-columns:minmax(0,1fr) auto; }
.vault-archive__tools { display:flex; align-items:center; gap:var(--space-3); min-width:0; }
.vault-archive__tools .vault-archive__search { width:clamp(160px,18vw,240px); grid-column:auto; grid-row:auto; }
.vault-archive__tools .filter-sheet-trigger__badge { position:static; margin:0; }
.vault-stream-page .vault-archive__tools .filter-sheet-trigger { display:grid; grid-template-columns:17px auto 22px; flex:0 0 auto; width:auto; padding-inline:var(--space-chrome-3); }
.vault-archive__tools .filter-sheet-trigger__badge { display:inline-grid; place-items:center; inset:auto; width:22px; min-width:22px; height:22px; padding:0; }
.vault-archive__tools .filter-sheet-trigger__badge[hidden] { display:inline-grid !important; visibility:hidden; }
.vault-card { position:relative; }
.vault-card__open { position:absolute; inset:0; border:0; background:transparent; border-radius:inherit; z-index:var(--z-raised-2); cursor:pointer; }
.vault-card__open:focus-visible { outline:2px solid var(--vault-ink); outline-offset:-3px; }
.vault-card:focus-within { border-color:var(--vault-line-strong); }
.vault-stream-main:focus { outline:none; }
@media (max-width:1179px) and (min-width:561px) {
  .vault-archive__mobile-toolbar { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; height:auto; min-height:0; padding:22px; }
  .vault-archive__tools { grid-column:1; grid-row:2; }
  .vault-archive__tools .vault-archive__search { flex:1; min-width:80px; width:0; }
}
@media (max-width:560px) {
  .vault-archive__mobile-toolbar { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; }
  .vault-archive__tools { display:flex; flex-wrap:wrap; gap:var(--space-chrome-2); grid-column:1; grid-row:2; }
  .vault-archive__tools .vault-archive__search { flex:1 0 100%; width:100%; }
  .vault-archive__tools .filter-sheet-trigger__label { display:inline; }
}