*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:#f4f2ec;color:#2b2f2a;line-height:1.6}
header{background:#3d4f36;color:#eef0e6;padding:28px 20px}header h1{margin:0;font-weight:normal;letter-spacing:.04em}header p{margin:4px 0 0;opacity:.8;font-style:italic}
nav{background:#2f3d2a;padding:8px 20px}nav a{color:#d9e2c8;margin-right:18px;text-decoration:none;font-family:Helvetica,Arial,sans-serif;font-size:14px}nav a:hover{text-decoration:underline}
main{max-width:920px;margin:0 auto;padding:24px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
figure{margin:0;background:#fff;border:1px solid #ddd8cc;padding:10px}figure img{width:100%;display:block}figcaption{font-size:14px;color:#555;padding-top:6px}
article{background:#fff;border:1px solid #ddd8cc;padding:18px 22px;margin-bottom:18px}article h2{margin-top:0;font-weight:normal;color:#3d4f36}.date{font-size:13px;color:#888}
footer{text-align:center;font-size:13px;color:#888;padding:30px 10px}