.map-demo{display:grid;grid-template-columns:minmax(0,1fr) 340px;background:#0c1724;align-items:stretch}.map-demo-canvas{position:relative;align-self:center;min-width:0}.map-demo .atlas-product-image{max-height:none;width:100%;height:auto}.map-demo-tile{position:absolute;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer;color:transparent;padding:0;transition:background .18s,border-color .18s,box-shadow .18s}.map-demo-tile span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.map-demo-tile:hover,.map-demo-tile[aria-pressed=true],.map-demo-tile:focus-visible{border-color:#a4deff;background:#80caff15;box-shadow:0 0 0 3px #8dd3ff25,0 0 28px #68baff40;outline:none}.map-demo-pane{padding:26px 24px;border-left:1px solid #3e5b73;background:linear-gradient(145deg,#1c344a,#122638);color:#eaf4ff}.map-demo-hint{font-size:9px;letter-spacing:1.5px;color:#b6d6ea;display:flex;justify-content:space-between;margin-bottom:26px}.map-demo-hint span{color:#9cdbbc}.map-demo-tag{font-size:11px;color:#f8d593;background:#7c5b273b;border:1px solid #ac854850;padding:6px 9px;border-radius:5px;display:inline-block}.map-demo-pane h3{font-size:25px;margin:16px 0 8px;letter-spacing:-.6px}.map-demo-pane h4{font-size:16px;line-height:1.45;margin:0 0 10px;font-weight:550}.map-demo-pane p{font-size:13px;line-height:1.65;color:#bfd3e3;margin:0 0 18px}.map-demo-pane dl{margin:20px 0}.map-demo-pane dl>div{padding:12px 0;border-top:1px solid #87b5d225}.map-demo-pane dt{font-size:11px;color:#a9c6db;margin-bottom:5px}.map-demo-pane dd{font-size:13px;line-height:1.5;margin:0;color:#f0f6ff}.map-demo-clause{border-left:2px solid #8fd3ff;padding:14px;background:#07182765;border-radius:0 7px 7px 0;margin:18px 0}.map-demo-clause small{font-size:8px;letter-spacing:1.2px;color:#9bd6ff}.map-demo-clause blockquote{font-size:13px;line-height:1.75;margin:10px 0;color:#e2effa}.map-demo-clause cite{font-size:10px;font-style:normal;color:#99bbd2}.map-demo-pane .map-demo-note{font-size:11px;margin:16px 0 0;color:#a9c6db}.map-demo-instruction{margin:0;padding:17px 24px;background:#14283a;color:#deeffc;font-size:12px;line-height:1.7;display:flex;justify-content:space-between;gap:16px;border-top:1px solid #3e5b73}.map-demo-instruction span{color:#a5c2d8;font-size:10px}@media(min-width:1500px){.map-demo{grid-template-columns:minmax(0,1fr) 380px}.map-demo-pane{padding:32px}}@media(max-width:1050px){.map-demo{grid-template-columns:minmax(0,1fr) 290px}.map-demo-pane{padding:20px 18px}.map-demo-pane h3{font-size:22px}}@media(max-width:760px){.map-demo{grid-template-columns:minmax(0,1fr)}.map-demo-pane{border-left:0;border-top:1px solid #3e5b73;padding:24px}.map-demo-hint{margin-bottom:16px}.map-demo-pane dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.map-demo-instruction{display:block;padding:16px 24px}.map-demo-instruction span{display:block}.map-demo-tile{border-radius:5px}.map-demo-pane h3{font-size:26px}}