*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,'Times New Roman',serif;color:#222;background:#faf8f4}a{color:#2c5d63}header,footer,main{max-width:980px;margin:0 auto;padding:24px 20px}header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;border-bottom:1px solid #ddd}header b{font-size:22px}nav a{margin-left:16px;font:15px system-ui,sans-serif}h1{font-size:34px;line-height:1.2}h2{margin-top:44px;border-top:1px solid #ddd;padding-top:20px}.note{background:#f0ebe0;padding:12px 16px;border-radius:6px;font:15px system-ui,sans-serif}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}.card{background:#fff;border:1px solid #e3ded3;border-radius:8px;padding:14px;display:flex;flex-direction:column}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;background:#eee}.card h3{margin:12px 0 4px;font-size:19px}.meta{font:14px system-ui,sans-serif;color:#555}.small{font:14px system-ui,sans-serif;color:#444}.btn{display:inline-block;margin-top:auto;background:#2c5d63;color:#fff;padding:10px 14px;border-radius:6px;text-decoration:none;font:15px system-ui,sans-serif;text-align:center}footer{font:14px system-ui,sans-serif;color:#555;border-top:1px solid #ddd}