/* Explain: Base reset, typography defaults, and scroll behavior for the site. - */
* { box-sizing: border-box; }

html {
    background: var(--background-color);
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    line-height: 1.6;
}

h1, h2, h3, h4 {
    font-family: var(--font-heading);
    line-height: 1.2;
    color: var(--primary-color);
}

[x-cloak] { display: none !important; }

.text-balance {
    text-wrap: balance;
}