#modal-title:focus{outline:none}
.archive-entry{margin:35px 22px 0;padding:28px 32px;border:1px solid #a6b0a2;background:#e5e9df;display:flex;justify-content:space-between;gap:24px;align-items:center}
.archive-entry h2{font:27px var(--serif);margin:6px 0 10px}.archive-entry p{font-size:16px}.archive-entry>a{border-bottom:1px solid #7e896d;padding:10px 0;white-space:nowrap;font-size:16px}
.essay-archive-link{display:block;font-size:16px;padding:25px 0;border-top:1px solid #c6cbbc;margin-top:35px;color:#53644e;text-align:right}
.archive-hall{padding:36px max(5%,calc((100vw - 1280px)/2)) 55px;background:linear-gradient(90deg,#101b22ed,#101b22e8),url('/demo/assets/read-art-2.webp') center/cover fixed;color:#f3eee4;min-height:80vh}
.archive-hall-head{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:28px;border-bottom:1px solid #83908755;margin-bottom:32px}
.archive-hall .eyebrow{color:#c7b18c}.archive-hall h1{font:clamp(38px,4vw,58px) var(--serif);letter-spacing:.24em;margin:10px 0 13px}.archive-hall-head p{font-family:var(--serif);font-size:17px;color:#d1d8d4;line-height:1.8}
.archive-catalogue-count{white-space:nowrap}.archive-catalogue-count b{font:37px Georgia,serif;color:#d4b780;margin-right:4px}.archive-catalogue-count span{display:block;font:14px var(--sans);color:#bbc6c3;margin-top:5px}
.archive-shelves{display:grid;grid-template-columns:1fr 1fr;gap:30px 35px}
.archive-volume{min-width:0;display:grid;grid-template-columns:40px 1fr;background:#233029;border:1px solid #72847966;box-shadow:7px 10px 20px #0004;transition:transform .25s,border-color .25s}
.archive-volume:hover{transform:translateY(-3px);border-color:var(--volume-accent)}
.volume-spine{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 6px 19px;border-right:1px solid #a9b6a733;background:linear-gradient(90deg,#0003,#ffffff0d,#0003);color:#d4bb8b}
.volume-spine>span{writing-mode:vertical-rl;letter-spacing:.3em;font:15px var(--serif)}.volume-spine b{font:20px Georgia,serif}
.volume-cover{padding:28px 30px 25px;background:linear-gradient(100deg,#172824e8,#132420cf),var(--volume-image) center/cover;min-width:0;display:flex;flex-direction:column}
.volume-cover .eyebrow{font-size:12px;letter-spacing:.12em}.volume-cover h2{font:clamp(23px,2.3vw,32px)/1.65 var(--serif);margin:18px 0 12px;overflow-wrap:anywhere;letter-spacing:.04em}.volume-cover>p{font-size:14px;color:#d1dace;line-height:1.8}.volume-rule{height:1px;background:var(--volume-accent);width:46px;margin:23px 0}
.volume-cover p.volume-lede{font:16px/2 var(--serif);color:#e4e9df;margin-bottom:24px}.volume-open{margin-top:auto;padding-top:16px;border-top:1px solid #d2d9c533;font-size:15px;display:flex;gap:12px;justify-content:space-between;align-items:center}.volume-open>span{font-size:12px;white-space:nowrap;color:#c1cdbe}
.archive-colophon{font:17px/2.2 var(--serif);color:#c4cdc6;text-align:center;margin:45px 0 0}
.archive-reader{background:#142329;position:relative;padding:25px 24px 50px;isolation:isolate;min-height:85vh}
.archive-reader:before{content:'';position:absolute;inset:0;background:linear-gradient(#0d1c23a8,#0d1c23ed 80%),var(--reader-image) center top/auto 100vh no-repeat;z-index:-1;pointer-events:none}
.reader-surround{max-width:1070px;margin:auto}.archive-breadcrumb{font-size:14px;display:flex;align-items:center;gap:14px;color:#e1e6df;flex-wrap:wrap;line-height:1.8;margin-bottom:22px}.archive-breadcrumb a{text-decoration:underline;text-underline-offset:5px}.archive-breadcrumb>span:last-child{color:#c4d1c8}
.reader-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:19px;color:#eee9dd;position:relative;z-index:2}
.reader-contents{width:min(470px,65%);background:#15282cf2;border:1px solid #b2b6a26b}.reader-contents summary{padding:12px 17px;font-size:16px;cursor:pointer;min-height:46px}.reader-contents summary>span{float:right;color:#c4c9b6;font:15px/1.8 Georgia,serif}.reader-contents nav{padding:2px 16px 12px;display:grid;gap:2px}.reader-contents a{display:flex;align-items:baseline;gap:15px;padding:10px 2px;font:15px/1.8 var(--serif);border-top:1px solid #abbab333}.reader-contents a>span{font:15px Georgia,serif;color:#c8ad77}.reader-contents a[aria-current=page]{color:#edd09a}
.reader-size{display:flex;align-items:center;gap:6px;font-size:14px}.reader-size>span{margin-right:7px}.reader-size button{border:1px solid #acb3a674;min-height:47px;padding:8px 12px;line-height:1.7}.reader-size button[aria-pressed=true]{background:#eee8d6;color:#243128;border-color:#eee8d6}
.reader-paper{background:linear-gradient(90deg,#edeada 0,#faf8ef 3%,#fcfaf3 96%,#e5e1cf);box-shadow:0 20px 70px #0006;padding:clamp(32px,6vw,78px) clamp(25px,7vw,94px) 32px;border-top:3px solid #aa945f;position:relative;color:#26312d;max-width:920px;margin:0 auto}
.reader-heading{text-align:center;margin:0 auto 40px;max-width:660px}.reader-heading .eyebrow{font-size:13px;letter-spacing:.12em;color:#617064;line-height:1.8}.reader-chapter-number{font:italic 48px/1 Georgia,serif;color:#ac8e50;margin:27px 0 15px}.reader-heading h1{font:clamp(29px,3.3vw,43px)/1.65 var(--serif);letter-spacing:.035em;overflow-wrap:anywhere}.reader-volume-name{font:14px/1.8 var(--sans);color:#647067;margin-top:22px}.reader-epigraph{font:18px/2 var(--serif);margin:33px 0 0;padding:24px 10px;border-top:1px solid #c8c4ad;border-bottom:1px solid #c8c4ad;color:#5c6458}
.reader-body{font:18px/2.25 var(--serif);letter-spacing:.025em;overflow-wrap:break-word;line-break:strict}.reader-body>p{font:inherit;margin:0 0 1.8em;text-align:justify}.reader-body>p:first-child:first-letter{font-size:2.1em;line-height:1;letter-spacing:.05em;color:#827040}
.archive-document{margin:36px 0 40px;padding:25px 28px;background:#e8ecdf;border-left:3px solid #819176;font-family:var(--sans);position:relative}.archive-document>span{display:block;font-size:14px;line-height:1.8;color:#596954;margin-bottom:12px;font-weight:500}.archive-document p{font:16px/2.1 var(--sans);letter-spacing:.02em;color:#3e4d3c;margin:0}
.archive-motifs{border-top:1px solid #c6c5b4;padding:26px 0 15px;margin-top:40px}.archive-motifs .eyebrow{font:12px Georgia,serif;letter-spacing:.2em;color:#837345}.archive-motifs h2{font:21px/1.8 var(--serif);margin:9px 0 15px}.archive-motifs ul{padding:0 0 0 1.2em;margin:0}.archive-motifs li{font:15px/2 var(--sans);margin-bottom:12px;color:#596453}
.reader-turn{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #bdc4af;margin-top:30px;padding-top:27px}.reader-turn a{display:flex;flex-direction:column;gap:8px;min-height:66px;font:18px/1.8 var(--serif)}.reader-turn a:last-child{text-align:right}.reader-turn small{font:13px var(--sans);color:#6e795f}.reader-turn a:hover{color:#8c723a}.reader-footnote{display:flex;justify-content:space-between;gap:15px;padding-top:30px;margin-top:26px;border-top:1px solid #d4d6c5;font-size:13px;color:#6a7561;line-height:1.8}.reader-footnote a{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.world-ledger{margin:30px auto;max-width:1030px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.world-ledger article{border-top:2px solid #a0ad95;padding:22px 10px;background:#e9ece2}.world-ledger article>span{font:30px Georgia,serif;color:#958158}.world-ledger h3{font:24px/1.6 var(--serif);margin:14px 0}.world-ledger p{font-size:16px;line-height:2}.world-ledger .ledger-detail{font-size:14px;color:#67735e;border-top:1px solid #c7cebc;padding-top:15px;margin-top:18px}
@media(max-width:1100px){.archive-shelves{gap:25px}.volume-cover{padding:23px 24px}.volume-open{flex-direction:column;align-items:start;gap:8px}.world-ledger{margin:30px 5%;gap:18px}}
@media(max-width:700px){.archive-entry{margin:30px 0 0;padding:24px;display:block}.archive-entry>a{display:inline-block;margin-top:15px}.archive-entry h2{font-size:25px}.archive-hall{padding:27px 20px 37px;background-attachment:scroll}.archive-hall-head{align-items:start;gap:15px;margin-bottom:25px}.archive-hall h1{font-size:38px}.archive-hall-head p{font-size:15px}.archive-catalogue-count{padding-top:18px;text-align:right}.archive-catalogue-count b{font-size:30px}.archive-catalogue-count span{font-size:12px;max-width:100px;white-space:normal;line-height:1.8}.archive-shelves{grid-template-columns:1fr;gap:25px}.archive-volume{grid-template-columns:32px 1fr}.volume-spine{padding-top:24px}.volume-spine>span{font-size:14px}.volume-cover{padding:24px 22px}.volume-cover h2{font-size:27px}.volume-cover p.volume-lede{font-size:16px}.volume-open{flex-direction:row;align-items:center;flex-wrap:wrap}.archive-colophon{font-size:15px;text-align:left;margin-top:32px}.archive-reader{padding:22px 12px 30px}.archive-breadcrumb{padding:0 5px;gap:10px}.reader-toolbar{gap:10px;margin-bottom:16px}.reader-contents{width:58%}.reader-contents summary{padding:11px 12px;font-size:15px}.reader-size{gap:4px}.reader-size>span{display:none}.reader-size button{font-size:14px;padding:8px 10px}.reader-contents nav{padding:0 11px 8px}.reader-contents a{gap:9px;font-size:14px}.reader-paper{padding:32px 22px 24px;background:linear-gradient(90deg,#e8e5d6,#faf8ef 2%,#faf8ef 98%,#e8e5d6)}.reader-heading{margin-bottom:29px}.reader-heading h1{font-size:29px;line-height:1.75}.reader-heading .eyebrow{font-size:12px}.reader-chapter-number{font-size:42px;margin:24px 0 15px}.reader-volume-name{font-size:13px}.reader-epigraph{font-size:17px;margin-top:25px;padding:20px 0}.reader-body{font-size:18px;line-height:2.2;letter-spacing:.015em}.archive-document{padding:22px 18px;margin:28px 0 32px}.archive-document p{font-size:16px}.archive-motifs{margin-top:32px}.archive-motifs h2{font-size:20px}.reader-turn{gap:20px}.reader-turn a{font-size:17px}.reader-footnote{flex-direction:column;gap:14px}.world-ledger{grid-template-columns:1fr;gap:24px;margin:28px 22px}.world-ledger article{padding:22px}.world-ledger h3{font-size:23px}.floor-tabs{flex-wrap:wrap}.stamp-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.stamp-card span{font-size:12px}.stamp-card small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.archive-volume{transition:none}}
.reduce-motion .archive-volume{transition:none}