.atlas-nav { padding: 0.5em 0; margin-bottom: 1em; border-bottom: 1px solid #ddd; font-size: 0.9rem; }
.atlas-nav a { margin-right: 0.5em; padding: 0.2em 0.5em; text-decoration: none; color: #1565c0; }
.atlas-nav a:hover { background: #e3f2fd; }
.atlas-nav a:focus-visible { outline: 2px solid #1565c0; outline-offset: 2px; }
#atlas-filter { width: 100%; max-width: 400px; padding: 0.4em 0.6em; margin: 1em 0; border: 1px solid #ccc; border-radius: 3px; font: inherit; }
#atlas-filter:focus-visible { outline: 2px solid #1565c0; outline-offset: 1px; }
#atlas-table { border-collapse: collapse; width: 100%; }
#atlas-table th { text-align: left; padding: 0.4em 0.6em; border-bottom: 2px solid #333; cursor: pointer; user-select: none; }
#atlas-table th:hover { background: #f0f0f0; }
#atlas-table td { padding: 0.3em 0.6em; border-bottom: 1px solid #eee; }
#atlas-table a { text-decoration: none; color: #1565c0; }
#atlas-table a:hover { text-decoration: underline; }
#atlas-table a:focus-visible { outline: 2px solid #1565c0; outline-offset: 2px; }