*{box-sizing:border-box}
body{margin:0;font:1.05rem/1.65 Georgia,'Times New Roman',serif;color:#1a1a1a;background:#fff}
a{color:#0b4f9e}a:focus{outline:3px solid #0b4f9e;outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:0;top:0;padding:.75rem 1rem;background:#0b4f9e;color:#fff;z-index:10}
header.site{border-bottom:3px solid #1a1a1a;padding:1.5rem 1rem}
header.site h1,header.site p{max-width:46rem;margin:0 auto}
header.site h1{font-size:1.7rem}
header.site p{color:#555;font-size:.95rem;margin-top:.25rem}
nav.site{border-bottom:1px solid #ccc;padding:.75rem 1rem}
nav.site ul{max-width:46rem;margin:0 auto;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:1.25rem}
main{max-width:46rem;margin:0 auto;padding:2rem 1rem 4rem}
h1,h2,h3{line-height:1.25}
article+article{margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid #ddd}
.meta{color:#555;font-size:.9rem;margin:.25rem 0 1rem}
img{max-width:100%;height:auto}
footer.site{border-top:1px solid #ccc;padding:1.5rem 1rem;color:#555;font-size:.9rem}
footer.site div{max-width:46rem;margin:0 auto}
@media(prefers-color-scheme:dark){body{background:#121212;color:#e8e8e8}a{color:#79b8ff}
header.site{border-color:#e8e8e8}nav.site,footer.site{border-color:#444}
header.site p,.meta,footer.site{color:#aaa}article+article{border-color:#333}}