.mobile-nav {
    display: none;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    padding: .5rem 1.5rem 1rem;
}
.mobile-nav.open {
    display: block;
}
.mobile-nav a {
    display: block;
    font-size: .9375rem;
    font-weight: 500;
    color: var(--ink-mid);
    padding: .6rem .5rem;
    border-radius: var(--r-sm);
}
.mobile-nav a:hover, .mobile-nav a.active {
    background: var(--accent-light);
    color: var(--accent);
}
.mobile-nav .mn-sep {
    height: 1px;
    background: var(--border);
    margin: .5rem 0;
}