html{scrollbar-gutter:stable}
.site-header{width:min(1180px,calc(100% - 36px));min-height:95px;margin-inline:auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #29494d}
.site-header .brand{display:flex;flex:0 0 auto;align-items:center;gap:12px;min-width:0;color:#edf8f8;text-decoration:none;font:900 16px/1.2 Inter,"Segoe UI",sans-serif;letter-spacing:.11em;white-space:nowrap}
.site-header .brand img{display:block;width:47px;height:47px;object-fit:contain}
.site-header .brand b{color:#8ceef0}
.site-header .brand small{display:block;color:#b0c5c6;font-size:9px;letter-spacing:.28em}
.site-header nav{display:grid;flex:1 1 760px;grid-template-columns:repeat(7,minmax(0,1fr));width:min(760px,100%);max-width:760px;min-width:0;gap:6px}
.site-header nav a{display:grid;place-items:center;min-height:42px;padding:8px 4px;border:1px solid transparent;border-radius:6px;color:#c0d5d6;text-align:center;text-decoration:none;font-size:13px;font-weight:750;line-height:1.2;white-space:normal}
.site-header nav a:hover,.site-header nav a[aria-current="page"]{border-color:#29494d;background:#163237;color:#fff}
@media(max-width:900px){.site-header{min-height:0;flex-direction:column;align-items:stretch;justify-content:center;gap:13px;padding:17px 0 12px}.site-header .brand{align-self:flex-start}.site-header nav{flex:none;width:100%;max-width:none}}
@media(max-width:480px){.site-header nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.site-header nav a{min-height:46px;padding:6px 2px;font-size:11px;overflow-wrap:anywhere}.site-header .brand{font-size:14px}.site-header .brand img{width:42px;height:42px}}