/* Карта знаний · Xudoyorxon Bunyodov / Худоёрхон Бунёдов */
.km { max-width: 1180px; margin: 0 auto; padding: 4px 0 96px; }
.km-head h1 { margin: 0; font-size: 24px; }
.km-sub { color: #6B7B88; font-size: 13px; margin: 4px 0 10px; max-width: 720px; line-height: 1.55; }
.km-legend { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.km-l { font-size: 11.5px; padding: 4px 10px; border-radius: 999px; border: 1px solid transparent; }
.km-cards { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.km-card { padding: 10px 16px; border: 1px solid #E1E8ED; border-radius: 12px; background: #fff; text-align: center; }
.km-card b { display: block; font-size: 20px; color: #1B3A4B; }
.km-card span { font-size: 11.5px; color: #7C8B97; }

.km-dom { margin-bottom: 18px; }
.km-dom h2 { font-size: 14px; text-transform: uppercase; letter-spacing: .05em; color: #6B7B88; margin: 0 0 8px; }
.km-dom h2 i { font-style: normal; font-size: 11.5px; color: #9AA8B4; margin-left: 6px; }
.km-grid { display: grid; gap: 7px; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.km-t {
  display: block; padding: 10px 12px; border-radius: 11px; text-decoration: none;
  border: 1px solid #E1E8ED; background: #fff; color: #23303a;
  transition: transform .12s, box-shadow .15s, border-color .15s;
}
.km-t:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(14,61,20,.10); }
.km-t__n { font-size: 11px; color: #9AA8B4; }
.km-t__ttl { display: block; font-size: 13.5px; font-weight: 600; margin: 2px 0 3px; line-height: 1.35; }
.km-t__m { font-size: 11.5px; color: #7C8B97; }

.km-l.is-new,   .km-t.is-new   { background: #F4F7F9; border-color: #E1E8ED; }
.km-l.is-start, .km-t.is-start { background: #EAF3FA; border-color: #C6DDEE; }
.km-l.is-mid,   .km-t.is-mid   { background: #FBF4DD; border-color: #EBDCA8; }
.km-l.is-strong,.km-t.is-strong{ background: #EAF7EE; border-color: #BFE0C6; }
.km-l.is-weak,  .km-t.is-weak  { background: #FDEBEC; border-color: #F0C9CD; }

[data-theme="dark"] .km-card, [data-theme="dark"] .km-t { background: #1E2A33; border-color: #2E4150; color: #DDE7EE; }