.cmap{border:1.5px solid var(--ink);background:radial-gradient(70% 60% at 75% 30%,#d4f55a2e,#0000 70%),#fffaf2;border-radius:24px;align-content:center;padding:clamp(14px,2.5vw,28px);display:grid;position:relative}.cmap svg{width:100%;height:auto;max-height:560px;display:block;overflow:visible}.cmap__c path,path.cmap__c{fill:color-mix(in srgb, #b5d93a calc(var(--t,0) * 100%), #efe8da);stroke:#fffaf2;stroke-width:1.2px;stroke-linejoin:round;transition:fill .15s}.cmap__c--off{fill:#e8e1d3}a.cmap__c{cursor:pointer;outline:none}a.cmap__c:hover path,a.cmap__c:focus-visible path,a.cmap__c.is-on path{fill:var(--ink)}.cmap__hl{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;pointer-events:none}.cmap__tip{z-index:2;background:var(--lime);color:var(--ink);white-space:nowrap;pointer-events:none;animation:cmap-tip .15s var(--ease);border-radius:12px;justify-items:center;padding:6px 12px;line-height:1.15;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 10px 24px -10px #16130f8c}.cmap__tip b{font-size:.92rem}.cmap__tip small{font-size:.76rem;font-weight:600}@keyframes cmap-tip{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}}.cmap__legend{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.75rem;display:flex;position:absolute;bottom:clamp(12px,2vw,22px);left:clamp(14px,2.5vw,28px)}.cmap__legend i{background:linear-gradient(90deg,#efe8da,#b5d93a);border-radius:999px;width:64px;height:8px}.cmap__credit{color:var(--muted);margin:0;font-size:.68rem;position:absolute;bottom:clamp(12px,2vw,22px);right:clamp(14px,2.5vw,28px)}@media (prefers-reduced-motion:reduce){.cmap__tip{animation:none}}