/* Shared navigation styles */
.nav-tabs {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-top: 1rem;
}
.nav-tab {
    padding: 0.6rem 1.5rem;
    color: #888;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: color 0.2s, border-color 0.2s;
    font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;
}
.nav-tab:hover {
    color: #e0e0e0;
}
.nav-tab.active {
    color: #00d4aa;
    border-bottom-color: #00d4aa;
}

/* SPA-style page transitions */
main {
    transition: opacity 0.15s ease;
}
main.fading {
    opacity: 0;
}