*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090b0f;color:#e9e9e5;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}header{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-bottom:1px solid #272a2f}.brand{font-family:Georgia,"Microsoft YaHei",serif;font-size:25px;letter-spacing:.08em}.brand span{display:block;font:12px "Microsoft YaHei",sans-serif;letter-spacing:.12em;color:#9b9da4}nav{display:flex;align-items:center;gap:25px;color:#b9bbc2;font-size:13px}nav button{padding:0;border:0;background:none;color:inherit}nav a:hover,nav button:hover{color:#fff}main{max-width:1600px;margin:auto;padding:0 5%}.intro{padding:65px 0 40px;max-width:940px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#a9a08b}h1{font-family:Georgia,"Microsoft YaHei",serif;letter-spacing:.025em;font-size:clamp(32px,4.3vw,60px);font-weight:400;line-height:1.3;margin:20px 0}.intro>p:not(.eyebrow){max-width:680px;color:#a5a8af;font-size:15px}.stats{margin-top:30px;display:flex;gap:24px;flex-wrap:wrap;color:#a4a7ad;font-size:12px}.stats strong{font-weight:500;color:#edede8;font-size:20px;margin-right:5px}.controls{display:grid;grid-template-columns:minmax(180px,2fr) 1fr 1fr 1fr;gap:15px;border-top:1px solid #2b2e34;padding-top:24px}.controls label{display:grid;gap:7px}.controls span{font-size:11px;color:#9da1ab}input,select{width:100%;color:#e4e5e9;border:1px solid #343841;border-radius:3px;background:#10131a;padding:10px 12px;min-height:43px;outline:none}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #d5bd82;outline-offset:3px}.result-count{font-size:12px;color:#9096a2;margin:19px 0 28px}.section-heading{display:flex;align-items:baseline;gap:13px;margin:40px 0 20px}.section-heading h2{font-size:21px;font-weight:400;letter-spacing:.05em;margin:0}.section-heading span{font-size:12px;color:#8e949e}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 23px}.card{display:block;text-align:left;background:none;border:0;color:inherit;padding:0;min-width:0}.thumb{aspect-ratio:3/2;position:relative;overflow:hidden;background:#11151d;border:1px solid #242832}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.card:hover img{transform:scale(1.025)}.pending{height:100%;display:flex;align-items:center;justify-content:center;color:#777e89;font-size:12px;letter-spacing:.08em}.number{position:absolute;left:12px;top:9px;font-size:11px;letter-spacing:.08em;color:#c2c6cf;text-shadow:0 1px 4px #000}.tag{position:absolute;bottom:9px;left:10px;padding:2px 6px;background:#0a0c11cc;font-size:10px;color:#c6c3ba}.card-meta{padding-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.card h3{font-size:16px;font-weight:500;margin:0}.card p{font-size:12px;color:#9096a2;margin:4px 0 0}.card .type{font-size:10px;color:#a7a293;white-space:nowrap}footer{max-width:1600px;margin:80px auto 0;padding:25px 5% 40px;border-top:1px solid #262930;color:#777f8c;font-size:11px}footer p{margin:5px 0}dialog{background:#0d1016;color:#e8e9ed;border:1px solid #343a46;padding:0;max-width:none;max-height:none}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}#viewer{width:min(1500px,96vw);height:min(940px,94vh)}.viewer-bar{height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #2c313c;color:#9199a6;font-size:12px}.viewer-bar button,.about-close{background:none;color:#d8dbe2;border:1px solid #3b424f;border-radius:3px;padding:4px 11px;margin-left:8px}.viewer-content{height:calc(100% - 55px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr)}.image-stage{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;background:#020304;position:relative}.image-stage img{width:100%;height:100%;object-fit:contain}.image-stage .pending{padding:30px}#detail{overflow:auto;padding:30px}.detail-kicker{font-size:11px;letter-spacing:.06em;color:#b8ae97}#detail h2{font-size:30px;font-weight:400;margin:12px 0 5px;line-height:1.3}.aliases{color:#8f98a7;font-size:12px;overflow-wrap:anywhere;margin-top:0}.detail-section{margin-top:23px}.detail-section h3{font-size:11px;font-weight:500;letter-spacing:.08em;color:#9a9fa9;margin:0 0 8px}.detail-section p{font-size:13px;line-height:1.9;margin:0;color:#d2d5dc}.sources{list-style:none;padding:0;margin:0}.sources li{margin:0 0 12px;font-size:12px}.sources a{text-decoration:underline;text-underline-offset:4px;color:#d2c7ac}.sources small{display:block;color:#828c9d;margin-top:4px;line-height:1.6}.download{display:inline-block;padding:9px 15px;border:1px solid #6d6553;color:#d8c9a8;font-size:12px;margin-top:24px}.image-caption{font-size:10px;color:#7f8898;margin-top:12px}#about{width:min(640px,93vw);max-height:90vh;padding:35px;overflow:auto}#about h2{font-size:24px;font-weight:400}#about p{color:#aeb5c2;font-size:13px;line-height:1.9}.about-close{float:right;font-size:12px}#empty{padding:70px 0;color:#939aa5}body:has(dialog[open]){overflow:hidden}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{grid-template-columns:1fr 1fr}.viewer-content{grid-template-columns:1fr;display:block;overflow:auto}.image-stage{height:48vh}#detail{overflow:visible;padding:24px}.intro{padding-top:45px}nav{gap:14px;font-size:11px}#viewer{height:95vh}.viewer-content{height:calc(100% - 55px)}}@media(max-width:520px){header{align-items:flex-start;padding:20px 5%}.brand{font-size:20px}nav{gap:10px;flex-wrap:wrap;max-width:150px;justify-content:flex-end}.brand span{font-size:10px}.grid{gap:24px 12px}.card h3{font-size:13px}.card-meta{display:block}.card .type{display:none}.card p{font-size:10px}.controls{gap:10px}input,select{font-size:12px}.intro{padding:35px 0 30px}.number{font-size:9px;left:8px;top:5px}.tag{font-size:9px}.viewer-bar{padding:0 10px}.image-stage{height:35vh}#detail h2{font-size:25px}}

/* Keep long scientific names readable and each image row top-aligned. */
.grid{align-items:start}.card-meta{display:block}.card h3,.card p{overflow-wrap:anywhere}

/* Reader edition: retain the atlas layout and give the science stories room. */
.controls{grid-template-columns:minmax(180px,2fr) 1fr 1fr}
.detail-intro{font-size:16px;line-height:1.85;color:#e0d5bd;margin:20px 0 28px}
.detail-section h3{font-size:13px;letter-spacing:.035em;color:#bdb7aa}
.detail-section p{font-size:14px;line-height:1.95}
.detail-section p+p{margin-top:12px}
.detail-section.evidence{padding-top:20px;border-top:1px solid #30343d}
#about strong{color:#e2d7c0;font-weight:500}
@media(max-width:900px){.controls{grid-template-columns:1fr 1fr}.controls .search{grid-column:1/-1}}