/* Shared navigation and a single resource search field. */
.resource-tools { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 10px 16px; padding: 24px; margin-bottom: 28px; border: 1px solid var(--line); border-radius: 12px; background: var(--white, #fff); }
.resource-tools .search-field { display: grid; gap: 8px; width: 100%; max-width: none; color: var(--ink); font-size: 14px; font-weight: 600; }
.resource-tools input { width: 100%; min-width: 0; min-height: 48px; padding: 11px 14px; border: 1px solid #8b918d; border-radius: 6px; background: #fff; color: var(--ink); font: inherit; font-weight: 400; }
.resource-tools input:focus-visible { outline: 3px solid var(--focus, #1e3869); outline-offset: 3px; }
.resource-tools .directory-status { grid-column: 1 / -1; margin: 0; font-size: 13px; color: var(--body); }
.resource-tools .reset-search, .empty-state .reset-search { min-height: 48px; padding: 10px 16px; border: 1px solid #8b918d; border-radius: 6px; background: transparent; color: var(--ink); font: inherit; font-size: 14px; cursor: pointer; }
.resource-tools .reset-search:hover { background: var(--pale, #f3faf7); }
.resource-tools[hidden], .resource-tools [hidden], .empty-state[hidden] { display: none; }
.empty-state { padding: 24px; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 24px; }
.empty-state p { margin-bottom: 16px; }
.site-footer .footer-top nav { flex-wrap: wrap; }
@media (max-width: 740px) {
  .resource-tools { padding: 20px; grid-template-columns: 1fr; }
  .resource-tools .reset-search { justify-self: start; }
}