/* Song painting composition, architectural framing and restrained Chinese fretwork. */
body{background-color:var(--paper);background-image:linear-gradient(90deg,#baaa8220 1px,transparent 1px),radial-gradient(#7b715b14 .65px,transparent .65px);background-size:96px 100%,4px 4px}
.site-header{border-top:5px solid #324c42;box-shadow:0 5px 0 #b39a6633,0 9px 0 #34493b22}
.site-header:after{bottom:-19px;height:24px;background:url('assets/lattice.svg') repeat-x center;opacity:.65;pointer-events:none}
.site-header nav a.current{color:var(--red)}
#catalog>.page-heading{position:relative;max-width:none;min-height:285px;padding:68px max(40px,calc((100vw - 1290px)/2)) 44px;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--gold);margin-bottom:38px;background:#e9dfc8}
#catalog>.page-heading:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/ma-yuan-moonlight.jpg') 95% 45%/auto 190% no-repeat;opacity:.75;filter:sepia(.25)}
#catalog>.page-heading:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#eee6d4 15%,#eee6d4ed 45%,#eee6d450 75%,#eee6d410)}
#catalog>.page-heading h1{font-size:48px;letter-spacing:.19em;margin-bottom:15px;max-width:800px}
.catalog-headline span{display:inline-block}
#catalog>.page-heading>p:last-of-type{max-width:700px;font-family:var(--serif);font-size:16px;line-height:2;color:#5f6557}
.heading-caption{position:absolute;right:30px;bottom:10px;font-size:9px;color:#5e6352}
.library-layout{max-width:1410px;grid-template-columns:205px minmax(0,1fr);gap:38px}
.category-sidebar{position:relative;border-top:0;padding:23px 13px;background:linear-gradient(#f1e8d3dd,#efe6d010);align-self:start;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.category-sidebar:before{content:"";display:block;height:19px;border-top:3px double var(--gold);border-bottom:1px solid var(--line);background:url('assets/lattice.svg') center;position:absolute;top:-8px;left:-11px;right:-11px;transform:perspective(80px) rotateX(8deg)}
.category-sidebar h2{text-align:center;letter-spacing:.3em;margin:8px 0 20px;padding-bottom:17px;border-bottom:3px double var(--gold)}
.category-sidebar button{padding:13px 7px}
.search-bar{border-top:3px double var(--gold);padding-top:12px}
.results{grid-template-columns:1fr;gap:25px}
.story-card{padding:0;background:var(--panel);border:1px solid var(--line);box-shadow:0 5px 16px #3c4d3910;display:grid;grid-template-columns:230px minmax(0,1fr);position:relative;min-width:0}
.story-card:before,.story-card:after{content:"";position:absolute;pointer-events:none;width:22px;height:22px;border-color:var(--gold);border-style:solid;z-index:1}
.story-card:before{top:7px;left:7px;border-width:1px 0 0 1px}.story-card:after{bottom:7px;right:7px;border-width:0 1px 1px 0}
.plate-column{background:#e9dfc9;border-right:1px solid var(--line);padding:20px 17px;min-width:0;align-self:stretch}
.plate-window{width:100%;height:230px;padding:10px;border:1px solid #b8a57d;outline:1px solid #b8a57d66;outline-offset:4px;background:#efe6d5;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.plate-window img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.plate-column figcaption{font-size:10px;line-height:1.9;color:#6a6656;margin-top:18px;overflow-wrap:anywhere}
.plate-column figcaption b{display:block;font-family:var(--serif);font-size:15px;font-weight:500;color:#435347;margin-bottom:5px}
.plate-column figcaption a{text-decoration:underline;text-underline-offset:3px}
.plate-column figure{margin:0}.plate-count{margin-top:12px;padding-top:10px;border-top:1px solid #b8a57d66;font-size:10px;color:#6a6656}
.story-copy{padding:26px 29px 23px;min-width:0}.story-copy .entry-top{margin-bottom:10px;gap:12px}
.record-title{background:transparent;border:0;text-align:left;padding:0;font-family:var(--serif);font-size:27px;letter-spacing:.08em;line-height:1.5;overflow-wrap:anywhere}
.record-title:hover{color:var(--red)}.story-intro{font-family:var(--serif);font-size:17px;line-height:1.9;color:var(--ink);margin:15px 0 12px}
.story-paragraph{font-size:13px;line-height:2.1;color:var(--muted);margin:0 0 14px;overflow-wrap:anywhere}
.story-copy details{border:0;border-top:1px solid var(--line);padding:12px 0 0;margin:12px 0 18px}
.story-copy summary{font-size:12px;color:var(--red)}.story-copy details[open] summary{margin-bottom:15px}
.story-copy .entry-bottom{border-top:1px solid var(--line);padding-top:13px}.source-button{font-size:11px;background:none;border:0;padding:5px 0;color:var(--red);white-space:nowrap}
.reading-label{font-size:10px;letter-spacing:.1em;color:var(--muted);display:flex;gap:8px;align-items:center}.reading-label:before{content:"解";border:1px solid var(--red);color:var(--red);padding:0 3px;font-family:var(--serif)}
.reading-note{font-size:11px;line-height:1.9;border-left:2px solid var(--gold);padding-left:12px;color:var(--muted);margin-top:14px}
.detail-reading{padding:24px 25px;background:var(--panel);border:1px solid var(--line);margin:25px 0}.detail-reading h3{font-size:22px;margin:0 0 15px}.detail-reading .story-paragraph{font-size:15px;line-height:2.2}
.detail-plates{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;margin:23px 0}.detail-plates .plate-column{border:1px solid var(--line)}
.coverage-pill{display:inline-block;border:1px solid var(--line);padding:3px 8px;font-size:10px;margin-right:6px;background:var(--panel)}
.archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px}.archive-grid article{border-top:3px double var(--gold);padding:16px;background:var(--panel)}.archive-image{width:100%;height:190px;background:#e7dec9;border:1px solid var(--line);padding:12px}.archive-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.archive-grid h3{font-size:20px;margin:18px 0 8px}.archive-grid p,.archive-grid small{font-size:11px;line-height:1.9;color:var(--muted)}.archive-grid small{display:block}.archive-grid a{display:block;margin-top:12px;color:var(--red);font-size:11px}
.asset-audit{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}.asset-audit div{padding:18px;border:1px solid var(--line)}.asset-audit b{display:block;font:29px var(--serif)}.asset-audit span{font-size:11px;color:var(--muted)}
.night #catalog>.page-heading{background:#263b32}.night #catalog>.page-heading:before{opacity:.3}.night #catalog>.page-heading:after{background:linear-gradient(90deg,#192722,#192722d9 50%,#19272230)}.night #catalog>.page-heading>p:last-of-type,.night .heading-caption{color:#d0c6ae}.night .category-sidebar{background:#22332c66}.night .plate-column{background:#bcaf92}.night .plate-window{background:#ded1b6}
@media(min-width:1500px){.story-card{grid-template-columns:260px minmax(0,1fr)}.plate-window{height:260px}}
@media(max-width:1000px){.library-layout{grid-template-columns:165px minmax(0,1fr);gap:22px}.story-card{grid-template-columns:175px minmax(0,1fr)}.story-copy{padding:22px}.plate-column{padding:17px 12px}.plate-window{height:190px}.record-title{font-size:24px}#catalog>.page-heading h1{font-size:40px}}
@media(max-width:700px){.site-header{border-top-width:3px}.site-header:after{height:16px;bottom:-12px}#catalog>.page-heading{padding:42px 23px 32px;min-height:240px;margin-bottom:25px}#catalog>.page-heading h1{font-size:31px;letter-spacing:.11em}#catalog>.page-heading:before{background-size:auto 120%;background-position:right center;opacity:.45}#catalog>.page-heading:after{background:linear-gradient(90deg,#eee6d4ee,#eee6d4bb 60%,#eee6d450)}#catalog>.page-heading>p:last-of-type{font-size:13px;max-width:85%}.heading-caption{font-size:8px;right:20px}.library-layout{display:block;padding:0 16px 40px}.category-sidebar{padding:12px 4px 0;border-left:0;border-right:0}.category-sidebar:before{left:0;right:0}.category-sidebar h2{text-align:left;font-size:17px;letter-spacing:.15em;padding:9px 0 0;border:0;margin:4px 0 10px}.category-sidebar button{padding:7px 10px}.story-card{grid-template-columns:1fr}.plate-column{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr;padding:20px}.plate-column figure{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px}.plate-window{height:175px}.plate-column figcaption{margin-top:0;align-self:center}.plate-count{margin:12px 0 0;font-size:10px}.story-copy{padding:22px}.story-intro{font-size:16px}.story-paragraph{font-size:13px}.detail-reading{padding:20px 17px}.detail-plates{grid-template-columns:1fr}.detail-plates .plate-column figure{grid-template-columns:1fr}.detail-plates .plate-window{height:260px}}
@media print{.story-card{break-inside:avoid}.story-copy details{display:block}.plate-window{height:180px}}
@media(max-width:700px){.catalog-headline span{display:block}#catalog>.page-heading h1{font-size:29px;line-height:1.5}.heading-caption{font-size:8px}}

.reconstruction-label{display:block;color:var(--accent,#8d4f3a);font-size:12px;letter-spacing:.06em;margin:6px 0}.image-evidence{margin:12px 0;border-top:1px solid #b8a78255;padding-top:8px}.image-evidence summary{cursor:pointer;color:#52634d}.image-evidence p{font-size:12px;line-height:1.85}.image-evidence p b{display:block}

.plate-column:has(.reconstruction-label) .plate-window{height:auto;aspect-ratio:4/3;padding:0}.plate-column:has(.reconstruction-label) .plate-window img{mix-blend-mode:normal}.plate-column:has(.reconstruction-label) figure{align-items:start}
.research-panel{margin:18px 0;border:1px solid var(--line);background:var(--paper);padding:0 18px}.research-panel>summary{padding:15px 0;cursor:pointer;color:var(--red);font-family:var(--serif);font-size:16px;line-height:1.7}.research-body{padding:0 0 18px;line-height:2;font-size:14px}.research-body h4{font:21px var(--serif);margin:27px 0 12px;color:var(--ink)}.research-body p{margin:12px 0}.research-layer{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px}.place-photo{margin:20px 0}.place-photo button{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.place-photo img{width:100%;max-height:430px;object-fit:contain}.place-photo figcaption{font-size:11px;line-height:1.8;color:var(--muted)}.research-sources{padding-left:20px;font-size:12px}.research-sources small{display:block;color:var(--muted)}.research-sources a,.place-photo a{color:var(--red);text-decoration:underline}.entry-tags{display:flex;flex-wrap:wrap;gap:5px}.story-card:has(.place-photo) .story-copy{min-width:0}@media(max-width:700px){.research-panel{padding:0 12px}.research-panel>summary{font-size:15px}.research-body{font-size:13px}}
.name-index-card{border:1px solid var(--line);background:var(--panel);padding:26px}.name-mentions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.name-mentions button{white-space:normal;text-align:left}.name-index-card .record-title{margin:14px 0}