/* A bound archival folio: ivory paper, ink, fine brass rules and numbered chapters. */
#detail{--paper:#f8f4ea;--rule:#c3ac79;--folio-ink:#26394a;background:var(--paper);color:var(--folio-ink);border:1px solid #ab905d;border-radius:3px;max-width:1050px;box-shadow:0 0 0 5px #192b3b,0 0 0 6px #9e875d,0 28px 100px #0008;max-height:91dvh}
#detailContent{margin:12px;border:1px solid #cbb991;box-shadow:inset 5px 0 9px #7051250a;background:linear-gradient(90deg,#e8dfcf55,transparent 3%,transparent 98%,#e5dcc655)}
#detail .close{top:19px;right:20px;width:32px;height:32px;font-size:23px;background:#f8f4ea;border-color:#bdab86;border-radius:3px;color:#7d6945}
.folioHeader{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 26px;padding:18px 42px 15px 0;border-bottom:1px solid #c5b58e;font:12px Georgia,serif;letter-spacing:2px;color:#947747}.folioHeader>span:first-child{font-size:16px}.folioHeader small{font:11px 'Noto Serif JP',serif;letter-spacing:2px;margin-left:13px}.folioHeader>span:last-child{font-size:11px;letter-spacing:1px}
#detail .detailtop{padding:29px 28px 32px;gap:30px;grid-template-columns:39% minmax(0,1fr);align-items:start}#detail .detailtop.copyright{border-top:0}#detail .detailart{min-height:0;height:auto;max-height:530px;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;padding:5px;border:1px solid #bdaa7f;box-shadow:0 4px 12px #59472914;background:#eae2d3}#detail .noart.detailart{display:grid;height:100%;min-height:320px;background:#2c3341;color:#d6be8f}#detail .detailinfo{padding:13px 0 0;min-width:0}#detail .eyebrow{font-size:12px;letter-spacing:2px;color:#9a7b43}#detail .detailTitle h2{font-size:30px;font-weight:600;line-height:1.5;margin:9px 0 12px;letter-spacing:1px}#detail .headline{font-family:'Noto Serif JP',serif;font-size:15px;line-height:1.95;color:#6d716c;margin:10px 0 20px}#detail .tags{margin:17px 0;gap:8px}#detail .tags span{background:transparent;border:1px solid #cfbf9e;color:#8a754f;border-radius:2px;padding:3px 8px;font-size:12px}#detail .facts{border-top:1px solid #cab893;padding-top:19px;gap:17px 22px}#detail .facts dt{font-size:12px;color:#947e59}#detail .facts dd{font-family:'Noto Serif JP',serif;font-size:15px;line-height:1.7}#detail .byline{border-top:1px solid #d8cbb0;padding-top:14px;font-size:12px;margin-top:19px;color:#8c7956}#detail .byline button{font-size:14px;color:#4f6676}#detail .smallSave{border:1px solid #bba477;border-radius:2px;font-size:12px;padding:6px 9px;color:#8d7246}#detail .smallSave[aria-pressed=true]{background:#263e50;color:#e9d7ae}
#detail .detailbottom{padding:0 42px 14px}#detail .toc{background:none;border:0;border-block:1px solid #baa16d;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:11px 24px;padding:18px 0;margin:0 0 40px}#detail .toc strong{width:100%;font:17px 'Noto Serif JP',serif;color:#76613e;font-weight:500;letter-spacing:1px;margin-bottom:4px}#detail .toc strong small{font:12px 'Noto Sans JP',sans-serif;margin-left:12px;letter-spacing:0;color:#9a8b70}#detail .toc button{font:14px 'Noto Serif JP',serif;color:#556b79;padding:3px 0;line-height:1.8}#detail .toc button:hover{text-decoration:underline;text-underline-offset:5px}#detail .toc button small{font-size:11px;padding:1px 4px;border:1px solid #bca780;color:#987b48;margin-left:5px}.indexNumber{font:12px Georgia,serif;color:#b2955e;letter-spacing:1px;margin-right:6px}
#detail .articleSection{margin:0 0 38px}#detail .articleSection h3{border:0;font:600 22px 'Noto Serif JP',serif;display:flex;align-items:center;gap:13px;letter-spacing:1px;margin:0 0 15px;padding:0;color:#2a4050}#detail .articleSection h3:after{content:'';height:1px;background:linear-gradient(90deg,#b9a57977,transparent);flex:1;margin-left:8px}.chapterNumber{display:inline-grid;place-items:center;color:#a08046;font:italic 23px Georgia,serif;padding-right:12px;border-right:1px solid #cbb894;margin-right:1px;letter-spacing:0;flex-shrink:0}#detail .articleSection p{font-family:'Noto Serif JP',serif;font-size:16px;line-height:2.15;letter-spacing:.03em;color:#354551;margin:0;white-space:pre-wrap}#detail details.articleSection{border:1px solid #c5b28d;border-left:3px solid #a3844d;border-radius:0;background:#eee7d833;padding:18px 22px;margin-bottom:35px}#detail .articleSection summary{font:500 19px 'Noto Serif JP',serif;line-height:1.8;cursor:pointer;list-style:disclosure-closed;color:#725d3d}#detail .articleSection[open] summary{list-style:disclosure-open;border-bottom:1px solid #cbbd9d;padding-bottom:15px;margin-bottom:16px}#detail .articleSection summary .chapterNumber{font-size:20px;margin:0 9px 0 4px}#detail .articleSection summary small{font:12px 'Noto Sans JP',sans-serif;display:block;color:#998567;margin:6px 0 0 23px}#detail .work{border:1px solid #cbb893;border-radius:1px;padding:18px 20px;background:#eee7d844;font-family:'Noto Serif JP',serif;font-size:16px;color:#526572}#detail .work small{color:#9b8762;font-family:'Noto Sans JP',sans-serif;margin-top:7px}#detail .relatedButton,#detail .relatedItem{border-radius:1px;font-family:'Noto Serif JP',serif}#detail .relatedItem{background:transparent;border-color:#cbbb98}#detail .relatedButton{background:#92424908;border-color:#bea0a1;color:#884752}.folioEnd{display:flex;flex-direction:column;align-items:center;gap:9px;margin:35px 0 8px;color:#b0996b}.folioEnd>span{font-size:23px}.folioEnd small{font:11px Georgia,serif;letter-spacing:2px}
.revisionActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.revisionActions button{background:transparent;border:1px solid #bca77e;color:#7b6746;padding:8px 12px;font-size:13px;border-radius:2px}.revisionActions span{font:12px Georgia,serif;padding-left:6px}.collabNote{font-size:12px;line-height:1.8;color:#978365;margin-bottom:0}.historyName{font-family:'Noto Serif JP',serif;color:#9e814e}.historyList{list-style:none;padding:0;border-left:1px solid #c9b68d;margin:28px 0 0 6px}.historyList>li{position:relative;padding:0 0 28px 24px}.historyList>li:before{content:'';position:absolute;left:-5px;top:6px;width:9px;height:9px;background:#b19662;border:2px solid #f7f7f5}.historyMeta{display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;align-items:center}.historyMeta strong{font-family:'Noto Serif JP',serif}.historyMeta time{font-size:12px;color:#88929a}.historyAuthor{font-size:13px;color:#7c8992}.historyAuthor button{border:0;background:transparent;text-decoration:underline;color:#4c6679;padding:0;font-size:14px}.historyList details{padding:12px 15px;border:1px solid #d6d1c4;background:#faf8f1}.historyList summary{font-size:14px;cursor:pointer;line-height:1.8}.historyList summary small{display:block;font-size:12px;color:#9a8665}.changeBlock h3{font-size:15px}.changeBlock p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9}.changePair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.changePair>div{background:#edf0f0;padding:12px;min-width:0}.changePair>div+div{background:#efeee2}.changePair small{font-size:12px;color:#77847f}.duplicateCandidate{background:#faf7f0;border:1px solid #cab999;width:100%;padding:17px;text-align:left;margin:12px 0;color:#354c5c}.duplicateCandidate strong,.duplicateCandidate small{display:block;margin-top:7px}.duplicateCandidate small{font-size:13px}.duplicateCandidate p{font-size:14px;margin-bottom:0;line-height:1.8}.referenceTag{font-size:12px;color:#94464d}.duplicateActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}#distinctionLabel{display:grid;gap:9px;font-size:14px}#distinction{width:100%;font-size:16px;border:1px solid #c4cdd3;padding:12px;background:white;box-sizing:border-box}#duplicate h2{font-size:23px;line-height:1.8}
@media(max-width:760px){#detail{width:calc(100% - 18px);max-height:94dvh;box-shadow:0 0 0 3px #1b2e3e,0 0 0 4px #b8a276,0 15px 70px #0007}#detailContent{margin:7px}#detail .close{top:14px;right:15px;width:29px;height:29px}.folioHeader{margin:0 14px;padding:15px 34px 13px 0;gap:7px;letter-spacing:1px}.folioHeader>span:first-child{font-size:14px}.folioHeader small{display:none}.folioHeader>span:last-child{font-size:10px;letter-spacing:0}#detail .detailtop{display:block;padding:19px 17px 23px}#detail .detailart{width:100%;height:300px;max-height:43dvh;object-position:center 28%;aspect-ratio:auto;padding:4px}#detail .detailinfo{padding:23px 0 0}#detail .detailTitle h2{font-size:26px}#detail .headline{font-size:15px}#detail .detailbottom{padding:0 21px 12px}#detail .toc{gap:8px 18px;padding:16px 0;margin-bottom:28px}#detail .toc strong{font-size:16px}#detail .toc button{font-size:14px}#detail .articleSection h3{font-size:20px;line-height:1.7;gap:9px}#detail .articleSection p{font-size:16px;line-height:2.05}#detail .articleSection{margin-bottom:29px}#detail details.articleSection{padding:14px 15px}#detail .articleSection summary{font-size:17px}.chapterNumber{font-size:21px;padding-right:9px}#detail .articleSection summary small{font-size:12px;margin-left:0;line-height:1.8}.changePair{grid-template-columns:1fr}.historyList>li{padding-left:17px}.historyMeta{gap:8px}.duplicateActions button{width:100%}}

/* Mobile reading rhythm: a clear index, distinct chapter bands and compact body copy. */
@media(max-width:760px){
 #detail .detailbottom{padding:0 17px 14px}
 #detail .toc{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid #c5b28b;background:#eee6d5;margin-bottom:27px}
 #detail .toc strong{width:auto;padding:13px 14px;margin:0;border-bottom:1px solid #d2c4a7;font-size:16px;color:#625036}
 #detail .toc strong small{font-size:12px;color:#786a51}
 #detail .toc button{display:flex;align-items:center;gap:10px;text-align:left;min-height:46px;padding:10px 14px;font:14px/1.65 'Noto Sans JP',sans-serif;color:#304b60;border-bottom:1px solid #d8cdb7;background:#faf7ef;overflow-wrap:anywhere}
 #detail .toc button:last-child{border-bottom:0}
 #detail .toc button:after{content:'›';margin-left:auto;color:#9d8150;font-size:20px;flex-shrink:0}
 #detail .toc button:active{background:#eae0cc}
 #detail .toc .indexNumber{font-size:13px;color:#8b6f3d;margin:0;min-width:20px}
 #detail .toc button small{font-size:12px;padding:0 5px;white-space:nowrap}
 #detail .articleSection{margin:0 0 26px}
 #detail .articleSection h3{padding:10px 12px;margin:0 0 13px;border-left:3px solid #9f8149;background:#eae2d0;font-size:18px;line-height:1.6;letter-spacing:0;gap:10px;overflow-wrap:anywhere}
 #detail .articleSection h3:after{display:none}
 #detail .chapterNumber{font:italic 19px Georgia,serif;border:0;padding:0;color:#8b6d36;min-width:22px}
 #detail .articleSection p{font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.85;letter-spacing:0;color:#273c49;padding:0 3px;word-break:normal;overflow-wrap:anywhere}
 #detail details.articleSection{padding:0;border:1px solid #baa478;border-left:3px solid #9b7b40;background:#f1eadb;margin:0 0 26px}
 #detail .articleSection summary{padding:13px 12px;font-size:17px;font-weight:600;color:#655135;line-height:1.6}
 #detail .articleSection summary .chapterNumber{font-size:19px;margin:0 8px 0 0}
 #detail .articleSection summary small{font:12px/1.6 'Noto Sans JP',sans-serif;margin:6px 0 0;color:#796447}
 #detail .articleSection[open] summary{padding-bottom:12px;margin-bottom:0;border-bottom:1px solid #c9b78f}
 #detail details.articleSection>p{padding:14px 13px 17px;background:#faf7ef}
 #detail .work{padding:14px;font-family:'Noto Sans JP',sans-serif;font-size:15px;background:#fffcf5;line-height:1.7}
 #detail .relatedButton,#detail .relatedItem{font-family:'Noto Sans JP',sans-serif;line-height:1.7}
 #detail #workExcerpt{padding-top:15px}
}