/* Page — navigeerbare weergavecontainer */

.maf-page {
    display: none;
    animation: maf-page-enter var(--maf-duration-enter) var(--maf-easing-enter) both;
}

.maf-page--active {
    display: block;
}

@keyframes maf-page-enter {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Header */

.maf-page__header {
    margin-bottom: var(--maf-space-6);
}

.maf-page__title {
    font-family: var(--maf-font-display);
    font-weight: var(--maf-font-weight-bold);
    font-size: var(--maf-font-size-2xl);
    color: var(--maf-navy);
    line-height: var(--maf-line-height-tight);
    margin: 0;
}

.maf-page__subtitle {
    font-family: var(--maf-font-body);
    font-size: var(--maf-font-size-md);
    color: var(--maf-color-text-subtle);
    margin: var(--maf-space-1) 0 0;
    line-height: var(--maf-line-height-normal);
}

/* Content */

.maf-page__content {
    min-height: 0;
}