.mr4.lkf { --lkf-c0: #e8f1ea; --lkf-c1: #bfdcc9; --lkf-c2: #7fb897; --lkf-c3: #2d7052; --lkf-c4: #0c281d; }

.mr4.lkf .lkf-c0 { fill: var(--lkf-c0); background: var(--lkf-c0); }
.mr4.lkf .lkf-c1 { fill: var(--lkf-c1); background: var(--lkf-c1); }
.mr4.lkf .lkf-c2 { fill: var(--lkf-c2); background: var(--lkf-c2); }
.mr4.lkf .lkf-c3 { fill: var(--lkf-c3); background: var(--lkf-c3); }
.mr4.lkf .lkf-c4 { fill: var(--lkf-c4); background: var(--lkf-c4); }
.mr4.lkf .lkf-ramp { display: flex; align-items: center; gap: var(--eq-space-1); margin: var(--eq-space-3) 0 0; font-size: var(--eq-size-caption); color: var(--eq-color-muted); }
.mr4.lkf .lkf-ramp i { width: 1.75rem; height: .75rem; border-radius: 3px; display: block; border: 1px solid rgb(18 59 42 / 12%); }
.mr4.lkf .lkf-ramp span:first-child { margin-right: var(--eq-space-2); }
.mr4.lkf .lkf-ramp span:last-child { margin-left: var(--eq-space-2); }

.mr4.lkf .lkf-map { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: var(--eq-space-5); align-items: start; margin-top: var(--eq-space-5); }
.mr4.lkf .lkf-map-fig { margin: 0; }
.mr4.lkf .lkf-map-fig img { display: block; width: 100%; height: auto; border-radius: var(--eq-radius-control); background: #f6f8f5; aspect-ratio: 5 / 4; object-fit: contain; }
.mr4.lkf .lkf-map-side { min-width: 0; }
.mr4.lkf .lkf-map-side h3 { margin-top: 0; }
.mr4.lkf .lkf-hotlist { list-style: none; counter-reset: h; margin: 0 0 var(--eq-space-4); padding: 0; display: grid; gap: var(--eq-space-2); }
.mr4.lkf .lkf-hotlist li { counter-increment: h; position: relative; padding: var(--eq-space-2) 0 var(--eq-space-2) 2.25rem; border-bottom: 1px solid var(--eq-color-line); min-width: 0; }
.mr4.lkf .lkf-hotlist li::before { content: counter(h); position: absolute; left: 0; top: var(--eq-space-2); width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 2px solid var(--eq-color-forest); color: var(--eq-color-forest); font: 700 .75rem/1 var(--eq-font-body); display: grid; place-items: center; background: #fff; }
.mr4.lkf .lkf-hotlist b { display: block; font-weight: 600; color: var(--eq-color-ink); overflow-wrap: anywhere; }
.mr4.lkf .lkf-hotlist span { display: block; font-size: var(--eq-size-caption); color: var(--eq-color-muted); }

.mr4.lkf .lkf-twin { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--eq-space-5); }
.mr4.lkf .lkf-twin > figure { margin: var(--eq-space-4) 0; }
.mr4.lkf .lkf-fig-wide svg { min-width: 0; }
.mr4.lkf .lkf-scroll { overflow-x: auto; }
.mr4.lkf .lkf-scroll > svg { min-width: 34rem; }

.mr4.lkf .lkf-types { list-style: none; margin: var(--eq-space-4) 0 0; padding: 0; display: grid; gap: var(--eq-space-3); }
.mr4.lkf .lkf-types li { display: grid; grid-template-columns: minmax(0, 12rem) minmax(0, 1fr) 7rem; gap: var(--eq-space-4); align-items: center; padding: var(--eq-space-3) 0; border-bottom: 1px solid var(--eq-color-line); }
.mr4.lkf .lkf-types b { font-weight: 600; display: block; }
.mr4.lkf .lkf-types small { display: block; color: var(--eq-color-muted); font-size: var(--eq-size-caption); line-height: 1.45; }
.mr4.lkf .lkf-types .lkf-bar { height: .6rem; border-radius: 99px; background: var(--eq-color-line); overflow: hidden; }
.mr4.lkf .lkf-types .lkf-bar i { display: block; height: 100%; background: var(--eq-color-green); border-radius: 99px; }
.mr4.lkf .lkf-types .lkf-bar i.is-key { background: var(--eq-color-forest); }
.mr4.lkf .lkf-types .n { text-align: right; font-variant-numeric: tabular-nums; font-weight: 650; }
.mr4.lkf .lkf-types .n small { font-weight: 400; }

.mr4.lkf .lkf-meaning { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--eq-space-5); margin-top: var(--eq-space-4); }
.mr4.lkf .lkf-meaning .mr4-card h3 { color: var(--eq-color-ink); font-weight: 650; font-size: 1.0625rem; margin-bottom: var(--eq-space-2); }
.mr4.lkf .lkf-meaning .mr4-card p { font-size: var(--eq-size-body); color: var(--eq-color-ink-secondary); }

.mr4.lkf .lkf-sub-note { font-size: var(--eq-size-caption); color: var(--eq-color-muted); max-width: 70ch; margin: var(--eq-space-3) 0 0; }
.mr4.lkf .mr4-table .lkf-up { color: var(--eq-color-warning); font-weight: 600; }

.mr4.lkf .lkf-map > *, .mr4.lkf .lkf-twin > *, .mr4.lkf .lkf-meaning > * { min-width: 0; }
@media (max-width: 900px) {
  .mr4.lkf .lkf-map, .mr4.lkf .lkf-twin, .mr4.lkf .lkf-meaning { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .mr4.lkf .lkf-types li { grid-template-columns: minmax(0, 1fr) 5.5rem; }
  .mr4.lkf .lkf-types .lkf-bar { grid-column: 1 / -1; order: 3; }
  .mr4.lkf .lkf-ramp i { width: 1.25rem; }
}