*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;background:#1b1b1b;color:#bbb;font-size:20px}main{max-width:720px;margin:2rem auto;padding:0 1rem}p{margin:0 0 1rem;padding:0}a{color:#8ec8ff;text-decoration:none}a:hover{text-decoration:underline}header,footer{margin-bottom:2rem;text-align:center}header{background:#efe7d5;padding:3rem 0 1rem;border-bottom:2px solid black}header p{margin:0;color:#0006}header p a{font-size:2rem;text-decoration:none;color:#000}h1{line-height:2.5rem;font-weight:400;font-family:Georgia,Times New Roman,Times,serif;font-size:2.2rem;color:#ccc;margin-top:0}h2{line-height:1.8rem;font-weight:400;font-family:Georgia,Times New Roman,Times,serif;font-size:1.5rem;margin-top:0;margin-bottom:.5rem}nav.pagination{padding-top:3rem;display:flex;justify-content:space-between}nav.pagination a{margin-right:.5rem}article.list-item{padding:0;margin-bottom:3rem}article section.body{margin-bottom:2rem}.keywords{font-size:.75rem;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.keywords li{background:#2c2c2c;padding:0;border-radius:.3rem}.keywords li:hover{background:#444}.keywords li a{color:#999;text-decoration:none;display:inline-block;padding:.2rem .5rem}.keywords li:hover a{color:#ddd}article.read-item ul.keywords{margin:2rem 0}section.article-body:first-letter{float:left;font-size:330%;line-height:.65em;padding-top:.7rem;padding-right:.1em;font-family:Georgia,Times New Roman,Times,serif}