*{box-sizing:border-box}body{margin:0;background:#f7f4ed;color:#302c2a;font-family:Inter,Arial,"Microsoft YaHei",sans-serif}main{max-width:1320px;padding:32px;margin:auto}a{color:#975032;text-underline-offset:4px}nav{display:flex;justify-content:space-between;gap:20px;font-size:13px}header{margin:58px 0 30px}.eyebrow{font-size:12px;letter-spacing:2px;color:#ac694b}h1{font-size:46px;letter-spacing:-1px;margin:12px 0 18px}header>p:last-child{color:#796c60;line-height:1.8}.metrics{display:flex;gap:50px;margin:30px 0}.metrics strong{display:block;font-size:39px}.metrics span{font-size:12px;color:#897969}aside{background:#eee6d9;border:1px solid #e0d3bf;padding:20px 24px;border-radius:14px;font-size:13px;line-height:1.8}aside p{margin:7px 0 0;color:#7c6e60}.filters{margin-top:32px}.filters>label{display:block;font-size:12px;color:#7b6b5c;margin-top:22px}input{display:block;width:100%;font:inherit;font-size:14px;padding:14px 16px;margin-top:8px;border:1px solid #dccfbd;border-radius:10px;background:#fffcf7}#topics{display:flex;gap:9px;flex-wrap:wrap}button{cursor:pointer;font:inherit;border:1px solid #daccb9;border-radius:9px;background:#fffaf2;padding:10px 16px;color:#6f5745}button[aria-pressed=true]{background:#a6492b;color:white;border-color:#a6492b}button:disabled{opacity:.4;cursor:default}#status{font-size:13px;color:#8c7969;margin:24px 0 14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#fffcf7;border:1px solid #e3d9ca;border-radius:14px;overflow:hidden;min-width:0}.portrait{height:150px;padding:18px 22px 15px;background:radial-gradient(#d9c6aa70 .7px,transparent .8px) 0 0/11px 11px,#f2e9da;display:flex;align-items:center;justify-content:center;position:relative}.portrait img{max-width:100%;max-height:100%;object-fit:contain}.ruler{position:absolute;bottom:8px;height:5px;border:1px solid #ad6a46;border-top:0}.copy{padding:17px}h2{font-size:18px;margin:0 0 5px}.taxon{font-size:11px;color:#9c8c7d;margin:0 0 14px;font-style:italic}.dimension{font-size:12px;color:#a34829}.credits{font-size:10px;color:#8c7c6e;line-height:1.8;margin-top:14px}.credits a{display:inline-block}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:32px 0}.pagination span{font-size:13px;color:#8f7a67}footer{border-top:1px solid #dfd0bd;padding:20px 0;font-size:11px;color:#8a7867;line-height:1.9}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}h1{font-size:36px}}@media(max-width:600px){main{padding:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portrait{height:120px;padding:18px 12px}.copy{padding:12px}h2{font-size:15px}.metrics{gap:28px}.metrics strong{font-size:32px}nav{font-size:10px}h1{font-size:29px}header{margin-top:35px}.credits{font-size:9px}.taxon{overflow-wrap:anywhere}}