.resource-controls { margin-bottom: 28px; }
.resource-search { display: block; color: var(--text-dim); font-size: 11px; letter-spacing: .08em; }
.resource-search input { display: block; width: 100%; margin-top: 12px; padding: 14px 0; min-height: 44px; border: 0; border-bottom: .5px solid var(--border); border-radius: 0; color: var(--text-main); background: transparent; font: inherit; font-size: 15px; }
.resource-search input::placeholder { color: var(--text-dim); }
.resource-filters { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 16px; }
.resource-filters button { min-height: 44px; padding: 0; color: var(--text-dim); border: 0; border-bottom: 1px solid transparent; background: transparent; cursor: pointer; font: 11px var(--font-mono); }
.resource-filters button[aria-pressed="true"] { color: var(--accent); border-bottom-color: var(--accent); }
.resource-count { margin-top: 16px; color: var(--text-dim); font: 10px var(--font-mono); }
.resource-card[hidden], .resource-empty[hidden] { display: none; }
.resource-card h2 { font-size: 20px; line-height: 1.5; }
.resource-domain { margin-top: 12px; color: var(--text-dim); font: 10px/1.6 var(--font-mono); overflow-wrap: anywhere; }
.resource-monogram { width: 40px; height: 40px; display: grid; place-items: center; border: .5px solid var(--border); color: var(--text-dim); font: 18px var(--font-mono); }
.resource-card .tags:empty { display: none; }
.resource-empty { padding: 48px 0; color: var(--text-dim); text-align: center; line-height: 1.8; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }