html { -webkit-font-smoothing: antialiased; }
body { margin: 0; background: var(--surface-canvas); color: var(--text-body); font-family: var(--font-text); font-size: var(--body-md-size); font-weight: var(--body-md-weight); line-height: var(--body-md-leading); }
h1, h2, h3, h4 { font-family: var(--font-display); color: var(--text-display); font-weight: var(--weight-regular); margin: 0; text-wrap: pretty; }
p { margin: 0; text-wrap: pretty; }
a { color: var(--text-link); text-decoration: none; }
a:hover { color: var(--text-link); text-decoration: underline; }
a:active { color: var(--text-link-active); }
button { font-family: inherit; }
img, svg { display: block; }