[data-site-header] .header-topbar{max-height:44px;opacity:1;transition:max-height .25s ease,opacity .2s ease}
[data-site-header].is-scrolled .header-topbar{max-height:0;opacity:0;pointer-events:none}
.header-search{width:clamp(220px,18vw,320px)}
.header-search input{min-height:46px}
.mobile-header-actions,.mobile-header-search{display:none}
.mobile-header-auth{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border-radius:14px;background:oklch(var(--accent-500));color:oklch(var(--foreground-950));font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.mobile-header-auth i{font-size:18px}
.mobile-header-auth:focus-visible{outline:3px solid oklch(var(--primary-400));outline-offset:3px}
[data-header-search]{position:relative}
.header-search-results{position:absolute;top:calc(100% + 7px);right:0;min-width:100%;width:min(340px,calc(100vw - 32px));z-index:70;padding:8px;border:1px solid oklch(var(--background-200));border-radius:16px;background:oklch(var(--background-50));box-shadow:0 16px 40px #071a3726;text-align:right}
.header-search-results[hidden]{display:none!important}
.header-search-results p{font-size:10px;color:oklch(var(--foreground-500));padding:6px 8px;line-height:1.9}
.header-search-results ul{max-height:min(320px,45dvh);overflow-y:auto;overscroll-behavior:contain;list-style:none;padding:0}
.header-search-results a{display:block;padding:12px 10px;border-radius:10px;font-size:12px;line-height:1.8;color:oklch(var(--foreground-800))}
.header-search-results a:hover,.header-search-results a:focus-visible{background:oklch(var(--primary-50));color:oklch(var(--primary-700));outline:2px solid oklch(var(--primary-300));outline-offset:-2px}
.header-search-target{scroll-margin-top:190px}
@media(max-width:1023px){.mobile-header-actions{display:flex;align-items:center;gap:8px;flex:none}.header-main-row{padding-inline:16px;gap:12px}.header-main-row>a{min-width:0;flex-shrink:1}.header-main-row>a img{max-width:130px;width:auto;height:40px}.mobile-header-search{display:block;height:60px;padding:0 16px 12px}.mobile-header-search form{height:48px}.mobile-header-search input{width:100%;height:48px;padding:0 16px 0 52px;border:1px solid oklch(var(--background-200));border-radius:14px;background:oklch(var(--background-100));color:oklch(var(--foreground-900));font-size:16px;outline:none}.mobile-header-search input::placeholder{font-size:12px;color:oklch(var(--foreground-400))}.mobile-header-search input:focus{border-color:oklch(var(--primary-400));box-shadow:0 0 0 3px oklch(var(--primary-100))}.mobile-header-search button{position:absolute;left:4px;top:4px;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:oklch(var(--background-50));color:oklch(var(--primary-700));font-size:20px;cursor:pointer}.mobile-header-search button:focus-visible{outline:3px solid oklch(var(--primary-300))}.mobile-header-search .header-search-results{width:100%}#home{padding-top:132px}}
@media(min-width:768px) and (max-width:1023px){#home{padding-top:176px}}
@media(max-width:420px){.mobile-header-actions .mobile-menu-trigger{width:44px;padding:0;flex:none}.mobile-header-actions .mobile-menu-trigger span{display:none}.header-main-row>a img{max-width:110px}.mobile-header-auth{padding-inline:10px;font-size:11px;gap:5px}.header-main-row{gap:8px}}
@media(max-width:360px){.header-main-row>a img{max-width:88px}.mobile-header-auth{padding-inline:8px}}
.mobile-header-actions .mobile-header-auth{width:44px;height:44px;padding:0;gap:0}
.mobile-header-actions .mobile-header-auth i{font-size:21px}
@media(prefers-reduced-motion:reduce){[data-site-header] .header-topbar{transition:none}}
