@media (max-width:1200px){
  /* Every chronological control uses the same hollow-ring symbol. */
  .mobile-map-time button{
    --time-ring:rgba(23,54,58,.55);
  }
  body.mobile-shell-active .mobile-map-time button:before{
    content:''!important;
    display:inline-block!important;
    box-sizing:border-box!important;
    width:9px!important;
    height:9px!important;
    min-width:9px!important;
    margin-right:5px!important;
    vertical-align:-1.5px!important;
    border-radius:50%!important;
    border:1.7px solid var(--time-ring)!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-map-time button[data-mobile-time="tonight"]{--time-ring:var(--ring-tonight,#d45e50)}
  .mobile-map-time button[data-mobile-time="week"]{--time-ring:var(--ring-week,#559ba3)}
  .mobile-map-time button[data-mobile-time="month"]{--time-ring:#6d698c}
  .mobile-map-time button[data-mobile-time="few"]{--time-ring:#9d8150}
  .mobile-map-time button[data-mobile-time="all"]{--time-ring:#315b5f}
  .mobile-map-time button[data-mobile-time="regular"]{--time-ring:var(--ring-regular,#b57c25)}
  body.mobile-shell-active .mobile-map-time button.active:before{
    border-width:2.5px!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Marker keyline and status rings: 1px white, then 2px and 3px outwards. */
  body.mobile-shell-active .mobile-map-page .pin>circle:not(.pin-regular-ring):not(.pin-week-ring):not(.pin-tonight-ring){
    stroke:var(--paper)!important;
    stroke-width:1px!important;
    vector-effect:non-scaling-stroke!important;
  }
  body.mobile-shell-active .mobile-map-page .pin .pin-regular-ring,
  body.mobile-shell-active .mobile-map-page .pin .pin-week-ring,
  body.mobile-shell-active .mobile-map-page .pin .pin-tonight-ring{
    fill:none!important;
    stroke-width:2px!important;
    vector-effect:non-scaling-stroke!important;
    transform:none!important;
    transform-origin:center!important;
  }
  body.mobile-shell-active .mobile-map-page .pin .time-ring-level-2{stroke-width:3px!important}
  body.mobile-shell-active .mobile-map-page .pin .time-ring-level-3{stroke-width:4px!important}
  .mobile-map-page .pin .pin-tonight-ring{stroke:var(--ring-tonight,#d45e50)!important}
  .mobile-map-page .pin .pin-week-ring{stroke:var(--ring-week,#559ba3)!important}
  .mobile-map-page .pin .pin-regular-ring{stroke:var(--ring-regular,#b57c25)!important}
  .mobile-map-page .pin:hover .pin-regular-ring,
  .mobile-map-page .pin:focus .pin-regular-ring,
  .mobile-map-page .pin:hover .pin-week-ring,
  .mobile-map-page .pin:focus .pin-week-ring,
  .mobile-map-page .pin:hover .pin-tonight-ring,
  .mobile-map-page .pin:focus .pin-tonight-ring{
    fill:none!important;
    transform:none!important;
  }

  body.mobile-shell-active .mobile-map-brand{
    align-items:baseline!important;
    gap:8px!important;
  }
  body.mobile-shell-active .mobile-map-brand strong{
    font-size:16px!important;
    letter-spacing:.11em!important;
  }
  body.mobile-shell-active .mobile-map-brand span{
    font-size:6.4px!important;
    letter-spacing:.10em!important;
  }

  /* Clustered venue cards are already links to their Kevewi event pages, but
     make that action explicit so the full-details cue never appears to vanish. */
  .mobile-map-page .map-popover-event-copy:after{
    content:'Full event details →';
    display:block;
    margin-top:3px;
    font:900 6.5px/1 Arial,sans-serif;
    letter-spacing:.02em;
    color:#d5a95f;
  }
}