:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;background:#faf6f0;color:#2c2622;font:18px/1.65 Georgia,'Times New Roman',serif}
header,main,footer{max-width:680px;margin:0 auto;padding:0 20px}
header{padding-top:42px}
header a{color:inherit;text-decoration:none}
.logo{font-size:30px;font-weight:bold}
.sub{color:#7a6a5c;font-size:16px;margin:4px 0 30px}
h1{font-size:30px;line-height:1.25;margin:10px 0 6px}
h2{font-size:21px;margin:28px 0 8px}
.meta{color:#7a6a5c;font-size:15px}
ul.cards{list-style:none;padding:0;margin:0}
ul.cards li{padding:18px 0;border-top:1px solid #e4dacd}
ul.cards a{color:#8a3d1c;font-size:21px;text-decoration:none}
ul.cards a:hover{text-decoration:underline}
ul.cards p{margin:4px 0 0;font-size:16px;color:#5a4e44}
a{color:#8a3d1c}
footer{margin-top:44px;padding-bottom:40px;color:#8d7f72;font-size:14px;border-top:1px solid #e4dacd;padding-top:14px}
@media (prefers-color-scheme:dark){body{background:#1f1b18;color:#e8e0d6}.sub,.meta,footer{color:#a3968a}ul.cards li,footer{border-color:#3a332d}ul.cards a,a{color:#e0a07a}ul.cards p{color:#c4b8ab}}