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

body {
    font-family: 'Lexend', sans-serif;
    background-color: #f5f8ff;
    scroll-behavior: smooth;
}

.skip-link {
    position: absolute;
    top: -100%;
    left: 1rem;
    z-index: 100;
    padding: 0.75rem 1rem;
    background: #1e56a0;
    color: #fff;
    border-radius: 9999px;
    font-weight: 500;
}

.skip-link:focus {
    top: 1rem;
}

.nav-active {
    color: #1e56a0 !important;
    font-weight: 600;
}

.page-hero {
    background: linear-gradient(135deg, rgba(168, 200, 255, 0.25) 0%, rgba(245, 248, 255, 0) 60%);
}

.prose-block p + p {
    margin-top: 1rem;
}