/* MvE interactive markets map. Used on Markets, Profile and the homepage. */
/* ── interactive markets map ─────────────────────────── */
  .mkmap-sec{padding:clamp(40px,4.4vw,66px) 0 clamp(40px,5vw,70px);background:var(--paper,#FAFAF9)}
  .mkmap-head{display:grid;grid-template-columns:200px 1fr;gap:clamp(18px,3vw,44px);
    align-items:baseline;padding-bottom:18px;border-bottom:1px solid var(--line,rgba(18,18,18,.12))}
  .mkmap-head p{color:var(--muted,#6B6B69);font-size:.92rem;line-height:1.7;max-width:56ch;margin:0}
  .mkmap-head .code,.mkmap-head .label{color:var(--muted,#6B6B69);font-size:.62rem;letter-spacing:.24em;
    text-transform:uppercase;font-weight:400}
  @media(max-width:760px){.mkmap-head{grid-template-columns:1fr;gap:10px}}

  .mkmap{position:relative;margin-top:clamp(26px,3vw,44px)}
  .mkmap svg{display:block;width:100%;height:auto}
  .mkmap .land{fill:var(--bone,#E3E3E1)}

  .mk-pin{position:absolute;transform:translate(-50%,-50%);background:none;border:0;padding:0;
    cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}
  .mk-dot{display:block;width:9px;height:9px;border-radius:50%;background:var(--ink,#121212);
    box-shadow:0 0 0 0 rgba(90,36,56,.28);transition:background .3s,box-shadow .45s}
  .mk-city{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted,#6B6B69);
    white-space:nowrap;transition:color .3s}
  .mk-pin:hover .mk-dot,.mk-pin:focus-visible .mk-dot,.mk-pin.on .mk-dot{
    background:var(--acc,#5A2438);box-shadow:0 0 0 7px rgba(90,36,56,.12)}
  .mk-pin:hover .mk-city,.mk-pin:focus-visible .mk-city,.mk-pin.on .mk-city{color:var(--ink,#121212)}
  .mk-pin:focus{outline:none}
  .mk-pin:focus-visible{outline:1px solid var(--ink,#121212);outline-offset:8px}

  .mk-card{position:absolute;z-index:3;width:min(270px,64vw);background:var(--paper,#FAFAF9);
    border:1px solid var(--line,rgba(18,18,18,.12));padding:18px 20px;opacity:0;visibility:hidden;
    transform:translateY(4px);transition:opacity .28s,transform .28s,visibility .28s;pointer-events:none}
  .mk-card.on{opacity:1;visibility:visible;transform:translateY(0)}
  .mk-card .i{font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--stone,#A3A3A1)}
  .mk-card h3{font-family:var(--dsp,'Cormorant Garamond',Georgia,serif);font-weight:300;font-size:1.3rem;line-height:1.2;margin:8px 0 8px}
  .mk-card p{font-size:.84rem;line-height:1.6;color:var(--muted,#6B6B69);margin:0}

  @media(max-width:760px){
    .mk-city{display:none}
    .mk-dot{width:11px;height:11px}
    .mk-pin{padding:9px;margin:-9px}
    .mk-card{position:static;width:auto;opacity:1;visibility:visible;transform:none;
      margin-top:22px;pointer-events:auto}
  }