/* Shared site navigation. Loaded by every page so tabs, fonts, position,
   and spacing are byte-identical across the entire site. */

:root {
    --site-nav-bg: var(--bg, #FFFFFF);
    --site-nav-text: var(--text, #000000);
    --site-nav-text-muted: var(--text-muted, #424242);
    --site-nav-border: var(--border, #D2D2D7);
    --site-nav-hover: var(--bg-card, #F4F4F6);
    --site-nav-active: var(--bg-card, #F4F4F6);
}

/* Force same font family + sizes on every page regardless of body font.
   Critical: view.html uses Times New Roman for the PDF replica look, but the
   nav must still be system-font like the rest of the site. */
.site-nav,
.site-nav * {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
}

.site-nav {
    background: var(--site-nav-bg);
    border-bottom: 1px solid var(--site-nav-border);
    padding: 12px 24px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    position: sticky;
    top: 0;
    z-index: 100;
}

.site-nav a {
    color: var(--site-nav-text-muted);
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
    line-height: 1;
    transition: background 0.12s ease, color 0.12s ease;
}

.site-nav a:hover {
    background: var(--site-nav-hover);
    color: var(--site-nav-text);
}

.site-nav a.active {
    background: var(--site-nav-active);
    color: var(--site-nav-text);
    font-weight: 600;
}