:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { max-width: 52rem; margin: 0 auto; padding: 1rem 1.15rem 3rem; line-height: 1.62; }
.site-header { margin-bottom: 2rem; border-bottom: 1px solid currentColor; padding-bottom: .75rem; }
a { text-underline-offset: .15em; }
h1 { font-size: 2rem; line-height: 1.15; margin-top: 1.4rem; }
h2 { font-size: 1.45rem; line-height: 1.25; margin-top: 2rem; }
h3 { font-size: 1.15rem; margin-top: 1.5rem; }
p, li { font-size: 1.05rem; }
.edition-date { font-weight: 600; }
.cards { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
.card { border: 1px solid currentColor; border-radius: .6rem; padding: 1rem; }
.archive { margin-top: 2.5rem; }
footer { margin-top: 3rem; border-top: 1px solid currentColor; font-size: .85rem; opacity: .75; }
@media (prefers-color-scheme: dark) { body { background: #111; color: #eee; } }