:root{--bg:#fff;--fg:#141414;--mut:#555;--ac:#0b57d0;--bd:#ddd}
@media(prefers-color-scheme:dark){:root{--bg:#131313;--fg:#ececec;--mut:#aaa;--ac:#8ab4ff;--bd:#333}}
body{margin:0;background:var(--bg);color:var(--fg);font:1.125rem/1.75 Georgia,"Times New Roman",serif}
header,footer,main{max-width:68ch;margin:0 auto;padding:1rem}
header{border-bottom:2px solid var(--fg);font:700 1.5rem system-ui,sans-serif}
header a{color:inherit;text-decoration:none}
a{color:var(--ac)}
h1{font-size:2.1rem;line-height:1.2;margin:.5rem 0}
.meta,figcaption,footer{color:var(--mut);font:.9rem/1.5 system-ui,sans-serif}
img,iframe{max-width:100%;height:auto;border:0}iframe{width:100%;aspect-ratio:16/9}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--bg);padding:.5rem;z-index:9}
.r{border-bottom:1px solid var(--bd);padding:.6rem 0}.r h2{margin:.2rem 0;font-size:1.4rem;line-height:1.25}
:focus-visible{outline:3px solid var(--ac);outline-offset:2px}