body{font:18px/1.6 system-ui;margin:0;background:#fbf6ef;color:#3b2820}header,main{max-width:1180px;margin:auto;padding:24px}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#456562}h1,h2{color:#5b3426}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}article{background:#fffdf9;padding:18px;border-radius:20px}img{max-width:100%;object-fit:cover}.grid img{height:220px;width:100%}.cover{max-height:420px}details{padding:20px}