@font-face{font-family:Labial;src:url('../essai-numero00-7c91/assets/mono.ttf') format('truetype');font-display:swap}@font-face{font-family:Labial;src:url('../essai-numero00-7c91/assets/mono-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#111210;--text:#e8e7df;--muted:#a8aaa0;--line:#353a31;--red:#ff5c4c;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Labial,monospace;font-variant-numeric:slashed-zero}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f2c987;outline-offset:4px}.top{padding:23px 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:27px;font-weight:700;text-decoration:none;letter-spacing:-1.5px}.brand span{font-size:15px;color:var(--red);letter-spacing:0}.test{font-size:10px;letter-spacing:.14em;color:var(--muted)}.linear{font-size:11px}main{padding:30px 4vw 20px;max-width:1650px;margin:auto}.introduction{display:flex;gap:35px;justify-content:space-between;align-items:center}.kicker{font-size:10px;color:var(--red);letter-spacing:.12em;margin:0 0 10px}h1{font-size:clamp(30px,4vw,52px);margin:0 0 12px;letter-spacing:-.065em}.lead{font-size:12px;line-height:1.7;color:#b4b6ad;margin:0;max-width:65ch}.search{flex:0 0 245px}.search label{display:block;font-size:10px;margin-bottom:9px;color:var(--muted)}input{width:100%;padding:12px 14px;background:#1c2019;border:1px solid #43493c;color:var(--text);font-size:12px}#search-status{font-size:10px;color:var(--muted);min-height:12px;margin:7px 0 0}#filters{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 18px}#filters button{font-size:10px;border:1px solid #3d4335;background:transparent;border-radius:30px;padding:9px 13px;display:flex;align-items:center;gap:9px}#filters button::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--group-color,#e8e7df)}#filters button[aria-pressed=true]{border-color:var(--group-color,#e8e7df);background:#ffffff0b}#filters button span{color:var(--muted)}.map-shell{position:relative;border:1px solid var(--line);overflow:hidden;background:#151811;background-image:radial-gradient(#5d674a45 .7px,transparent .7px);background-size:19px 19px}.viewport{height:720px;position:relative;overflow:hidden;touch-action:none;cursor:grab}.viewport.dragging{cursor:grabbing}.world{position:absolute;width:1140px;height:780px;transform-origin:0 0;will-change:transform}#landscape{width:1140px;height:780px;position:absolute;inset:0;overflow:visible}.region{fill:var(--group-color);fill-opacity:.045;stroke:var(--group-color);stroke-width:.6;stroke-opacity:.23}.region-label{fill:var(--group-color);font-size:12px;letter-spacing:2px}.region-number{fill:#a8aaa0;font-size:9px;letter-spacing:1px}.connection{stroke:#8c9773;stroke-opacity:.22;fill:none;stroke-width:.8;transition:stroke-opacity .2s}.connection.active{stroke:#eecc8a;stroke-opacity:.85;stroke-width:1.5}.bridge{stroke:#abb096;stroke-opacity:.16;stroke-dasharray:3 7;fill:none;stroke-width:.8}.node{position:absolute;width:136px;height:62px;border:0;color:var(--text);display:flex;gap:8px;align-items:center;background:#171b14f0;border-radius:7px;padding:6px 7px;text-align:left;transition:opacity .2s,background .2s,box-shadow .2s;box-shadow:0 0 0 1px #7c856226}.node .sign{color:var(--group-color);flex-shrink:0;position:relative}.node svg{width:29px;height:29px;display:block}.node .number{display:block;font-size:8px;color:#a5ae93;margin-bottom:3px}.node .name{font-size:12.5px;line-height:1.2;display:block;overflow-wrap:anywhere}.node .name.long{font-size:11px}.node:hover,.node:focus-visible{background:#2d3425;box-shadow:0 0 0 1px var(--group-color);z-index:4}.node.selected{background:#353b2a;box-shadow:0 0 0 1.5px var(--group-color);z-index:3}.node.dim{opacity:.14}.node.dim:hover,.node.dim:focus-visible{opacity:1}.node.match{box-shadow:0 0 0 1px #eee0af}.map-core{position:absolute;left:440px;top:354px;width:260px;text-align:center;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}.map-core span{font-size:26px;letter-spacing:5px;color:#ede7d7}.map-core b{font-size:25px;color:var(--red);font-weight:400}.map-core small{width:100%;font-size:9px;color:#939b86;letter-spacing:1px}.map-tools{position:absolute;left:17px;bottom:16px;display:flex;gap:0;align-items:center;background:#11170fed;border:1px solid #555e45;border-radius:5px;overflow:hidden}.map-tools button{background:none;border:0;min-width:35px;min-height:36px;font-size:18px}.map-tools button:hover{background:#313a26}.map-tools #fit{font-size:9px;border-left:1px solid #414b34;padding:0 12px}.map-tools span{font-size:9px;min-width:48px;text-align:center;color:var(--muted)}.map-hint{position:absolute;bottom:28px;right:18px;font-size:9px;color:#a5ad98;pointer-events:none}#empty{position:absolute;top:45%;left:15%;width:70%;padding:20px;background:#151b12;text-align:center;font-size:13px;line-height:1.7}#empty button{display:block;margin:15px auto 0;background:transparent;padding:9px;border:1px solid #6d775c;font-size:11px}.map-footer{display:flex;gap:15px;justify-content:space-between;font-size:9px;color:#939b87;line-height:1.7;margin:13px 0}.map-footer i{display:inline-block;width:20px;border-top:1px solid #b6bea4;margin-right:8px;vertical-align:middle}#detail{position:fixed;right:0;top:0;bottom:0;width:min(440px,100vw);background:#ece9df;color:#24271f;box-shadow:-20px 0 55px #0005;z-index:15;overflow:auto;padding:26px 28px 34px;border-left:1px solid #dedacb;color-scheme:light}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #bbbdae;font-size:10px;color:#5b654d}.detail-top button{color:#25291f;background:transparent;border:1px solid #a7ad98;font-size:26px;width:35px;height:35px}.detail-heading{margin:25px 0}#detail-icon{color:#5f6f45;float:right;margin-left:10px}#detail-icon svg{width:48px;height:48px}#detail-author{font-size:12px;line-height:1.5;margin:0 0 13px}h2{font-size:27px;line-height:1.18;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere}.detail-summary{font-size:14px;line-height:1.8;margin:0 0 25px}#detail .kicker{color:#7a4236}#page-link{display:block;text-align:center;text-decoration:none;padding:18px;background:#d3d2c6}#detail-image{width:auto;max-width:100%;max-height:350px;object-fit:contain;box-shadow:0 6px 15px #0002}#page-link span{display:block;font-size:10px;margin-top:14px;text-decoration:underline}#detail-folio{font-size:10px;color:#68735c;margin:12px 0 28px}.related{border-top:1px solid #b8bdac;padding-top:18px}.related h3{font-size:11px;font-weight:400;margin:0 0 15px}.related button{display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #c4c7ba;background:transparent;text-align:left;font-size:11px;line-height:1.5;padding:10px 0;width:100%}.related button:hover{color:#8a3b29}.related svg{width:24px;height:24px;flex-shrink:0}.slide-link{display:block;font-size:11px;margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:700px){.top{padding:20px 5vw}.brand{font-size:23px}.test{display:none}.linear{font-size:10px}main{padding:24px 4vw}.introduction{display:block}.lead{font-size:11px}.search{margin-top:22px;max-width:none}.search input{font-size:16px}.search label{font-size:11px}#filters{gap:6px;margin-top:15px}#filters button{font-size:10px;padding:8px 10px}.viewport{height:440px}.map-footer{flex-direction:column;font-size:9px}.map-hint{display:none}#detail{padding:20px 23px}.map-tools #fit{font-size:10px}.map-tools button{min-height:42px;min-width:42px}}@media(prefers-reduced-motion:reduce){.node,.connection{transition:none}}

.extract-label{font-size:11px;letter-spacing:.07em;color:#6d493a;margin:24px 0 12px}.extract-order{font-size:12px;line-height:1.8;margin:16px 0 20px;color:#414837}.extract-order a{font-weight:700;color:#68402f}
/* In-place reading and touch layouts. */
#page-link{width:100%;border:0;color:inherit;font:inherit;cursor:zoom-in}
button.slide-link{width:100%;min-height:46px;text-align:center;border:1px solid #7a826b;background:#272f20;color:#f1f0e6;padding:13px 16px;font-size:12px}
body.page-open,body.detail-open{overflow:hidden}
#page-modal{color-scheme:light;width:min(880px,96vw);max-width:none;max-height:94dvh;padding:0;border:1px solid #bfc3b4;background:#e8e6dc;color:#24271f;overscroll-behavior:contain}
#page-modal::backdrop{background:#090c08d9;backdrop-filter:blur(5px)}
.page-modal-header{position:sticky;top:0;z-index:3;display:flex;align-items:start;justify-content:space-between;gap:18px;padding:18px 24px;background:#ece9dff5;border-bottom:1px solid #bfc3b4;backdrop-filter:blur(8px)}
.page-modal-header>div{min-width:0}.page-modal-header p{font-size:9px;color:#7a4236;letter-spacing:.07em;margin:0 0 8px}.page-modal-header h2{font-size:19px;line-height:1.3;letter-spacing:-.025em;margin-bottom:8px}.page-modal-header span{font-size:11px;line-height:1.5}
#page-modal-close{border:1px solid #a7ad98;background:transparent;color:#24271f;min-width:44px;height:44px;flex-shrink:0;font-size:27px}
.page-modal-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;font-size:10px;background:#e8e6dc}.page-modal-tools button{color:#24271f;background:transparent;border:1px solid #8f9980;padding:10px 13px;min-height:44px;font-size:11px}
#page-canvas{background:#cfd1c4;padding:20px;overflow:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}
#page-full-image{display:block;width:100%;height:auto;max-width:580px;margin:0 auto;box-shadow:0 5px 18px #0002}
#page-canvas.zoomed #page-full-image{width:950px;min-width:950px;max-width:none}
.page-modal-footer{font-size:12px;line-height:1.8;padding:18px 24px 22px}.page-modal-footer a{font-weight:700;color:#68402f}
#detail{overscroll-behavior:contain}.detail-top{position:sticky;top:-26px;background:#ece9dff5;z-index:4;padding-top:12px;backdrop-filter:blur(8px)}.detail-top button{min-width:44px;height:44px}
.search{position:relative}#search-results{position:absolute;top:100%;right:0;width:min(370px,85vw);border:1px solid #667451;background:#1e2619;z-index:12;max-height:330px;overflow:auto;box-shadow:0 10px 20px #0005}#search-results button{display:block;text-align:left;width:100%;background:transparent;color:#eeeade;border:0;border-bottom:1px solid #46513a;padding:12px 14px;font-size:12px;line-height:1.5;min-height:48px}#search-results button:hover{background:#33412a}#search-results small{display:block;color:#b8c0ab;font-size:10px;line-height:1.5}
@media(max-width:700px){
 .top{padding:14px 5vw}.introduction h1{font-size:32px}.lead{font-size:12px}.search{margin-top:16px}.search input{min-height:46px}#search-status{min-height:0;margin-bottom:0}
 #filters{position:sticky;top:0;z-index:6;background:#111210f5;backdrop-filter:blur(8px);flex-wrap:nowrap;overflow-x:auto;margin:12px -4vw;padding:10px 4vw;scroll-padding-inline:4vw;overscroll-behavior-x:contain;scrollbar-width:thin}#filters button{flex-shrink:0;min-height:44px;font-size:11px;padding:9px 13px}
 .viewport{height:460px}.node{width:150px;height:66px}.node .name{font-size:13px}.node .name.long{font-size:11.5px}.map-tools{left:10px;right:10px;bottom:10px;width:max-content;max-width:calc(100% - 20px)}.map-tools button{min-width:44px;min-height:44px}.map-tools span{min-width:42px}.map-footer{font-size:10px}
 #detail{width:100%;height:100dvh;bottom:auto;padding:0 20px max(25px,env(safe-area-inset-bottom));border:0;touch-action:pan-y}.detail-top{top:0;margin:0 -20px;padding:12px 20px;gap:12px;font-size:11px}.detail-heading{margin-top:24px}#detail-author{font-size:14px}#detail h2{font-size:27px}.detail-summary{font-size:16px;line-height:1.7}.extract-order{font-size:14px}.extract-label{font-size:11px}.related button{font-size:13px;min-height:48px;padding:13px 0}.related h3{font-size:12px}button.slide-link{font-size:14px;margin-bottom:16px}
 #page-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0}.page-modal-header{padding:max(12px,env(safe-area-inset-top)) 16px 12px;gap:12px}.page-modal-header h2{font-size:18px}.page-modal-header span{font-size:12px}.page-modal-tools{padding:10px 16px;font-size:10px}#page-canvas{padding:12px}#page-full-image{max-width:100%}.page-modal-footer{font-size:13px;padding:16px 18px max(22px,env(safe-area-inset-bottom))}
 #search-results{position:static;width:100%;margin-top:9px;max-height:280px;box-shadow:none}
}