/* Shared header proportions; page themes supply the light and dark surfaces. */
.site-header .nav.container{width:min(1200px,calc(100% - 48px));max-width:none;margin-inline:auto;padding-inline:32px;height:88px;gap:24px}
.blog-theme .site-header .nav.container{width:100%}
@media(min-width:951px){
 .site-header .nav.container{display:grid;grid-template-columns:208px minmax(0,1fr) 208px}
 .site-header .brand{justify-self:start}
 .site-header .brand img{width:184px;height:auto}
 .site-header #nav-links{margin:0;justify-content:center;gap:clamp(24px,2.6vw,36px);font-size:13px}
 .site-header .nav-apply{width:100%;min-width:0;min-height:52px;justify-self:end}
}
@media(min-width:951px) and (max-width:1100px){
 .site-header .nav.container{grid-template-columns:170px minmax(0,1fr) 170px;gap:16px}
 .site-header .brand img{width:165px}
 .site-header #nav-links{gap:20px}
}
@media(max-width:950px){
 .site-header .nav.container{height:76px;gap:16px}
 .site-header .nav-apply{margin-left:auto}
 .site-header .brand img{width:165px}
}
@media(max-width:760px){
 .site-header .nav.container{width:calc(100% - 24px);padding-inline:24px}
 .blog-theme .site-header .nav.container{width:100%}
}
@media(max-width:520px){
 .site-header .nav.container{padding-inline:14px;gap:12px}
 .site-header .brand img{width:140px}
 .site-header .nav-apply{min-width:0;font-size:12px;padding:12px}
}
@media(max-width:359px){
 .site-header .nav.container{padding-inline:10px;gap:8px}
 .site-header .brand img{width:120px}
}
/* Keep expanded phone menus in one scrollable column. */
@media(max-width:950px){
 .site-header #nav-links.is-open{flex-flow:column nowrap;align-items:stretch;overflow-x:hidden}
 .site-header #nav-links> *{flex-shrink:0;min-width:0}
}