:root {
color-scheme: light dark;
font-family: system-ui, sans-serif;
line-height: 1.6;
}

body {
max-width: 760px;
margin: 0 auto;
padding: 4rem 1.5rem;
}

main {
display: flex;
flex-direction: column;
gap: 2rem;
}

h1,
h2,
h3 {
line-height: 1.2;
}

article {
border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
border-radius: 0.5rem;
padding: 1.25rem;
}

article h3 {
margin-top: 0;
}

article p:last-child {
margin-bottom: 0;
}

a {
text-underline-offset: 0.15em;
}

code {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}