/* The entry image fills the first screen; descriptions follow below. */
body>header{height:64px}body>header .mark{font-size:30px}body>header .brand small{font-size:8px;margin-top:4px}
#cell{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
#cell>.workspace{display:block;border:0;border-radius:0;overflow:visible}
#cell .visual{width:100%;background:#06191d}
#cell .panelheading{display:none}
#cellsvg{display:block;width:100%;height:calc(100svh - 64px);min-height:420px;max-height:none;margin:0;aspect-ratio:auto}
#cell .mapfoot{justify-content:center;max-width:1500px;margin:auto;padding:13px 4.5vw}
#cell .mapfoot button{margin-left:15px}
#cell #details{border-left:0;border-top:1px solid #254043;max-height:none;overflow:visible;max-width:1300px;margin:0 auto;padding:40px 4.5vw;background:#081719}
#cell #details h2{max-width:850px;font-size:32px}
#cell #details>p{max-width:850px;font-size:15px}
#cell #details .dep{max-width:100%;padding:18px 0}
#cell #details .dep p{font-size:14px;max-width:900px}
.image-entry-heading{padding:30px 0 0;margin-bottom:0;font:500 25px Manrope;color:#c3e784}
.all-system-descriptions{padding:5px 0 30px}
.all-system-descriptions>h2{font:500 30px Manrope;letter-spacing:-.7px}
.all-system-descriptions>p{color:#91aaa6;line-height:1.8}
.system-description-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:25px}
.system-description-card{display:block;padding:23px;border:1px solid #254043;border-radius:8px;background:#0d2223;text-decoration:none}
.system-description-card .system-index{font-size:11px;letter-spacing:1.3px;color:#c3e784}
.system-description-card h3{font:500 20px/1.4 Manrope;color:#edf4ed;margin:10px 0}
.system-description-card .book-system-name{font-size:11px;color:#8ea99a;margin:0 0 12px}
.system-description-card p{color:#b2c7b6;font-size:14px;line-height:1.8}
.system-description-card .open-system{font-size:12px;color:#c3e784}
.system-description-card:hover{border-color:#8ba568;background:#132d2b}
@media(max-width:760px){#cellsvg{height:calc(100svh - 64px);min-height:360px}.system-description-grid{grid-template-columns:1fr}#cell #details{padding:28px 6vw}#cell #details h2{font-size:27px}body>header .edition{display:none}body>header .brand{font-size:10px}}

/* #cell is full-bleed (100vw), which is wider than the page when a vertical scrollbar is shown; hide that sliver. */
html{overflow-x:clip}