@charset "UTF-8";
/* Shared top navigation for the resource hub, four projects and headquarters.
   Page-specific links/active state remain HTML. This file does not style the
   library app, admin pages or the company-LOGO category navigation. */
.site-header{width:100%;background:#fff;border-bottom:1px solid #e5e5e5}
.site-header .header-inner{width:min(calc(100% - 84px),1452px);min-height:87px;display:grid;grid-template-columns:minmax(220px,300px) 1fr 48px;align-items:center;gap:34px}
.site-header .brand img{display:block;width:min(100%,255px);height:70px;object-fit:contain;object-position:left center}
.site-header .nav{display:flex;justify-content:center;gap:clamp(24px,3.4vw,64px);font-size:17px;font-weight:750}
.site-header .nav a{position:relative;padding:30px 0 25px;white-space:nowrap}
.site-header .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:3px;background:var(--blue);transition:right .18s}
.site-header .nav a:hover::after,.site-header .nav a:focus-visible::after,.site-header .nav a.active::after{right:0}
.site-header .header-search{width:46px;height:46px;display:grid;place-items:center;border:1.5px solid var(--blue);border-radius:8px;color:var(--blue);font-size:27px;line-height:1}

/* The homepage retains its existing sixth link and compact spacing. */
.site-header--treasure .nav{gap:clamp(16px,2vw,32px)}
@media(max-width:900px){
 .site-header .header-inner{width:min(calc(100% - 36px),1372px);min-height:76px;grid-template-columns:1fr 44px}
 .site-header .brand img{width:205px;height:60px}
 .site-header .nav{display:none}
 .site-header--treasure .header-inner{grid-template-columns:minmax(0,1fr) auto 44px;gap:16px}
 .site-header--treasure .nav{display:flex;grid-column:2;grid-row:1}
 .site-header--treasure .nav a{display:none}
 .site-header--treasure .nav .treasure-link{display:block;padding:8px 0;font-size:15px}
 .site-header--treasure .header-search{grid-column:3;grid-row:1}
 .site-header--treasure .nav .treasure-link::after{display:none}
}
@media(max-width:580px){.site-header .header-inner{width:calc(100% - 28px)}}