.site-header{position:relative;z-index:20;width:100%;min-height:72px;height:auto;padding:10px clamp(16px,5vw,76px);display:flex;align-items:center;gap:24px;border-bottom:1px solid #34382e;background:rgba(12,13,11,.94);color:#f4f2e9;backdrop-filter:blur(12px)}
.site-brand{display:flex;flex:0 0 auto;align-items:baseline;gap:12px;color:#f4f2e9;text-decoration:none;font:900 15px Arial;letter-spacing:.02em}.site-brand span{color:#d5f557}.site-brand small{color:#85897d;font-size:8px;letter-spacing:.16em}
.site-nav{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:3px;margin:0}.site-nav a{padding:8px 9px;border:1px solid transparent;color:#9da093;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}.site-nav a:hover,.site-nav a.is-active{border-color:#4b5043;color:#d5f557;background:#1d201a}.site-nav a.is-external::after{content:"↗";margin-left:4px;font-size:8px}
.site-header .user-highlight-control{display:flex;flex:0 0 auto;align-items:center;gap:6px;margin-left:0;font-size:10px}.site-header .user-highlight-control label{color:#999;white-space:nowrap}.site-header .user-highlight-control input{width:112px;height:29px;padding:4px 7px;border:1px solid #777b70;background:#fffaf0;color:#292d27;font:700 11px "Yu Gothic UI",sans-serif}.site-header .user-highlight-control button{height:29px;padding:0 10px;border:0;background:#b9472e;color:#fff;font:800 10px "Yu Gothic UI",sans-serif;cursor:pointer}.site-header .user-highlight-control button:hover{filter:brightness(1.08)}
.site-header-my-user{display:grid;min-width:118px;max-width:170px;flex:0 1 170px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label arrow" "name arrow";align-items:center;column-gap:7px;padding:5px 8px;border:1px solid rgba(213,245,87,.35);border-left:3px solid #d5f557;background:rgba(18,22,17,.88);color:#f4f2e9;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.site-header-my-user[hidden]{display:none!important}.site-header-my-user small{grid-area:label;color:#b8c774;font:800 6px Arial;letter-spacing:.14em}.site-header-my-user strong{grid-area:name;overflow:hidden;margin-top:1px;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.site-header-my-user span{grid-area:arrow;color:#dfbd70;font-size:13px}.site-header-my-user:hover{border-color:#dfbd70;background:#242a20;color:#fff}
@media(min-width:1051px){html{scroll-padding-top:80px}}
@media(min-width:901px) and (max-width:1050px){html{scroll-padding-top:103px}}
@media(min-width:901px){.site-header{position:sticky;z-index:80;top:0;backdrop-filter:none}.site-header.is-scrolled{box-shadow:0 8px 24px rgba(17,20,16,.34)}.site-header.is-scrolled .user-highlight-control label{display:none}}
@media(max-width:1050px){.site-header{flex-wrap:wrap;gap:7px 15px}.site-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.site-header .user-highlight-control{margin-left:auto}}
@media(min-width:901px) and (max-width:1050px){.site-header-my-user{min-width:108px;max-width:145px;flex-basis:145px}}
@media(max-width:900px){.site-header{position:relative}.site-header-my-user{display:none!important}}
@media(max-width:620px){.site-header{padding:10px 12px}.site-brand small{display:none}.site-nav a{padding:7px 8px;font-size:9px}.site-header .user-highlight-control{order:4;width:100%;margin-left:0}.site-header .user-highlight-control label{flex:1}.site-header .user-highlight-control input{width:105px}}