*{box-sizing:border-box}body{margin:0;font:17px/1.6 "Trebuchet MS",Verdana,sans-serif;color:#2e3b26;background:#f6f3ea}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;background:#e6edd8}
.logo{font:italic 700 24px Georgia,serif;color:#46632f;text-decoration:none}nav a{margin-left:20px;color:#2e3b26;text-decoration:none}
main{max-width:900px;margin:0 auto;padding:34px 26px}.intro h1{font:700 36px Georgia,serif;margin:20px 0 10px}
.jars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:26px}
figure{margin:0;padding:18px;background:#fff;border-radius:10px;border:1px solid #dcd5c2}figure h2{font-size:18px;margin:0 0 6px;color:#46632f}
footer{text-align:center;color:#7a7766;font-size:13px;padding:28px 16px}