*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:#f7f7f4;color:#1f2328;line-height:1.6}header{background:#fff;border-bottom:1px solid #e6e3dc}nav{max-width:980px;margin:0 auto;padding:16px 20px;display:flex;gap:20px;align-items:center}nav .logo{font-family:Georgia,serif;font-size:21px;font-weight:700;margin-right:auto;color:#264653;text-decoration:none}nav a{color:#444;text-decoration:none}main{max-width:980px;margin:0 auto;padding:26px 20px 60px}h1{font-family:Georgia,serif}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.card{background:#fff;border:1px solid #e6e3dc;border-radius:10px;overflow:hidden;color:inherit;text-decoration:none}.card img{width:100%;display:block}.card div{padding:12px 14px}.card p{color:#6b6f76;font-size:14px;margin:4px 0 0}article img{width:100%;border-radius:8px}footer{border-top:1px solid #e6e3dc;color:#8a8f96;font-size:13px;text-align:center;padding:20px}