.mknrm-wrap{max-width:1100px;margin:0 auto}
.mknrm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 14px}
.mknrm-toolbar__title{font-weight:800;font-size:18px}
.mknrm-btn{border:1px solid rgba(0,0,0,.15);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}
.mknrm-btn.is-active{background:#111;color:#fff;border-color:#111}
.mknrm-map{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:10px}
.mknrm-svg{width:100%;height:auto;display:block}
.mknrm-outline{fill:none;stroke:#111;stroke-width:4;opacity:.9;pointer-events:none}
.mknrm-region{fill:#f2f2f2;stroke:#222;stroke-width:2;cursor:pointer;transition:.15s}
.mknrm-region:hover{filter:brightness(.92)}
.mknrm-region.is-active{stroke-width:4}
.mknrm-label{font:700 18px/1.2 Arial,sans-serif;fill:#111;pointer-events:none;opacity:.9}

/* Modal */
.mknrm-modal{position:fixed;inset:0;display:none;z-index:9999}
.mknrm-modal.is-open{display:block}
.mknrm-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.mknrm-modal__panel{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(860px,92vw);max-height:84vh;overflow:auto;
  background:#fff;border-radius:16px;padding:18px 18px 14px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.mknrm-modal__close{
  position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:10px;
  background:#111;color:#fff;font-size:22px;cursor:pointer
}
.mknrm-modal__title{margin:6px 42px 6px 0;font-size:22px}
.mknrm-modal__meta{color:#444;font-size:13px;margin-bottom:12px}
.mknrm-item{padding:10px 12px;border:1px solid #e7e7e7;border-radius:12px;margin:10px 0}
.mknrm-item__a{color:#111;text-decoration:none;font-weight:800}
.mknrm-item__a:hover{text-decoration:underline}
.mknrm-item__date{margin-top:6px;color:#666;font-size:12px}
.mknrm-item__s{margin-top:6px;color:#333;font-size:14px}
.mknrm-item--empty{border-style:dashed;opacity:.8}


.mknrm-item__row{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.mknrm-item__img{
  width:120px;
  flex:0 0 120px;
}
.mknrm-item__img img{
  width:100%;
  height:auto;
  border-radius:8px;
  object-fit:cover;
}
.mknrm-item__content{
  flex:1;
}
@media(max-width:600px){
  .mknrm-item__row{flex-direction:column}
  .mknrm-item__img{width:100%}
}

.mknrm-legend{font-size:12px;color:#555;margin-left:10px}
.mknrm-toolbar__right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* Toolbar readability (dark bar) */
.mknrm-toolbar{
  background:#111;
  color:#fff;
  border-radius:14px;
  padding:10px 12px;
}
.mknrm-toolbar__title{color:#fff}
.mknrm-toolbar__range{display:flex;gap:8px;flex-wrap:wrap}
.mknrm-btn{
  border:1px solid rgba(255,255,255,.35);
  background:transparent;
  color:#fff;
  border-radius:12px;
  padding:9px 12px;
  font-weight:700;
}
.mknrm-btn:hover{border-color:rgba(255,255,255,.75)}
.mknrm-btn.is-active{
  background:#C40001;
  border-color:#C40001;
  color:#fff;
}

/* Tooltip */
.mknrm-tooltip{
  position:fixed;
  z-index:10000;
  pointer-events:none;
  background:rgba(17,17,17,.92);
  color:#fff;
  padding:8px 10px;
  border-radius:10px;
  font:700 12px/1.2 Arial,sans-serif;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  transform:translate(10px,10px);
  white-space:nowrap;
}