/* The Continuity Murders - Nemorra reader atlas, isolated from the rest of Wonders Workshop */
.nm-page{background:#050c13;color:#e7e7e1}
.nm-page .cm-header{z-index:90}
.nm-page .nm-hero{position:relative;min-height:460px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #615035}
.nm-page .nm-hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#03090eeF 0%,#03090ec9 40%,#03090e3d 85%),linear-gradient(0deg,#070f16,transparent 55%),url('/assets/images/continuity-map-v2.16.127/nemorra-aerial-cinematic.webp') center 56%/cover no-repeat;filter:saturate(.89)}
.nm-page .nm-hero-contents{position:relative;z-index:1;padding:75px 0 85px}
.nm-page .nm-hero h1{font:400 clamp(44px,5.5vw,82px)/1.06 Georgia,serif;color:#fbf3e7;letter-spacing:.025em;margin:0 0 23px}
.nm-page .nm-hero p:not(.cm-overline){font:19px/1.63 Georgia,serif;color:#dce5e6;max-width:700px;margin:0 0 28px}
.nm-page .nm-content{padding:68px 0 92px;background:linear-gradient(#08141c,#060d13)}
.nm-page .nm-content h2{margin:0 0 15px;font-size:clamp(29px,3.4vw,44px)}
.nm-page .nm-subline{font:16px/1.72 Georgia,serif;color:#c8d3d6;max-width:890px;margin:0 0 30px}
.nm-page .nm-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;border:1px solid #415562;border-bottom:0;background:#0c1a24;padding:15px 18px}
.nm-page .nm-filters,.nm-page .nm-zoom-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.nm-page .nm-filter,.nm-page .nm-zoom-tools button{border:1px solid #465d69;background:#0a1119;color:#d7d9d8;cursor:pointer;min-height:38px;padding:8px 14px;font:12px Arial,sans-serif}
.nm-page .nm-filter:hover,.nm-page .nm-zoom-tools button:hover,.nm-page .nm-filter.is-on{border-color:#d8aa71;color:#f2d1a2;background:#1a2025}
.nm-page #nm-zoom-value{min-width:52px;text-align:center;color:#efcf9b;font:12px Arial,sans-serif}
.nm-page .nm-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);min-height:555px;border:1px solid #415562}
.nm-page .nm-viewport{height:clamp(440px,44vw,670px);overflow:hidden;position:relative;background:#071019;cursor:grab;isolation:isolate;touch-action:none}
.nm-page .nm-viewport.is-dragging{cursor:grabbing}
.nm-page .nm-canvas{width:100%;height:100%;position:relative;transform-origin:50% 50%;will-change:transform}
.nm-page .nm-map-image{width:100%;height:100%;object-fit:fill;position:absolute;inset:0;max-width:none;pointer-events:none;user-select:none}
.nm-page .nm-pin-layer{position:absolute;inset:0;pointer-events:none}
.nm-page .nm-pin{position:absolute;left:var(--px);top:var(--py);transform:translate(-50%,-50%);width:34px;height:34px;border:1px solid #ffe1ad;border-radius:50%;background:#072234e8;box-shadow:0 0 0 5px #06263555,0 0 24px #0bd3eb60;color:#e8d4af;cursor:pointer;display:grid;place-items:center;pointer-events:auto;font:16px Arial,sans-serif;transition:box-shadow .2s,background .2s;z-index:4}
.nm-page .nm-pin:hover,.nm-page .nm-pin:focus-visible,.nm-page .nm-pin.is-active{background:#b67b40;border-color:white;color:#050d10;box-shadow:0 0 0 7px #b5825755,0 0 30px #f4c781}
.nm-page .nm-pin[data-point="division-hq"],.nm-page .nm-pin[data-point="records-office"],.nm-page .nm-pin[data-point="transit-exchange"],.nm-page .nm-pin[data-point="neurological-clinic"]{width:24px;height:24px;background:#213b47ee;border-color:#88e0e7;color:#a9fcfd;font-size:11px;z-index:5}
.nm-page .nm-pin[hidden]{display:none}
.nm-page .nm-watermark{position:absolute;pointer-events:none;bottom:5px;left:18px;z-index:2;background:#020709b5;padding:9px 11px;border-left:2px solid #c69a5f;color:#dfd1b7;font:10px Arial,sans-serif;letter-spacing:.14em}
.nm-page .nm-info{background:linear-gradient(160deg,#12232c,#071018);border-left:1px solid #516672;padding:23px;overflow-y:auto;min-width:0}
.nm-page .nm-info-top{border-bottom:1px solid #5c635e;padding-bottom:17px;display:flex;justify-content:space-between;gap:12px;color:#c29c70;text-transform:uppercase;letter-spacing:.17em;font:10px Arial,sans-serif}
.nm-page .nm-info-top span{color:#81c3cc}
.nm-page .nm-empty{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.nm-page .nm-empty>span{font-size:60px;color:#b48a55;margin-bottom:20px}
.nm-page .nm-empty h3{font-size:23px;margin:0 0 14px}
.nm-page .nm-empty p{font:13px/1.65 Arial,sans-serif;color:#b9cad0}
.nm-page .nm-info-body h3{font:400 29px/1.14 Georgia,serif;margin:13px 0;color:#f2e3cf}
.nm-page .nm-info-body img{width:100%;height:178px;object-fit:cover;border:1px solid #566672;background:#0d1f2b}
.nm-page .nm-info-body .nm-type{color:#d6ae7a;font:11px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:13px 0 4px}
.nm-page .nm-info-body .nm-description{color:#c8d6d7;font:14px/1.65 Georgia,serif;margin:0 0 22px}
.nm-page .nm-info-body a{display:inline-block;text-decoration:none;border-bottom:1px solid #b9905e;padding-bottom:6px;color:#ebc998;font:12px Arial,sans-serif}
.nm-page .nm-info-body a:hover{color:#fff}
.nm-page .nm-index{margin:24px 0 0;padding:30px 28px;background:#0e1a22;border:1px solid #435561;display:grid;grid-template-columns:.35fr .65fr;gap:20px}
.nm-page .nm-index>div:first-child p{color:#b7c7c9;font:13px/1.7 Georgia,serif}
.nm-page .nm-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}
.nm-page .nm-idx{width:100%;display:flex;text-align:left;gap:12px;align-items:center;padding:12px 10px;border:1px solid #394d59;background:#08121b;color:#ebebe6;cursor:pointer}
.nm-page .nm-idx:hover,.nm-page .nm-idx.is-active{border-color:#c49c6a;background:#1b2429}
.nm-page .nm-idx .nm-dot{color:#bba477}
.nm-page .nm-idx>span:nth-child(2){flex:1;min-width:0}
.nm-page .nm-idx strong{display:block;font:15px/1.3 Georgia,serif;white-space:normal}
.nm-page .nm-idx small{display:block;margin-top:5px;font:11px/1.4 Arial,sans-serif;color:#acc3c9}
.nm-page .nm-idx[hidden]{display:none}
.nm-page .nm-help{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:32px 0 0;padding:32px 28px;border-top:1px solid #69583b}
.nm-page .nm-help p{font:15px/1.72 Georgia,serif;color:#c4d2d3;max-width:600px}
.nm-page .nm-safety{color:#e6c594;font:15px/1.7 Georgia,serif}
.nm-page .nm-safety .cm-button{margin:8px 8px 0 0}
.nm-page .ne-map-direct{margin-top:12px}
.nm-page .ne-map-guide{margin-top:20px}
/* Show seven genuinely different cinematic scenes rather than the obsolete flat vector district schemes. */
.nm-page .nm-pin:focus-visible{outline-offset:7px}
.cm-explore .ne-district-art img[src*="continuity-map-v2.16.127"]{object-fit:cover;object-position:center 44%;image-rendering:auto}
@media(max-width:1100px){.nm-page .nm-layout{grid-template-columns:minmax(0,1fr) 280px}.nm-page .nm-viewport{height:500px}.nm-page .nm-info{padding:16px}}
@media(max-width:800px){.nm-page .nm-layout{display:flex;flex-direction:column}.nm-page .nm-viewport{height:clamp(360px,66vw,520px)}.nm-page .nm-info{border:0;border-top:1px solid #526572;max-height:none;min-height:220px}.nm-page .nm-empty{min-height:100px}.nm-page .nm-index{grid-template-columns:1fr}.nm-page .nm-help{grid-template-columns:1fr;gap:16px}}
@media(max-width:550px){.nm-page .nm-hero{min-height:370px}.nm-page .nm-hero-contents{padding:63px 0}.nm-page .nm-hero h1{font-size:46px}.nm-page .nm-hero p:not(.cm-overline){font-size:16px}.nm-page .nm-content{padding:46px 0}.nm-page .nm-toolbar{padding:10px}.nm-page .nm-filter{font-size:11px;padding:8px}.nm-page .nm-viewport{height:380px}.nm-page .nm-pin{width:30px;height:30px;font-size:14px}.nm-page .nm-index{padding:18px 12px}.nm-page .nm-index-grid{grid-template-columns:1fr}.nm-page .nm-help{padding:24px 6px}.nm-page .nm-safety .cm-button{width:100%}}
@media(prefers-reduced-motion:reduce){.nm-page .nm-pin{transition:none}}