/* hmic.dev shared header + footer. Source: hmic-dev\sitekit\chrome\. Applied by sitekit\apply_chrome.py. Edit there, not per page. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@500;600;700&display=swap');
.hx-bar,.hx-foot{--hx-panel:#faf3e0;--hx-soft:#f0e6c8;--hx-dim:#6b5f4d;--hx-deep:#205552;--hx-orange:#c44a26;--hx-border:#cfc6a6;box-sizing:border-box;font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;margin:0;width:100%}
.hx-bar *,.hx-foot *{box-sizing:border-box}
.hx-bar{background:var(--hx-panel);border-bottom:1px solid var(--hx-border);position:relative;z-index:50}
.hx-inner{max-width:1080px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hx-brand,.hx-brand:hover{border:0!important;background:none!important;padding:0;line-height:0;flex:0 0 auto}
.hx-brand img{display:block;height:44px;width:auto;margin:0}
.hx-menu{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}
.hx-menu li{margin:0;padding:0;list-style:none}
.hx-menu li::before{content:none}
.hx-bar a.hx-link,.hx-foot a.hx-link{display:block;padding:8px 12px;font:600 13px/1.4 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--hx-dim);text-decoration:none;border:0;border-bottom:2px solid transparent;background:none}
.hx-bar a.hx-link:hover{color:var(--hx-deep);border-bottom-color:var(--hx-deep)}
.hx-bar a.hx-link[aria-current=page]{color:var(--hx-orange);border-bottom-color:var(--hx-orange);font-weight:700}
.hx-foot{background:var(--hx-soft);border-top:1px solid var(--hx-border);margin-top:48px;padding:8px 0 20px}
.hx-foot a.hx-link{padding:6px 10px;font-size:12px}
.hx-foot a.hx-link:hover{color:var(--hx-deep)}
.hx-social{justify-content:flex-start;flex-wrap:wrap;gap:16px;padding-top:0;padding-bottom:4px}
.hx-social a{font:500 13px/1.4 'IBM Plex Sans',system-ui,sans-serif;color:var(--hx-dim);text-decoration:none;border:0;background:none}
.hx-social a:hover{color:var(--hx-deep);text-decoration:underline}
.hx-mark{max-width:1080px;margin:0 auto;padding:4px 24px 0;font:500 11.5px/1.5 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--hx-dim)}
@media (max-width:760px){
 .hx-inner{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 16px}
 .hx-brand img{height:36px}
 .hx-menu{gap:0 2px;width:100%}
 .hx-bar a.hx-link,.hx-foot a.hx-link{padding:7px 9px;font-size:12.5px;letter-spacing:1px;white-space:nowrap}
 .hx-mark{padding:4px 16px 0}
}