body{margin:0;font:17px/1.6 Georgia,serif;color:#222;background:#faf8f3}header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:18px 6vw;border-bottom:1px solid #e3ddd0;background:#fff}.logo{font-weight:bold;color:#2e5d3a;text-decoration:none;font-size:20px}nav a{margin-left:18px;color:#555;text-decoration:none}nav a:hover{color:#2e5d3a}main{max-width:760px;margin:0 auto;padding:30px 20px}article{margin-bottom:36px}h1,h2{font-family:Helvetica,Arial,sans-serif;color:#1f3d27}.meta{color:#888;font-size:14px}img{max-width:100%;border-radius:6px}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ddd;padding:8px;text-align:left}footer{text-align:center;color:#999;font-size:14px;padding:30px}