:root{--bg:#eef0f3;--ink:#1c2130;--soft:#5d6577;--line:#c9cfdb}
@media (prefers-color-scheme:dark){:root{--bg:#141821;--ink:#e4e2dc;--soft:#8d94a6;--line:#2a3140}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:1.125rem/1.75 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
main{max-width:34rem;margin:0 auto;padding:3.5rem 1.25rem 6rem}
a{color:inherit;text-underline-offset:.2em}
a:focus-visible{outline:2px solid var(--soft);outline-offset:3px}
.site{color:var(--soft);font-style:italic;text-decoration:none}
h1{font-size:2.6rem;line-height:1.15;font-weight:400;margin:3rem 0 .4rem}
.stamp{color:var(--soft);font-style:italic;margin:0 0 2.5rem}
p{margin:0 0 1.4em}
.list{list-style:none;padding:0;margin:3rem 0 0}
.list li{padding:1.4rem 0;border-top:1px solid var(--line)}
.list a{font-size:1.5rem;text-decoration:none}
.list a:hover{text-decoration:underline}
.list time{display:block;color:var(--soft);font-style:italic;font-size:1rem}
.list p{margin:.4rem 0 0;color:var(--soft)}
@media (max-width:480px){h1{font-size:2.2rem}body{font-size:1.0625rem}}
.feed{margin:3rem 0 0;font-size:1rem}
footer{max-width:34rem;margin:0 auto;padding:0 1.25rem 3rem}
footer button{background:none;border:0;padding:0;font:inherit;font-size:.9rem;color:var(--soft);text-decoration:underline;cursor:pointer}
.consent{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--line);padding:1rem 1.25rem;font-size:1rem;line-height:1.5}
.consent p{margin:0 0 .8rem;max-width:34rem}
.consent button{font:inherit;font-size:1rem;color:var(--ink);background:none;border:1px solid var(--soft);padding:.4rem 1rem;margin-right:.6rem;cursor:pointer}
.consent button:focus-visible{outline:2px solid var(--soft);outline-offset:2px}
.sign{margin-top:2.5rem;font-style:italic}
footer p{margin:0 0 .6rem;font-size:.9rem;color:var(--soft)}
