:root{--green:#295942;--paper:#f6f5ef;--ink:#252e28;--muted:#72766b;--line:#d8dace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 'PingFang TC','Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ad783c;outline-offset:5px}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:100}.skip:focus{top:0}header{padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fcfcf8;border-bottom:1px solid var(--line)}.brand{display:flex;gap:16px;align-items:center;font:600 21px/1.4 'Songti TC',serif;white-space:nowrap}.brand small{display:block;font:12px/1.6 Georgia,serif;letter-spacing:.04em;margin-top:6px}.brandmark{position:relative;flex:0 0 64px;width:64px;height:50px;overflow:hidden;mix-blend-mode:multiply}.brandmark img{position:absolute;width:97.2px;height:97.2px;max-width:none;left:-18.2px;top:-23.7px;filter:brightness(3)}nav{display:flex;gap:28px;font-size:14px}nav a{padding:9px 0;border-bottom:1px solid transparent}nav a[aria-current]{color:var(--green);border-color:var(--green)}h1,h2,h3{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-weight:500;line-height:1.5}h1{font-size:52px;margin:16px 0 26px}h2{font-size:29px}h3{font-size:19px}p{margin:0 0 22px}.eyebrow{display:block;font:11px/1.8 sans-serif;color:var(--green);letter-spacing:.18em}.hero{max-width:1560px;margin:auto;display:grid;grid-template-columns:minmax(300px,1.2fr) auto minmax(280px,1fr);gap:42px;padding:65px 5vw 45px;min-height:640px;align-items:start}.hero-copy{min-width:0}.hero h1{font-size:clamp(36px,4.5vw,65px);margin-top:25px}.hero-poem{display:flex;flex-direction:row-reverse;gap:32px;align-self:center;padding-bottom:80px;color:var(--muted)}.poem-stanza{display:flex;flex-direction:row-reverse;gap:14px}.poem-stanza span{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;font:19px/1.7 'Songti TC','PMingLiU',serif;letter-spacing:.18em}.book-area{perspective:1500px;display:flex;flex-direction:column;align-items:center;gap:25px;min-height:470px;padding-top:10px}.book-stage{width:280px;height:379.5px;perspective:1300px}.book{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(-26deg) rotateX(3deg);transition:transform .65s ease;cursor:grab;touch-action:pan-y}.book.dragging{transition:none;cursor:grabbing}.front,.back,.spine,.edge,.topedge{position:absolute;backface-visibility:hidden;background-image:url('/assets/wrap.png');background-size:1024px 379.5px;background-repeat:no-repeat}.front{inset:0;background-position:-529px 0;transform:translateZ(16.5px);box-shadow:10px 16px 25px #20352724}.back{inset:0;background-position:-214px 0;transform:rotateY(180deg) translateZ(16.5px)}.spine{width:33px;height:100%;left:123.5px;background-position:-495.5px 0;transform:rotateY(-90deg) translateZ(140px)}.edge{width:33px;height:100%;left:123.5px;background:repeating-linear-gradient(90deg,#dedacc 0px,#f1eee1 1px,#e8e4d6 2px);transform:rotateY(90deg) translateZ(140px)}.topedge{width:280px;height:33px;top:-16.5px;background:#e9e6d8;transform:rotateX(90deg)}.book-tools{font-size:14px;color:var(--green)}.book-hint{font-size:12px;color:var(--muted);text-align:center;max-width:290px;margin:0}.home-bottom{max-width:1400px;margin:0 auto 65px;border-top:1px solid var(--line);padding:26px 3vw;display:flex;justify-content:space-between;color:var(--green)}.home-bottom>a{display:flex;gap:35px}.pagehead{max-width:1300px;padding:65px 5vw 30px;margin:auto}.pagehead p{color:var(--muted)}.library{max-width:1300px;margin:0 auto 80px;display:grid;grid-template-columns:1fr 1.2fr;padding:0 5vw;gap:65px}.sectionlabel{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 16px;font-size:14px}.sectionlabel span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.shelf{height:240px;display:flex;align-items:flex-end;gap:32px;border-bottom:12px solid #af9b7b;box-shadow:0 7px 0 #7e6f58,0 15px 19px #302e241a;margin:30px 0 25px;padding:0 25px;background:linear-gradient(0deg,#deddd340,transparent 40%)}.shelf-book{position:relative;border:1px solid #b7b9a6;border-right:7px solid #bebda9;background:#ebe9d9;color:var(--green);width:58px;height:214px;box-shadow:8px 2px 12px #292b211a;display:flex;align-items:center;flex-direction:column;justify-content:space-around;padding:12px 5px;transition:transform .5s}.shelf-book:hover,.shelf-book:focus-visible{transform:translateY(-12px) rotate(-3deg)}.shelf-book>span{writing-mode:vertical-rl;font:16px/1.4 'Songti TC',serif;letter-spacing:.12em}.shelf-book small{font-size:10px;line-height:1.4}.shelf-caption{margin-bottom:20px;font:22px/1.7 'Songti TC',serif}.shelf-caption small{font:12px/1.8 sans-serif;color:var(--muted)}.shelf-detail{border-top:1px solid var(--line);padding-top:25px;margin-top:40px}.shelf-detail h2{margin:8px 0}.shelf-detail p{font-size:14px;color:var(--muted)}.library-display{border-left:1px solid var(--line);padding:35px 0 0 50px;background:radial-gradient(ellipse at center,#e9ebde80,transparent 70%)}.library-display .book-stage{margin-bottom:20px}.book.picked{animation:pick .8s ease}@keyframes pick{0%{transform:rotateY(-78deg) translateX(-35px)}100%{transform:rotateY(-26deg) rotateX(3deg)}}.muted{font-size:13px;color:var(--muted)}.textlink{display:inline-block;border-bottom:1px solid var(--green);padding-bottom:5px;color:var(--green)}.button{background:var(--green);color:white;border:1px solid var(--green);padding:12px 23px;font-size:14px}.backlink{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:30px}.issue-heading{max-width:1220px;margin:auto;padding:55px 5vw 40px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.issue-heading h1{margin:8px 0}.issue-actions{display:flex;flex-direction:column;gap:18px;align-items:start;padding-bottom:25px}.issue-contents{max-width:1220px;margin:auto;padding:55px 5vw 80px;display:grid;grid-template-columns:230px 1fr;gap:60px}.issue-contents aside{align-self:start;position:sticky;top:30px}.issue-contents h2{margin-top:8px}.toc-group{margin-bottom:38px}.toc-group h3{color:var(--green);padding-bottom:12px;border-bottom:1px solid var(--ink);margin-top:0}.toc-row{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font:18px/1.8 'Songti TC',serif}.toc-row:hover{color:var(--green);padding-left:6px}.toc-arrow{font-family:sans-serif;color:#909987;font-size:14px}.article{max-width:870px;margin:auto;padding:55px 35px 90px}.article h1{font-size:clamp(30px,4vw,44px);line-height:1.65}.authors{color:var(--green)}.bibliography{font-size:13px;color:var(--muted);padding-bottom:25px;border-bottom:1px solid var(--line)}.abstract{font-size:18px;line-height:2;padding:20px 0 15px}.abstract p{white-space:pre-wrap}.abstract h2{font-size:24px}.article-buy{padding:22px 0;border-block:1px solid var(--line);margin:30px 0}.related{color:var(--green)}.related-list a{display:block;border-bottom:1px solid var(--line);padding:12px 0}.info-layout{max-width:1300px;margin:auto;padding:10px 5vw 80px;display:grid;grid-template-columns:230px 1fr;gap:65px}.subnav{align-self:start;position:sticky;top:30px;border-top:1px solid var(--line);padding-top:20px}.subnav a{display:block;padding:9px 0;color:var(--green);font-size:15px}.info-body section{padding:0 0 40px;margin:0 0 40px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.info-body h2{margin-top:0}.large-copy{font:28px/1.8 'Songti TC',serif}.large-copy span{font-size:20px}.pending{font-size:14px!important;color:var(--muted);padding:16px 20px;border-left:2px solid #a0ac94;background:#e9ebdf66}dl{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:14px;margin:35px 0}dt{color:var(--muted)}dd{margin:0}.purchase-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1300px;margin:auto;padding:10px 5vw 100px;gap:70px}.purchase-grid section{border-top:1px solid var(--ink);padding-top:24px}.purchase-number{font:italic 35px Georgia,serif;color:#a2ad96}.purchase-grid h2{margin:12px 0 25px}.purchase-grid p{line-height:2}footer{border-top:1px solid var(--line);padding:40px 4vw;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:12px}.footer-title{font:20px/1.8 'Songti TC',serif;color:var(--green)}footer small{display:block;font:11px/1.8 Georgia,serif;margin-top:5px}
dialog{width:min(1280px,96vw);max-height:95dvh;padding:0;border:1px solid var(--line);background:#eceee5;color:var(--ink)}dialog::backdrop{background:#14261de0;backdrop-filter:blur(4px)}.readerbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8f8f1;border-bottom:1px solid var(--line)}.readerbar h2{font-size:20px;margin:3px 0}.readerbar button,.readercontrols button{background:transparent;color:var(--green);border:1px solid #aeb8a5;padding:7px 14px;font-size:13px}.reader-layout{display:grid;grid-template-columns:280px 1fr}.reader-toc{padding:20px;border-right:1px solid var(--line);max-height:74dvh;overflow:auto}.reader-toc h3{margin-top:0}.reader-toc button{display:block;width:100%;text-align:left;font:13px/1.7 sans-serif;padding:10px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink)}.reader-toc button[aria-current]{background:#dce4d4;color:var(--green)}.reading-area{overflow:auto;max-height:65dvh;padding:25px}.reader-main{min-width:0}#paper{width:min(100%,550px);height:590px;background:#fffef9;margin:auto;padding:38px 40px;box-shadow:0 4px 24px #18281618;overflow:auto;font:16px/1.9 'Songti TC',serif}#paper h2{font-size:25px;margin:15px 0 20px}#paper p{margin-bottom:16px;white-space:pre-wrap}#paper a{color:var(--green);text-decoration:underline;font:13px/1.8 sans-serif}#paper.turn{animation:page-turn .35s ease;transform-origin:left center}@keyframes page-turn{from{transform:perspective(1500px) rotateY(-9deg);opacity:.4}to{transform:none;opacity:1}}.readercontrols{display:flex;justify-content:center;align-items:center;gap:24px;padding:10px}.readercontrols button:disabled{opacity:.3;cursor:default}#page-count{font-size:13px}.reader-note{text-align:center;font-size:11px;color:var(--muted);margin:7px 0 16px}.reader-measure{position:fixed!important;left:-9999px!important;top:0!important;visibility:hidden!important;height:590px;width:550px;padding:38px 40px;font:16px/1.9 'Songti TC',serif;box-sizing:border-box}.reader-measure h2{font-size:25px;line-height:1.5;margin:15px 0 20px}.reader-measure p{margin:0 0 16px;white-space:pre-wrap}
@media(max-width:1150px){header{flex-wrap:wrap}nav{gap:24px}.hero{grid-template-columns:1fr 1fr;gap:25px}.hero-copy{grid-column:1;grid-row:1}.hero-poem{grid-column:1;grid-row:2;justify-self:start;padding-bottom:0}.hero>.book-area{grid-column:2;grid-row:1/span 2}.hero{min-height:650px}.library{gap:35px}.library-display{padding-left:25px}.issue-contents,.info-layout{grid-template-columns:180px 1fr;gap:30px}}
@media(max-width:700px){header{padding:20px;gap:20px}.brand{font-size:18px;gap:12px}.brandmark{flex-basis:56px}nav{width:100%;gap:18px;overflow:auto;white-space:nowrap;font-size:13px}.hero{grid-template-columns:1fr;padding:40px 26px;gap:32px}.hero-copy,.hero-poem,.hero>.book-area{grid-column:auto;grid-row:auto}.hero h1{font-size:37px}.hero-poem{justify-self:center;padding:10px 0}.hero>.book-area{margin-top:20px}.home-bottom{margin:0 25px 45px;padding-inline:0;font-size:14px}.pagehead{padding:40px 25px 20px}h1{font-size:38px}.library{grid-template-columns:1fr;padding:0 25px;gap:30px}.shelf{height:200px}.shelf-book{height:180px}.library-display{border:0;border-top:1px solid var(--line);padding:40px 0 0}.shelf-detail{margin-top:25px}.issue-heading{padding:35px 25px;align-items:start;flex-direction:column}.issue-actions{flex-direction:row;align-items:center;flex-wrap:wrap;padding:0}.issue-contents,.info-layout{grid-template-columns:1fr;padding:35px 25px;gap:15px}.issue-contents aside,.subnav{position:static}.subnav{display:flex;flex-wrap:wrap;gap:5px 20px;margin-bottom:30px}.toc-row{font-size:17px}.article{padding:35px 25px 65px}.purchase-grid{grid-template-columns:1fr;padding:0 25px 60px;gap:40px}.info-body section{margin-bottom:25px}dl{grid-template-columns:80px 1fr}footer{flex-direction:column;padding:30px 25px;gap:20px}.reader-layout{grid-template-columns:1fr}.reader-toc{max-height:150px;border-bottom:1px solid var(--line);padding:12px 18px}.reader-toc h3{display:none}.reader-toc button{padding:7px}.reading-area{padding:14px;max-height:50dvh}#paper{padding:25px 23px;height:530px;font-size:16px}.readerbar{padding:12px 16px}.readerbar h2{font-size:17px}.readercontrols{gap:15px}.reader-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Browser-local design controls */
/* Revised homepage: one-line masthead with the poem beneath. */
.home-hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:65px;min-height:650px;padding-block:65px 75px}.home-hero .hero-copy{grid-column:1;grid-row:1}.home-hero h1{font-size:clamp(28px,3.8vw,53px);white-space:nowrap;letter-spacing:.015em;margin:20px 0 42px}.home-hero .hero-poem{justify-content:flex-start;width:fit-content;margin:0 0 0 25px;padding:0;align-self:auto}.home-hero>.book-area{grid-column:2;grid-row:1}.front{box-shadow:none}.purchase-grid section{min-height:260px}.info-body #about{min-height:160px}
@media(max-width:1000px){.home-hero{gap:30px}.home-hero h1{font-size:3.6vw}.home-hero .poem-stanza span{font-size:18px}}
@media(max-width:700px){.home-hero{grid-template-columns:1fr;gap:38px;padding:40px 24px 60px}.home-hero .hero-copy,.home-hero>.book-area{grid-column:1;grid-row:auto}.home-hero h1{font-size:clamp(22px,5.8vw,38px);margin-bottom:30px}.home-hero .hero-poem{margin-left:0;gap:26px}.home-hero .poem-stanza span{font-size:17px}.home-hero>.book-area{margin-top:0}.purchase-grid section{min-height:220px}}

/* Quiet, centered journal opening; animated artwork supplied separately. */
.home-hero{display:flex;justify-content:center;align-items:center;max-width:1040px;min-height:calc(100svh - 230px);padding:74px 28px 86px;text-align:center}
.home-hero .hero-copy{width:100%;max-width:640px}
.home-hero .eyebrow{font:10px/1.8 Georgia,serif;letter-spacing:.23em;color:#788276}
.home-hero h1{font-size:36px;letter-spacing:.12em;white-space:nowrap;margin:22px 0 44px;color:var(--green)}
.home-hero .hero-poem{margin:0 auto;padding:0;gap:36px;justify-content:center;color:#687365}
.home-hero .poem-stanza{gap:15px}
.home-hero .poem-stanza span{font-size:17px;line-height:1.9;letter-spacing:.22em}
.home-entry{display:inline-flex;align-items:center;gap:28px;margin-top:44px;padding:9px 2px;border-bottom:1px solid #aab4a2;font-size:13px;letter-spacing:.12em;color:var(--green)}
.home-entry:hover{border-color:var(--green)}
@media(max-width:700px){.home-hero{min-height:610px;padding:58px 24px 64px}.home-hero h1{font-size:clamp(23px,5.7vw,32px);letter-spacing:.07em;margin:20px 0 38px}.home-hero .eyebrow{font-size:8px;letter-spacing:.13em}.home-hero .hero-poem{margin:0 auto;gap:27px}.home-hero .poem-stanza{gap:10px}.home-hero .poem-stanza span{font-size:16px}.home-entry{margin-top:38px}}

/* Centered vertical editorial composition, read from right to left. */
.home-hero .hero-copy{display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:52px;width:auto;max-width:none}
.home-hero h1{writing-mode:vertical-rl;text-orientation:upright;font-size:34px;line-height:1.5;letter-spacing:.22em;margin:0;font-weight:500}
.home-hero .hero-poem{margin:0;padding:0;align-self:flex-start;align-items:flex-start;gap:28px}
.home-hero .poem-stanza{align-items:flex-start;gap:13px}
.home-hero .poem-stanza span{font-size:17px;line-height:1.9;letter-spacing:.22em}
.home-entry{writing-mode:vertical-rl;align-self:flex-start;margin:0;padding:4px 9px;gap:24px;border-bottom:0;border-left:1px solid #aab4a2;font-size:13px;letter-spacing:.2em}
@media(max-width:700px){.home-hero{min-height:590px;padding:65px 18px}.home-hero .hero-copy{gap:22px}.home-hero h1{font-size:26px}.home-hero .hero-poem{gap:16px}.home-hero .poem-stanza{gap:5px}.home-hero .poem-stanza span{font-size:14px;line-height:1.65}.home-entry{font-size:12px;padding:3px 5px}}

@media(max-width:400px){.home-hero .hero-copy{gap:12px}.home-hero .hero-poem{gap:12px}.home-hero .poem-stanza span{font-size:13px}}

/* User-marked placement: title at the right, poem retained at the center. */
.home-hero{max-width:none}
.home-hero .hero-copy{display:block;position:relative;width:100%;min-height:332px}
.home-hero h1{position:absolute;left:78.4%;top:0;margin:0}
.home-hero .hero-poem{position:absolute;left:49.5%;top:0;transform:translateX(-50%)}
.publication-contact{line-height:1.95}
@media(max-width:700px){.home-hero .hero-copy{min-height:270px}.home-hero h1{left:auto;right:5%}.home-hero .hero-poem{left:41%;gap:16px}}
@media(max-width:400px){.home-hero h1{right:1%;font-size:24px}.home-hero .hero-poem{left:40%;gap:12px}}
/* Footer baseline: copyright aligned with the contact line. */
footer{align-items:flex-end;padding-top:32px;padding-bottom:40px}.copyright{line-height:1.95}
/* Full-width book reader. Each leaf has the print proportion 17:23. */
#reader{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#eeede6;color:var(--ink)}
#reader[open]{display:flex;flex-direction:column}
#reader .readerbar{flex:none;display:flex;justify-content:space-between;align-items:center;padding:15px 28px;background:transparent;border-bottom:1px solid #d8dace}
#reader .readerbar h2{font-size:17px;margin:0}#reader .readerbar button{border:0;background:none;color:var(--green)}
.book-reading-space{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;perspective:1800px}
#spread{position:absolute;left:50%;top:50%;transform-origin:center;display:flex;perspective:1800px;isolation:isolate;touch-action:pan-y;box-shadow:0 5px 18px #2c392514}
.reading-page,#paper{box-sizing:border-box;position:relative;flex:none;width:var(--pw,510px);height:var(--ph,690px);padding:46px 42px 48px;background:#fcfbf5;font:17px/1.95 'Songti TC','PMingLiU',serif;overflow:hidden;margin:0;border:0;border-radius:0;box-shadow:none;animation:none}
.reading-page h2{font-size:25px;line-height:1.6;margin:15px 0 18px}.reading-page h3{font-size:18px;margin:20px 0 10px}.reading-page p{margin:0 0 15px;overflow-wrap:anywhere}.reading-page .eyebrow{font-size:10px}.reading-page .reader-author{font-size:16px}.reading-page .reader-keywords{font-size:13px;color:#65735f}.reading-page .folio{position:absolute;bottom:18px;left:0;right:0;text-align:center;font:11px Georgia;color:#89917f}
#paper{background:linear-gradient(to left,#e7e5d8 0,#fcfbf5 5%)}#paper-right{background:linear-gradient(to right,#e7e5d8 0,#fcfbf5 5%)}
#spread .turning-leaf{position:absolute;top:0;z-index:5;backface-visibility:hidden;background:linear-gradient(90deg,#e6e3d5,#fcfbf5 10%,#fcfbf5 85%,#eeeadd);box-shadow:4px 0 14px #28341f20}
#reader .readercontrols{flex:none;display:flex;align-items:center;justify-content:center;gap:26px;padding:12px 20px 20px;margin:0}#reader .readercontrols button{background:none;border:0;color:var(--green);font-size:14px}#reader .readercontrols button:disabled{opacity:.35}#page-count{font-size:12px;color:#72766b}
.reading-page.mobile-page,#paper.mobile-page{padding:28px 25px 34px;font-size:15px;line-height:1.85}.reading-page.mobile-page h2{font-size:20px;margin:8px 0 14px}.reading-page.mobile-page h3{margin:12px 0 8px}.reading-page.mobile-page .reader-keywords{font-size:12px}
@media(max-width:700px){footer{align-items:flex-start}.copyright{font-size:11px}#reader .readerbar{padding:12px 16px}#reader .readerbar h2{font-size:15px}#reader .readercontrols{gap:18px}#paper{background:#fcfbf5}}

/* Marked homepage adjustment and compact reader entry. */
@media(min-width:701px){.home-hero h1{left:74.3%}}
.mini-book-entry{padding:0 28px;align-items:center;justify-content:center}
.mini-book{display:block;position:relative;width:170px;height:230px;padding:0;border:0;border-radius:0;background:transparent;perspective:850px;cursor:grab;touch-action:pan-y;color:inherit}
.mini-volume{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform:rotateY(-18deg);transition:transform .5s}
.mini-book:hover .mini-volume{transform:rotateY(-26deg) translateY(-5px)}
.mini-book:active{cursor:grabbing}.mini-book.is-dragging .mini-volume{transition:none}
.mini-volume>span{display:block;position:absolute;backface-visibility:hidden;background-image:url('/assets/wrap.png');background-size:618.5px 230px}
.mini-front{inset:0;background-position:-319.5px 0;transform:translateZ(10px)}
.mini-back{inset:0;background-position:-129.9px 0;transform:rotateY(180deg) translateZ(10px)}
.mini-spine{width:20px;height:230px;left:-10px;background-position:-299.3px 0;transform:rotateY(-90deg)}
.mini-volume .mini-edge{width:20px;height:229px;left:160px;top:.5px;transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#e0ddce 0 1px,#f4f1e6 1px 3px)}
@media(max-width:700px){.mini-book-entry{align-self:center;padding:10px 0 0}.mini-book{width:136px;height:184px}.mini-volume{width:170px;height:230px;scale:.8;transform-origin:top left}}
@media(prefers-reduced-motion:reduce){.mini-volume{transition:none}.mini-book:hover .mini-volume{transform:rotateY(-18deg)}}

/* Very slow miniature sway: 30 degrees total, 16 seconds per cycle. */
@keyframes miniature-sway{0%,100%{rotate:y -15deg}50%{rotate:y 15deg}}
.mini-volume{animation:miniature-sway 16s ease-in-out infinite}
.mini-book:hover .mini-volume{transform:rotateY(-18deg)}
.mini-book.is-dragging .mini-volume{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.mini-volume{animation:none}}

/* Consistent informational headings and rightward miniature motion. */
.pagehead h1{font-size:42px}
@media(max-width:700px){.pagehead h1{font-size:34px}}
@media(min-width:701px){.home-hero h1{left:var(--home-nav-left,74.3%)}}
@keyframes miniature-sway{0%,100%{rotate:y 0deg}50%{rotate:y 30deg}}
.mini-volume,.mini-book:hover .mini-volume{transform:rotateY(0deg);transition:none}
.mini-volume{animation:miniature-sway 16s linear infinite}
@media(prefers-reduced-motion:reduce){.mini-volume{animation:none;rotate:y 15deg}.mini-book:hover .mini-volume{transform:rotateY(0deg)}}

/* Full logo geometry with a transparent background, including narrow headers. */
.brandmark{flex:0 0 64px;width:64px;height:50px;overflow:visible;mix-blend-mode:normal}
.brandmark img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none}
.mini-book,.mini-book:active{cursor:pointer;touch-action:manipulation}
@media(max-width:700px){.brandmark{flex:0 0 56px;width:56px;height:44px}.brand{min-width:0}.brand small{font-size:11px;letter-spacing:0}}

/* Ship the editorial serif so desktop and mobile render the same Ming style. */
:root{--serif-zh:'Noto Serif TC','Songti TC','STSong','PMingLiU','Times New Roman',serif}
.brand,h1,h2,h3,.poem-stanza span,.shelf-book>span,.shelf-caption,.toc-row,.large-copy,.footer-title,#paper,.reading-page,.reader-measure{font-family:var(--serif-zh)}

/* Keep the issue title and its miniature volume in one responsive row. */
.issue-heading-copy{width:100%;min-width:0}
.issue-title-row{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%}
.issue-title-copy{min-width:0}.issue-title-copy p{margin-bottom:0}
@media(max-width:700px){
 .issue-heading{display:block;padding-bottom:18px}
 .issue-title-row{align-items:flex-start;gap:18px}
 .issue-title-copy{padding-top:3px}
 .issue-title-row,.issue-title-row .mini-book-entry,.issue-title-row .mini-book{overflow:visible}
 .issue-title-row .mini-book-entry{flex:0 0 96px;width:96px;height:130px;align-self:flex-start;padding:0}
 .issue-title-row .mini-book{width:96px;height:130px}
 .issue-title-row .mini-volume{width:96px;height:130px;scale:1;transform-origin:top left}
 .issue-title-row .mini-volume>span{background-size:349.3px 130px}
 .issue-title-row .mini-front{background-position:-180.4px 0;transform:translateZ(5.7px)}
 .issue-title-row .mini-back{background-position:-73.4px 0;transform:rotateY(180deg) translateZ(5.7px)}
 .issue-title-row .mini-spine{width:11.3px;height:130px;left:-5.7px;background-position:-169px 0}
 .issue-title-row .mini-volume .mini-edge{width:11.3px;height:129px;left:90.4px;top:.5px}
 .issue-contents{padding-top:18px}
}

/* Font-independent, hairline navigation arrows. */
.ui-arrow{position:relative;display:inline-block;flex:0 0 13px;width:13px;height:13px;color:currentColor;vertical-align:-2px}
.ui-arrow::before,.ui-arrow::after{content:"";position:absolute;box-sizing:border-box}
.ui-arrow-left::before,.ui-arrow-right::before{left:1px;top:6px;width:11px;height:1px;background:currentColor}
.ui-arrow-left::after,.ui-arrow-right::after,.ui-arrow-down::after{width:6px;height:6px;border-color:currentColor;border-style:solid}
.ui-arrow-left::after{left:1px;top:3.5px;border-width:0 0 1px 1px;transform:rotate(45deg)}
.ui-arrow-right::after{right:1px;top:3.5px;border-width:1px 1px 0 0;transform:rotate(45deg)}
.ui-arrow-ne::before{inset:0;width:100%;height:100%;background:currentColor;transform:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 11.5 11.5 2.5M5.5 2.5h6v6' fill='none' stroke='%23000' stroke-width='.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 11.5 11.5 2.5M5.5 2.5h6v6' fill='none' stroke='%23000' stroke-width='.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 14px no-repeat}
.ui-arrow-ne::after{display:none}
.ui-arrow-down::before{left:6px;top:1px;width:1px;height:11px;background:currentColor}
.ui-arrow-down::after{left:3.5px;bottom:1px;border-width:0 1px 1px 0;transform:rotate(45deg)}
.backlink,.arrow-link,#reader .readercontrols button{display:inline-flex;align-items:center;gap:8px}
.related-list a.arrow-link{display:flex;justify-content:space-between}
.toc-row .ui-arrow,.shelf-cta .ui-arrow{margin-left:auto}

/* Mobile submission accordion; desktop keeps the full editorial layout. */
.submission-toggle{display:none}
.submissions-body .submission-section{padding:0;margin:0;border:0;scroll-margin-top:25px}
.submission-panel{padding:0 0 40px;margin:0 0 40px;border-bottom:1px solid var(--line);scroll-margin-top:25px}
.submission-panel h2{margin-top:0}
@media(max-width:700px){
 .submissions-layout{padding-top:4px;gap:0}
 .submission-subnav{display:none}
 .submissions-body{border-top:1px solid var(--line)}
 .submissions-body .submission-section{padding:0;margin:0;border-bottom:1px solid var(--line);scroll-margin-top:12px}
 .submission-toggle{display:grid;width:100%;grid-template-columns:30px 1fr 18px;align-items:center;gap:8px;padding:17px 0;border:0;background:transparent;color:var(--green);font-family:var(--serif-zh);font-size:17px;text-align:left}
 .submission-number{font:10px/1.2 Georgia,serif;letter-spacing:.08em;color:#899383}
 .submission-arrow{justify-self:end;transition:transform .25s ease}
 .submission-panel{display:none;padding:0 0 22px 38px;margin:0;border:0}
 .submission-panel h2,.submission-panel>.eyebrow{display:none}
 .submission-panel p{margin-bottom:0}
 .submission-panel .pending{padding:14px 16px}
 .submission-section.is-open .submission-panel{display:block}
 .submission-section.is-open .submission-arrow{transform:rotate(90deg)}
}

/* Bilingual navigation and English-language composition. */
header{position:relative}
nav .language-switch{margin-left:4px;padding-left:20px;border-left:1px solid var(--line);font:11px/1.8 Georgia,serif;letter-spacing:.12em;color:var(--green)}
.translation-note{margin:-12px 0 20px;font-size:12px;letter-spacing:.03em;color:var(--muted)}
.reading-page .translation-note{margin:-9px 0 12px;font:11px/1.6 sans-serif}
.lang-en .home-hero{min-height:calc(100svh - 230px);padding:86px 28px 100px}
.lang-en .home-hero .hero-copy{display:flex;position:static;flex-direction:column;align-items:center;width:100%;max-width:940px;min-height:0;gap:0}
.lang-en .home-hero h1{position:static;writing-mode:horizontal-tb;text-orientation:mixed;max-width:100%;margin:0;color:var(--green);font-size:clamp(34px,4vw,54px);line-height:1.3;letter-spacing:.035em;white-space:normal;text-wrap:balance}
.lang-en .home-hero .hero-poem{position:static;display:grid;grid-template-columns:1fr 1fr;width:min(760px,100%);margin:68px auto 0;transform:none;gap:70px;color:#687365}
.lang-en .home-hero .poem-stanza{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.lang-en .home-hero .poem-stanza span{writing-mode:horizontal-tb;text-orientation:mixed;white-space:normal;font:17px/1.75 Georgia,'Times New Roman',serif;letter-spacing:.025em;text-align:left}
.lang-en .toc-row,.lang-en .article,.lang-en .info-body,.lang-en .purchase-grid{font-family:Georgia,'Times New Roman',var(--serif-zh)}
@media(max-width:700px){
 nav .language-switch{position:absolute;top:28px;right:20px;margin:0;padding:3px 0 3px 14px;border-bottom:0;border-left:1px solid var(--line)}
 .lang-en .home-hero{min-height:560px;padding:70px 24px 80px}
 .lang-en .home-hero .hero-copy{min-height:0}
 .lang-en .home-hero h1{font-size:clamp(30px,9vw,43px);text-align:left}
 .lang-en .home-hero .hero-poem{grid-template-columns:1fr;margin-top:48px;gap:28px}
 .lang-en .home-hero .poem-stanza span{font-size:15px}
}