/* ── Shared Subpage Nav ── */
nav {
    position: sticky; top: 0; z-index: 90;
    height: 60px; padding: 0 52px;
    display: flex; align-items: center; justify-content: space-between;
    background: rgba(9,8,10,0.95); backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
}
.nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.nav-logo-icon {
    width: 34px; height: 34px; border-radius: 50%;
    background: linear-gradient(135deg, var(--orange), var(--orange-hi));
    display: flex; align-items: center; justify-content: center;
    font-family: var(--font-h); font-weight: 800; font-size: 0.9rem; color: #fff;
    overflow: hidden; position: relative;
}
.nav-logo-icon img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nav-logo-text { font-family: var(--font-h); font-weight: 800; font-size: 1rem; color: #fff; }
.nav-logo-text span { color: var(--orange); }
.nav-right { display: flex; align-items: center; gap: 16px; }
.nav-back {
    font-family: var(--font-h); font-size: 0.85rem; font-weight: 600;
    color: var(--text2); text-decoration: none;
    transition: color 0.2s;
}
.nav-back:hover { color: var(--text); }
.nav-cta {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 18px; background: var(--orange); color: #fff;
    font-family: var(--font-h); font-weight: 700; font-size: 0.82rem;
    border-radius: 8px; text-decoration: none;
    transition: filter 0.2s, transform 0.2s;
}
.nav-cta:hover { filter: brightness(1.1); transform: translateY(-1px); }

@media (max-width: 768px) {
    nav { padding: 0 24px; }
}
@media (max-width: 640px) {
    nav { padding: 0 20px; }
}