:root {
    --color-bg: #faf9f6;
    --color-text: #252525;
    --color-accent: #752d40;
}

body {
    max-width: 52rem;
    margin: 0 auto;
    padding: 1.5rem;
    color: var(--color-text);
    background: var(--color-bg);
    font: 1rem/1.6 system-ui, sans-serif;
}

main {
    margin-top: 2rem;
}

h1 {
    line-height: 1.2;
    overflow-wrap: anywhere;
}

a {
    color: var(--color-accent);
    text-underline-offset: 0.2em;
}

a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

li {
    margin-block: 0.5rem;
}