/* Hide individual listings only, never the page wrapper. */
#page article.blog-item.directory-hidden { display: none !important; }
#directory-filters .directory-row {
display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0;
}
#directory-filters button {
font: inherit; cursor: pointer; border: 1px solid #253746;
border-radius: 999px; padding: 8px 16px;
color: #253746; background: transparent;
}
#directory-filters #directory-main-filters button.active {
background: #253746; color: white;
}
#directory-sub-filters {
padding-top: 1em;
}
#directory-filters #directory-sub-filters button,
#directory-filters #directory-sub-filters button:hover,
#directory-filters #directory-sub-filters button.active {
background: none !important; color: #253746;
border-color: #c4cdd4;
}
#directory-filters #directory-sub-filters button.active {
border-color: #298fc2;
box-shadow: inset 0 0 0 1px #298fc2;
}
#directory-filters button:focus-visible {
outline: 2px solid #298fc2; outline-offset: 3px;
}
#directory-filters { margin-bottom: 0 !important; }
#directory-sub-filters[hidden] { display: none !important; }
#directory-status[hidden] { display: none !important; }
/* Remove stacked section/grid padding between filters and listings. */
#page .directory-intro-section {
min-height: 0 !important;
}
#page .directory-intro-section > .content-wrapper {
padding-bottom: 16px !important;
}
#page .blog-basic-grid.directory-card-grid {
padding-top: 16px !important;
align-content: start;
}
