:root{--header-width:1750px;--content-width:1500px;--footer-width:1350px}
.container{width:min(calc(100% - var(--gutter)*2),var(--content-width))}
.site-footer .container{width:min(calc(100% - var(--gutter)*2),var(--footer-width))}
.site-header{border-bottom:1px solid var(--line)}
.site-header .utility{padding-inline:max(var(--gutter),calc((100% - var(--header-width))/2))}
.header-layout{width:min(calc(100% - var(--gutter)*2),var(--header-width));margin-inline:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:88px;padding-block:14px}
.header-layout .brand{justify-self:start;gap:10px}
.header-layout .brand-emblem{width:39px;height:46px}
.header-layout .brand-name{font-size:31px}
.header-layout .main-nav{border:0;min-width:0}
.header-layout .nav-inner{width:100%;min-height:44px;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 12px}
.header-layout .main-nav a{min-height:44px;font-size:12px}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.header-actions .search-trigger,.header-actions .mobile-toggle{position:static;transform:none;flex:none}
.header-actions .mobile-toggle{display:none}
@media(min-width:1400px){.header-layout .main-nav{display:block;position:static;background:transparent;box-shadow:none;max-height:none;overflow:visible}}
@media(max-width:1399px){
 .header-layout{grid-template-columns:minmax(0,1fr) auto;gap:16px}
 .header-layout .brand{grid-column:1}
 .header-actions{grid-column:2}
 .header-actions .mobile-toggle{display:flex}
 .header-layout .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);box-shadow:0 12px 24px #21120b22;max-height:calc(100dvh - 125px);overflow-y:auto}
 .header-layout .main-nav.open{display:block}
 .header-layout .nav-inner{display:block;width:min(calc(100% - var(--gutter)*2),var(--header-width));margin-inline:auto;padding-block:12px}
 .header-layout .main-nav a{display:flex;min-height:44px;padding:10px 0;border-bottom:1px solid var(--line);white-space:normal}
}
@media(max-width:760px){.header-layout{min-height:74px;padding-block:10px;gap:8px}.header-layout .brand{gap:8px}.header-layout .brand-emblem{width:31px;height:37px}.header-layout .brand-name{font-size:25px}.header-actions{gap:0}.header-actions button{width:40px;height:44px;padding:9px}.header-layout .main-nav{max-height:calc(100dvh - 108px)}}
@media(max-width:360px){.header-layout .brand{gap:6px}.header-layout .brand-name{font-size:22px}.header-layout .brand-emblem{width:28px;height:33px}.header-actions button{width:36px}}