/* ============ NAVBAR ============ */
.navbar { position: fixed; top: var(--navbar-gap); left: 0; right: 0; z-index: 900; pointer-events: none; padding-inline: var(--content-pad); }
.navbar__inner {
    pointer-events: auto; width: 100%; max-width: var(--content-max); margin-inline: auto;
    min-height: var(--navbar-h); padding: 10px 12px 10px 22px; display: flex; align-items: center;
    justify-content: space-between; gap: var(--space-md); background: var(--color-ink-fixed);
    border-radius: var(--radius-md); box-shadow: var(--shadow-nav);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.navbar__brand { display: inline-flex; align-items: center; flex-shrink: 0; }
.navbar__logo { height: 28px; width: auto; display: block; filter: brightness(0) invert(1); }
.navbar__links { display: flex; align-items: center; gap: var(--space-lg); margin-left: var(--space-lg); margin-right: auto; }
.navbar__link { color: var(--color-text-onink); font-size: var(--text-sm); font-weight: 500; padding: 6px 2px; transition: color var(--transition-fast); }
.navbar__link:hover { color: var(--color-text-ondark); }
.navbar__actions { display: flex; align-items: center; gap: var(--space-sm); flex-shrink: 0; }
.navbar__login { color: var(--color-text-onink); font-size: var(--text-sm); font-weight: 600; padding: 8px var(--space-sm); transition: color var(--transition-fast); }
.navbar__login:hover { color: var(--color-text-ondark); }
.navbar__cta { min-height: 42px; padding-inline: var(--space-md); }
.navbar__toggle { display: none; width: 44px; height: 44px; border-radius: var(--radius-md); align-items: center; justify-content: center; color: var(--color-text-ondark); flex-shrink: 0; }
.navbar__toggle-bars, .navbar__toggle-bars::before, .navbar__toggle-bars::after { content: ""; display: block; width: 20px; height: 2px; border-radius: var(--radius-pill); background: currentColor; transition: transform var(--transition-base), opacity var(--transition-fast); }
.navbar__toggle-bars::before { transform: translateY(-6px); }
.navbar__toggle-bars::after { transform: translateY(4px); }
.navbar.is-open .navbar__toggle-bars { background: transparent; }
.navbar.is-open .navbar__toggle-bars::before { transform: translateY(0) rotate(45deg); }
.navbar.is-open .navbar__toggle-bars::after { transform: translateY(-2px) rotate(-45deg); }
.navbar__mobile { pointer-events: auto; display: none; width: 100%; max-width: var(--content-max); margin: var(--space-xs) auto 0; padding: var(--space-md); background: var(--color-ink-fixed); border-radius: var(--radius-md); box-shadow: var(--shadow-nav); }
.navbar.is-open .navbar__mobile { display: block; }
.navbar__mobile-link { display: block; color: var(--color-text-onink); font-size: var(--text-base); font-weight: 500; padding: var(--space-sm) var(--space-xs); border-bottom: 1px solid rgba(244,245,246,.08); }
.navbar__mobile-actions { display: flex; flex-direction: column; gap: var(--space-sm); margin-top: var(--space-md); }

@media (min-width: 861px) { .navbar__mobile { display: none !important; } }
@media (max-width: 860px) {
    .navbar__links, .navbar__actions .navbar__login, .navbar__actions .navbar__cta { display: none; }
    .navbar__toggle { display: inline-flex; }
}