:root { color-scheme: light dark; --bg:#faf9f6; --ink:#222329; --muted:#595960; --line:#d9d6d1; --link:#504371; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.7 system-ui,sans-serif; }
main { width:min(100% - 3rem, 760px); margin:clamp(3rem,10vw,7rem) auto 4rem; }
.eyebrow { text-transform:uppercase; letter-spacing:.14em; font-size:.75rem; color:var(--muted); }
h1 { font:500 clamp(2.3rem,7vw,3.6rem)/1.12 Georgia,serif; letter-spacing:-.035em; margin:.65rem 0 1rem; }
h2 { font:500 1.5rem/1.3 Georgia,serif; margin:0 0 1rem; }
p { margin:0 0 1rem; }
.affiliation { color:var(--muted); margin-bottom:2rem; }
a { color:var(--link); text-decoration-thickness:1px; text-underline-offset:4px; overflow-wrap:anywhere; }
a:hover { text-decoration-thickness:2px; }
a:focus-visible { outline:2px solid var(--link); outline-offset:5px; }
section { border-top:1px solid var(--line); padding-top:1.8rem; margin-top:2rem; }
ul { padding-left:1.25rem; }
li { margin-bottom:.85rem; }
nav { display:flex; flex-wrap:wrap; gap:.7rem 1.5rem; }
small { color:var(--muted); }
@media (prefers-color-scheme:dark) { :root { --bg:#18181c; --ink:#eeece7; --muted:#b5b2bb; --line:#3d3942; --link:#c0b2e4; } }
@media print { body { background:white; color:black; } main { margin:2rem auto; } a { color:inherit; } }