/* The illustrated canvas and its contents share one coordinate system. */
body.series-page{background:#e8d6ae;color:#5a3b27}body.series-page .site-header,body.series-page .site-footer{display:none}
.series-room{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 30%,#f7edcf,#e8d6ae);font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.series-viewport{width:100%;max-width:100vw;overflow:auto;overscroll-behavior-x:contain;scrollbar-color:#a67e44 #ead6aa;scrollbar-width:thin}
.series-board{position:relative;container-type:inline-size;width:min(100%,177.777778svh);aspect-ratio:16/9;margin:auto;isolation:isolate}
.series-master{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;z-index:-1;pointer-events:none}
/* Navigation is printed into the ends of the upper scroll. */
.series-banner{position:absolute;left:28%;top:7.2%;width:44%;display:grid;grid-template-columns:6.4cqw minmax(0,1fr) 6.4cqw;align-items:center;gap:1cqw}
.series-heading{min-width:0;text-align:center}
.series-heading h1{position:relative;margin:0;line-height:1}
.series-title__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.series-title__art{display:block;width:100%;height:5.9cqw;overflow:hidden}
.series-heading p{display:flex;align-items:center;justify-content:center;gap:.65cqw;margin:.15cqw 0 0;font-size:.87cqw;letter-spacing:.15em;color:#78552f;line-height:1.5;white-space:nowrap}
.series-heading p::before,.series-heading p::after{content:"";width:2.2cqw;height:1px;background:#b78c4b;flex-shrink:0}
.series-switch{position:relative;isolation:isolate;display:flex;min-height:max(44px,4.6cqw);flex-direction:column;align-items:center;justify-content:center;gap:.2cqw;padding:.4cqw .6cqw;border:0;background:none;text-decoration:none;color:#654126;transition:color .16s ease,transform .16s ease}
.series-switch__plate{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;filter:drop-shadow(0 .12cqw .08cqw #72532730)}
.series-switch__metal{fill:#e6c58c;stroke:#8d6235;stroke-width:1.5;stroke-linejoin:round;transition:fill .16s ease}
.series-switch__rim{fill:none;stroke:#fff0c1;stroke-width:1.2;stroke-linejoin:round}
.series-switch__scratch{fill:none;stroke:#986537;stroke-width:.7;opacity:.65}
.series-switch__ornament{display:block;width:2.7cqw;height:1.35cqw}
.series-switch__ornament svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.series-switch__label{font-size:.87cqw;line-height:1.5;letter-spacing:.08em;white-space:nowrap}
.series-switch:hover{color:#71351f}.series-switch:hover .series-switch__metal{fill:#f1d7a5}.series-switch:active{transform:translateY(1px)}
/* Every collection uses the same six positions; available covers fill from the upper left. */
.exhibit-grid{position:absolute;left:21%;top:30%;width:58%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;align-content:start;gap:1.65cqw 1.45cqw}
.exhibit{min-width:0;display:block;color:#573923;text-decoration:none}
.exhibit-frame{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;border:.12cqw solid #916c32;outline:.07cqw solid #c6a76b;outline-offset:.21cqw;background:linear-gradient(145deg,#fff8e3e6,#efdcafcf);overflow:hidden;box-shadow:0 .2cqw .6cqw #64432218;transition:box-shadow .16s ease,border-color .16s ease}
.exhibit-frame::before{content:"";position:absolute;inset:.45cqw;border:.07cqw solid #c4ad7d;pointer-events:none;z-index:1}
.exhibit-frame>img{width:100%;height:100%;object-fit:cover;object-position:center top;position:absolute;inset:0}
.exhibit-caption{display:flex;align-items:center;justify-content:center;gap:.6cqw;min-height:2.5cqw;margin-top:.6cqw;padding-bottom:.35cqw;border-bottom:.07cqw solid #99713850;line-height:1.4;text-align:center}
.exhibit-caption h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:600;font-size:1.12cqw;line-height:1.4;margin:0;color:#654329}
.exhibit-caption>span{flex-shrink:0;font-size:.78cqw;color:#795a37}
.exhibit-caption>.screening-card-kicker{margin:0;font-size:1.02cqw;font-weight:600;letter-spacing:.02em;color:#79502f}
.exhibit--available:hover .exhibit-frame{border-color:#9a4430;box-shadow:0 .18cqw .65cqw #74452330}
.exhibit:focus-visible{outline:.2cqw solid #973f29;outline-offset:.55cqw;border-radius:.1cqw}
.exhibit-title-art{font-family:"STKaiti","KaiTi",serif;font-size:1.65cqw;text-align:center;padding:2cqw;overflow-wrap:anywhere}
.series-footer{position:absolute;left:21%;top:81%;width:58%;display:flex;align-items:center;justify-content:space-between;gap:1cqw;color:#7a5833;font-size:.79cqw;letter-spacing:.05em}.series-footer>span:last-child{text-align:right}
/* The return plaque sits below the paper's lower border, over the water. */
.series-back{position:absolute;left:50%;top:94.4%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;width:12%;height:max(24px,3.8%);background:linear-gradient(#fff0c4,#e7bf74);border:.2cqw double #9c682d;border-radius:.25cqw;color:#674020;font-size:clamp(11px,1cqw,18px);font-weight:600;letter-spacing:.12em;box-shadow:inset 0 .08cqw 0 #fff8de,0 .18cqw .35cqw #244b4840;white-space:nowrap;text-decoration:none;transition:filter .16s ease}
.series-back:hover{filter:brightness(1.06)}.series-back:active{filter:brightness(.97)}
.series-room :focus-visible{outline:2px solid #963f30;outline-offset:4px}.series-mobile-tools{display:none}
.series-readable{display:none;width:min(100% - 32px,880px);margin:8px auto 32px;color:#593b27}.series-readable--overflow{display:block}
.series-readable h2{font-family:"STXinwei","KaiTi",serif;font-size:28px;margin:0 0 16px}
.series-readable ul{list-style:none;padding:0;margin:0;border-top:1px solid #bca16b}.series-readable li{border-bottom:1px solid #bca16b}
.series-readable a{display:grid;gap:8px;min-height:60px;padding:18px 8px;text-decoration:none;line-height:1.7}.series-readable strong{font-size:18px;overflow-wrap:anywhere}.series-readable a>span{font-size:15px}.series-readable .series-readable-action{color:#8a3d2b;font-size:14px}.series-readable a:hover{background:#fff1cf}
.exhibit-grid--eight{grid-template-columns:repeat(4,minmax(0,1fr));top:34%;gap:1.7cqw 1.3cqw}.exhibit-grid--eight .exhibit-caption h2{font-size:.96cqw}.exhibit-grid--eight .exhibit-caption>span{font-size:.7cqw}
.layout-preview-note{width:min(100% - 32px,880px);margin:18px auto 32px;color:#65472f;text-align:center;font-size:14px;line-height:1.8}.layout-preview-note a{display:inline-flex;align-items:center;min-height:44px;margin:0 10px;color:#8a3d2b;text-underline-offset:5px}
@media(max-width:900px),(max-height:550px){
.series-viewport:not(.is-zoomed) .series-switch,.cookbook-stage .series-switch{min-height:0}
.series-readable{display:block}.series-viewport:not(.is-zoomed) .exhibit-grid{visibility:hidden}.series-viewport:not(.is-zoomed) .series-switch,.series-viewport:not(.is-zoomed) .series-back{visibility:hidden}
.series-room{justify-content:flex-start;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));gap:16px}
.series-mobile-tools{display:block;width:min(100% - 28px,560px);text-align:center}.series-mobile-tools p{margin:0 0 12px;color:#6b5032;font-size:13px;line-height:1.6}.series-mobile-tools>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.series-mobile-tools button,.series-mobile-tools a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid #ad884d;border-radius:4px;background:#fbefcf;color:#654323;font-size:13px;line-height:1.5}
.series-mobile-tools button{background:linear-gradient(#fae8b8,#e6c484);font-weight:600}.series-mobile-tools .series-mobile-back{margin-top:12px;background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}
.series-viewport.is-zoomed{max-height:75svh;overflow:auto}.series-viewport.is-zoomed .series-board{width:960px;margin:0}
}
@media(prefers-reduced-motion:reduce){.series-room *{transition:none!important;scroll-behavior:auto}}


/* Six explicit samples in the isolated preview; only the first is an actual tool. */
.preview-cover-art{position:absolute;inset:0;padding:8%;color:#896342}
.preview-exhibits-mobile{display:none}
@media(max-width:900px),(max-height:550px){
.preview-exhibits-mobile{display:block;width:min(100% - 32px,700px);margin:0 auto 24px}
.preview-exhibits-mobile>h2{font-family:"STXinwei","KaiTi",serif;font-size:28px;color:#75442c;margin:0 0 8px}
.preview-exhibits-mobile>p{font-size:14px;line-height:1.7;margin:0 0 20px;color:#735939}
.preview-exhibit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
.preview-exhibit-list .exhibit-frame{border:1px solid #9d7948;outline:1px solid #c6a76b;outline-offset:2px}
.preview-exhibit-list .exhibit-frame::before{inset:6px;border:1px solid #bfa67b}
.preview-exhibit-list .exhibit-caption{margin-top:8px;min-height:36px;display:flex;padding-bottom:7px;text-align:center}
.preview-exhibit-list .exhibit-caption h2{font-size:15px;white-space:normal;line-height:1.5}
.preview-exhibit-list .exhibit-caption>span{font-size:12px;line-height:1.6;display:block}
.preview-exhibit-list .exhibit-caption>.screening-card-kicker{font-size:13px;margin:0}
}