html { color-scheme: light; }
*,
*::before,
*::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

form {
    margin: 0;
}
body {
    margin: 0;
    color: var(--cz-ink);
    background: var(--cz-canvas);
    font-family: Inter, Avenir, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-underline-offset: 0.18em; }
h1, h2, h3 { letter-spacing: -0.025em; }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 3px solid rgba(233, 75, 95, 0.28); outline-offset: 2px; }
.page { width: min(calc(100% - 32px), var(--cz-content-width)); margin: 24px auto 64px; }
.muted { color: var(--cz-muted); }