/* 2026-10-08 searchrank (그록 봇): 카테고리 페이지 '인기 검색어' (cd_srank.py 가 HTML 에 넣음). v2: 이모지·변동 표시 제거. 차분하게: 애니메이션 없음, 회색 톤 */
.cd-srank{box-sizing:border-box;width:160px;margin:0 0 28px;padding:12px 8px 8px;background:#fff;border:1px solid var(--s-line,#e6e8ef);border-radius:16px}
.cd-srank__hd{padding:0 4px 6px;border-bottom:1px solid #f0f1f5;margin-bottom:4px}
.cd-srank .cd-srank__tit,.cd-srank-m .cd-srank__tit{margin:0;padding:0;border:0;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--s-ink,#1f2433);line-height:1.4}
.cd-srank__time{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:11px;color:var(--s-mute,#9aa1b2);font-weight:500;white-space:nowrap}
.cd-srank__dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5aa883;opacity:.75}
.cd-srank__list{list-style:none;margin:0;padding:0}
.cd-srank__list a{display:flex;align-items:center;gap:7px;height:26px;padding:0 4px;border-radius:8px;font-size:12.5px;color:#3b4152!important;text-decoration:none!important}
.cd-srank__list a:hover,.cd-srank__list a:focus-visible{background:#f6f7fb;color:var(--s-ink,#1f2433)!important}
.cd-srank__n{flex:0 0 14px;text-align:center;font-size:11.5px;font-weight:700;color:#a3a9b7;font-variant-numeric:tabular-nums}
.cd-srank__n.is-top{color:#5b6274}
.cd-srank__kw{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 오른쪽 열: 순위 박스가 있으면 열 전체 높이를 쓰고, 광고만 따라다니게 (광고 위치·크기는 그대로) */
@media (min-width:1181px){
  .cd-list-page .lst-layout .adver.cd-adver.cd-has-srank{flex-direction:column;align-items:center;justify-content:flex-start;position:static;align-self:stretch}
  .cd-list-page .lst-layout .adver.cd-adver.cd-has-srank > .cd-adu--side160{position:sticky;top:calc(var(--cd-hdr-h, 65px) + 16px)}
  .cd-srank-m{display:none}
}
/* 1180px 이하 (오른쪽 열·광고 숨김): 목록 위 가로 칩 한 줄 */
@media (max-width:1180px){
  .cd-srank{display:none}
  .cd-srank-m{display:block;margin:0 0 12px;padding:10px 0 10px 12px;background:#fff;border:1px solid var(--s-line,#e6e8ef);border-radius:14px}
  .cd-srank-m__hd{display:flex;align-items:baseline;gap:8px;padding-right:12px;margin-bottom:8px}
  .cd-srank-m .cd-srank__time{margin-top:0}
  .cd-srank-m__row{display:flex;gap:6px;list-style:none;margin:0;padding:0 12px 2px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cd-srank-m__row::-webkit-scrollbar{display:none}
  .cd-srank-m__row li{flex:0 0 auto}
  .cd-srank-m__row a{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:999px;background:#f4f5f8;color:#3b4152!important;font-size:12.5px;white-space:nowrap;text-decoration:none!important}
  .cd-srank-m__row a:hover{background:#eceef3}
  .cd-srank-m .cd-srank__n{flex:0 0 auto}
}
/* quick 2026-10-08 (그록 봇): 순위 변동 표시(색 없는 작은 회색 ▲ ▼ –, 검색어 바로 뒤) + 목록을 카드 가운데로 + 순위 숫자 색 구분 없앰 */
.cd-srank__hd{text-align:center}
.cd-srank__list{width:max-content;max-width:100%;margin:0 auto}
.cd-srank__list a{gap:6px}
.cd-srank__n,.cd-srank__n.is-top{color:#a3a9b7}
.cd-srank__kw{flex:0 1 auto}
.cd-srank__ch{flex:0 0 auto;display:inline-block;margin-left:-1px;font-size:8.5px;line-height:1;color:#b3b8c4;font-weight:400}
@media (max-width:1180px){
  .cd-srank-m__row li:first-child{margin-left:auto}
  .cd-srank-m__row li:last-child{margin-right:auto}
  .cd-srank-m__row .cd-srank__kw{flex:0 0 auto;overflow:visible}
  .cd-srank-m__row .cd-srank__ch{margin-left:0}
}