*{box-sizing:border-box}body{margin:0;background:#faf9f5;color:#273b2e;font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:880px;margin:auto;padding-left:24px;padding-right:24px}header{padding-top:23px;padding-bottom:20px;border-bottom:1px solid #dde2d8}header a{font:600 24px Georgia,serif;text-decoration:none}a{color:inherit}main{padding-top:38px;padding-bottom:44px}h1{font:normal 42px/1.2 Georgia,serif;margin:0 0 14px}h2{font:normal 27px/1.2 Georgia,serif;margin:0 0 10px}p{margin:0 0 14px}.intro{color:#617060;max-width:650px}.categories{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.category{display:block;border:1px solid #d9dfd2;border-radius:9px;padding:25px;background:#fff;text-decoration:none}.category:hover{background:#edf2e7}.category h2{display:flex;justify-content:space-between;font-size:26px}.category p{font-size:15px;color:#617060;margin:0}.back{display:inline-block;font-size:14px;margin-bottom:22px;text-underline-offset:4px}.list{margin-top:30px}.animal{display:grid;grid-template-columns:210px 1fr;gap:28px;padding:25px 0;border-top:1px solid #dde2d8;align-items:center}.animal p{font-size:16px;margin-bottom:8px}.size{font-size:13px!important;color:#617060}.photo{width:100%;height:175px;display:block;overflow:hidden}.source-note{font-size:13px;color:#617060;margin-top:23px}footer{font-size:12px;color:#617060;padding-top:20px;padding-bottom:25px;border-top:1px solid #dde2d8}footer summary{cursor:pointer}footer p{margin-top:10px}footer a{margin-right:15px}a:focus-visible,summary:focus-visible{outline:3px solid #8b6a33;outline-offset:4px}@media(max-width:580px){main{padding-top:28px}h1{font-size:35px}.categories{grid-template-columns:1fr;gap:12px}.category{padding:20px}.animal{grid-template-columns:1fr;gap:18px}.photo{height:190px;max-width:280px;margin:auto}.animal h2{font-size:26px}.animal p{font-size:16px}}