/* Reference chapter picker with local control assets and display type. */
:root{--rail-width:clamp(52px,4vw,76px);--nav-height:clamp(52px,4vw,76px);--menu-ink:#191919;--menu-paper:#f6f5f1}
.shell{margin-left:var(--rail-width)}
.rail{width:var(--rail-width);z-index:55;padding:20px 0;gap:18px;transition:background .2s,color .2s}
/* The seal is a source-pixel crop of David's own red ink impression. */
.seal{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;flex:0 0 44px;line-height:1}
.seal img{width:40px;height:40px;object-fit:contain}.mobile-seal{display:none}
.rail-navigation{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,3vh,30px);margin:auto 0}
.rail-navigation a,.rail-navigation button{writing-mode:vertical-rl;text-decoration:none;background:none;color:inherit;font:16px/1.4 var(--sans);min-width:44px;min-height:74px;padding:10px}
.rail-navigation a:hover,.rail-navigation button:hover{text-decoration:underline;text-underline-offset:5px}
.rail-navigation .rail-library{font-weight:600;text-decoration:underline;text-underline-offset:5px}.rail-navigation a[aria-current=page]{color:var(--red)}.rail-date{font-size:12px}
.top{z-index:50;display:flex;height:var(--nav-height);min-height:var(--nav-height);padding:0 1.8vw;gap:0}.top .brand{display:none}.top .tools{width:100%;gap:24px;min-width:0}
.top .lang{padding:0 10px;min-width:50px;min-height:40px;font-size:15px;background:transparent;color:inherit;border-left:1px solid var(--rule)}
.menu{position:static;flex:1;min-width:0}.menu summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;font:16px/1.5 var(--sans)}.menu summary::-webkit-details-marker{display:none}.menu summary:after{display:none}
.picker-current{display:flex;gap:7px;align-items:center;min-width:0}.picker-label{opacity:.6;white-space:nowrap}.current-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.picker-icon{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;margin-left:2px}.picker-icon img{width:29px;height:29px}.picker-icon .picker-x{display:none}
.picker-meta{display:flex;gap:30px;text-align:right;white-space:nowrap;font:15px/1.5 var(--sans)}.picker-meta[hidden]{display:none}
.chapter-links{position:fixed;inset:var(--nav-height) 0 0 var(--rail-width);width:auto;max-width:none;max-height:none;overflow-y:auto;overscroll-behavior:contain;background:var(--menu-ink);color:var(--menu-paper);padding:54px 1.8vw 70px;border:0;box-shadow:none;z-index:51}
.chapter-links a{display:grid;grid-template-columns:minmax(0,1fr) 110px 100px;align-items:center;column-gap:30px;padding:19px 0;margin:0 0 18px;min-height:80px;border:0;text-decoration:none;color:inherit;animation:picker-entry .35s both}
.chapter-links a:nth-of-type(2){animation-delay:.035s}.chapter-links a:nth-of-type(3){animation-delay:.07s}.chapter-links a:nth-of-type(4){animation-delay:.105s}.chapter-links a:nth-of-type(5){animation-delay:.14s}.chapter-links a:nth-of-type(6){animation-delay:.175s}
.picker-name{font:300 clamp(28px,3.25vw,58px)/1 var(--serif);font-variant:small-caps;overflow-wrap:anywhere}html[lang=zh-Hant] .picker-name{font-family:var(--brush);font-variant:normal;line-height:1.4}
.picker-num,.chapter-links .date{font:16px/1.5 var(--sans);color:inherit;text-align:right;white-space:nowrap}.chapter-links a:hover{color:#c5aa7e}
.chapter-links a:hover .picker-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.chapter-links :focus-visible{outline:2px solid #e7c99e;outline-offset:6px}
.chapter-links .picker-library{border-top:1px solid #666;padding-top:28px;margin-top:26px}.picker-library-note{grid-column:2/4;font:16px/1.5 var(--sans);text-align:right}
.picker-close{display:block;margin:32px 0 0 auto;background:none;color:inherit;border:1px solid #817f73;padding:9px 18px;min-height:44px;font:16px/1.4 var(--sans)}
.chapters-open .top,.chapters-open .rail{background:var(--menu-ink);color:var(--menu-paper);border-color:#606060}.chapters-open .rail :focus-visible,.chapters-open .top :focus-visible{outline-color:#e7c99e}.chapters-open .rail a[aria-current=page]{color:#c5aa7e}
.menu[open] .picker-book{display:none}.menu[open] .picker-x{display:block}.mobile-library,.mobile-comments,.mobile-gallery{display:none}
.library-inline-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 24px;padding:30px 0;border-block:1px solid var(--rule);font:clamp(30px,3vw,46px)/1.3 var(--serif);text-decoration:none;color:var(--red)}
.library-inline-link small{display:block;font:17px/1.6 var(--sans);color:var(--muted);margin-top:12px}.library-inline-link>span:last-child{font-size:42px}.library-inline-link:hover>span:first-child{text-decoration:underline}
.sound-dock,.audio-status{left:calc(var(--rail-width) + 14px)}.skip{z-index:80}
@keyframes picker-entry{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.picker-meta{gap:18px}.chapter-links a{grid-template-columns:minmax(0,1fr) 90px 95px;column-gap:20px}}
@media(max-width:700px){
:root{--rail-width:0px;--nav-height:70px}.rail{display:none}.shell{margin-left:0}.top{position:sticky;padding:0 24px}.top .tools{gap:14px}.top .lang{padding:0 0 0 12px;min-width:42px}
.picker-meta,.picker-current .current-name{display:none}.picker-label{opacity:1}.picker-label .en{font-size:0}.picker-label .en:after{content:'Chapters';font-size:15px}
.menu summary{font-size:15px;gap:8px}.picker-icon,.picker-icon img{width:26px;height:26px}.picker-icon{flex-basis:26px}.mobile-library{display:inline-flex;font:15px/1.4 var(--sans);font-weight:600;text-decoration:underline;min-height:44px;align-items:center}
.chapter-links{padding:14px 32px 90px}.chapter-links a{grid-template-columns:max-content 1fr;gap:4px 12px;padding:15px 0;margin:0 0 6px;min-height:84px;align-content:center}.picker-name{grid-column:1/-1;font-size:clamp(21px,5.6vw,24px);line-height:1.12}.picker-num{text-align:left;color:#b9b9b9;font-size:16px}.chapter-links .date{grid-column:2;text-align:left;color:#b9b9b9;font-size:16px}.chapter-links .date:before{content:'/';margin-right:12px}
.picker-library-note{grid-column:1/-1;text-align:left;color:#b9b9b9}.chapter-links .picker-library{margin-top:20px;padding-top:26px}.picker-close{margin-top:20px}.sound-dock,.audio-status{left:12px}}
@media(max-width:360px){.top{padding:0 16px}.top .tools{gap:10px}.chapter-links{padding-inline:24px}.picker-name{font-size:23px}}
.chapter-links .picker-comments{border-top:1px solid #666;padding-top:25px}
.chapter-links .picker-gallery{border-top:1px solid #666;padding-top:25px}
@media(max-width:700px){.top .tools{gap:12px}.mobile-comments{display:inline-flex;align-items:center;min-height:44px;font:15px/1.4 var(--sans);text-decoration:underline}.mobile-comments[aria-current=page]{color:var(--red)}}
@media(max-width:400px){.top{padding-inline:12px}.top .tools{gap:9px}.top .lang{padding-left:8px;min-width:34px}.mobile-library,.mobile-comments{font-size:13px}.picker-current{gap:3px}.picker-icon,.picker-icon img{width:23px;height:23px}.picker-icon{flex-basis:23px}.picker-label .en:after{font-size:13px}}
@media(prefers-reduced-motion:reduce){.chapter-links a{animation:none}.rail{transition:none}}
@media(max-width:700px){.mobile-seal{display:inline-flex}.mobile-seal img{width:36px;height:36px}.top .tools{gap:10px}}
@media(max-width:400px){.top .tools{gap:8px}}
@media(max-width:360px){.top{padding-inline:10px}.top .tools{gap:5px}.top .menu{min-width:max-content}}
@media(max-width:700px){.mobile-comments{display:none}.mobile-gallery{display:inline-flex;align-items:center;min-height:44px;font:15px/1.4 var(--sans);text-decoration:underline}.mobile-gallery[aria-current=page]{color:var(--red)}}
@media(max-width:400px){.mobile-gallery{font-size:13px}}
@media print{.rail,.top{display:none}.shell{margin:0}}

.chapters-open .sound-dock,.chapters-open .audio-status,.chapters-open:before{visibility:hidden}

.chapter-links a[aria-current=true]{color:var(--menu-paper)}
.chapter-links a:hover{color:#c5aa7e}