/* Section transition utility — used by docs and any page that toggles content */
.fade-out {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity var(--dur-state) var(--ease-state),
                transform var(--dur-state) var(--ease-state);
    pointer-events: none;
}

.fade-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity var(--dur-state) var(--ease-state),
                transform var(--dur-state) var(--ease-state);
}

/* Utility for any stacked-layer switching (e.g. docs sections) */
.stack {
    display: grid;
}

.stack > * {
    grid-area: 1 / 1;
}