:root { color-scheme:light dark; }
body { margin:0; padding:8px 12px 28px; background:#fff; color:#000; font-family:"Times New Roman",Times,serif; line-height:1.4; overflow-wrap:break-word; }
main { max-width:640px; margin:0 auto; }
.portrait { display:block; object-fit:cover; margin:16px 0 12px; }
h1 { margin:16px 0 20px; line-height:1.2; }
h2 { margin:32px 0 12px; }
ul { padding-left:32px; margin:12px 0 18px; }
li { margin:8px 0; }
img { max-width:100%; height:auto; }
nav { margin:16px 0 24px; }
@media(pointer:coarse) { li { margin:14px 0; } }
@media(prefers-color-scheme:dark) {
  body { background:#1c1c1c; color:#e4e4e4; }
  a:link { color:#9ac5ff; }
  a:visited { color:#d2adff; }
}