@charset "utf-8";

/* 접속자집계 - 사이드바 인기검색어 아래 박스 섹션으로 표시 (제목은 박스 밖 위쪽) */
.aside_visit {margin-bottom:20px}
#visit {position:relative}
#visit h2 {display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;line-height:1;font-weight:700;letter-spacing:-0.01em;color:var(--c-text);text-align:left}
#visit h2:before {content:"";width:8px;height:8px;border-radius:50%;background:var(--c-accent)}
#visit .btn_admin {position:absolute;top:0;right:10px;height:25px;line-height:25px;padding:0 5px;border-radius:3px}

#visit dl {padding:22px;margin:0;border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,transform .25s ease}
#visit dl:hover {box-shadow:var(--shadow-md);transform:translateY(-3px)}
#visit dl:after {display:block;visibility:hidden;clear:both;content:""}
#visit dt {float:left;width:50%;text-align:left;line-height:26px;height:26px;color:var(--c-text-2)}
#visit dt span {display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-right:10px;background:var(--c-accent)}
#visit dd {float:left;width:50%;padding:0 5px;text-align:right;font-weight:700;line-height:26px;height:26px;font-size:0.92em;color:var(--c-text)}
#visit dd strong {display:inline-block;padding:0 5px;border-radius:20px;line-height:15px;color:var(--c-text)}

/* ============================================================
   1024px 미만: 좁은 화면 레이아웃 조정
   ============================================================ */
@media (max-width: 1023.98px) {
    #visit dl {padding:18px 16px;border-radius:12px}
    #visit dt, #visit dd {line-height:30px;height:30px}
}