/* Compact directory layout, retaining the original Kebero components. */
.compact-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body:has(#searchform) main{padding-top:16px}
.header .header-discovery{flex:0 1 auto;gap:5px;margin:0;padding:0;align-items:center}
.header .header-discovery a{font-size:13px;line-height:1.3;padding:8px 10px;white-space:nowrap;border-radius:8px}
#directory .searchbox{margin-top:0}
#directory .category-section{margin:16px 0 12px}
#directory .category-section .section-heading{margin:0;min-height:24px;justify-content:flex-start}
#directory #allCategories{padding:4px 0;font-size:15px;color:#075b38}
#directory .categories{padding-top:10px;gap:9px}
#directory .categories button{min-height:88px;padding:10px 8px;gap:7px}
#directory .categories .category-icon{width:34px;height:34px;padding:6px}
#directory .browse-toolbar{padding:12px 0}
#directory .guided-entry{margin:20px 0}
#categories button.active,
#categories button.active:hover,
#categories button.active:focus-visible,
.subcategories button.active,
.subcategories button.active:hover,
.category-menu button.active,
.category-menu button.active:hover{background:#d9efc6;border-color:#4e7537;color:#173d24}
#categories button.active>span:last-child,
#categories button.active:hover>span:last-child{color:#173d24}
#categories button.active .category-icon{background:#edf7e4;color:#173d24}
@media(max-width:1050px){
  .header:has(.header-discovery){flex-wrap:wrap;gap:10px 14px;padding-top:12px;padding-bottom:12px}
  .header .header-discovery{order:4;flex-basis:100%;justify-content:center}
}
@media(max-width:650px){
  body:has(#searchform) main{padding-top:12px}
  .header:has(.header-discovery) .header-right{flex:0 0 auto;width:auto;margin-left:auto;gap:8px}
  .header .location-trigger #locationLabel{display:none}
  .header .header-discovery a{font-size:12px;padding:6px 9px}
  #directory .category-section{margin-top:12px}
  #directory .categories{grid-template-columns:repeat(4,minmax(0,1fr))}
  #directory .categories button{min-height:78px;padding:8px 5px}
  #directory .categories button>span:last-child{font-size:13px;overflow-wrap:anywhere}
}