.map-tools{display:grid;grid-template-columns:1fr minmax(220px,340px) auto;gap:12px;align-items:center;margin:0 0 14px}.summary{display:flex;gap:8px;flex-wrap:wrap}.summary span{border:1px solid rgba(140,213,252,.22);border-radius:999px;padding:7px 10px;background:rgba(16,48,65,.58);color:#ccebf9;font-size:.72rem}.summary strong{color:#fff}.map-search{position:relative;display:grid;gap:4px;color:#9fc5d8;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.map-search input{width:100%;border:1px solid var(--line);border-radius:8px;background:rgba(5,16,24,.72);color:var(--text);padding:9px 10px;font:inherit;font-size:.78rem;letter-spacing:normal;text-transform:none}.map-search input:focus{outline:2px solid rgba(130,209,255,.45);border-color:#82d1ff}.map-search div{position:absolute;z-index:5;top:100%;left:0;right:0;margin-top:5px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#0b1c28;box-shadow:0 14px 35px rgba(0,0,0,.35)}.map-search button{display:block;width:100%;border:0;border-bottom:1px solid var(--line);padding:9px 10px;background:transparent;color:#e6f5fc;text-align:left;font:inherit;font-size:.78rem;cursor:pointer}.map-search button:hover{background:rgba(130,209,255,.12)}.map-actions{display:flex;gap:7px}.map-actions button{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:rgba(255,255,255,.04);color:var(--text);font:700 .74rem Inter,system-ui,sans-serif;cursor:pointer}.map-actions button:hover,.map-actions button.is-active{border-color:#82d1ff;background:rgba(130,209,255,.18);color:#dff5ff}.graphic-card:fullscreen{width:100%;height:100%;border-radius:0;background:#071423}.graphic-card:fullscreen .graphic{height:100%;min-height:0}.graphic-card:fullscreen svg{max-height:100vh}.site-footer{display:flex;gap:18px;align-items:flex-start;margin-top:24px;padding:18px 2px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem;line-height:1.5}.site-footer span{color:#d8effa;font-weight:800}.site-footer p{margin:0;max-width:680px}.site-footer a{margin-left:auto;color:#9edcff;text-decoration:none;white-space:nowrap}
/* The product drawer replaces the map-crunching details bar. */
.product-panel{position:fixed;z-index:30;top:0;right:0;display:flex;flex-direction:column;gap:18px;width:min(470px,100vw);height:100dvh;margin:0;padding:76px 28px 30px;border:0;border-left:1px solid rgba(173,225,248,.25);border-radius:0;background:linear-gradient(150deg,#102a39,#08131d 45%,#071019);box-shadow:-20px 0 60px rgba(0,0,0,.42);transform:translateX(105%);transition:transform .24s ease;overflow:auto}.product-panel h2{font-size:1.35rem}.product-panel p:not(.eyebrow){font-size:.9rem;line-height:1.55}.product-panel a{margin:0 auto 0 0}.product-panel pre{width:100%;max-width:none;max-height:none;margin:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.2);font-size:12px}.drawer-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}.drawer-scrim{position:fixed;z-index:29;inset:0;border:0;background:rgba(0,8,14,.56);opacity:0;pointer-events:none;transition:opacity .24s ease}.drawer-scrim:focus-visible,.drawer-close:focus-visible{outline:2px solid #82d1ff}.product-panel:has(#productTitle){visibility:visible}body[data-product-open="true"]{overflow:hidden}body[data-product-open="true"] .product-panel{transform:translateX(0)}body[data-product-open="true"] .drawer-scrim{opacity:1;pointer-events:auto}
@media(max-width:720px){.map-tools{grid-template-columns:1fr;gap:10px}.map-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.map-actions button{width:100%;padding-inline:6px}.site-footer{display:block}.site-footer p{margin:5px 0}.site-footer a{display:inline-block;margin-top:6px}.product-panel{top:auto;bottom:0;width:100%;height:min(76dvh,650px);padding:57px 18px 22px;border-top:1px solid rgba(173,225,248,.25);border-left:0;border-radius:20px 20px 0 0;transform:translateY(105%)}body[data-product-open="true"] .product-panel{transform:translateY(0)}}