@import url('../style.css');
body{background:#161614;color:#ece7de}.chapter-header{position:sticky;top:0;z-index:20;background:#161614ee;min-height:64px;height:auto;padding:16px 5%;gap:18px}.chapter-header a{color:#e8dcc5;text-decoration:none;font-size:12px}.chapter-shell{max-width:1160px;margin:auto;padding:60px 5% 100px}.chapter-kicker{color:#d8b67d;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.chapter-title{font-size:clamp(38px,6vw,72px);line-height:1.08;max-width:950px;margin:18px 0}.chapter-lead{font-size:19px;color:#d0c9bd;line-height:1.65;max-width:820px}.chapter-nav{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.chapter-nav a,.chapter-nav button,.timeline-button{border:1px solid #9b8058;padding:10px 15px;color:#eddbbc;background:#262620;text-decoration:none;cursor:pointer;font-size:13px}.panel-frame{margin:35px auto;background:#282721;border:1px solid #4c473b;padding:12px;max-width:850px}.panel-frame img{display:block;width:100%;height:auto}.panel-caption{font-size:12px;color:#bfb4a5;line-height:1.5;margin:10px 2px}.read-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:50px;margin:65px auto 0;align-items:start}.chapter-reading{background:#f3efe7;color:#292722;padding:clamp(22px,5vw,55px);max-width:780px}.chapter-reading h2{font-size:36px}.chapter-reading p{font:17px/1.78 Georgia,serif;max-width:68ch}.chapter-reading .book-page{color:#8d6736;font:700 10px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:48px 0 8px;border-top:1px solid #d5c9b5;padding-top:15px}.chapter-reading .book-subheading{font:700 18px/1.4 Arial,sans-serif;color:#26373b;margin-top:28px}.chapter-sidebar{position:sticky;top:92px;color:#c6bcab;font-size:13px;line-height:1.7}.chapter-sidebar a,.sources a{color:#d5b57f}.directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.directory a{display:block;padding:20px;background:#242520;color:#f0e9dc;text-decoration:none;border:1px solid #494637;min-height:100px}.directory a:hover{border-color:#d3b273}.directory small{display:block;color:#d3b273;letter-spacing:.16em;margin-bottom:8px}.source-box{margin-top:35px;color:#6e665d;font:13px/1.6 Arial,sans-serif}.source-box a{color:#785b32}.timeline{position:relative;max-width:850px;margin:50px auto;border-left:2px solid #b99662;padding-left:35px}.timeline-entry{position:relative;margin:0 0 20px}.timeline-entry:before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#d2ad72;left:-42px;top:22px}.timeline-button{width:100%;text-align:left;display:grid;grid-template-columns:110px 1fr;gap:18px;padding:17px;font-size:16px}.timeline-button small{color:#d4b881;font-size:13px}.timeline-modal{max-width:700px;width:calc(100% - 24px);background:#f4efe6;color:#252522;border:0;padding:clamp(20px,4vw,38px);max-height:90vh;overflow:auto}.timeline-modal::backdrop{background:#000b}.timeline-modal h2{font-size:32px;margin:10px 0}.timeline-modal p{line-height:1.7}.timeline-modal img{display:block;max-width:100%;max-height:370px;margin:16px auto;object-fit:contain}.timeline-modal a{color:#815d2e}.timeline-modal .close{float:right;border:0;background:#d7c4a2;font-size:23px;padding:5px 12px;cursor:pointer}.timeline-note{color:#bfb6a9;line-height:1.6;max-width:800px}.timeline-caption{font-size:12px;color:#6e665d}.page-pagination{display:flex;justify-content:space-between;gap:15px;margin:40px 0}.page-pagination a{color:#e3c28e}@media(max-width:800px){.chapter-header{position:relative}.chapter-shell{padding-top:42px}.read-layout{grid-template-columns:1fr;gap:20px}.chapter-sidebar{position:static}.timeline{padding-left:22px}.timeline-entry:before{left:-29px}.timeline-button{grid-template-columns:1fr;gap:5px}.chapter-reading p{font-size:16px}}
.article-figure{margin:32px 0}.article-figure img{display:block;width:100%;height:auto}.article-figure figcaption{font:13px/1.6 Arial,sans-serif;color:#6e665d;margin-top:10px}.chapter-reading sup a{color:#785b32;text-decoration:none}.source-box li{margin:10px 0;overflow-wrap:anywhere}

/* The linen presentation */
.textile-experience .chapter-shell{max-width:1240px}.textile-experience .chapter-title{letter-spacing:-.025em}.textile-experience .chapter-lead{max-width:680px}.textile-experience .panel-frame{border-color:#786143;background:#211f1a;padding:8px;box-shadow:0 22px 70px #0006}.textile-experience .panel-frame img{width:100%}.textile-experience .read-layout{gap:58px}.textile-experience .chapter-reading{background:#f6f1e8;padding:clamp(25px,5vw,65px);box-shadow:0 20px 60px #0004}.textile-experience .chapter-reading h2{font-size:clamp(27px,3vw,37px);line-height:1.18;margin:58px 0 20px;color:#222923;letter-spacing:-.025em}.textile-experience .chapter-reading h2:first-of-type{margin-top:8px;font-size:clamp(36px,4vw,50px)}.textile-experience .chapter-reading p{font-size:18px;line-height:1.85;color:#34332f}.textile-experience .chapter-reading .article-opening{font-size:23px;line-height:1.5;color:#8c6b40;font-style:italic;border-left:3px solid #c5a16a;padding-left:20px;margin:24px 0 30px}.textile-experience .article-contents{background:#e8dfd0;padding:22px 25px;margin:40px 0;border-top:2px solid #bc9863}.textile-experience .article-contents strong{font:700 11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#765c38}.textile-experience .article-contents p{font:15px/1.8 Arial,sans-serif;margin-bottom:0}.textile-experience .article-contents a,.textile-experience .chapter-reading a{color:#795a31;text-underline-offset:3px}.textile-experience .article-figure{margin:38px 0 46px}.textile-experience .article-figure img{background:#dfd1bc;border:1px solid #d7cab6}.textile-experience .article-figure figcaption{font:13px/1.6 Arial,sans-serif;color:#71695c;padding:11px 0 0}.textile-experience .source-box{border-top:1px solid #cbbba3;margin-top:65px;padding-top:15px}.textile-experience .source-box li{font:14px/1.7 Arial,sans-serif}.textile-experience .chapter-sidebar{border-top:1px solid #b19569;padding-top:22px}.textile-experience .chapter-sidebar a{text-underline-offset:4px}@media(max-width:800px){.textile-experience .chapter-reading p{font-size:17px}.textile-experience .chapter-reading .article-opening{font-size:21px}.textile-experience .read-layout{gap:25px}}

/* Interactive Chapter 16 timeline */
.chapter-timeline-page{max-width:1120px}.chapter-timeline-page .chapter-lead{max-width:800px}.chapter-timeline{max-width:900px;margin:52px auto 70px}
.timeline-caveat{font:14px/1.7 Arial,sans-serif;color:#d5cbbc;background:#24231f;border-left:3px solid #c5a16a;padding:15px 18px;margin:0 0 32px}
.timeline-list{position:relative;border-left:2px solid #b99662;margin-left:82px;padding:4px 0 4px 32px}.timeline-entry{position:relative;margin:0 0 16px}
.timeline-entry:before{content:"";position:absolute;width:13px;height:13px;border-radius:2px;background:#d2ad72;border:2px solid #211f1a;box-shadow:0 0 0 1px #d2ad72;left:-41px;top:25px}
.timeline-button{width:100%;display:grid;grid-template-columns:145px 1fr;gap:20px;align-items:center;text-align:left;padding:17px 20px;border:1px solid #554b3c;background:#211f1a;color:#eee8dc;cursor:pointer;font:inherit;transition:background .18s,border-color .18s}
.timeline-button:hover,.timeline-button:focus-visible{background:#302b22;border-color:#d2ad72;outline:2px solid #d2ad72;outline-offset:2px}
.timeline-date{font:700 14px/1.5 Arial,sans-serif;color:#d9b579}.timeline-copy strong{display:block;font:600 20px/1.3 Georgia,serif;margin-bottom:5px}.timeline-copy>span{display:block;font:14px/1.55 Arial,sans-serif;color:#c8c0b3}
.timeline-modal{width:min(620px,calc(100% - 36px));max-height:85vh;border:1px solid #b99662;background:#f5f0e7;color:#27251f;padding:clamp(25px,5vw,48px);box-shadow:0 25px 90px #000b}
.timeline-modal::backdrop{background:#000b}.timeline-modal .close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:30px;color:#62533c;cursor:pointer}
.timeline-modal .chapter-kicker{font:700 11px Arial,sans-serif;letter-spacing:.16em;color:#967244}.timeline-modal h2{font:clamp(30px,5vw,42px)/1.12 Georgia,serif;margin:12px 30px 16px 0}.timeline-modal p:not(.chapter-kicker){font:17px/1.75 Georgia,serif}
.timeline-modal>a{display:inline-block;margin-top:12px;color:#775a32;text-underline-offset:4px;font:700 14px/1.6 Arial,sans-serif}
.timeline-foot{max-width:900px;margin:0 auto 50px;border-top:1px solid #806848;padding:22px 0;color:#ded5c8}.timeline-foot p:last-child{font:16px/1.7 Arial,sans-serif}.timeline-foot a{color:#d4b276}
@media(max-width:650px){.timeline-list{margin-left:12px;padding-left:25px}.timeline-entry:before{left:-34px}.timeline-button{grid-template-columns:1fr;gap:5px;padding:15px}.timeline-copy strong{font-size:18px}.timeline-caveat{font-size:13px}}

.panel-zoom-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:0 0 10px;font:12px Arial,sans-serif;color:#d9c9ad}.panel-zoom-toolbar button{width:34px;height:32px;border:1px solid #9b8058;background:#262620;color:#f2dfba;font-size:21px;line-height:1;cursor:pointer}.panel-zoom-toolbar button:disabled{opacity:.45;cursor:default}.panel-zoom-level{min-width:44px;text-align:center;color:#f0e8dc}.panel-open-full{margin-left:8px;color:#e4c795;text-decoration:underline;text-underline-offset:3px}.panel-zoom-viewport{max-height:75vh;overflow:auto;background:#171715}.panel-zoom-image{display:block;width:100%;height:auto;max-width:none;margin:0}@media(max-width:600px){.panel-frame{padding:8px}.panel-zoom-toolbar{gap:6px}.panel-open-full{margin-left:3px;font-size:11px}.panel-zoom-viewport{max-height:65vh}}
.chapter-reading .article-figure{margin:38px 0 46px}.chapter-reading .article-figure img{display:block;width:100%;height:auto;max-width:100%;border:1px solid #d7cab6;background:#dfd1bc}.chapter-reading .article-figure figcaption{font:13px/1.65 Arial,sans-serif;color:#514a40;padding-top:10px}.chapter-reading .article-diagram{display:block;width:100%;height:auto;margin:38px 0 12px;border:1px solid #d7cab6}.chapter-reading .figure-note{font:13px/1.6 Arial,sans-serif!important;color:#514a40!important}.chapter-reading .reference-list{padding-left:28px}.chapter-reading .reference-list li{font:15px/1.75 Georgia,serif;margin:0 0 18px;scroll-margin-top:90px;overflow-wrap:anywhere}.chapter-reading #references{scroll-margin-top:90px}.chapter-reading sup{font-size:.72em;font-weight:700}.chapter-reading sup a{color:#111!important;text-decoration:underline!important;text-underline-offset:2px}

.chapter-reading .evidence-table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:28px 0;font:15px/1.55 Arial,sans-serif}.chapter-reading .evidence-table th,.chapter-reading .evidence-table td{padding:12px;border:1px solid #c8bca8;vertical-align:top;text-align:left;min-width:160px}.chapter-reading .evidence-table th{background:#e8dfd0;color:#292722}.chapter-reading .evidence-table td{background:#f8f5ee;color:#292722}
.chapter-reading em{color:#292722!important}.chapter-reading .reference-list,.chapter-reading .reference-list li,.chapter-reading .reference-list em,.chapter-reading .reference-list strong{color:#171717!important}.chapter-reading .reference-list a,.chapter-reading .reference-list a:visited,.chapter-reading .reference-list a:hover{color:#171717!important;text-decoration-color:#171717!important;text-underline-offset:2px}
.chapter-reading .chapter-references{padding-left:25px;margin:28px 0}.chapter-reading .chapter-references li{font:15px/1.7 Georgia,serif;margin:0 0 16px;scroll-margin-top:90px;overflow-wrap:anywhere}.chapter-reading .chapter-references a{color:#684d29;text-decoration:underline;text-underline-offset:2px}.chapter-reading .chapter-references a:hover{color:#392a17}

