.ap24-header{position:fixed;top:0;left:0;width:100%;background:var(--surface-main);border-bottom:var(--border-strong);z-index:1000}
.ap24-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.ap24-header-spacer{height:72px}

.ap24-brand{display:flex;align-items:center;gap:12px}
.ap24-brand__mark img{height:52px;width:auto}
.ap24-brand__text{font-family:var(--font-heading);font-size:1.2rem}

.ap24-nav{display:flex}
.ap24-nav__list{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.ap24-nav a{position:relative}
.ap24-nav a:hover::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:var(--color-warning-yellow)}

.ap24-actions{display:flex;align-items:center;gap:12px}

.ap24-toggle{display:none;flex-direction:column;gap:4px;padding:8px}
.ap24-toggle span{display:block;width:24px;height:2px;background:var(--color-worn-white)}

@media(max-width:900px){
  .ap24-nav{position:fixed;top:72px;left:0;width:100%;height:calc(100vh - 72px);background:var(--surface-panel);transform:translateX(100%);transition:0.25s ease;overflow:auto}
  .ap24-nav.open{transform:translateX(0)}
  .ap24-nav__list{flex-direction:column;padding:24px}
  .ap24-toggle{display:flex}
}