/* A specimen and its story share one reading surface. */
#filters{margin:0 0 14px;gap:18px}
.element.has-photo::after{content:'';position:absolute;right:7px;top:8px;width:5px;height:5px;border-radius:50%;background:#926d46}
dialog{inset:0;margin:auto;width:1100px;max-width:calc(100% - 64px);height:auto;max-height:calc(100dvh - 64px);padding:0;border-radius:8px;box-shadow:0 24px 100px #17241d40}
dialog::backdrop{background:#26312955;backdrop-filter:blur(3px)}
.detail-bar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:10px 22px 10px 32px;background:#fbfcfaf5;border-bottom:1px solid #e1e5df;min-height:58px}
.detail-bar>span{font-size:11px;letter-spacing:2px;color:#747e72}
#close{position:static;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:50%}
#close:hover{background:#edf0e9}
.detail-layout{display:grid;grid-template-columns:minmax(0, .92fr) minmax(0,1.08fr);gap:48px;padding:34px 38px 42px}
.visual-column{align-self:start;position:sticky;top:88px;min-width:0}
.detail-top{font-size:11px;letter-spacing:1px}
h2{font-family:"Songti SC","SimSun",serif;font-size:42px;margin:18px 0 24px;line-height:1.2}
h2 em{font-family:"Segoe UI",sans-serif;font-size:16px}
.photo{margin:0}.photo>a{display:block;background:#e8ebe5;aspect-ratio:1;border-radius:3px;overflow:hidden}
.photo img{display:block;width:100%;height:100%;object-fit:contain}.photo img[hidden]{display:none}
#photo-error{padding:30px;font-size:14px;line-height:1.8}
figcaption{padding-top:17px}figcaption b{font-weight:500;font-size:12px;letter-spacing:2px}figcaption p{font-size:12px;line-height:1.8;margin-top:8px}
.photo-credit{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:12px;font-size:10px;color:#737d70}.photo-credit a{text-decoration:underline;text-underline-offset:3px}
.reading-label{font-size:10px;letter-spacing:3px;color:#8c724e;margin:0 0 15px}
.story-title{font-family:"Songti SC","SimSun",serif;font-size:28px;line-height:1.4;margin-bottom:16px}
article p{font-size:14px;line-height:1.95;color:#596356}article section{margin-top:26px}article h3{font-size:17px;margin-bottom:9px}.story-title{font-size:28px}
.facts{padding:20px 0;margin:22px 0;gap:12px}.facts strong{font-size:14px;white-space:nowrap}.facts small{font-size:11px;margin-bottom:9px}
.atomic-details{margin-top:28px;border-top:1px solid #dfe4db;border-bottom:1px solid #dfe4db;padding:17px 0}
.atomic-details summary{cursor:pointer;font-size:14px}.atomic-details summary span{font-size:11px;color:#7c8676;margin-left:10px}.atomic-details p{margin-top:15px;font-size:12px}.atomic-details .configuration{font-size:16px;line-height:2;word-spacing:4px;color:#343a35}
.sources a{font-size:12px;gap:14px}.sources svg{flex-shrink:0}.related{gap:8px}.related button{padding:12px 9px;gap:8px}
.specimen{height:280px;margin:0}.photo-note{font-size:12px;margin-top:16px}
@media(max-width:800px){dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.detail-bar{padding:8px 16px 8px 22px}.detail-bar>span{font-size:10px;letter-spacing:1px}.detail-layout{grid-template-columns:1fr;gap:30px;padding:24px;max-width:580px;margin:auto}.visual-column{position:static}.photo>a{max-height:340px;aspect-ratio:1}.photo img{object-fit:contain}h2{font-size:36px;margin:12px 0 20px}.photo-credit{font-size:11px}.reading-column{min-width:0}.facts strong{font-size:13px}#filters{gap:14px;margin:0 0 10px}.specimen{height:200px}}
@media(min-width:801px) and (max-height:780px){.visual-column{position:static}.photo>a{max-height:300px}.photo img{object-fit:contain}}