#siteHeader{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #e7e5e4;color:#2c4a3e;font:500 14px/1.45 system-ui,sans-serif}
#siteHeader>div:first-child,#logoBtn,#siteHeader nav{display:flex;align-items:center;gap:12px}
#siteHeader>div:first-child{max-width:1152px;margin:auto;padding:12px 16px;justify-content:space-between}
#siteHeader a{color:inherit;text-decoration:none}
#logoBtn>div:first-child{display:grid;place-items:center;width:40px;height:40px;background:#2c4a3e;border-radius:8px;color:white}
#siteHeader svg{display:block;width:24px;height:24px}
#logoBtn span{display:block}
#logoBtn span:first-child{font-size:12px;color:#57534e}
#logoBtn span:last-child{font:700 26px/1.3 serif}
#siteHeader nav{gap:24px}
#siteHeader nav a:last-child{background:#d96b27;color:white;padding:8px 16px;border-radius:8px}
#mobileMenuBtn{padding:8px;border:1px solid #ddd;border-radius:8px;background:white;color:inherit;cursor:pointer}
#mobileMenu{padding:8px 16px;border-top:1px solid #ddd}
#mobileMenu a{display:block;padding:8px}
#mobileMenu.hidden,#siteHeader nav{display:none}
@media(min-width:1200px){#siteHeader nav{display:flex}#mobileMenuBtn,#mobileMenu{display:none}}
@media(max-width:639px){#siteHeader>div:first-child{padding-block:10px}#logoBtn span:last-child{font-size:24px}}
