.mm-page .bt-heading #mapTitle{font:400 25px Georgia,serif;margin:6px 0}.mm-page .bt-heading #mapDescription{font:12px Arial;color:#7f91ac}.mm-toolbar{gap:8px}.mm-toolbar>div{flex-wrap:wrap;gap:6px}.mm-toolbar button{font-size:11px}#mapHint{font:11px Arial;color:#7b8fae;max-width:300px}#mapLink[aria-pressed=true]{background:#dbe9ff;border-color:#789ed8;color:#315991}#mapViewport{height:calc(100vh - 235px);min-height:420px;overflow:auto;border:1px solid #d0dff1;border-radius:12px;background:#fff;position:relative;scrollbar-color:#cbd9ed #f4f7fc}#mapShell{width:4000px;height:3000px}#mapStage{position:relative;width:4000px;height:3000px;transform-origin:0 0}#mapLines{position:absolute;inset:0;overflow:visible;pointer-events:none}#mapLines .mm-edge{fill:none;stroke:#a6bddf;stroke-width:2.5;pointer-events:stroke;cursor:pointer}#mapLines .mm-edge.arrow{stroke:#5b7fbb;stroke-width:2;stroke-dasharray:5 4}#mapLines .mm-edge:hover{stroke:#406cbd;stroke-width:4}#mapLines text{font:11px Arial;fill:#617da9;paint-order:stroke;stroke:#fff;stroke-width:5px;pointer-events:none}.mm-node{position:absolute;width:180px;min-height:62px;border:1px solid #bdd0eb;border-radius:12px;background:var(--node-color,#e5edfa);color:var(--node-ink,#2d466a);box-shadow:0 3px 13px #3359840c;display:flex;align-items:center;justify-content:center;padding:14px 25px 14px 15px;text-align:center;user-select:none;touch-action:none;cursor:grab;font:14px/1.4 Arial,sans-serif;outline-offset:4px}.mm-node:active{cursor:grabbing}.mm-node>span{white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none}.mm-node.selected{outline:2px solid #6d94d0;box-shadow:0 4px 16px #315d9b20}.mm-node button{position:absolute;right:-11px;top:calc(50% - 11px);width:24px;height:24px;border:1px solid #b4cbea;border-radius:50%;padding:0;background:#fff;color:#4e75b2;font-size:17px;line-height:1}.mm-node .mm-edit{right:5px;top:3px;width:20px;height:20px;border:0;background:transparent;font-size:14px;color:inherit;opacity:.6}.mm-node button:hover{background:#e8f0fc}.mm-node.dragging{box-shadow:0 8px 20px #2c569b28}.mm-page input[type=color]{width:70px;height:38px;padding:3px}.mm-page.readonly #mapIdea,.mm-page.readonly #mapBranch,.mm-page.readonly #mapLink,.mm-page.readonly #mapUndo,.mm-page.readonly #mapAttach,.mm-page.readonly .mm-node button{display:none}.mm-page.readonly #mapTitle,.mm-page.readonly #mapDescription{pointer-events:none}@media(max-width:1000px){#mapHint{display:none}}@media(max-width:700px){.mm-toolbar{flex-wrap:wrap}#mapViewport{height:calc(100vh - 270px);min-height:360px}.mm-toolbar button{padding:5px 7px}.mm-page .bt-heading #mapTitle{font-size:23px}}

/* Compact introduction: original artwork with accessible, translatable copy. */
.mm-page .bt-page{padding-top:13px}
.mm-hero{position:relative;isolation:isolate;overflow:hidden;min-height:176px;margin:0 0 14px;border-radius:8px;background:#081a36;color:#fff;display:flex;align-items:center}
.mm-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.mm-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07172cdd 0%,#07172c99 36%,#07172c22 66%,transparent)}
.mm-hero-copy{padding:22px 28px;width:min(65%,680px)}
.mm-hero-eyebrow{display:block;font:600 9px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#93c9ee;margin-bottom:7px}
.mm-hero h1{font:400 31px/1.05 Georgia,serif;letter-spacing:-.6px;margin:0 0 8px;color:#fff}
.mm-hero p{font:12px/1.55 Arial,sans-serif;color:#e0eafa;max-width:470px;margin:0}
.mm-hero-steps{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:13px;font:10px/1.3 Arial,sans-serif;color:#c5d9f5}
.mm-hero-steps i{font-style:normal;color:#7ab9e2}
.mm-page #mapViewport{height:calc(100dvh - 425px);min-height:330px}
@media(max-width:800px){.mm-hero-copy{width:75%;padding:20px}.mm-hero h1{font-size:28px}.mm-hero-art{object-position:65% center}.mm-hero p{font-size:11px}.mm-hero-steps{font-size:9px;gap:6px}}
@media(max-width:520px){.mm-hero{min-height:190px}.mm-hero-copy{width:100%;padding:19px}.mm-hero:after{background:linear-gradient(90deg,#07172cef,#07172ca8 72%,#07172c70)}.mm-hero h1{font-size:28px}.mm-hero p{max-width:340px}.mm-page #mapViewport{height:55dvh;min-height:320px}}

/* Let the introduction and site header scroll away above the working canvas. */
body.mm-page{overflow-y:auto!important;height:auto!important;min-height:100dvh}
.mm-page #rsSiteHeader{position:absolute!important}
.mm-page .bt-page{height:auto!important;overflow:visible!important;padding-bottom:18px}
.mm-page .mm-toolbar{position:sticky;top:0;z-index:20;background:#eef3fa;margin-bottom:12px}
.mm-page #mapViewport{height:calc(100dvh - 86px);min-height:420px;scroll-margin-top:68px}
@media(max-width:768px){.mm-page .rs-phone-header{position:absolute!important}.mm-page .mm-toolbar{top:0}.mm-page #mapViewport{height:calc(100dvh - 140px);min-height:340px}}

/* Scrolling past the introduction leaves only compact editing tools. */
.mm-page .mm-toolbar{background:#fff;scroll-margin-top:0}
.mm-page #mapViewport{height:calc(100dvh - var(--mm-tools-height,44px) - 14px);min-height:240px}

.mm-maps-link{color:#315991;text-decoration:none;font:13px Arial;padding:9px 12px;border:1px solid #ccdaed;border-radius:6px;background:#fff}.mm-page .bt-actions{flex-wrap:wrap}
