:root{--paper:#FAF7F2;--ink:#2B2A28;--muted:#6B6864;--accent:#5B6B53;--line:#E3DED4}
*{box-sizing:border-box}html{color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:40rem;margin:0 auto;padding:12vh 1.5rem 4rem}
.mark{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.06em;font-size:clamp(2.4rem,7vw,3.6rem);margin:0 0 .5rem}
.mark a{color:inherit;text-decoration:none}
.tag{color:var(--muted);margin:0 0 2.5rem;font-size:1.05rem}
h2{font-family:Georgia,serif;font-weight:400;font-size:1.5rem;margin:2.5rem 0 .75rem}
p{margin:0 0 1rem}address{font-style:normal}
a{color:var(--accent)}
footer{max-width:40rem;margin:0 auto;padding:0 1.5rem 3rem;border-top:1px solid var(--line);padding-top:1.25rem;color:var(--muted);font-size:.9rem}
footer a{color:var(--muted);margin-right:1.25rem}
@media (prefers-reduced-motion:no-preference){main{animation:in .6s ease-out}}
@keyframes in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}