.cf-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--color-border-light);z-index:1000}
.cf-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:var(--space-2)}
.cf-header__brand{display:flex;align-items:center;gap:0.5rem;min-width:0}
.cf-header__logo{height:42px;width:auto}
.cf-header__brand-text{font-weight:700;font-size:1.1rem}

.cf-header__toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;min-height:48px;min-width:48px}
.cf-header__toggle-line{width:22px;height:2px;background:#000}

.cf-header__nav{position:fixed;top:64px;left:0;width:100%;background:#fff;border-top:1px solid var(--color-border-light);display:none;max-height:calc(100vh - 64px);overflow:auto}
.cf-header__nav.is-open{display:block}

.cf-header__menu{list-style:none;margin:0;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}
.cf-header__menu li{margin:0}
.cf-header__menu a{font-weight:600}

@media(min-width:900px){
.cf-header__toggle{display:none}
.cf-header__nav{position:static;display:block;max-height:none;border:none}
.cf-header__menu{flex-direction:row;align-items:center;padding:0;gap:1.5rem}
.cf-header__logo{height:46px}
}