/* Directory home masthead: a clearer editorial control bar for the active collection. */
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #dfe4ec;box-shadow:0 8px 24px rgba(23,31,47,.045)}
.header-inner{min-height:76px;gap:28px}
.brand{display:flex;align-items:center;white-space:nowrap;font-size:21px;font-weight:900;letter-spacing:-.055em}
.brand:before{width:31px;height:31px;margin-right:10px;background:#1c4966;box-shadow:inset 0 0 0 5px #eaf6fa;color:#1c4966}
.brand:after{content:"REVIEW DESK";margin-left:11px;padding-left:11px;border-left:1px solid #d9dee6;color:#8490a0;font-size:10px;font-weight:900;letter-spacing:.15em}
nav{gap:2px;flex-wrap:nowrap;padding:0;border:0;border-radius:0;background:transparent}
nav a{position:relative;padding:27px 12px 24px;border-radius:0;color:#5a6575;font-size:13px;font-weight:850;line-height:1;transition:color .18s}
nav a:hover{background:transparent;color:#172236}
nav a[aria-current="page"]{background:transparent;color:#172236;box-shadow:none}nav a[aria-current="page"]:after{content:"";position:absolute;right:12px;bottom:0;left:12px;height:3px;border-radius:3px 3px 0 0;background:#1c4966}
@media(max-width:760px){.header-inner{min-height:auto;padding:12px 0;align-items:flex-start;flex-direction:column;gap:11px}.brand:after{display:none}nav{width:100%;overflow-x:auto;border-radius:12px}nav a{padding:9px 11px;white-space:nowrap}}
/* Keep the navigation beside the masthead instead of pushing it to the far edge. */
.header-inner{justify-content:flex-start}