/* LMKT Blog Categories frontend — namespace .lmkt-bc-* only */
.lmkt-bc-outer,
.lmkt-bc-wrap {
  --lmkt-bc-cols-d: 4;
  --lmkt-bc-cols-t: 3;
  --lmkt-bc-cols-m: 2;
  --lmkt-bc-gap: 16px;
  --lmkt-bc-scroll-gap: 12px;
  --lmkt-bc-item-w-d: 220px;
  --lmkt-bc-item-w-t: 190px;
  --lmkt-bc-item-w-m: 160px;
  --lmkt-bc-arrow-size: 30px;
  width: 100%;
  box-sizing: border-box;
  /* do not set overflow:hidden on outer */
}

.lmkt-bc-inner {
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.lmkt-bc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--lmkt-bc-gap);
  grid-template-columns: repeat(var(--lmkt-bc-cols-d), minmax(0, 1fr));
}

.lmkt-bc-mode-list .lmkt-bc-list {
  display: block;
}

.lmkt-bc-mode-pills .lmkt-bc-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lmkt-bc-gap);
}

.lmkt-bc-item {
  margin: 0;
}

.lmkt-bc-indent {
  margin-left: 1rem;
}

.lmkt-bc-link {
  display: block;
  text-decoration: none;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  background: #f6f7f9;
  color: inherit;
  transition: background 0.15s ease;
}

.lmkt-bc-link:hover {
  background: #eef1f6;
}

.lmkt-bc-pill .lmkt-bc-link {
  display: inline-block;
  border-radius: 999px;
  padding: 0.35rem 0.9rem;
}

.lmkt-bc-count {
  opacity: 0.7;
  font-size: 0.9em;
}

/* ---- Scroll mode: inline arrows around category rail ---- */
.lmkt-bc-outer .lmkt-bc-scroll-shell {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.lmkt-bc-outer .lmkt-bc-scroll-prev,
.lmkt-bc-outer .lmkt-bc-scroll-next {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--lmkt-bc-arrow-size, 30px);
  height: 40px;
  min-width: 28px;
  max-width: 34px;
  padding: 0;
  margin: 0;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  background: #fff;
  color: #1d2327;
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: none;
}
.lmkt-bc-outer .lmkt-bc-scroll-prev:disabled,
.lmkt-bc-outer .lmkt-bc-scroll-next:disabled { opacity: .35; cursor: default; }
.lmkt-bc-outer .lmkt-bc-scroll-viewport {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  outline: none;
  scroll-behavior: smooth;
}
.lmkt-bc-outer .lmkt-bc-no-overflow .lmkt-bc-scroll-prev,
.lmkt-bc-outer .lmkt-bc-no-overflow .lmkt-bc-scroll-next { display: none; }
.lmkt-bc-outer .lmkt-bc-no-overflow .lmkt-bc-scroll-viewport { flex: 1 1 100%; }
.lmkt-bc-outer .lmkt-bc-scroll-snap { scroll-snap-type: x proximity; }
.lmkt-bc-outer .lmkt-bc-scroll-hide-sb { scrollbar-width: none; -ms-overflow-style: none; }
.lmkt-bc-outer .lmkt-bc-scroll-hide-sb::-webkit-scrollbar { display: none; height: 0; }
.lmkt-bc-outer .lmkt-bc-scroll-drag { cursor: default; touch-action: pan-x pan-y; }
.lmkt-bc-outer .lmkt-bc-scroll-item a { cursor: pointer; pointer-events: auto; }
.lmkt-bc-outer .lmkt-bc-scroll-viewport.is-dragging { cursor: grabbing; user-select: none; }
.lmkt-bc-outer .lmkt-bc-scroll-item img { -webkit-user-drag: none; }
.lmkt-bc-outer .lmkt-bc-scroll-track {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  width: max-content;
  min-width: 100%;
  gap: var(--lmkt-bc-scroll-gap, 16px);
  box-sizing: border-box;
}
.lmkt-bc-outer .lmkt-bc-scroll-item {
  display: block;
  flex: 0 0 calc((100% - (var(--lmkt-bc-cols-d, 4) - 1) * var(--lmkt-bc-scroll-gap, 16px)) / var(--lmkt-bc-cols-d, 4));
  flex-shrink: 0;
  width: calc((100% - (var(--lmkt-bc-cols-d, 4) - 1) * var(--lmkt-bc-scroll-gap, 16px)) / var(--lmkt-bc-cols-d, 4));
  min-width: calc((100% - (var(--lmkt-bc-cols-d, 4) - 1) * var(--lmkt-bc-scroll-gap, 16px)) / var(--lmkt-bc-cols-d, 4));
  max-width: calc((100% - (var(--lmkt-bc-cols-d, 4) - 1) * var(--lmkt-bc-scroll-gap, 16px)) / var(--lmkt-bc-cols-d, 4));
  margin: 0;
  box-sizing: border-box;
  scroll-snap-align: start;
}
@media (max-width:1024px){.lmkt-bc-outer .lmkt-bc-scroll-item{flex-basis:calc((100% - (var(--lmkt-bc-cols-t,3) - 1)*var(--lmkt-bc-scroll-gap,16px))/var(--lmkt-bc-cols-t,3));width:calc((100% - (var(--lmkt-bc-cols-t,3) - 1)*var(--lmkt-bc-scroll-gap,16px))/var(--lmkt-bc-cols-t,3));min-width:calc((100% - (var(--lmkt-bc-cols-t,3) - 1)*var(--lmkt-bc-scroll-gap,16px))/var(--lmkt-bc-cols-t,3));max-width:calc((100% - (var(--lmkt-bc-cols-t,3) - 1)*var(--lmkt-bc-scroll-gap,16px))/var(--lmkt-bc-cols-t,3))}}
@media (max-width:640px){.lmkt-bc-outer .lmkt-bc-scroll-item{flex-basis:calc((100% - (var(--lmkt-bc-cols-m,2) - 1)*var(--lmkt-bc-scroll-gap,16px))/var(--lmkt-bc-cols-m,2));width:calc((100% - (var(--lmkt-bc-cols-m,2) - 1)*var(--lmkt-bc-scroll-gap,16px))/var(--lmkt-bc-cols-m,2));min-width:calc((100% - (var(--lmkt-bc-cols-m,2) - 1)*var(--lmkt-bc-scroll-gap,16px))/var(--lmkt-bc-cols-m,2));max-width:calc((100% - (var(--lmkt-bc-cols-m,2) - 1)*var(--lmkt-bc-scroll-gap,16px))/var(--lmkt-bc-cols-m,2))}}

@media (prefers-reduced-motion: reduce) {
  .lmkt-bc-scroll-viewport {
    scroll-behavior: auto;
  }
  .lmkt-bc-link {
    transition: none;
  }
}

/* Active category highlight */
.lmkt-bc-item-current > .lmkt-bc-link {
  background: #e8edf3;
  font-weight: 600;
}