[x-cloak] {
    display: none !important;
}

.menu-button,
.menu-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.375rem;
    padding: 0.5rem 0.9rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: #334155;
}

.menu-button:hover,
.menu-link:hover {
    background: #e0f2fe;
    color: #075985;
}

.sea-grid {
    background-image:
        linear-gradient(rgba(3, 105, 161, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(3, 105, 161, 0.08) 1px, transparent 1px);
    background-size: 34px 34px;
}
