@import url('/assets/css/catalog-r8.css');

/* KyUcMaple Catalog R11.3 — map detail additions only. */
.kym-map-hero{
  display:grid;
  grid-template-columns:minmax(260px,38%) minmax(0,1fr);
  gap:24px;
  align-items:stretch;
  margin-bottom:18px;
  padding:18px;
  border:1px solid #dce9df;
  border-radius:18px;
  background:#fff;
}
.kym-map-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:210px;
  padding:18px;
  overflow:hidden;
  border:1px solid #e2ede4;
  border-radius:15px;
  background:#f3f9f2;
}
.kym-map-preview-img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:230px;
  object-fit:contain;
  image-rendering:pixelated;
}
.kym-map-preview-fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  width:76px;
  height:76px;
  border:1px dashed #bfd3c4;
  border-radius:18px;
  color:#7c9a84;
  font-size:34px;
  background:#f8fbf8;
}
.kym-map-hero-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:6px 4px;
}
.kym-map-hero-info h3{
  margin:8px 0 4px;
}
.kym-map-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.kym-map-area{
  margin:12px 0 0;
  color:#71877a;
  font-size:14px;
  line-height:1.65;
}
.kym-map-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.kym-map-summary span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:8px 11px;
  border:1px solid #dce9df;
  border-radius:999px;
  background:#f6faf6;
  color:#567060;
  font-size:13px;
  font-weight:600;
}
.kym-map-summary strong{
  color:#245d3f;
  font-size:14px;
}
.kym-map-panel .kr8-panel-title{
  margin-bottom:14px;
}
.kym-map-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.kym-map-card{
  margin:0 !important;
  min-width:0;
  min-height:82px;
}
.kym-map-card .kr8-source-info{
  min-width:0;
}
.kym-map-card .kr8-source-info .kr8-entity-name{
  display:inline-block;
  max-width:100%;
  overflow-wrap:anywhere;
}
.kym-map-count{
  flex:0 0 auto;
  margin-left:auto;
  padding:5px 8px;
  border:1px solid #dce9df;
  border-radius:9px;
  color:#38634c;
  background:#f6faf6;
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.kym-map-mini-art{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 60px;
  width:60px;
  height:58px;
  overflow:hidden;
  border:1px solid #e2ede4;
  border-radius:12px;
  background:#f3f9f2;
}
.kym-map-mini-img{
  display:block;
  max-width:54px;
  max-height:50px;
  width:auto;
  height:auto;
  object-fit:contain;
  image-rendering:pixelated;
}
.kym-map-mini-fallback{
  color:#87a28f;
  font-size:24px;
}
.kym-map-more{
  margin-top:12px;
}
.kym-map-more[open] > .kym-map-grid{
  margin-top:12px;
}
@media (max-width:820px){
  .kym-map-hero{grid-template-columns:1fr;gap:16px;padding:14px}
  .kym-map-preview{min-height:170px}
  .kym-map-preview-img{max-height:190px}
  .kym-map-grid{grid-template-columns:1fr}
}