/* ==========================================================================
   bf.tags — 인기 태그

   전역 main.css '11-6. 태그' 에서 옮겨 왔다. 크기 클래스(t-lg · t-md)는
   widget.php 가 검색 횟수 순위로 붙인다.
   ========================================================================== */

.tag-cloud { display: flex; flex-wrap: wrap; gap: 6px; }
.tag-cloud a {
  display: inline-flex; align-items: center;
  height: 28px; padding: 0 11px;
  border-radius: var(--r-full);
  background: var(--sky-50);
  border: 1px solid var(--line);
  font-size: 12.5px; color: var(--ink-600);
  transition: all .18s;
}
.tag-cloud a:hover { background: var(--sky-500); border-color: var(--sky-500); color: #fff; }
.tag-cloud .t-md { font-size: 13.5px; font-weight: 600; color: var(--sky-t3); background: var(--sky-100); border-color: var(--sky-b1); }
.tag-cloud .t-lg { height: 32px; font-size: 14.5px; font-weight: 700; color: #fff; background: var(--sky-500); border-color: var(--sky-500); }
.tag-cloud .t-lg:hover { background: var(--sky-600); }


/* ---------------------------------------------------------- 반응형 */

@media (max-width: 1080px) {
  .widget-tag { grid-column: span 2; }
}

@media (max-width: 900px) {
  .widget-tag { grid-column: auto; }
}