/* Responsive refinements for native dialogs and third-party controls. */

@media (max-width: 40rem) {
    dialog {
        max-width: min(calc(100vw - 1rem), 30rem);
    }

    dialog[open] {
        max-height: calc(100dvh - 1rem);
        overflow-y: auto;
    }
}