@layer pages {
    .page__header {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 1.25rem;
    }

    .page__subtitle {
        margin: 0.25rem 0 0;
        color: var(--text-muted);
        font-size: 0.9rem;
    }

    .page__actions {
        display: flex;
        gap: 0.5rem;
    }

    .page__actions .input {
        width: 17rem;
    }

    @media (max-width: 640px) {
        .page__actions {
            width: 100%;
        }

        .page__actions .input {
            width: auto;
            flex: 1;
        }
    }
}