/**/
/* Utilities */
/**/

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

a {
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}

button {
    all: unset;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.flow {
    padding: var(--min-padding);
    padding-block: calc(var(--min-padding) * 3);
}

.mobile {
    display: flex;
}

.desktop {
    display: none !important;
}

.soft-read {
    line-height: 1.7rem;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.muted {
    color: var(--clr-mute);
}

.highlight {
    color: var(--clr-highlight);
}

.align-text-center {
    text-align: center;
}

.flex-spacer {
    flex: 1;
}



/**/
/* Typography */
/**/

h1,
h2,
h3,
h4,
p {
    margin: 0;
}



/**/
/* Large Screens */
/**/

@media only screen and (min-width: 750px) {

    .mobile {
        display: none !important;
    }

    .desktop {
        display: flex !important;
    }

    .flow {
        max-width: var(--desktop-max-width);
        margin-inline: auto;
    }

    .desktop-flexh {
        flex-direction: row !important;
    }

    .desktop-flexv {
        flex-direction: column !important;
    }
}