@font-face{font-family:"physique";src:url("/style/physique.woff2") format("woff2");font-weight:normal;font-style:normal}
::selection{background:#000;color:#fff}
body{background:#fff;margin:0 auto;padding:1.5rem 3rem;max-width:75vw;-webkit-tap-highlight-color:transparent;font:1.25rem sans-serif;color:#000;overflow-y:scroll;font-family:physique, sans-serif;text-align:justify;text-justify:inter-word}
h1 a{cursor:pointer;user-select:none;text-decoration:none}
h2 a{text-decoration:none}
h3{padding-top:1rem}
h3 a{text-decoration:none}
h4{font-size:1.33rem}
a{color:#000}
ul{padding-left:0;list-style-position:inside}
ul li{text-indent:-4rem;padding-left:4rem}
table{width:100%;border-collapse:collapse;border:1px solid #000}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after{content:" \25C4"}
thead{cursor:pointer;user-select:none}
th{color:#fff;background:#000;padding:0 3px}
tr{border-top:1px solid #000}
code{user-select:all;background:#f6f6f6;border:1px dashed #666;border-radius:4px;padding-left:3px;padding-right:3px;margin-left:4px;margin-right:4px;cursor:pointer;white-space:nowrap}
figure{margin:0;text-align:center}
figure img{max-width:100%;margin:2rem auto 0}
figcaption{text-align:center;font-size:0.85rem}

#shelf{position:relative;width:100%;height:auto;aspect-ratio:63/50;min-height:130px;max-height:50vh}
#pages{width:100%;height:100%;user-select:none;background:#f6f6f6}
#shelf .prev{position:absolute;top:30%;left:-2.25rem;height:40%;width:1.5rem;background:#666}
#shelf .next{position:absolute;top:30%;right:-2.25rem;height:40%;width:1.5rem;background:#666}



#title{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}
#title h2, #title h3{margin:0}
#title h2{order:1}
#title h3{order:2}

#splay{position:relative;width:550px;height:430px;float:right;margin:-90px -90px 0 0;user-select:none;z-index:-1;shape-margin:0.5rem;transform:rotate(13deg);shape-outside:polygon(14.356% 10.214%, 14.356% 0%, 100% 0%, 100% 90.163%, 68.389% 90.163%, 49.672% 76.505%, 40.926% 73.827%, 16.965% 74.976%);background:#fff url(/img/splay.jpg?x=4) no-repeat center center}


.leaflet-control-fullscreen a{background:#fff url(/scripts/leaflet/fullscreen.png) no-repeat 0 0;background-size:26px 52px}
.leaflet-touch .leaflet-control-fullscreen a{background-position:2px 2px}
.leaflet-fullscreen-on .leaflet-control-fullscreen a{background-position:0 -26px}
.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a{background-position: 2px -24px}
.leaflet-container:-webkit-full-screen{width:100%!important;height:100%!important}
.leaflet-container.leaflet-fullscreen-on{width:100%!important;height:100%!important}
.leaflet-pseudo-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:99999}
.leaflet-rotate.leaflet-control{display:flex;flex-direction:row}
.leaflet-rotate.leaflet-control .leaflet-bar-part{float:none;display:flex;align-items:center;justify-content:center}
.leaflet-bar.leaflet-control .leaflet-bar-part{border-right:1px solid #ccc}
.leaflet-bar.leaflet-control .leaflet-bar-part:last-child{border-right: none}
.leaflet-rotate.leaflet-bar a{border-bottom:none}
.leaflet-control-rotate{display:none!important}
.leaflet-bar a{outline:none}

.button a{display:inline-block;background:#000;border-radius:5px;text-decoration:none;color:#fff;padding:0.5rem 1rem;user-select:none}
.button a:hover{background:#222}
.button a:active{background:#666}

ol{counter-reset:list;padding-left:0}
ol > li:before{content:"[" counter(list) "] ";counter-increment:list;flex:0 0 auto;width:3ch}
ol > li{list-style:none;display:flex;align-items:flex-start;gap:1ch}
ol li > span{text-indent:-2rem;padding-left:2rem}

sup a{text-decoration:none}
sup{font-size:0.75rem}

dt{font-weight:bold}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){
.leaflet-control-fullscreen a{background-image:url(/scripts/leaflet/fullscreen@2x.png)}}

@media (max-width:850px){
#splay{width:450px;height:330px;float:initial;margin-top:initial;margin-bottom:initial;margin-left:auto;margin-right:auto;transform:initial}}

@media (max-width:600px){
body{padding:1.5rem 1rem;text-align:left}
h1{margin:0 auto 0.5rem}
#splay{width:calc(100% + 2rem);height:initial;initial;aspect-ratio:450 / 330;background-size:contain;margin:0.5rem -1rem 0}
.button{text-align:center}
dl{margin:0}
dt,dd{display:inline;margin:0}
dt::after{content:": "}
dd::after{content:"";display:block;margin-bottom:1rem}}

@media (max-width:300px){
code{white-space:initial}
ol li > span{text-indent:inherit;padding-left:inherit}
.leaflet-rotate{display:none!important}}