/* A plain, self-contained front page. Essay styles live in style.css. */
:root { color-scheme: light dark; }
body { margin: 0; background: #fff; color: #222; font: 17px/1.55 Georgia, "Times New Roman", serif; }
main { max-width: 720px; margin: 48px auto; padding: 0 24px; }
h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 30px; }
h2 { font-size: 1.25rem; margin: 28px 0 10px; }
p { margin: 0 0 14px; }
a { color: #174ea6; text-underline-offset: 2px; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
ul { padding-left: 22px; margin: 0 0 16px; }
li { padding-left: 2px; margin-bottom: 12px; }
footer { border-top: 1px solid #ddd; margin-top: 30px; padding-top: 14px; color: #666; font-size: 0.85rem; }
.skip-link { position: absolute; top: 8px; left: 24px; transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
@media (max-width: 600px) { main { margin: 28px auto; padding: 0 20px; } }
@media (prefers-color-scheme: dark) {
    body { background: #181818; color: #e5e5e5; }
    a { color: #9bc1ff; }
    footer { border-color: #444; color: #aaa; }
}