/* MiMrail: the continent and world maps, shared by the home page (index.html) and the app's country picker
   (app.html): js/maps.js draws them. The colours are the house style's (css/app.css :root, css/home.css :root). */
.cp-map{background:#f6f7fb;border-radius:12px;overflow:hidden}
.cp-map svg{display:block;width:100%;height:auto;max-height:max(58vh,240px)}
.cp-c{stroke:#fff;stroke-width:1.2;stroke-linejoin:round;transition:fill .12s}
.cp-later{fill:#e4e3ec}
.cp-other{fill:#dcdbe6;cursor:pointer}
.cp-other:hover,.cp-other:focus{fill:#cbc9d9;outline:none}
.cp-planned{fill:#c9c3e3;cursor:pointer}
.cp-planned:hover,.cp-planned:focus{fill:#b6aedb;outline:none}
.cp-live{fill:var(--primary);cursor:pointer}
.cp-live:hover,.cp-live:focus{fill:var(--secondary);outline:none}
.cp-c.cp-on{stroke:var(--eu-gold);stroke-width:3}
.cp-l{font:600 15px Inter,system-ui,sans-serif;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
.cp-l-live{fill:#fff;font-size:20px}
.cp-l-planned{fill:var(--secondary)}
.cp-l-other{fill:#8f8aa6;font-weight:500}
.cp-tall .cp-l{font-size:26px}
.cp-tall .cp-l-live{font-size:34px}
.cp-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.cp-legend span{display:inline-flex;align-items:center;gap:6px}
.cp-key{display:inline-block;width:14px;height:14px;border-radius:4px}
.cp-key.cp-live{background:var(--primary)}
.cp-key.cp-planned{background:#c9c3e3}
.cp-key.cp-later{background:#e4e3ec}