.cmap{margin:.5rem 0 1rem}.cm-top{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.8rem}.cm-ml{font-size:.8rem;font-weight:600;color:#51607A}
.cm-areas{display:flex;flex-wrap:wrap;gap:.35rem}.cm-areas button{font:inherit;font-size:.84rem;font-weight:600;border:1px solid #C9D7EE;background:#fff;color:#0B1B3A;padding:.4rem .85rem;border-radius:999px;cursor:pointer;transition:all .2s}.cm-areas button:hover{border-color:#2563EB;color:#1D4ED8}.cm-areas button[aria-pressed=true]{background:#2563EB;border-color:#2563EB;color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.25)}
.cm-wrap{position:relative;background:radial-gradient(700px 360px at 70% 20%,rgba(59,130,246,.10),transparent 60%),linear-gradient(180deg,#F8FBFF,#EEF4FF);border:1px solid #DCE6F5;border-radius:16px;padding:1rem}
.cm-svg{width:100%;height:auto;display:block;direction:ltr}.cmap .cctx{fill:#E9EEF5;stroke:#fff;stroke-width:.8}.cmap .cins{fill:#F4F8FF;stroke:#B9C9E4;stroke-dasharray:3 3;cursor:pointer}
.cmap .cst{stroke:#fff;stroke-width:1.2;cursor:pointer;transition:fill .5s,filter .25s,opacity .35s;opacity:0}.cmap.go .cst{animation:cmin .6s ease forwards}.cmap .cst.dim,.cmap .cpin.dim{opacity:.18!important}
@keyframes cmin{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.cmap .cst:hover,.cmap .cst:focus{filter:brightness(1.08) drop-shadow(0 0 8px rgba(37,99,235,.5));stroke:#06B6D4;stroke-width:2;outline:none}
.cmap .cpin circle{stroke:#fff;stroke-width:2;cursor:pointer}.cmap .cpin:focus{outline:none}.cmap .clbl line{stroke:#7C8DB0;stroke-width:1}.cmap .clbl text{fill:#1E2F55;font-size:13px;font-weight:600;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:3.5px;stroke-linejoin:round}.cmap .clbl text.big{fill:#fff;font-size:12px;font-weight:700;paint-order:stroke;stroke:rgba(11,27,58,.35);stroke-width:2px}
html[lang=ar] .cmap .clbl text{font-family:"Tajawal",Tahoma,sans-serif;font-size:13px}
.cm-tip{position:absolute;z-index:3;pointer-events:none;display:flex;gap:.6rem;align-items:center;background:#0B1B3A;color:#fff;border-radius:10px;padding:.55rem .75rem;box-shadow:0 12px 26px rgba(11,27,58,.28);min-width:13rem}.cm-tip img{width:34px;height:23px;object-fit:cover;border-radius:3px}.cm-tip b{display:block;font-size:.92rem}.cm-tip span{display:block;font-size:.8rem;color:#C9D6F2}.cm-tip em{display:block;font-style:normal;font-size:.76rem;color:#67E8F9;margin-top:.15rem}
.cm-leg{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.8rem;font-size:.84rem;color:#334766}.cm-leg span{display:inline-flex;align-items:center;gap:.4rem}.cm-leg i{width:14px;height:14px;border-radius:3px;display:inline-block}
.cm-note{font-size:.82rem;color:#51607A;margin:.4rem 0 0}.cm-bnd{font-size:.72rem;color:#7C8DB0;margin:.25rem 0 0}
@media (prefers-reduced-motion:reduce){.cmap .cst{opacity:1;animation:none!important}}