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

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #f6f3ee;
    color: #1e2230;
}

h1,
h2,
h3,
h4 {
    font-family: 'Manrope', sans-serif;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

.reveal-section {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.reveal-section.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.legal-content {
    font-size: 1rem;
    line-height: 1.95;
}

.legal-content section + section {
    margin-top: 3rem;
}

.legal-content p + p {
    margin-top: 1rem;
}

.legal-content a {
    word-break: break-word;
}

:focus-visible {
    outline: 2px solid #f59a23;
    outline-offset: 2px;
}