.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.editorial-shadow {
    box-shadow: 0 24px 48px rgba(35, 92, 39, 0.12);
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    scrollbar-width: none;
}

html,
body {
    overflow-x: hidden;
    max-width: 100%;
}

body {
    background-image:
        radial-gradient(circle at top right, rgba(247, 201, 28, 0.12), transparent 28rem),
        radial-gradient(circle at bottom left, rgba(65, 180, 74, 0.12), transparent 32rem);
}

/* Defensive guard: prevent unbreakable words (URLs, long emails) from blowing out the layout on mobile. */
.break-anywhere {
    overflow-wrap: anywhere;
    word-break: break-word;
}