.reading-page{--reading-paper:#f3efe4;--reading-ink:#161616;--reading-muted:#6f6a60;--reading-rule:#c9c2b4;--reading-red:#a52d28;--reading-soft:#e8e1d3;--reading-black:#111214;margin:0;background:var(--reading-paper);color:var(--reading-ink);font-family:var(--font-sans,"Helvetica Neue",Arial,sans-serif)}
.reading-page *{box-sizing:border-box}.reading-page ::selection{background:var(--reading-red);color:#fff}.reading-page a{color:inherit}.reading-site-nav{background:rgba(243,239,228,.96);border-bottom-color:var(--reading-rule);color:var(--reading-ink);backdrop-filter:blur(12px)}
.reading-main{width:min(1500px,calc(100% - 64px));margin:0 auto;padding-bottom:140px}.reading-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);min-height:calc(100svh - 82px);border-bottom:1px solid var(--reading-ink)}.reading-feature-copy{display:grid;grid-template-rows:auto 1fr auto auto;padding:34px 44px 42px 0;border-right:1px solid var(--reading-ink)}.reading-feature-topline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--reading-rule);font:750 .65rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}.reading-feature-topline span:nth-child(2){text-align:center;color:var(--reading-red)}.reading-feature-topline span:last-child{text-align:right}.reading-feature-title{align-self:center;padding:54px 0 36px}.reading-feature-title p{margin:0 0 18px;color:var(--reading-red);font:750 .68rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.reading-feature-title h1{max-width:940px;margin:0;font-size:clamp(4.6rem,7.8vw,9.7rem);font-weight:570;line-height:.8;letter-spacing:-.075em}.reading-feature-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:44px;align-items:end;padding:26px 0;border-top:1px solid var(--reading-rule)}.reading-feature-intro p{max-width:62ch;margin:0;color:var(--reading-muted);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.6}.reading-feature-intro a{white-space:nowrap;text-decoration:none;font-size:.72rem;font-weight:800;letter-spacing:.08em}.reading-feature-intro a:hover{text-decoration:underline;text-underline-offset:4px}.reading-feature-status{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:10px 18px;align-items:baseline;padding-top:18px;font:700 .62rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.reading-feature-status span{color:var(--reading-muted)}.reading-feature-status b{font-size:.72rem;letter-spacing:.02em}.reading-feature-status b:first-of-type{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:1rem;font-weight:500}
.reading-feature-source{position:relative;min-width:0;margin:0;background:#d8cfbd;overflow:hidden}.reading-feature-source:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(20,18,15,.02),rgba(20,18,15,.13));mix-blend-mode:multiply}.reading-feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity .45s ease;filter:sepia(.08) contrast(.98)}.reading-feature-source.is-loaded .reading-feature-image{opacity:1}.reading-feature-source figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:5px 22px;padding:22px 24px;background:rgba(243,239,228,.94);border-top:1px solid var(--reading-ink);font:700 .59rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.reading-feature-source figcaption b{color:var(--reading-red)}.reading-feature-source figcaption a{grid-column:1/-1;color:var(--reading-muted);text-decoration:none}.reading-feature-source figcaption a:hover{color:var(--reading-ink);text-decoration:underline;text-underline-offset:3px}
.reading-source-paper{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(42px,6vw,90px);background:#d5cab5}.reading-source-paper:before{content:"";position:absolute;inset:5.5%;border:1px solid rgba(55,45,32,.55);box-shadow:inset 0 0 0 10px rgba(255,255,255,.06)}.reading-source-paper:after{content:"DIGITAL TRANSCRIPTION / FACSIMILE FALLBACK";position:absolute;right:16px;top:18px;color:rgba(31,28,24,.55);font:700 .52rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.reading-source-columns{display:flex;flex-direction:row-reverse;gap:clamp(15px,2.2vw,30px);height:min(62vh,660px);max-width:92%;padding:22px 10px;border-block:1px solid rgba(55,45,32,.35);color:#2a241c;font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;writing-mode:vertical-rl;text-orientation:mixed}.reading-source-columns span{font-size:clamp(1rem,1.4vw,1.45rem);letter-spacing:.18em;line-height:1.35}.reading-source-columns span:first-child{font-size:clamp(1.8rem,2.6vw,3rem);font-weight:700;letter-spacing:.28em}
.reading-section-head{display:grid;grid-template-columns:18% 1fr;gap:0;padding-bottom:38px}.reading-section-head>p,.reading-method>header>p{margin:0;color:var(--reading-red);font:750 .64rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.reading-section-head>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(260px,.45fr);gap:42px;align-items:end}.reading-section-head h2,.reading-method h2{margin:0;font-size:clamp(2.7rem,4.6vw,5.8rem);font-weight:570;line-height:.9;letter-spacing:-.06em}.reading-section-head span{color:var(--reading-muted);font-family:Georgia,"Times New Roman",serif;font-size:1rem;line-height:1.6}.reading-section-head--compact>div{grid-template-columns:minmax(0,.65fr) minmax(280px,.52fr)}
.reading-time,.reading-questions,.reading-index,.reading-sources{padding:clamp(86px,9vw,138px) 0;border-bottom:1px solid var(--reading-ink)}.reading-time-rail{border-top:1px solid var(--reading-ink)}.reading-time-item{display:grid;grid-template-columns:18% 16% minmax(0,1fr) 18%;gap:0;min-height:210px;border-bottom:1px solid var(--reading-rule);transition:background .2s ease}.reading-time-item:hover{background:rgba(255,255,255,.16)}.reading-time-date,.reading-time-place,.reading-time-copy,.reading-time-tags{padding:24px 22px 26px 0}.reading-time-date strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,5vw,6rem);font-weight:400;line-height:.85;letter-spacing:-.06em}.reading-time-date span{display:block;margin-top:8px;color:var(--reading-red);font:750 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.reading-time-place{border-left:1px solid var(--reading-rule);padding-left:22px}.reading-time-place span{display:block;font-size:.78rem;font-weight:800;letter-spacing:.08em}.reading-time-place small{display:block;max-width:18ch;margin-top:8px;color:var(--reading-muted);font:700 .58rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.reading-time-copy{border-left:1px solid var(--reading-rule);padding-left:28px}.reading-time-copy small{color:var(--reading-red);font-size:.61rem;font-weight:800;letter-spacing:.1em}.reading-time-copy h3{margin:11px 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3vw,3.8rem);font-weight:400;line-height:.95;letter-spacing:-.04em}.reading-time-copy p{max-width:58ch;margin:0;color:var(--reading-muted);font-family:Georgia,"Times New Roman",serif;line-height:1.55}.reading-time-tags{display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;flex-wrap:wrap}.reading-time-tags span{padding:8px 10px;border:1px solid var(--reading-rule);font-size:.58rem;font-weight:800;letter-spacing:.09em}.reading-time-item.is-current{background:var(--reading-black);color:var(--reading-paper)}.reading-time-item.is-current .reading-time-date span,.reading-time-item.is-current .reading-time-copy small{color:#ef665b}.reading-time-item.is-current .reading-time-place small,.reading-time-item.is-current .reading-time-copy p{color:#bdb7ac}.reading-time-item.is-current .reading-time-place,.reading-time-item.is-current .reading-time-copy{border-left-color:#3f4042}.reading-time-item.is-current .reading-time-tags span{border-color:#57585a}.reading-time-item.is-research{color:#4e4b45}
.reading-question-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--reading-ink);border-left:1px solid var(--reading-rule)}.reading-question-grid article{min-height:320px;display:flex;flex-direction:column;padding:20px;border-right:1px solid var(--reading-rule);border-bottom:1px solid var(--reading-rule)}.reading-question-grid article>span{color:var(--reading-red);font:750 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.reading-question-grid h3{margin:auto 0 18px;font-size:clamp(2.4rem,4vw,5rem);font-weight:620;letter-spacing:-.065em;line-height:.82}.reading-question-grid p{margin:0 0 24px;color:var(--reading-muted);font-family:Georgia,"Times New Roman",serif;line-height:1.55}.reading-question-grid small{margin-top:auto;font-size:.58rem;font-weight:800;letter-spacing:.08em}
.reading-index-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);border-top:1px solid var(--reading-ink);border-bottom:1px solid var(--reading-ink)}.reading-index-table{min-width:0;border-right:1px solid var(--reading-ink)}.reading-index-row{width:100%;display:grid;grid-template-columns:64px minmax(250px,1fr) 130px 160px 130px;gap:18px;align-items:center;min-height:118px;padding:14px 20px 14px 0;border:0;border-bottom:1px solid var(--reading-rule);background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.reading-index-row:last-child{border-bottom:0}.reading-index-row:not(.reading-index-row--head):hover,.reading-index-row:not(.reading-index-row--head).is-active{background:rgba(255,255,255,.24)}.reading-index-row--head{min-height:42px;cursor:default;color:var(--reading-muted);font-size:.58rem;font-weight:800;letter-spacing:.1em}.reading-index-row>span:first-child{padding-left:4px;color:var(--reading-red);font:750 .7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.reading-index-row b{display:block;font-size:.92rem;letter-spacing:.03em}.reading-index-row small{display:block;margin-top:5px;color:var(--reading-muted);font-family:Georgia,"Times New Roman",serif;font-size:.82rem}.reading-index-row>span:nth-child(n+3){font-size:.72rem}.reading-index-preview{display:grid;place-items:stretch;min-height:400px;background:var(--reading-soft)}.reading-preview-plate{display:flex;min-height:100%;flex-direction:column;justify-content:center;padding:clamp(32px,4vw,68px);transition:background .2s ease,color .2s ease}.reading-preview-plate--salt{background:#d5cab5;color:#241f18}.reading-preview-plate--guanzi{background:#1b2528;color:#e8e4d8}.reading-preview-plate--dongjing{background:#9b302b;color:#f4eee2}.reading-preview-kicker{font:750 .62rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.reading-preview-plate strong{margin:44px 0 26px;font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:clamp(4rem,8vw,8.5rem);font-weight:500;line-height:.82;letter-spacing:.08em}.reading-preview-plate p{max-width:38ch;margin:0;font-family:Georgia,"Times New Roman",serif;line-height:1.6}.reading-preview-plate small{margin-top:auto;padding-top:40px;font-size:.58rem;font-weight:800;letter-spacing:.09em}
.reading-source-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:0;border-top:1px solid var(--reading-ink);border-left:1px solid var(--reading-rule)}.reading-source-card{min-width:0;border-right:1px solid var(--reading-rule);border-bottom:1px solid var(--reading-rule)}.reading-source-card button,.reading-source-card>a{width:100%;height:100%;display:flex;flex-direction:column;padding:0 18px 22px;border:0;background:transparent;color:inherit;text-align:left;text-decoration:none;cursor:pointer;font:inherit}.reading-source-media{position:relative;height:330px;margin:0 -18px 20px;overflow:hidden;background:#d6cdbd}.reading-source-media>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.reading-source-card button:hover .reading-source-media>img{transform:scale(1.025)}.reading-source-card--scan .reading-source-media{height:470px}.reading-source-card--scan .reading-commons-image{position:absolute;inset:0;opacity:0}.reading-source-card--scan .reading-source-media.is-loaded .reading-commons-image{opacity:1}.reading-source-media--dark{background:#151515}.reading-source-no{color:var(--reading-red);font-size:.59rem;font-weight:800;letter-spacing:.1em}.reading-source-card h3{margin:9px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,2.4vw,3rem);font-weight:400;letter-spacing:-.035em}.reading-source-card p{margin:0 0 24px;color:var(--reading-muted);font-family:Georgia,"Times New Roman",serif;font-size:.9rem;line-height:1.55}.reading-source-card small{margin-top:auto;font-size:.58rem;font-weight:800;letter-spacing:.08em}.reading-source-paper--mini{padding:36px 28px}.reading-source-paper--mini:before{inset:8%}.reading-source-paper--mini:after{display:none}.reading-source-paper--mini .reading-source-columns{height:75%;gap:14px}.reading-source-paper--mini .reading-source-columns span{font-size:.83rem}.reading-source-paper--mini .reading-source-columns span:first-child{font-size:1.4rem}.reading-source-card--text>a{padding-top:0}.reading-source-textplate{height:330px;display:grid;grid-template-columns:1fr 1fr;margin:0 -18px 20px;background:var(--reading-black);color:var(--reading-paper);overflow:hidden}.reading-source-textplate span{display:grid;place-items:center;font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:clamp(5rem,8vw,9rem);font-weight:500}.reading-source-textplate span:first-child{border-right:1px solid #4c4d4f;color:#ef665b}
.reading-method{padding:clamp(90px,9vw,140px) 0 76px}.reading-method>header{display:grid;grid-template-columns:18% 1fr;align-items:end;padding-bottom:40px}.reading-method ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--reading-ink)}.reading-method li{display:grid;grid-template-columns:18% 1fr;min-height:150px;border-bottom:1px solid var(--reading-rule)}.reading-method li>span{padding:23px 0;color:var(--reading-red);font:750 .64rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.reading-method li>div{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(300px,.7fr);gap:60px;align-items:center;padding:22px 0;border-left:1px solid var(--reading-rule)}.reading-method li b{padding-left:28px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.6rem,2.4vw,2.7rem);font-weight:400;letter-spacing:-.035em}.reading-method li p{margin:0;color:var(--reading-muted);font-family:Georgia,"Times New Roman",serif;line-height:1.6}
.reading-editor-note{display:grid;grid-template-columns:18% 1fr;padding:36px 0;border-top:1px solid var(--reading-ink);border-bottom:1px solid var(--reading-ink)}.reading-editor-note>p{margin:0;color:var(--reading-red);font-size:.62rem;font-weight:800;letter-spacing:.1em}.reading-editor-note>div{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(300px,.55fr);gap:60px}.reading-editor-note strong{font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;font-weight:400}.reading-editor-note span{color:var(--reading-muted);font-family:Georgia,"Times New Roman",serif;line-height:1.6}
.reading-dialog{width:min(1100px,calc(100% - 36px));max-height:90vh;padding:0;border:1px solid var(--reading-ink);background:var(--reading-paper);color:var(--reading-ink);box-shadow:0 30px 90px rgba(0,0,0,.25)}.reading-dialog::backdrop{background:rgba(13,14,15,.75);backdrop-filter:blur(3px)}.reading-dialog[open]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr)}.reading-dialog-close{position:absolute;z-index:3;right:12px;top:12px;padding:8px 10px;border:1px solid currentColor;background:rgba(243,239,228,.9);color:var(--reading-ink);font-size:.62rem;font-weight:800;letter-spacing:.08em;cursor:pointer}.reading-dialog-media{min-height:66vh;background:#d4cbbb;overflow:hidden}.reading-dialog-media img{width:100%;height:100%;display:block;object-fit:contain}.reading-dialog-copy{display:flex;flex-direction:column;padding:54px 30px 30px;border-left:1px solid var(--reading-ink)}.reading-dialog-copy>p:first-child{margin:0;color:var(--reading-red);font-size:.61rem;font-weight:800;letter-spacing:.1em}.reading-dialog-copy h2{margin:24px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4vw,4.8rem);font-weight:400;line-height:.92;letter-spacing:-.05em}.reading-dialog-copy>p:not(:first-child){color:var(--reading-muted);font-family:Georgia,"Times New Roman",serif;line-height:1.6}.reading-dialog-copy a{margin-top:auto;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-underline-offset:4px}
@media(max-width:1180px){.reading-main{width:min(100% - 44px,1500px)}.reading-feature{grid-template-columns:minmax(0,1fr) minmax(320px,.65fr)}.reading-feature-title h1{font-size:clamp(4.2rem,8vw,7.5rem)}.reading-time-item{grid-template-columns:17% 20% 1fr}.reading-time-tags{grid-column:3;padding-top:0;justify-content:flex-start}.reading-question-grid{grid-template-columns:repeat(2,1fr)}.reading-index-layout{grid-template-columns:1fr}.reading-index-table{border-right:0;border-bottom:1px solid var(--reading-ink)}.reading-index-preview{min-height:340px}.reading-preview-plate strong{font-size:6rem}.reading-source-grid{grid-template-columns:repeat(2,1fr)}.reading-source-card--scan .reading-source-media{height:400px}}
@media(max-width:900px){.reading-main{width:min(100% - 34px,1500px)}.reading-feature{grid-template-columns:1fr;min-height:0}.reading-feature-copy{min-height:76svh;padding:24px 0 30px;border-right:0}.reading-feature-source{height:min(82svh,760px);border-top:1px solid var(--reading-ink)}.reading-feature-title h1{font-size:clamp(4rem,14vw,8.4rem)}.reading-feature-intro{grid-template-columns:1fr;gap:22px}.reading-section-head,.reading-method>header{grid-template-columns:1fr;gap:20px}.reading-section-head>div,.reading-section-head--compact>div{grid-template-columns:1fr;gap:15px}.reading-time-item{grid-template-columns:31% 1fr;min-height:0}.reading-time-date{grid-row:1/3}.reading-time-place,.reading-time-copy{border-left:1px solid var(--reading-rule)}.reading-time-copy{grid-column:2}.reading-time-tags{grid-column:2;padding:0 0 24px 22px}.reading-index-row{grid-template-columns:56px minmax(220px,1fr) 110px 130px}.reading-index-row>span:last-child{display:none}.reading-method li{grid-template-columns:1fr}.reading-method li>span{padding-bottom:8px}.reading-method li>div{grid-template-columns:1fr;gap:15px;border-left:0;padding-top:0}.reading-method li b{padding-left:0}.reading-editor-note{grid-template-columns:1fr;gap:18px}.reading-editor-note>div{grid-template-columns:1fr;gap:15px}.reading-dialog[open]{grid-template-columns:1fr}.reading-dialog-media{min-height:50vh}.reading-dialog-copy{min-height:320px;border-left:0;border-top:1px solid var(--reading-ink)}}
@media(max-width:620px){.reading-main{width:calc(100% - 26px);padding-bottom:90px}.reading-feature-copy{min-height:680px}.reading-feature-topline{grid-template-columns:1fr auto;gap:8px}.reading-feature-topline span:nth-child(2){text-align:right}.reading-feature-topline span:last-child{grid-column:1/-1;text-align:left;color:var(--reading-muted)}.reading-feature-title{padding:44px 0 28px}.reading-feature-title h1{font-size:16.5vw}.reading-feature-status{grid-template-columns:auto 1fr}.reading-feature-source{height:650px}.reading-feature-source figcaption{grid-template-columns:1fr;padding:17px}.reading-feature-source figcaption a{grid-column:auto}.reading-source-paper{padding:42px 24px}.reading-source-columns{height:72%;gap:12px}.reading-source-columns span{font-size:.82rem}.reading-source-columns span:first-child{font-size:1.45rem}.reading-time,.reading-questions,.reading-index,.reading-sources{padding:78px 0}.reading-time-item{grid-template-columns:92px 1fr}.reading-time-date strong{font-size:3.3rem}.reading-time-place,.reading-time-copy{padding-left:16px}.reading-time-copy h3{font-size:2.1rem}.reading-time-tags{padding-left:16px}.reading-question-grid{grid-template-columns:1fr}.reading-question-grid article{min-height:260px}.reading-index-row{grid-template-columns:44px 1fr 90px;gap:10px;padding-right:0;min-height:102px}.reading-index-row>span:nth-child(4),.reading-index-row>span:nth-child(5){display:none}.reading-index-row--head>span:nth-child(4),.reading-index-row--head>span:nth-child(5){display:none}.reading-index-row b{font-size:.8rem}.reading-index-row small{font-size:.73rem}.reading-index-preview{min-height:430px}.reading-preview-plate{padding:30px 22px}.reading-preview-plate strong{font-size:19vw}.reading-source-grid{grid-template-columns:1fr}.reading-source-card--scan .reading-source-media,.reading-source-media,.reading-source-textplate{height:360px}.reading-method li{padding:20px 0}.reading-method li>div{padding-bottom:0}.reading-method li b{font-size:1.7rem}.reading-editor-note{padding:28px 0}.reading-dialog{width:calc(100% - 18px)}.reading-dialog-media{min-height:42vh}.reading-dialog-copy{padding:42px 20px 22px}}
@media(prefers-reduced-motion:reduce){.reading-feature-image,.reading-source-media>img,.reading-preview-plate{transition:none}}