:root{font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:#edf7f4;background:#080e19;--ink:#edf7f4;--muted:#9badc3;--line:#293e57;--pane:#152235;--accent:#a3e6d0;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffcf80;outline-offset:3px}.skip{position:absolute;top:-80px;left:10px;padding:10px;background:white;color:#09101c}.skip:focus{top:10px;z-index:20}
.workspace{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100dvh;border-right:1px solid var(--line);padding:28px 17px;background:#0a1421;display:flex;flex-direction:column;gap:24px}.wordmark{text-decoration:none;color:#eff8ee;display:flex;gap:12px;align-items:center;font-weight:760;font-size:16px}.wordmark .mark{font-size:38px;color:var(--accent)}.wordmark small{display:block;letter-spacing:.12em;color:#7b99a8;font-size:10px;margin-top:4px}.side-label{font-size:10px;letter-spacing:.16em;color:#8295ac;font-weight:760;margin-top:13px}.sidebar nav{display:grid;gap:3px}.sidebar nav a{padding:10px;color:#b9cbd5;border-radius:8px;text-decoration:none;font-size:12px}.sidebar nav a:hover{background:#263e4d;color:white}.categories{overflow-y:auto;display:grid;gap:4px;min-height:0;padding-bottom:15px}.categories button{border:1px solid transparent;background:none;color:#a6b9c7;padding:9px;text-align:left;border-radius:7px;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.categories button.active,.categories button:hover{border-color:#3c605b;background:#1a3338;color:#e5f8ee}.categories small{font-size:10px;color:#95afb5}.sidebar-bottom{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);color:#a2b9bc;font-size:10px}.sidebar-bottom .pulse{width:7px;height:7px;background:#a3e6d0;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #a3e6d022;margin-right:8px}.sidebar-bottom p{font-size:10px;line-height:1.7;color:#778da3}.body{min-width:0}.top{height:73px;padding:0 clamp(22px,4vw,60px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.crumb{letter-spacing:.14em;font-size:10px;color:#88a1b1}.crumb b{color:#dbe8e4}.toplinks{font-size:11px;display:flex;gap:21px;align-items:center}.toplinks span{color:#9cb3c0}.toplinks a{text-decoration:none}main{padding:0 clamp(22px,4vw,60px);max-width:1700px;margin:auto}.opening{padding:62px 0 52px}.eyebrow{font-size:10px;color:var(--accent);letter-spacing:.15em;font-weight:760}.opening h1{font-size:clamp(50px,6.5vw,93px);letter-spacing:-.082em;font-weight:640;line-height:1.02;margin:19px 0}.opening h1 em{font-style:normal;color:var(--accent)}.opening>p:last-of-type{font-size:16px;line-height:1.8;max-width:760px;color:#afc1c9}.quick{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:730;text-decoration:none;font-size:12px;padding:12px 16px;border-radius:9px;min-height:44px}.primary{border:1px solid var(--accent);background:var(--accent);color:#0d2c23}.primary:hover{background:#c8f9e4}.secondary{border:1px solid #53697b;background:#192b3b;color:#dbe8e3}.secondary:hover{background:#2b4353}.atlas{border-top:1px solid var(--line);padding:38px 0}.atlas-top{display:flex;justify-content:space-between;gap:17px;align-items:center}.atlas-top h2,.directory-heading h2{font-size:clamp(27px,3vw,35px);letter-spacing:-.055em;font-weight:660;margin:8px 0}.controls{display:flex;gap:7px}.controls button{width:41px;height:41px;border:1px solid #496178;background:#1c2c40;color:white;border-radius:8px;font-size:21px}.controls button:hover{background:#2b4960}.search-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:17px 0}.search,.select{display:grid;gap:7px;font-size:11px;color:#94b3ba}.search{flex:1 1 250px}.select{flex:1 1 155px;max-width:300px}.search input,.select select{border:1px solid #456174;background:#152538;border-radius:8px;color:#e5f5ed;padding:10px 12px;min-height:44px;width:100%;max-width:100%}.search-row>span{font-size:11px;color:#a6b7c5;padding:0 0 12px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:13px;align-items:stretch}.canvas-region{position:relative;height:610px;min-width:0;border:1px solid #375672;background:radial-gradient(ellipse at 55% 54%,#162b42,#0a1629 65%,#090e1b);border-radius:16px;overflow:hidden}.canvas-region canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.canvas-region canvas:active{cursor:grabbing}.map-stamp{position:absolute;top:21px;left:20px;pointer-events:none;letter-spacing:.12em;font-size:10px;color:#bad9d0;display:flex;gap:9px;align-items:center}.map-stamp .orb{background:#9bdcc2;width:7px;height:7px;border-radius:50%;box-shadow:0 0 10px #76d9be}.map-stamp small{font-size:10px;color:#829eb0}.map-controls{position:absolute;left:20px;bottom:21px;color:#7895a4;letter-spacing:.09em;font-size:9px;pointer-events:none}.map-controls span{padding:0 5px}.floating{position:absolute;right:18px;bottom:17px;padding:8px 12px;color:#bde4d8;border:1px solid #567577;background:#1c3542b9;border-radius:7px;font-size:11px}.inspector{padding:23px;background:#152438;border:1px solid #36506a;border-radius:15px;display:flex;flex-direction:column;min-width:0}.inspector h3{font-size:31px;letter-spacing:-.065em;line-height:1.12;margin:18px 0 13px;word-break:break-word}.inspector p{font-size:13px;color:#b2c6cd;line-height:1.7}.inspector-detail{border-top:1px solid #3c5368;padding:16px 0;display:grid;gap:6px}.inspector-detail span{font-size:10px;letter-spacing:.11em;color:#90aab7}.inspector-detail strong{font-size:12px;color:#e4f6ed}.inspector-actions{margin-top:auto;display:grid;gap:9px}.inspector-actions .disabled{opacity:.45;pointer-events:none}.inspector .aside-note{font-size:10px;color:#809ba8;margin-top:20px}.directory{padding:20px 0 53px}.directory-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:15px 0 17px}.directory-meta{font-size:11px;color:#a0b4bf}.star-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.star-list button{text-align:left;background:#162537;border:1px solid #354d65;border-radius:12px;padding:16px;color:white;display:grid;gap:7px;min-width:0}.star-list button:hover,.star-list button.selected{background:#224139;border-color:#8ed9bd}.star-list small{color:var(--accent);font-size:9px;letter-spacing:.1em}.star-list strong{font-size:14px;letter-spacing:-.025em}.star-list p{color:#95afbd;font-size:11px;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.directory #loadMore{margin-top:20px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding:24px 0 37px;font-size:11px;color:#8fa9b5}footer a{text-decoration:none}
@media(max-width:1200px){.map-layout{grid-template-columns:minmax(0,1fr) 255px}.star-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:13px;gap:9px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap}.sidebar .side-label,.categories,.sidebar-bottom{display:none}.top{height:59px}.map-layout{grid-template-columns:1fr}.canvas-region{height:470px}.inspector{min-height:230px}.inspector-actions{margin-top:10px;display:flex;flex-wrap:wrap}}@media(max-width:560px){.opening{padding:39px 0}.opening h1{font-size:51px}.search-row .select{max-width:none}.canvas-region{height:395px}.star-list{grid-template-columns:1fr}.map-stamp{top:13px;left:13px;font-size:9px}.map-controls{bottom:13px;left:12px;font-size:8px}.floating{bottom:11px;right:10px}.atlas-top{align-items:start}.toplinks span{display:none}.directory-heading{align-items:start}.directory-meta{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Prevent min-content width of the horizontal mobile navigation from expanding the page grid. */
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar,.body{min-width:0;max-width:100%}.sidebar{overflow:hidden}.sidebar nav{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden}.wordmark{min-width:0}}

@media(max-width:560px){.atlas-top{flex-wrap:wrap}.atlas-top>div:first-child{min-width:0;flex:1 1 220px}.controls{flex:0 0 auto}.atlas-top h2{overflow-wrap:anywhere}}
