/* Compact illustrated directories: one useful control row, then the cards. */
.tool-directory .directory-controls {
  display: flex; align-items: center; justify-content: flex-end;
  gap: 16px; padding-top: 16px; padding-bottom: 16px;
}
.tool-directory .directory-controls .finder { flex: 1; min-width: 0; max-width: none; margin: 0; }
.tool-directory .directory-controls .finder input { margin: 0; min-height: 48px; }
.tool-directory .directory-controls .language-toggle { flex-shrink: 0; }
.tool-directory main > .section { padding-top: 20px; padding-bottom: 32px; }
.tool-directory main > .section.alt { background: var(--bg); }
.tool-directory .card h3 { margin-top: 0; margin-bottom: 6px; }
.tool-directory .xp-art { margin-bottom: 14px; }
@media (max-width: 560px) {
  .tool-directory .directory-controls { flex-wrap: wrap; gap: 10px; padding-top: 12px; padding-bottom: 8px; }
  .tool-directory .directory-controls .finder { flex-basis: 100%; order: 1; }
  .tool-directory .directory-controls .language-toggle { margin-left: auto; }
  .tool-directory main > .section { padding-top: 12px; padding-bottom: 24px; }
}