.mapper-page{max-width:1440px;color:var(--ink,#122c41);margin:auto;padding:38px 5vw 50px}.mapper-intro{max-width:980px;margin-bottom:28px}.mapper-intro h1{margin:10px 0 16px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}.mapper-intro>p:not(.eyebrow){font-size:1.15rem;line-height:1.8}.mapper-pills{flex-wrap:wrap;gap:10px;display:flex}.mapper-pills span{border:1px solid var(--line,#ccd7df);border-radius:30px;padding:7px 15px;font-size:.95rem}.mapper-deck{background:#f4f8fb;border:1px solid #d4dfe8;border-radius:22px;overflow:hidden}.mapper-scene{margin:0;animation:.35s mapper-enter}.mapper-image{cursor:zoom-in;color:#243f59;background:#eaf0f5;border:0;width:100%;padding:0;display:block}.mapper-image img{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block}.mapper-scene figcaption{background:#fff;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:13px 20px;font-size:1rem;line-height:1.6;display:flex}.mapper-scene figcaption span{color:#466079;font-size:.9rem}.mapper-plugin-link{margin-top:18px;display:inline-flex}.mapper-intro h1{overflow-wrap:anywhere}.mapper-controls{border-top:1px solid #d3dfe8;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:15px;display:flex}.mapper-controls button,.mapper-progress button{color:#12334e;cursor:pointer;background:#fff;border:1px solid #bdcdd8;border-radius:8px;min-height:42px;padding:7px 14px;font-size:.95rem}.mapper-controls button:disabled{opacity:.45;cursor:default}.mapper-controls button[aria-pressed=true],.mapper-progress button[aria-current]{color:#fff;background:#163b5b}.mapper-progress{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 16px 18px;display:flex}.mapper-progress button{min-width:42px;padding:6px 10px}.mapper-details{gap:12px;margin-top:25px;display:grid}.mapper-details details{border:1px solid var(--line,#cdd9e2);border-radius:12px;padding:18px 22px}.mapper-details summary{cursor:pointer;font-size:1.05rem;font-weight:700;line-height:1.6}.mapper-details p{font-size:1rem;line-height:1.9}.mapper-comparison{grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;display:grid}.mapper-comparison article{background:#f2f6f9;border-radius:10px;padding:20px}.mapper-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px;display:flex}.mapper-lightbox{background:#fff;border:0;border-radius:14px;width:94vw;max-width:1500px;max-height:94vh;padding:18px}.mapper-lightbox::backdrop{background:#071a2ddd}.mapper-lightbox>button{color:#163b5b;background:#fff;border:1px solid #bdcdd8;border-radius:7px;margin:0 0 12px auto;padding:10px 18px;font-size:1rem;display:block}.mapper-lightbox img{object-fit:contain;max-width:100%;max-height:80vh;margin:auto;display:block}.mapper-deck:fullscreen{background:#f4f8fb;padding:2vh 3vw;overflow:auto}.mapper-deck:fullscreen .mapper-image img{object-fit:contain;width:100%;max-height:74vh}.mapper-deck:fullscreen .mapper-scene{width:100%;max-width:1440px;margin:auto}.mapper-page button:focus-visible,.mapper-page summary:focus-visible,.mapper-deck:focus-visible{outline-offset:3px;outline:3px solid #a67b24}@keyframes mapper-enter{0%{opacity:.25;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.mapper-comparison{grid-template-columns:1fr}.mapper-scene figcaption{font-size:.95rem}}@media (width<=500px){.mapper-page{padding:25px 16px}.mapper-intro h1{font-size:1.9rem}.mapper-controls{gap:8px}.mapper-controls button{padding:8px 10px}.mapper-controls>span{font-size:.9rem}.mapper-scene figcaption{padding:12px 15px}.mapper-progress{gap:5px}.mapper-progress button{min-width:36px;padding:5px 7px}.mapper-intro .mapper-plugin-link{text-align:center;line-height:1.6}}@media (prefers-reduced-motion:reduce){.mapper-scene{animation:none}}
