@layer components{@scope ([data-scope="site-header"]){:scope{position:sticky;top:0;z-index:20;width:100%}:scope[data-open]{height:100dvh;background-color:rgba(255,255,255,.95)}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-md);border-bottom:1px solid var(--color-gray-100);background-color:var(--color-white)}@media (min-width:1024px){.header-bar{padding-left:var(--space-lg);padding-right:var(--space-lg)}}.site-title{font-size:var(--text-xl);font-weight:700;color:var(--color-black)}.header-actions{display:flex;align-items:center;gap:1.5rem}.desktop-nav-list{display:none;gap:1.5rem}@media (min-width:1024px){.desktop-nav-list{display:flex}}.nav-link{display:inline-block;padding-top:var(--space-xs);padding-bottom:var(--space-xs);color:var(--color-black-700)}.nav-link:hover{color:var(--color-blue-600)}.nav-link[data-active]{font-weight:700;border-bottom:4px solid var(--color-blue-600)}.mobile-nav{display:flex;flex-direction:column;padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.mobile-nav[data-hidden]{display:none}.mobile-nav-link{display:block;padding:var(--space-md);font-size:var(--text-lg);font-weight:700}.mobile-nav-link:hover{cursor:pointer;color:var(--color-blue-600);text-decoration:underline}.menu-button-wrapper{position:fixed;bottom:0;left:0;width:100%;padding:var(--space-lg) var(--space-md)}@media (min-width:1024px){.menu-button-wrapper:not([data-force-show]){display:none}}.menu-button{width:100%}.menu-icon{width:1.5rem;height:1.5rem}.locale-switcher{display:none;gap:.25rem;font-size:var(--text-sm)}@media (min-width:1024px){.locale-switcher{display:flex}}.locale-switcher[data-hidden]{display:none}.locale-link:hover{color:var(--color-blue-600)}}}