/* 법률칼럼 목록 (모바일) */
.m-column { padding: 20px 20px 32px; scroll-margin-top: 56px; }

/* 전체 건수 줄 */
.m-column-count { margin-bottom: 12px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 12px; font-size: 14px; line-height: 22px; color: var(--text-2); }
.m-column-count strong { font-weight: 700; color: var(--green); }
.m-column-count__note { font-size: 12px; color: var(--text-3); }

/* 분류 단추(흰 배경, 좌우로 밀어서 봄) */
.m-column-chips { display: flex; gap: 8px; margin: 0 -20px 16px; padding: 0 20px; overflow-x: auto; white-space: nowrap; font-size: 14px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.m-column-chips::-webkit-scrollbar { display: none; }
.m-column-chips a { flex: none; display: inline-flex; align-items: center; height: 44px; padding: 0 16px; border: 1px solid var(--line); color: var(--green); }
.m-column-chips a.is-active { background: var(--green); border-color: var(--green); color: #FFFFFF; font-weight: 700; }

/* 분류·블로그 이름이 길어도 카드 밖으로 넘치지 않게 */
.m-column .m-thumb-card__cat { overflow-wrap: anywhere; }

/* 좁은 화면(360px 미만): 대표 이미지와 안쪽 여백을 줄여 글 칸을 넓힘 */
@media (max-width: 359px) {
  .m-column .m-thumb-card__img { width: 96px; }
  .m-column .m-thumb-card__body { padding: 14px 12px; }
}

/* 블로그 이름이 아주 길면 한 줄에서 줄임 */
.m-column .m-thumb-card__meta .nowrap { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }

/* 좌우로 미는 줄 안의 항목은 초점 테두리가 잘리지 않게 안쪽에 그립니다. */
.m-column-chips a:focus-visible { outline-offset: -2px; }
.m-column-chips a.is-active:focus-visible { outline-color: #FFFFFF; }