@utility cfa-stack {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-cfa-xl);
}

@utility cfa-stack-* {
    display: flex;
    flex-direction: column;
    gap: --value(--spacing-cfa-*);
}

main {
    @apply cfa-stack mx-auto w-full max-w-[368px] md:max-w-[688px] xl:max-w-[944px] 2xl:max-w-[1072px] px-cfa-med md:px-0 py-cfa-xl;
}

.cfa-card > * + * {
    margin-top: var(--spacing-cfa-med);
}

header,
.toolbar {
    @apply bg-background-navigation text-white px-cfa-med py-cfa-sm;

    a:not(.btn),
    a:visited:not(.btn) {
        @apply text-white;
    }
}

footer {
    @apply bg-background-navigation text-white px-cfa-med py-cfa-lg;

    a:not(.btn),
    a:visited:not(.btn) {
        @apply text-white;
    }
}