.directory-skip-link {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 1000;
    padding: 9px 13px;
    transform: translateY(-160%);
    background: #fff;
    color: #105bbb;
    font-weight: 700;
}

.directory-skip-link:focus { transform: translateY(0); }
.directory-shell { min-height: 68vh; }

.directory-page-header {
    margin-bottom: 26px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9dee5;
}

.directory-page-header h1 {
    margin: 0 0 10px;
    color: #105bbb;
    font-size: 34px;
    line-height: 1.2;
}

.directory-page-header p { margin: 0; font-size: 17px; line-height: 1.6; }
.directory-section-heading { margin: 0 0 12px; color: #105bbb; font-size: 25px; }

.directory-filter-control { margin: 24px 0; }
.directory-filter-control label { display: block; margin-bottom: 7px; font-weight: 700; }
.directory-filter-control input {
    width: 100%;
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid #aab4bf;
    border-radius: 2px;
}
.directory-filter-control input:focus { border-color: #105bbb; outline: 3px solid rgba(16,91,187,.18); }
.directory-filter-control p { margin: 7px 0 0; color: #5b6673; font-size: 13px; }

.directory-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.directory-card {
    min-width: 0;
    padding: 18px;
    border: 1px solid #d9dee5;
    background: #f7f9fb;
}

.directory-card h3 { margin: 0 0 8px; color: #105bbb; font-size: 24px; }
.directory-card p { margin: 8px 0; line-height: 1.45; }
.directory-card p span { display: block; color: #66717e; font-size: 12px; }
.directory-card p strong { display: block; overflow-wrap: anywhere; }
.directory-card-type { color: #34495e; }
.directory-card a { display: inline-block; margin-top: 8px; font-weight: 700; }
.directory-no-results { padding: 14px; border-left: 4px solid #105bbb; background: #eef5fb; }
.directory-empty { padding: 18px; border: 1px solid #d9dee5; background: #f7f9fb; }
.directory-empty h2 { margin-top: 0; color: #105bbb; }

.directory-sidebar-panel {
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid #d9dee5;
    background: #f7f9fb;
}
.directory-sidebar-panel h2 { margin: 0 0 12px; color: #105bbb; font-size: 20px; }
.directory-sidebar-panel p { margin: 10px 0 0; }
.directory-pagination { margin-top: 24px; }

@media (max-width: 640px) {
    .directory-page-header h1 { font-size: 28px; }
    .directory-grid { grid-template-columns: 1fr; }
}