/* The approved ABOUT header is shared by every page. */
.review-bar{background:#11130f;color:#dcf45b}
.review-bar b{color:#e4e8d7}
.review-bar .wrap,.site-header .header-inner{width:min(1760px,calc(100% - 8vw));margin-inline:auto}
.site-header{height:96px;background:#f5f2e9;color:#11130f;border-bottom:0}
.site-header .header-inner{gap:28px}
/* Center the original JHAD letters (y=181..415), excluding the raised blue dot. */
.site-header .brand .logo-crop{width:148px;aspect-ratio:1075 / 234;overflow:visible}
.site-header .brand .logo-crop img{top:-77.35042735%}
.site-header .main-nav{gap:clamp(26px,3.6vw,58px);font-size:clamp(16px,1.45vw,22px);font-weight:780;letter-spacing:-.025em}
.site-header .main-nav a{transition:opacity .2s}
.site-header .main-nav a:hover{opacity:.6}
.site-header .main-nav a[aria-current=page]:after{display:block;height:5px;background:#dcf45b;bottom:5px}
.site-header .main-nav .nav-contact{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:8px 20px;border:2px solid currentColor;line-height:1.3;min-height:46px;transition:background .2s,color .2s}
.site-header .main-nav .nav-contact:hover{background:#11130f;color:#dcf45b;opacity:1}
.site-header .nav-contact .icon{width:20px;height:20px}
.site-header .nav-actions{gap:12px}
.site-header .saved-link{color:#11130f;gap:5px}
.site-header .saved-link>span:not(.saved-count){display:none}
.site-header .saved-link .icon{width:20px;height:20px}
.site-header .saved-count{color:#11130f;font-size:12px}
.site-header :focus-visible{outline:3px solid #568fe9;outline-offset:7px}
@media(max-width:1100px){
 .site-header .header-inner{gap:20px}
 .site-header .brand .logo-crop{width:126px}
 .site-header .main-nav{gap:26px}
 .site-header .main-nav .nav-contact{gap:10px;padding-inline:14px}
}
@media(max-width:800px){
 .review-bar .wrap,.site-header .header-inner{width:calc(100% - 44px)}
 .site-header{height:78px}
 .site-header .brand .logo-crop{width:112px}
 .site-header .main-nav{top:77px;background:#f5f2e9;padding:18px 22px;gap:0;border-color:#11130f30}
 .site-header .main-nav a{font-size:20px;font-weight:750;padding:14px 0}
 .site-header .main-nav a[aria-current=page]:after{right:auto;width:70px;bottom:7px}
 .site-header .main-nav .nav-contact{align-self:flex-start;margin:10px 0;padding:9px 18px}
}
@media(prefers-reduced-motion:reduce){.site-header *{transition:none!important}}
