/* Yantie Lun — volume drawer archive, adapted from the Dongjing Reading Room pattern. */
@font-face{font-family:"Galok Reading Serif Yantie Drawer";src:url("/assets/fonts/genryu-reading-tw.woff2?v=20260901-yantie-drawer-bilingual") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Galok Qiji Yantie Drawer";src:url("/assets/fonts/qiji-reading-title.woff2?v=20260901-yantie-drawer-bilingual") format("woff2");font-style:normal;font-weight:400;font-display:swap}
.reading-volume-archive{padding-top:clamp(78px,8vw,126px)}
.reading-drawer-stack{border-top:1px solid var(--rr-ink)}
.reading-volume-drawer{position:relative;border-bottom:1px solid var(--rr-rule)}
.reading-volume-drawer>summary{list-style:none;display:grid;grid-template-columns:72px minmax(260px,1fr) 92px 116px 34px;gap:22px;align-items:center;min-height:96px;padding:14px 0;cursor:pointer;transition:background-color .18s ease,color .18s ease}
.reading-volume-drawer>summary::-webkit-details-marker{display:none}
.reading-volume-drawer>summary:hover{background:rgba(255,255,255,.2)}
.reading-volume-drawer>summary:focus-visible{outline:2px solid var(--rr-red);outline-offset:5px}
.reading-volume-drawer[open]>summary{background:rgba(255,255,255,.24)}
.reading-volume-drawer[open]>summary:before{content:"";position:absolute;left:0;top:14px;height:68px;width:3px;background:var(--rr-red)}
.reading-drawer-number{color:var(--rr-red);font:760 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.reading-drawer-title{min-width:0}
.reading-drawer-title b{display:block;font-size:1.08rem;line-height:1.25;letter-spacing:.015em}
.reading-drawer-title small{display:block;margin-top:6px;color:var(--rr-muted);font:700 .55rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.085em}
.reading-drawer-range,.reading-drawer-progress,.reading-drawer-status{font:760 .56rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.075em}
.reading-drawer-range{color:var(--rr-muted)}
.reading-drawer-progress{text-align:right;color:var(--rr-muted)}
.reading-volume-drawer.is-current .reading-drawer-progress,.reading-volume-drawer.is-current .reading-drawer-status{color:var(--rr-red)}
.reading-drawer-status{position:relative;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border:1px solid var(--rr-rule);border-radius:50%;font-size:0}
.reading-drawer-status:before,.reading-drawer-status:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:currentColor;transform:translate(-50%,-50%);transition:transform .2s ease}
.reading-drawer-status:after{transform:translate(-50%,-50%) rotate(90deg)}
.reading-volume-drawer[open] .reading-drawer-status:after{transform:translate(-50%,-50%) rotate(0)}
.reading-drawer-panel{margin:0 0 24px 72px;padding:0 24px 8px 28px;border-left:1px solid var(--rr-ink);background:rgba(255,255,255,.16)}
.reading-drawer-panel-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.56fr);gap:40px;padding:24px 0;border-bottom:1px solid var(--rr-rule)}
.reading-drawer-panel-intro h3{margin:0;font-size:clamp(1.8rem,3vw,3.4rem);font-weight:590;line-height:.96;letter-spacing:-.04em}
.reading-drawer-panel-intro p{margin:0;color:var(--rr-muted);font-family:Georgia,"Times New Roman",serif;font-size:.92rem;line-height:1.58}
.reading-drawer-panel-intro--catalogue h3{font-size:clamp(1.65rem,2.6vw,2.9rem)}
.reading-drawer-entry{display:grid;grid-template-columns:48px minmax(220px,.9fr) minmax(220px,1fr) 92px 82px;gap:18px;align-items:center;min-height:98px;padding:14px 0;border-bottom:1px solid var(--rr-rule);text-decoration:none}
.reading-drawer-entry:hover{background:rgba(255,255,255,.18)}
.reading-drawer-entry>span:first-child{color:var(--rr-red);font:760 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.reading-drawer-entry-title{min-width:0}
.reading-drawer-entry-title .reading-drawer-entry-zh{display:block;margin:0 0 7px;color:var(--rr-ink);font-family:"Galok Qiji Yantie Drawer","Galok Reading Serif Yantie Drawer","Noto Serif TC","Songti TC",serif;font-size:clamp(1.45rem,1.9vw,2rem);font-weight:400;line-height:.98;letter-spacing:.07em;font-synthesis:none}
.reading-drawer-entry-title strong{display:block;font-size:1rem;line-height:1.3}
.reading-drawer-entry-note{color:var(--rr-muted);font-family:Georgia,"Times New Roman",serif;font-size:.84rem;line-height:1.46}
.reading-drawer-entry-state,.reading-drawer-entry-time{font:760 .54rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}
.reading-drawer-entry-state{color:var(--rr-red)}
.reading-drawer-entry-time{text-align:right;color:var(--rr-muted)}
.reading-drawer-entry.is-queued{color:#615c53;cursor:default}
.reading-drawer-entry.is-queued:hover{background:transparent}
.reading-drawer-entry.is-queued .reading-drawer-entry-state{color:var(--rr-muted)}
.reading-drawer-entry.is-queued .reading-drawer-entry-zh{color:#45413a}
.reading-drawer-entry--catalogue{grid-template-columns:48px minmax(280px,1fr) 92px 82px}
.reading-drawer-entry--catalogue .reading-drawer-entry-title strong{color:var(--rr-muted);font-weight:620}
.reading-drawer-empty{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;padding:28px 0;color:var(--rr-muted)}
.reading-drawer-empty small{color:var(--rr-red);font:760 .55rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.reading-drawer-empty p{max-width:64ch;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:.92rem;line-height:1.58}
@media(max-width:980px){
  .reading-volume-drawer>summary{grid-template-columns:58px minmax(0,1fr) 82px 98px 30px;gap:14px}
  .reading-drawer-panel{margin-left:58px}
  .reading-drawer-entry{grid-template-columns:44px minmax(180px,.9fr) minmax(190px,1fr) 76px}
  .reading-drawer-entry--catalogue{grid-template-columns:44px minmax(0,1fr) 76px}
  .reading-drawer-entry-time{display:none}
}
@media(max-width:720px){
  .reading-volume-drawer>summary{grid-template-columns:46px minmax(0,1fr) 70px 30px;min-height:84px}
  .reading-drawer-range{display:none}
  .reading-drawer-progress{text-align:right}
  .reading-drawer-panel{margin-left:0;padding:0 16px 8px 18px;border-left:0;border-top:1px solid var(--rr-ink)}
  .reading-drawer-panel-intro{grid-template-columns:1fr;gap:12px}
  .reading-drawer-entry{grid-template-columns:38px minmax(0,1fr) 72px;gap:12px}
  .reading-drawer-entry-note{grid-column:2 / -1;grid-row:2;padding:0 0 6px}
  .reading-drawer-entry-state{grid-column:3;grid-row:1;text-align:right}
  .reading-drawer-entry-time{display:none}
  .reading-drawer-entry--catalogue{grid-template-columns:38px minmax(0,1fr) 72px}
  .reading-drawer-entry-title .reading-drawer-entry-zh{font-size:clamp(1.55rem,7vw,2rem)}
  .reading-drawer-empty{grid-template-columns:1fr;gap:8px}
}
@media(prefers-reduced-motion:reduce){.reading-volume-drawer>summary,.reading-drawer-status:after{transition:none}}