:root { --bg:#fbfaf7; --fg:#1d1d1b; --muted:#6b6a66; --accent:#1f4e79; --rule:#e6e3dc; --box:#f1efe8; }
@media (prefers-color-scheme: dark) { :root { --bg:#151514; --fg:#e8e6e1; --muted:#9a988f; --accent:#8fb8e0; --rule:#2c2c2a; --box:#1f1f1d; } }
* { box-sizing: border-box; }
html { font-size: 18px; }
body { margin:0; background:var(--bg); color:var(--fg); font-family: Georgia, "Iowan Old Style", "Times New Roman", serif; line-height:1.55; }
.top, main, footer { max-width: 42rem; margin: 0 auto; padding: 0 1.25rem; }
.top { display:flex; justify-content:space-between; align-items:baseline; padding-top:1.5rem; padding-bottom:1.5rem; font-family: -apple-system, system-ui, sans-serif; font-size:.95rem; }
.top .name { font-weight:600; color:var(--fg); text-decoration:none; }
.top nav a { color:var(--muted); text-decoration:none; margin-left:1rem; }
.top nav a:hover, footer a:hover { color:var(--accent); }
a { color:var(--accent); }
h1 { font-size:1.9rem; line-height:1.2; margin:.5rem 0 .25rem; }
h2 { font-size:1.15rem; font-family:-apple-system, system-ui, sans-serif; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin:2.5rem 0 .75rem; }
.lede { font-size:1.2rem; margin-top:1rem; }
.meta { color:var(--muted); font-family:-apple-system, system-ui, sans-serif; font-size:.85rem; margin:0 0 1.75rem; }
.pieces { list-style:none; padding:0; margin:0; }
.pieces li { padding:1rem 0; border-top:1px solid var(--rule); }
.pieces .title { font-size:1.15rem; text-decoration:none; }
.pieces .title:hover { text-decoration:underline; }
.pieces .meta { display:inline; margin-left:.5rem; }
.pieces p { margin:.35rem 0 0; }
.voices, .note { color:var(--muted); font-size:.9rem; }
article p { margin: 0 0 1.1rem; }
article h2 { text-transform:none; letter-spacing:0; color:var(--fg); font-family:inherit; font-size:1.35rem; margin-top:2.25rem; }
.voices-box { background:var(--box); border-radius:8px; padding:1rem 1.25rem; margin:2.5rem 0 1rem; font-family:-apple-system, system-ui, sans-serif; font-size:.92rem; }
.voices-box p { margin:.3rem 0; }
footer { display:flex; justify-content:space-between; padding-top:3rem; padding-bottom:2rem; color:var(--muted); font-family:-apple-system, system-ui, sans-serif; font-size:.85rem; }
footer a { color:var(--muted); }
@media (max-width: 600px) { html { font-size:17px; } .top { flex-direction:column; gap:.5rem; } }