.nkk-subcats { margin: 0 0 28px; }
.nkk-subcats ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; list-style: none; margin: 0; padding: 0; }
.nkk-subcats li { margin: 0; }
.nkk-subcats a { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 16px 18px; border: 1px solid rgba(0, 0, 0, .14); border-radius: 8px; text-decoration: none; color: inherit; transition: border-color .15s, box-shadow .15s; }
.nkk-subcats a:hover { border-color: currentColor; box-shadow: 0 2px 10px rgba(0, 0, 0, .08); }
.nkk-subcats img { width: 100%; height: auto; border-radius: 6px; margin-bottom: 8px; }
.nkk-subcats .nkk-n { font-weight: 600; line-height: 1.3; }
.nkk-subcats .nkk-c { font-size: .85em; opacity: .65; }

.nkk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.nkk-chips a { display: inline-block; padding: 6px 14px; border: 1px solid rgba(0, 0, 0, .18); border-radius: 999px; text-decoration: none; color: inherit; font-size: .9em; }
.nkk-chips a:hover { border-color: currentColor; }
.nkk-chips a.is-current { color: #fff; background: #222; border-color: #222; }
.nkk-chips .nkk-back { border-style: dashed; }