/* 2026-10-15 정리: 기본 필터는 한 줄, 세부 조건은 접힘, 표는 촘촘하게 */
.filters{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding:8px 10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);margin:0 0 8px}
.filters > label.q{flex:1 1 260px;min-width:200px} .filters > label.q input{padding:7px 11px;font-size:13px}
.filters > label.inl{flex-direction:row;align-items:center;gap:5px;font-size:12px;color:var(--ink-3);white-space:nowrap} .filters > label.inl select{width:auto;padding:5px 7px;font-size:12.5px}
.filters .actions{grid-column:auto;display:inline-flex;gap:2px;margin-left:auto} .tb{font:inherit;font-size:12px;font-weight:600;color:var(--ink-2);padding:5px 8px;border:1px solid transparent;border-radius:var(--r);background:none;cursor:pointer} .tb:hover{background:var(--hover);color:var(--ink)}
.filters > details.advanced-filters{flex-basis:100%;margin:0} .filters > details.advanced-filters > summary{font-size:12px;color:var(--blue);cursor:pointer;padding:2px 0;list-style:none} .filters > details.advanced-filters > summary::before{content:'▸ '} .filters > details.advanced-filters[open] > summary::before{content:'▾ '}
.advanced-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 12px;padding:8px 0 2px} .advanced-fields label{font-size:11.5px} .advanced-fields input,.advanced-fields select{padding:5px 7px;font-size:12.5px}
.filter-chips{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 6px} .filter-chips:empty{display:none}
#today-changes{margin:0 0 8px;padding:10px 14px} details.clarity-fold#today-changes > summary{font-size:13px}
.toolbar{margin-top:6px} .toolbar strong{font-size:13px}
.table-scroll{max-height:calc(100vh - 250px)}
#results th,#results td{padding:7px 10px;font-size:13px} #results td small{font-size:11px} #results td small.ts{display:none}
.coin-logo{width:24px;height:24px;flex:0 0 24px;font-size:9px} #results td:first-child a.coin-name{gap:7px}
#results input[type=checkbox]{width:15px;height:15px;margin-right:6px}
#results [data-watch]{font-size:0;padding:0 4px;border:0;background:none;color:var(--ink-4);vertical-align:middle;cursor:pointer;line-height:1} #results [data-watch]::after{content:'☆';font-size:15px} #results [data-watch][aria-pressed="true"]{color:var(--star,#f5a524)} #results [data-watch][aria-pressed="true"]::after{content:'★'}
#results td .issues{gap:2px;min-width:200px} #results td .issues small{font-size:11px;line-height:1.3;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #results td .issues .kinds{gap:3px} #results td .issues .kind{font-size:10px;line-height:16px;padding:0 5px}
.positive{color:var(--up)}.negative{color:var(--down)}.neutral{color:var(--ink-3)}.change{font-variant-numeric:tabular-nums;font-weight:650}.spark{display:inline-block;width:104px;height:34px;vertical-align:middle}.spark svg{display:block;width:100%;height:100%}.coin-logo{display:inline-flex;position:relative;width:30px;height:30px;flex:0 0 30px;align-items:center;justify-content:center;border-radius:50%;background:var(--blue-soft);font-size:10px;overflow:hidden;color:var(--blue)}.coin-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--bg)}#results td:first-child a.coin-name{display:inline-flex;align-items:center;gap:9px;max-width:210px}.sector-label{display:block;white-space:normal;min-width:110px;max-width:180px;font-size:12px;color:var(--ink-2)}
.filters label{display:flex;flex-direction:column;gap:6px;color:var(--ink-2);font-size:12px}.filters input,.filters select{width:100%;min-width:0;padding:9px;border:1px solid var(--line-2);border-radius:4px;background:var(--card);color:var(--ink)}
.actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.toolbar h2{font-size:20px;margin:0}.modes{display:flex;gap:6px}[aria-pressed="true"]{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}
.table-scroll{overflow:auto;max-height:620px;border-block:1px solid var(--line);margin:12px 0}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px;text-align:right;border-bottom:1px solid var(--line-soft)}th{font-size:12px;background:var(--bg-2);position:sticky;top:0;z-index:1}th:first-child,td:first-child{text-align:left}td a{color:var(--blue);font-weight:600}td small{display:block;color:var(--ink-3);font-weight:400}td input{width:17px;height:17px;vertical-align:middle;margin-right:10px}.observed{color:var(--ok)}.missing{color:var(--ink-3)}#message{min-height:20px;color:var(--blue)}#comparison{margin-top:36px;border-top:2px solid var(--ink);padding-bottom:20px}#selected-count{font-size:14px;color:var(--blue)}#chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#compare-table th,#compare-table td{text-align:left;white-space:normal;min-width:180px;max-width:280px}#compare-table th:first-child,#compare-table td:first-child{min-width:140px;max-width:180px}.empty{padding:30px;color:var(--ink-3)}button:disabled{opacity:.45;cursor:default}
#results td:first-child{min-width:150px;max-width:220px;white-space:normal}#results td:first-child a{display:inline-block;max-width:170px;vertical-align:middle}#results td:first-child{position:sticky;left:0;background:var(--bg);z-index:1}#results th:first-child{left:0;z-index:2}
@media(max-width:760px){.advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.filters .actions{margin-left:0}.wrap{padding-inline:16px}.page-h h1{font-size:23px}.toolbar{align-items:flex-start}.actions .btn{flex-grow:1}}

#results td .issues{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;min-width:220px;max-width:300px;white-space:normal;color:var(--ink);font-weight:400;text-decoration:none}#results td .issues:hover strong{text-decoration:underline}#results td .issues strong{font-weight:650;color:var(--ink)}#results td .issues .kinds{display:flex;flex-wrap:wrap;gap:4px}#results td .issues .kind{font-size:11px;line-height:18px;padding:0 6px;border-radius:9px;background:var(--bg-2);color:var(--ink-2);border:1px solid var(--line-soft)}#results td .issues .kind-exchange,#results td .issues .kind-state,#results td .issues .kind-overseas_listing{background:var(--blue-soft);color:var(--blue);border-color:transparent}#results td .issues .kind-incident{background:#fdecec;color:var(--down);border-color:transparent}#results td .issues small{display:block;color:var(--ink-3);font-size:12px;line-height:1.35}#results td .issues small.changed{color:var(--blue)}
/* clarity.css 공통 접힘·세부 조건 상자를 탐색 페이지에서는 더 납작하게 */
body:has(#filters) .clarity-fold{margin:0 0 8px;border-radius:var(--r-lg)} body:has(#filters) .clarity-fold > summary{padding:9px 14px;font-size:13px;font-weight:700} body:has(#filters) .clarity-fold > section,body:has(#filters) .clarity-fold > article{padding:12px 14px}
body:has(#filters) .clarity-fold.table-help{margin:0} body:has(#filters) .clarity-fold.table-help > summary{padding:4px 0;font-size:11.5px;font-weight:500;color:var(--ink-3);background:none}
body:has(#filters) .clarity-fold.table-help{border:0;background:none}
.filters > details.advanced-filters{background:none;border:0;padding:0;border-radius:0}
.toolbar{margin-top:4px;margin-bottom:0} .toolbar .modes .btn{font-size:12px;padding:5px 9px}
#results .btn[data-watch]{font-size:0 !important;line-height:0;padding:0 4px !important;border:0 !important;background:none !important;color:var(--ink-4);vertical-align:middle;display:inline-block;width:20px;height:18px;overflow:hidden}
#results .btn[data-watch]::after{content:'☆';font-size:15px;line-height:18px} #results .btn[data-watch][aria-pressed="true"]{color:#f5a524} #results .btn[data-watch][aria-pressed="true"]::after{content:'★'}

#results td .issues .l1{display:flex;align-items:center;gap:6px;flex-wrap:wrap} #results td .issues .l2{display:flex;gap:4px;align-items:baseline;max-width:320px;overflow:hidden} #results td .issues .l2 small{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#results th,#results td{padding:6px 10px}

/* 2026-10-26: 세부 조건 — 묶음(거래소·시세·자료) + 범위 입력 */
.filters .advanced-fields{display:block;grid-template-columns:none;padding:4px 0 2px}
.filters .advanced-fields .adv-group{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 16px;align-items:start;padding:12px 0;border-top:1px solid var(--line-soft,var(--line))}
.advanced-fields .adv-group h4{margin:0;padding-top:24px;font-size:12.5px;font-weight:700;color:var(--ink-3)}
.advanced-fields .adv-row{display:flex;flex-wrap:wrap;gap:10px 14px}
.advanced-fields .adv-f{display:flex;flex-direction:column;gap:5px;flex:1 1 170px;max-width:240px;font-size:12px;color:var(--ink-2);white-space:nowrap}
.advanced-fields .adv-range{flex-basis:230px;max-width:300px}
.advanced-fields .adv-range .pair{display:flex;align-items:center;gap:6px}
.advanced-fields .adv-range .pair input{flex:1 1 0;min-width:0}
.advanced-fields .adv-range .pair i{font-style:normal;color:var(--ink-3)}
.advanced-fields input,.advanced-fields select{height:34px;padding:0 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--card);font-size:12.5px}
.advanced-fields input:focus,.advanced-fields select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.filters > details.advanced-filters > summary{font-weight:600}
@media(max-width:760px){.advanced-fields .adv-group{grid-template-columns:minmax(0,1fr)}.advanced-fields .adv-group h4{padding-top:0}}

/* 2026-10-26: CMC·코인게코식 표 */
.quick{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 2px}.quick button{font:inherit;font-size:12.5px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-2);cursor:pointer}.quick button:hover{border-color:var(--ink-3)}.quick button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
#results table.cmc{width:100%;border-collapse:collapse;white-space:nowrap}
#results table.cmc th{position:sticky;top:0;z-index:2;background:var(--card);font-size:11.5px;font-weight:600;color:var(--ink-3);padding:9px 10px;border-bottom:1px solid var(--line);text-align:left}
#results table.cmc th.num,#results table.cmc td.num{text-align:right}#results table.cmc th.sortable{cursor:pointer;user-select:none}#results table.cmc th.sortable:hover{color:var(--ink)}#results table.cmc th.on{color:var(--ink)}#results table.cmc th i{font-style:normal;font-size:9px;margin-left:3px}
#results table.cmc td{padding:8px 10px;border-bottom:1px solid var(--line-soft);font-size:13px;vertical-align:middle;font-variant-numeric:tabular-nums}
#results table.cmc tbody tr:hover td{background:var(--hover)}
#results table.cmc td.rk{color:var(--ink-3);font-size:12px;width:34px}
#results table.cmc td.nm,#results table.cmc th.nm{position:sticky;left:0;z-index:1;background:var(--card);min-width:200px;max-width:260px;text-align:left}#results table.cmc th.nm{z-index:3}#results table.cmc tbody tr:hover td.nm{background:var(--hover)}
#results table.cmc td.nm a.coin-name{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:700;max-width:220px;vertical-align:middle}#results table.cmc td.nm a.coin-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#results table.cmc td.nm a.coin-name small{display:inline;color:var(--ink-3);font-weight:500;font-size:11.5px;margin-left:2px}
#results table.cmc td.nm input[type=checkbox]{width:14px;height:14px;margin:0 6px 0 0;vertical-align:middle;opacity:.35}#results table.cmc tr:hover td.nm input,#results table.cmc td.nm input:checked{opacity:1}
#results table.cmc .coin-logo{width:26px;height:26px;flex:0 0 26px}
#results table.cmc b.px{font-weight:650}#results table.cmc b.px.usd{color:var(--ink-2);font-weight:500}
#results table.cmc .exs{display:inline-flex;gap:3px;align-items:center}#results table.cmc .exs img{width:18px;height:18px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--line-soft)}#results table.cmc .exs i{font-style:normal;font-size:11px;color:var(--ink-3);margin-left:2px}
#results table.cmc td.sp,#results table.cmc th.sp{text-align:center}#results table.cmc .spark{width:92px;height:28px}
#results table.cmc a.iss{display:inline-flex;flex-direction:column;align-items:flex-end;gap:1px;color:var(--ink);text-decoration:none;line-height:1.2}#results table.cmc a.iss b{font-weight:700}#results table.cmc a.iss small{display:block;font-size:10.5px;color:var(--ink-3);max-width:150px;overflow:hidden;text-overflow:ellipsis}#results table.cmc a.iss:hover b{text-decoration:underline}
#results table.cmc .missing{color:var(--ink-4,var(--ink-3))}
.table-scroll{max-height:none;border-block:0;margin:8px 0 0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:auto}
#results .btn[data-watch]{display:none}
@media(max-width:760px){#results table.cmc td,#results table.cmc th{padding:7px 8px;font-size:12.5px}#results table.cmc td.nm{min-width:150px}}
/* 2026-10-26: 옛 '열 더 보기'(2·8·9열 숨김)는 새 표와 맞지 않아 끔 */
#results.focused-columns[data-view=list] :is(th,td):is(:nth-child(2),:nth-child(8),:nth-child(9)){display:table-cell}
.modes button[aria-label="시총 순위와 거래소 열 더 보기"]{display:none}
#results.focused-columns[data-view=list] table.cmc :is(th,td):is(:nth-child(2),:nth-child(8),:nth-child(9)),#results[data-view=list] table.cmc :is(th,td):is(:nth-child(2),:nth-child(8),:nth-child(9)){display:table-cell}
#results table.cmc td:first-child,#results table.cmc th:first-child{position:static;min-width:0;max-width:none;background:transparent;white-space:nowrap;left:auto}
#results table.cmc td.nm,#results table.cmc th.nm{position:sticky;left:0;background:var(--card)}
#results{background:var(--card)}
#results[data-view],main #results{background:var(--card)}

/* 2026-10-27: 상단 다이어트 — 필터 상자 얇게, 저장/불러오기/링크는 세부 조건 안으로, 빠른 칩과 결과 도구를 한 줄에 */
.filters{padding:6px 10px;gap:6px 8px;margin:0 0 6px}.filters > label.q input{padding:6px 10px}
.filters .actions{display:none}.filters > details.advanced-filters[open] ~ .actions,.filters > details.advanced-filters[open] .actions{display:inline-flex}
.filters > details.advanced-filters > summary{font-size:12px}
.quick{margin:2px 0 0}.toolbar{margin-top:-30px;justify-content:flex-end;pointer-events:none}.toolbar strong{display:none}.toolbar .modes{pointer-events:auto}
/* 2026-10-29: #coverage 는 clarity 가 '데이터 기준과 표시 안내'로 접는다 — display:none 이면 펼쳐도 본문이 비어 있었다 */
#today-changes{margin:14px 0 0}
@media(max-width:760px){.toolbar{margin-top:4px;justify-content:space-between}.toolbar strong{display:inline}}
.quick .qcount{margin-left:auto;align-self:center;font-size:12.5px;color:var(--ink-3);padding-right:150px}@media(max-width:760px){.quick .qcount{padding-right:0;width:100%}}
@media(max-width:760px){.quick .qcount{display:none}}

/* 2026-10-28: 시세 갱신 깜빡임 */
@keyframes flup{0%{background:rgba(224,48,58,.22)}100%{background:transparent}}@keyframes fldn{0%{background:rgba(37,99,235,.22)}100%{background:transparent}}
#results td.fl-up{animation:flup 1.4s ease-out}#results td.fl-dn{animation:fldn 1.4s ease-out}

#results table.cmc .sup{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.2}#results table.cmc .sup small{color:var(--ink-3);font-size:10.5px}#results table.cmc .sup i{display:block;width:70px;height:3px;border-radius:2px;background:var(--line);margin-top:3px;overflow:hidden}#results table.cmc .sup i s{display:block;height:100%;background:var(--ink-3)}

/* 2026-10-29: 검색창 위 빠른 필터 미리보기 카드 — 색은 쓰지 않고(알록달록하다 해서 뺌) 등락 숫자만 빨강·파랑 */
.qcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 14px}
.qc{position:relative;text-align:left;font:inherit;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px 10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;color:var(--ink);min-width:0;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .14s,box-shadow .14s,border-color .14s}
.qc:hover{transform:translateY(-2px);border-color:var(--ink-3);box-shadow:0 10px 24px -14px rgba(15,23,42,.35)}
.qc.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.qc>small{font-size:12px;font-weight:700;color:var(--ink-2)}
.qc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.qc li{display:flex;align-items:center;gap:7px;font-size:13px;min-width:0}
.qc li img,.qc li .ini{width:20px;height:20px;border-radius:50%;flex:none;background:#fff;border:1px solid var(--line);object-fit:contain}
.qc li b{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qc li em{font-style:normal;font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink-2);white-space:nowrap}.qc li em.up{color:var(--up)}.qc li em.dn{color:var(--down)}
.qc-empty{margin:0;font-size:12px;color:var(--ink-3)}
.qc .qc-go{margin-top:auto;font-size:11.5px;font-weight:600;color:var(--blue)}
@media(max-width:960px){.qcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.qcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qc{padding:10px 11px 9px}.qc li{font-size:12.5px}}

/* 2026-10-29 토스식 종목 발견 카드 — 5줄 목록·가격·등락 칩, 색은 등락만 */
.qcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.qc{position:static;display:flex;flex-direction:column;gap:0;padding:14px 16px 10px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 1px 2px rgba(15,23,42,.04);cursor:default;transition:none;transform:none}
.qc:hover{transform:none;border-color:var(--line);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.qc.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.qc-h{display:flex;align-items:baseline;gap:8px;margin:0 0 6px}.qc-h b{font-size:16px;font-weight:800;letter-spacing:-.01em}.qc-h small{font-size:11.5px;color:var(--ink-3)}
.qc-ls{display:flex;flex-direction:column}
.qc-row{display:grid;grid-template-columns:16px 30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft,var(--line));text-decoration:none;color:var(--ink)}
.qc-row:last-child{border-bottom:0}.qc-row:hover .qc-n b{text-decoration:underline}
.qc-row i{font-style:normal;font-size:12px;font-weight:800;color:var(--ink-3);text-align:center}
.qc-row img,.qc-row u{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line);object-fit:contain;display:block}
.qc-n{display:flex;flex-direction:column;min-width:0;gap:1px}.qc-n b{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qc-n small{font-size:11.5px;color:var(--ink-3)}
.qc-v{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums}.qc-v b{font-size:13.5px;font-weight:700;color:var(--ink)}
.qc-v em{font-style:normal;font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--bg-2,var(--card-2));color:var(--ink-2)}
.qc-v em.up{background:rgba(239,68,68,.1);color:var(--up)}.qc-v em.dn{background:rgba(59,130,246,.1);color:var(--down)}
.qc-empty{margin:8px 0;font-size:12.5px;color:var(--ink-3)}
.qc-more{font:inherit;font-size:12.5px;font-weight:700;color:var(--ink-2);background:var(--bg-2,var(--card-2));border:0;border-radius:10px;padding:8px;margin-top:8px;cursor:pointer;width:100%}
.qc-more:hover{color:var(--ink);background:var(--card-2)}
.qc .qc-go,.qc > small,.qc ul{display:none}
@media(max-width:1100px){.qcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.qcards{grid-template-columns:1fr;gap:10px}}

/* 2026-10-29 네이버 금융식: 섹터별 시세 띠 · 항목 선택 · 쪽 번호 · 표 밀도 */
.secband{margin:0 0 16px;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:12px 16px 8px}
.sb-h{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.sb-h b{font-size:15px;font-weight:800}.sb-h small{font-size:11.5px;color:var(--ink-3)}
.sb-ls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.sb-ls a{display:grid;grid-template-columns:minmax(0,1.1fr) 70px 62px minmax(0,1fr);gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line-soft,var(--line));text-decoration:none;color:var(--ink);font-size:13px}
.sb-ls a.on .sb-n{color:var(--blue)}
.sb-n{display:flex;flex-direction:column;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-n small{font-weight:500;font-size:11px;color:var(--ink-3)}
.sb-bar{height:6px;background:var(--bg-2,var(--card-2));border-radius:3px;overflow:hidden}.sb-bar i{display:block;height:100%;background:var(--ink-3)}.sb-bar i.up{background:var(--up)}.sb-bar i.dn{background:var(--down)}
.sb-ls em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.sb-ls em.up,.sb-best b.up{color:var(--up)}.sb-ls em.dn,.sb-best b.dn{color:var(--down)}
.sb-best{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-best img{width:16px;height:16px;border-radius:50%;background:#fff;flex:none}.sb-best b{font-weight:700}
.colpick{position:relative;display:inline-block}.colpick>summary{list-style:none;cursor:pointer}.colpick>summary::-webkit-details-marker{display:none}
.colpick-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px -12px rgba(15,23,42,.35);padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;min-width:260px}
.colpick-pop label{font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.colpick-ft{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px;margin-top:4px}.colpick-ft .btn.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager{display:flex;align-items:center;justify-content:center;gap:4px;margin:14px 0 4px;flex-wrap:wrap}
.pager button{font:inherit;font-size:12.5px;min-width:30px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink-2);cursor:pointer}
.pager button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pager button:disabled{opacity:.4;cursor:default}
.pg-info{font-size:12px;color:var(--ink-3);margin-left:8px}
table.cmc thead th{background:var(--bg-2,var(--card-2));font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line)}
table.cmc tbody td{padding:7px 10px;font-size:13px}
table.cmc tbody tr:nth-child(even){background:color-mix(in srgb,var(--bg-2,var(--card-2)) 45%,transparent)}
table.cmc tbody tr:hover{background:var(--bg-2,var(--card-2))}
@media(max-width:1100px){.sb-ls{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sb-ls{grid-template-columns:1fr}.sb-ls a{grid-template-columns:minmax(0,1fr) 56px 56px}.sb-best{display:none}}
/* 2026-10-29: 항목 선택 버튼이 종목 수 글자와 겹치던 것 — 툴바 간격 */
.toolbar{gap:10px;align-items:center}.toolbar strong{margin-right:auto}.colpick{margin-right:4px}
/* 2026-10-29: '항목 선택' 버튼이 종목 수(.qcount)를 가리던 것 — 수를 버튼 왼쪽으로 */
.quick .qcount{padding-right:262px}

/* 2026-10-29 탐색 흐름 보완: 검색 → 조건 → 결과 → 비교. 순위 카드·섹터는 접이식 안, 적용 조건 칩은 읽히는 문장, 비교는 핵심 항목 먼저 */
#discover{margin:18px 0 0}#discover>summary small{font-size:12px;font-weight:500;color:var(--ink-3);margin-left:10px;flex:1}
#discover>.qcards{padding:16px 16px 0;margin:0}#discover>#secband{margin:14px 16px;padding:12px 16px 8px}#discover>#today-changes{margin:0}
.filter-chips{gap:6px;margin:6px 0 4px}.filter-chip{font:inherit;font-size:12px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-2);cursor:pointer}.filter-chip:hover,.filter-chip:focus-visible{border-color:var(--ink-3);color:var(--ink)}.filter-chip.all{border-style:dashed;color:var(--ink-3)}
.filters input[aria-invalid=true]{border-color:var(--down) !important;box-shadow:0 0 0 2px rgba(59,130,246,.12)}
#results .empty .empty-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}#results .empty p{margin:0}
#results table.cmc small.px-note{display:block;font-size:10.5px;color:var(--ink-3);font-weight:500;white-space:nowrap}#results table.cmc b.px.usd{color:var(--ink);font-weight:600}
#results table.cmc th[role=button]:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.qc-v b small{display:block;font-size:10px;color:var(--ink-3);font-weight:500}.qc-more{font-size:12px}
.cmp-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}#comparison .toolbar{margin-top:0;pointer-events:auto;justify-content:space-between}#comparison .toolbar strong{display:inline}
#comparison{scroll-margin-top:100px}@media(max-width:700px){#comparison{scroll-margin-top:124px}}
#comparison .cmp-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 6px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;background:var(--card)}#comparison .cmp-chip b{font-weight:700}#comparison .cmp-chip small{color:var(--ink-3);font-size:11px}#comparison .cmp-chip .coin-logo{width:22px;height:22px;flex:0 0 22px;font-size:8px}
#comparison .cmp-chip button{font:inherit;width:22px;height:22px;border:0;border-radius:50%;background:var(--bg-2,var(--card-2));color:var(--ink-2);cursor:pointer;line-height:1}#comparison .cmp-chip button:hover{background:var(--ink);color:#fff}
#compare-table th,#compare-table td{text-align:left;white-space:normal;min-width:160px;max-width:280px;vertical-align:top;padding:9px 12px;font-size:13px}#compare-table th:first-child,#compare-table td:first-child{min-width:130px;max-width:170px;color:var(--ink-3);font-size:12px;font-weight:600}
#compare-table td small{display:block;color:var(--ink-3);font-size:11px;line-height:1.35;margin-top:2px;font-weight:400}#compare-table tr.cmp-sec td{background:var(--bg-2,var(--card-2));padding:8px 12px}
body.cmp-visible .compare-dock{display:none}
#perf-fold{margin-top:16px}#comparison:not(.has-selection)~#perf-fold{display:none}#perf-fold>#performance{margin:0;border:0}
@media(max-width:760px){#results table.cmc td.nm{min-width:140px;max-width:180px}#results table.cmc td.nm a.coin-name{max-width:150px}#comparison{padding:14px}#compare-table th,#compare-table td{min-width:130px}}
/* 2026-10-29: 비교 앵커는 고정 메뉴(65px)+하위 메뉴(46px) 아래로 */
#comparison{scroll-margin-top:124px}