*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fffdfa;color:#24282b;font:17px/1.65 Georgia,"Times New Roman",serif}
a{color:#8a4b2d}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}
.top{background:#8a4b2d;color:#fff}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;padding-bottom:14px}
.logo{color:#fff;text-decoration:none;font-size:1.35em;font-weight:bold}
nav a{color:#fff;text-decoration:none;margin-left:18px;font-family:Arial,Helvetica,sans-serif;font-size:.9em}
nav a:first-child{margin-left:0}
.lead{font-size:1.1em;margin:28px 0 8px;color:#444}
.card{background:#fff;border:1px solid #e7e4dc;border-left:4px solid #8a4b2d;border-radius:6px;padding:16px 20px;margin:18px 0}
.card h2{margin:4px 0 6px;font-size:1.25em}
.card h2 a{text-decoration:none;color:#222}
.card p{margin:0;color:#555}
time{font-family:Arial,Helvetica,sans-serif;font-size:.8em;color:#888}
article.post h1{font-size:1.8em;line-height:1.25;margin:28px 0 4px}
article.post h2{font-size:1.25em;margin:26px 0 6px}
article.post ul{padding-left:22px}
.scene{margin:18px 0;border-radius:8px;overflow:hidden;background:#f6ebe2}
.scene svg{display:block;width:100%;height:auto}
.back{display:inline-block;margin:26px 0 8px;font-family:Arial,Helvetica,sans-serif;font-size:.9em}
.foot{border-top:1px solid #e7e4dc;margin-top:40px;padding-top:16px;padding-bottom:30px;color:#888;font-family:Arial,Helvetica,sans-serif;font-size:.85em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:18px 0}
.grid a{display:block;text-decoration:none;color:#333;background:#fff;border:1px solid #e7e4dc;border-radius:8px;overflow:hidden}
.grid svg{display:block;width:100%;height:auto}
.grid span{display:block;padding:8px 12px;font-size:.95em}