:root { --background: #fff; --foreground: #171717; --muted: #555; }
body { background: var(--background); color: var(--foreground); font-family: Georgia, serif; line-height: 1.8; }
main { max-width: 960px; padding: 56px 6%; margin-inline: auto; }
h1,h2 { font-weight: 400; line-height: 1.2; }
header,footer { padding-block: 32px; }
p { white-space: pre-wrap; overflow-wrap: anywhere; }
a { color: inherit; text-underline-offset: 4px; }
span + span, a + a, a + span, span + a { margin-inline-start: 0.5em; }
ul { padding-left: 20px; }
li { padding-block: 8px; }
figure { padding-block: 24px; margin-inline: 0; }
img { max-width: 100%; height: auto; }
figcaption { color: var(--muted); font-size: 14px; }