body{
    font-family:var(--font-family);
    background:var(--color-background);
    color:var(--color-text);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

h1,
h2,
h3,
h4{
    font-weight:700;
    letter-spacing:-.03em;
}

p{
    line-height:1.8;
}

.container{
    width:min(var(--container-max), calc(100% - 48px));
    margin-inline:auto;
}

.content-medium{
    width:min(var(--content-max), 100%);
    margin-inline:auto;
}

.app-main{
    min-width:0;
}

.section-stack{
    display:grid;
    gap:var(--space-8);
}

@media (max-width:600px){
    .container{
        width:min(var(--container-max), calc(100% - 32px));
    }

    .section-stack{
        gap:var(--space-6);
    }
}