*{box-sizing:border-box}body{margin:0;font:18px/1.65 Georgia,"Times New Roman",serif;color:#232323;background:#faf9f7}
header{display:flex;justify-content:space-between;align-items:center;max-width:980px;margin:0 auto;padding:22px 20px}
.logo{font:600 22px/1 -apple-system,Helvetica,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#222;text-decoration:none}
nav a{margin-left:20px;color:#555;text-decoration:none;font:15px -apple-system,Helvetica,Arial,sans-serif}nav a:hover{color:#000}
main{max-width:980px;margin:0 auto;padding:0 20px 40px}h1{font-weight:normal;font-size:34px;margin:10px 0 6px}
.meta{color:#888;font:14px -apple-system,Helvetica,Arial,sans-serif;margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px}.card a{color:inherit;text-decoration:none}
.card img,.hero{width:100%;height:auto;border-radius:6px;display:block}.card h2{font-weight:normal;font-size:22px;margin:10px 0 2px}
article p{max-width:680px}footer{text-align:center;color:#999;font:13px -apple-system,Helvetica,Arial,sans-serif;padding:30px}