/* Mobile menu styles - appended to main stylesheet */
.mobile-menu {
    display: none;
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(250, 249, 247, 0.98);
    backdrop-filter: blur(20px);
    z-index: 999;
    padding: 40px 24px;
    flex-direction: column;
    gap: 8px;
}

.mobile-menu.open {
    display: flex;
}

.mobile-menu a {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--ink-800);
    padding: 16px 0;
    border-bottom: 1px solid var(--cream-200);
    transition: color var(--transition);
}

.mobile-menu a:hover {
    color: var(--forest-600);
}