body{margin:0;background:#f8f4e9;color:#243b31;font:18px/1.65 system-ui,sans-serif}header,main,footer{max-width:1060px;margin:auto;padding:24px}nav{display:flex;flex-wrap:wrap;gap:20px}a{color:#245c40;text-decoration:underline;text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid #a35035;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:12px}h1,h2,h3{line-height:1.2}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:28px}.card{background:#fffdf7;border:1px solid #dfdfce;border-radius:14px;padding:22px}.cover{width:100%;height:320px;object-fit:contain}.detail{display:grid;grid-template-columns:minmax(200px,360px) 1fr;gap:36px}.detail img{width:100%;height:auto}button,.button{display:inline-block;background:#316c4e;color:#fff;border:0;border-radius:24px;padding:12px 20px;font:inherit}.note{background:#e7eddc;padding:18px;border-radius:12px}@media(max-width:650px){.detail{grid-template-columns:1fr}.detail img{max-width:320px;margin:auto}}