/* === Critical Layout Rules === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-family-base,system-ui,sans-serif);color:var(--color-text-primary,#111);background:var(--color-bg-primary,#fff);line-height:var(--line-height-base,1.8)}
.site-header{position:sticky;top:0;z-index:1000;background:var(--color-bg-primary,#fff);border-bottom:1px solid var(--color-border,#d0d0d0)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;width:100%}
.site-header__logo{flex:0 0 auto}
.site-header__logo img{display:block;width:50px;height:50px}
.site-header__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.nav-desktop{display:flex;align-items:center;gap:10px}
.nav-mobile{display:none;position:relative}
.content{max-width:var(--max-width,96ch);margin:0 auto;padding:var(--space-8,2rem) var(--space-4,1rem)}
@media(max-width:768px){.nav-desktop{display:none}.nav-mobile{display:block}}