body{font-family:system-ui,sans-serif;background:#f5f4ee;color:#253d38;margin:30px}h1{font-size:25px}main{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}article{background:#fffefa;border:1px solid #dbe0d5;border-radius:10px;padding:14px}img{width:100%;aspect-ratio:4/3;object-fit:contain}h2{font-size:15px}p{font-size:13px}small{font-size:11px;color:#68776a}