.sa-ribbon{background:var(--color-surface-secondary);color:var(--color-text-accent);text-align:center;padding:0.4rem 1rem;font-size:0.85rem;letter-spacing:0.05em}
.sa-header{position:sticky;top:0;z-index:1000;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border)}
.sa-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.sa-brand{display:flex;align-items:center;gap:0.6rem;text-decoration:none}
.sa-logo{height:36px;width:auto}
.sa-brand-text{font-family:var(--font-heading);font-size:1.1rem;letter-spacing:0.08em;color:var(--color-text-primary)}
.sa-toggle{display:none;flex-direction:column;gap:4px;padding:8px;background:none;border:none;cursor:pointer}
.sa-toggle span{display:block;width:22px;height:2px;background:var(--color-text-primary)}
.sa-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1.2rem}
.sa-nav a{color:var(--color-text-primary);text-transform:uppercase;font-size:0.8rem;letter-spacing:0.08em}
.sa-nav-close{display:none}
@media(max-width:900px){
.sa-toggle{display:flex}
.sa-nav{position:fixed;top:0;right:0;height:100vh;width:80%;max-width:320px;background:var(--color-surface-secondary);transform:translateX(100%);transition:transform 0.25s ease;z-index:1100;padding:4rem 2rem 2rem}
.sa-nav.open{transform:translateX(0)}
.sa-nav ul{flex-direction:column;align-items:flex-start;gap:1rem}
.sa-nav-close{display:flex;align-items:center;justify-content:center;position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;background:none;border:none;padding:0;cursor:pointer;z-index:1}
.sa-nav-close span{position:absolute;display:block;width:22px;height:2px;background:var(--color-text-primary);transition:transform 0.2s ease}
.sa-nav-close span:nth-child(1){transform:rotate(45deg)}
.sa-nav-close span:nth-child(2){transform:rotate(-45deg)}
.sa-nav-close:hover span{background:var(--color-text-accent)}
}