html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
    text-wrap: pretty;
}

/* Header */

.wp-block-navigation__responsive-dialog {
    padding-inline-start: var(--wp--style--root--padding-left);
    padding-inline-end: var(--wp--style--root--padding-right);
}

.wp-block-navigation__responsive-container-close {
    background-color: var(--wp--preset--color--contrast);
    border-radius: 0.125em;
    color: var(--wp--preset--color--base);
    margin: var(--wp--style--root--padding-right);
    transition: all 0.25s ease-out;
    transition-property: background-color, color;

    &:focus,
    &:hover {
        background-color: var(--wp--preset--color--base);
        color: var(--wp--preset--color--contrast);
    }
}

/* Query Loop block */

.wp-block-query-pagination .wp-block-query-pagination-numbers {
    padding-inline: var(--wp--preset--spacing--30);
}