/* 실시간 이슈 — 홈과 마켓이 같이 써요 (user 2026-10-15: 마켓에서도 보게) */
.iss{border:1px solid var(--line);border-radius:12px;padding:6px 12px 4px;margin:12px 0}
.iss .pulse{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent);margin:0 3px 0 2px}.iss .pulse::after{content:'';position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:issPulse 2s ease-out infinite}@keyframes issPulse{from{transform:scale(1);opacity:.55}to{transform:scale(2.8);opacity:0}}@media (prefers-reduced-motion:reduce){.iss .pulse::after{animation:none}}
.iss .hd{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--accent);padding:6px 0}
.iss .row{display:flex;gap:10px;align-items:flex-start;padding:8px 2px;border-top:1px solid var(--line)}
.iss .rk{width:18px;font-weight:700;flex:none}.iss .tt{flex:1;min-width:0}.iss .tt a{color:var(--text);text-decoration:none}.iss .tt a:hover{color:var(--accent)}
.iss .meta{font-size:12px;color:var(--faint);margin-top:2px}.iss .mv{flex:none;font-size:12px;font-weight:700}
.iss .tg{display:inline-block;font-size:11.5px;font-weight:700;border-radius:6px;padding:1px 7px;margin-left:6px;vertical-align:1px;white-space:nowrap}
.iss .tg.good{background:rgba(224,49,49,.15);color:var(--up)}.iss .tg.bad{background:rgba(28,126,214,.16);color:var(--down)}.iss .tg.flat{background:var(--chip);color:var(--sub)}
.iss .mv.up,.iss .mv.new{color:var(--up)}.iss .mv.down{color:var(--down)}.iss .mv.same{color:var(--faint)}
.iss .row.first{border:1px solid rgba(116,143,252,.4);border-radius:12px;background:linear-gradient(135deg,rgba(116,143,252,.16),rgba(116,143,252,.03) 70%);padding:12px 12px 11px;margin:2px 0 8px;align-items:center}.iss .row.first+.row{border-top:0}
.iss .row.first .rk{width:26px;height:26px;border-radius:8px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13.5px}
.iss .row.first .tt a{font-size:15.5px;font-weight:700;line-height:1.4}
.iss .isum{font-size:14px;font-weight:700;line-height:1.45;color:var(--text)}.iss .row.first .isum{font-size:15px}
.iart-btn{margin-left:8px;padding:0 8px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--sub);font:inherit;font-size:11px;font-weight:700;line-height:18px;cursor:pointer;vertical-align:1px}
.iart-btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.iart{display:grid;gap:5px;margin-top:6px;padding:7px 9px;border-radius:9px;background:var(--chip)}
.iart[hidden]{display:none}
.iss .row{padding:6px 2px}.iss .row.first{padding:10px 11px 9px;margin:2px 0 6px}
.iss .iwhy{margin-top:1px;font-size:12px;line-height:1.45}
.iss .tt .tg{margin-top:3px}
.iar{display:grid;gap:1px;font-size:13px;line-height:1.45}.iss .tt .iar a,.iss .row.first .tt .iar a{color:var(--text);text-decoration:none;font-size:13px;font-weight:500;line-height:1.45}.iar a:hover{color:var(--accent);text-decoration:underline}
.iap{font-size:11px;color:var(--faint)}.iss .top-lbl{font-size:11.5px;font-weight:700;color:var(--accent);letter-spacing:.2px;margin-bottom:3px}
.iss-bar{margin:-6px 0 14px}
/* 시안 B: 짧은 제목 + ▲/▼ 업종 칩 */
.isum.short{font-size:15.5px;font-weight:800;letter-spacing:-.2px}
.imv{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px}
.imv .ip{position:relative;display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--line);cursor:default;white-space:nowrap}
.imv .ip.up{color:var(--up);border-color:color-mix(in srgb,var(--up) 35%,var(--line));background:color-mix(in srgb,var(--up) 8%,transparent)}
.imv .ip.down{color:var(--down);border-color:color-mix(in srgb,var(--down) 35%,var(--line));background:color-mix(in srgb,var(--down) 8%,transparent)}
.imv .ip.ntg{cursor:pointer}
/* 실시간 이슈 테두리 (user 2026-10-12 시안 3번 색, 빛 스윕은 뺌): 하늘 → 파랑 → 보라 */
.iss-bar .iss{margin:0;border:1px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,#22b8cf,#4c6ef5 40%,#7950f2) border-box}
.iss-tk .tk{min-height:44px;padding:0 12px}
.iss-tk{padding:0;overflow:hidden}
.iss-tk .tk{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:var(--text);font:inherit;padding:10px 12px;cursor:pointer;text-align:left}
.iss-tk .tk:hover .tk-t{color:var(--accent)}
.tk-l{flex:none;font-size:13px;font-weight:700;color:var(--accent)}
.tk-r{flex:none;min-width:16px;text-align:center;font-size:13px;font-weight:800;color:var(--accent)}
.tk-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700}
.tk-t,.tk-g,.tk-r{transition:opacity .25s,transform .25s}.iss-tk.swap .tk-t,.iss-tk.swap .tk-g,.iss-tk.swap .tk-r{opacity:0;transform:translateY(-5px)}
.tk-g{flex:none;display:flex}.tk-g .tg{margin-left:0}
.tk-at{flex:none;font-size:11.5px;color:var(--faint)}
.tk-c{flex:none;width:16px;height:16px;color:var(--faint)}
.iss-fold{margin-left:8px;display:inline-flex;align-items:center;gap:3px;min-height:32px;padding:0 10px 0 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--sub);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.iss-fold:hover{color:var(--text);border-color:color-mix(in srgb,var(--g1) 45%,var(--line))}.iss-fold .tk-c{transform:rotate(180deg)}
.iss-list{position:relative;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--g1) 40%,transparent) transparent;margin:0 -4px;padding:0 4px}
.iss-op{position:relative}.iss-shade{position:absolute;left:1px;right:1px;bottom:1px;height:30px;border-radius:0 0 11px 11px;pointer-events:none;opacity:0;transition:opacity .2s;
  background:linear-gradient(transparent,var(--card))}.iss-op.more-below .iss-shade{opacity:1}
.iss-list::-webkit-scrollbar{width:5px}.iss-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--g1) 40%,transparent);border-radius:9px}
.iss-in{animation:issIn .4s ease both}@keyframes issIn{from{opacity:0}to{opacity:1}}
@media (max-width:640px){.tk-at{display:none}}
@media (max-width:420px){.tk-l{display:none}}
@media (prefers-reduced-motion:reduce){.tk-t,.tk-g,.tk-r{transition:none}}
.iss .more{display:block;width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--sub);font:inherit;font-size:13.5px;padding:10px 0;cursor:pointer}
.tg.mvd{background:rgba(245,159,0,.16);color:#e67700;font-weight:700}
.bpop::before{content:'';position:absolute;left:0;right:0;top:-10px;height:10px}
.bpop{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:max-content;min-width:240px;max-width:min(340px,calc(100vw - 32px));background:var(--card);color:var(--text);
  border:1px solid var(--line);border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px rgba(0,0,0,.18);font-size:12.5px;cursor:default}
@media (hover:hover){.bc:hover .bpop{display:grid;gap:5px}}@media (hover:none){.bc.open .bpop{display:grid;gap:5px}}
.bpt{font-weight:700;font-size:13.5px}
.bsort{display:flex;gap:4px}.bsort button{border:1px solid var(--line);background:transparent;color:var(--sub);font:inherit;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:6px;cursor:pointer}
.bsort button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}.bpg{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11.5px;color:var(--sub)}.bpg[hidden]{display:none}
.bpg button{border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:14px;line-height:1;width:24px;height:22px;border-radius:6px;cursor:pointer}.bpg button:disabled{opacity:.3;cursor:default}
.bmore{border:0;background:transparent;color:var(--accent);font:inherit;font-size:11.5px;font-weight:600;padding:0;cursor:pointer;text-align:left}.bmore[hidden]{display:none}
.bpl em.lead{font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--accent);border-radius:4px;padding:0 4px;margin-left:5px;vertical-align:1px}
.bpl small{color:var(--faint);font-size:10.5px}.bpd{font-size:12.5px}.bpd span{color:var(--sub)}.bps{color:var(--sub);font-size:11.5px}
.bpn{color:var(--accent);text-decoration:none;line-height:1.4}
.bpop.rt{left:auto;right:0}
.ntg{position:relative;cursor:pointer}.ntg .bpop{font-weight:400;color:var(--text);white-space:normal;text-align:left}
@media (hover:hover){.ntg:hover .bpop{display:grid;gap:5px}}@media (hover:none){.ntg.open .bpop{display:grid;gap:5px}}
.tpl{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:6px;font-variant-numeric:tabular-nums}
.tpl div{display:flex;justify-content:space-between;gap:10px}.tpl b{flex:none}
.bpl{display:grid;gap:2px;max-height:260px;overflow-y:auto;overflow-x:hidden;border-top:1px solid var(--line);padding-top:6px;font-variant-numeric:tabular-nums}
.bpl:empty{display:none}
.bpl div{display:flex;justify-content:space-between;gap:10px;min-width:0}.bpl span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpl b{flex:none}
@media (max-width:560px){.bpop{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto}}
/* 기사 제목이 주인공 (user 2026-10-15: '제목이 더 눈에 띄어야 하는데 종목이 너무 눈에 끌려'):
   제목은 크고 굵게, 관련 종목은 작고 조용한 한 줄(로고·이름 + 테두리만 있는 작은 렌즈 버튼) */
.iss .row.first .tt a,.iss .row.first .isum{font-size:17px;font-weight:800;line-height:1.4;letter-spacing:-.01em}
.iss .tt>a,.iss .isum{font-size:15.5px;font-weight:800;line-height:1.42}
.iss-stk{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:6px}
.iss-stk .iss-stk-t{font-size:11px;color:var(--faint);margin-right:2px}
.iss-stk .lz-chip{gap:4px;padding:1px 2px 1px 3px;border-color:color-mix(in srgb,var(--line) 70%,transparent);background:transparent;box-shadow:none}
.iss-stk .lz-chip:hover{box-shadow:none}
.iss-stk .lz-nm{font-size:11.5px;font-weight:600;color:var(--sub);gap:4px}
.iss-stk .lz-lg{width:15px;height:15px}
.iss-stk .lens-btn,.iss-stk .lens-btn.sm,.iss-stk .lens-btn.on{min-width:0;padding:2px 7px 2px 5px;font-size:10.5px;font-weight:700;gap:3px;background:transparent;color:var(--faint);
  border:1px solid color-mix(in srgb,var(--line) 80%,transparent);box-shadow:none}
.iss-stk .lens-btn.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.iss-stk .lens-btn svg{width:11px;height:11px}
.iart-btn{white-space:nowrap;flex:none}

/* 급상승 (user 2026-10-16, 토스처럼): 3계단 이상 오른 이야기 */
.iss .mv.hot{color:#ff6b3d;font-size:11px;background:rgba(255,107,61,.12);border-radius:6px;padding:1px 6px}

/* 태그 미니 팝업: 국내·미국 대표만, 나머지는 '모든 종목 보기' (user 2026-10-16) */
.bpop .tpg+.tpg{margin-top:6px}
.bpop .tpk{font-size:10.5px;font-weight:700;color:var(--faint);letter-spacing:.02em;margin:2px 0 1px}
.bpop .tpx{display:none!important}.bpop.all .tpx{display:flex!important}
.bpop .tpm{display:block;margin-top:6px;border:0;background:transparent;color:var(--accent);font:inherit;font-size:11.5px;font-weight:700;padding:2px 0;cursor:pointer}
.bpop .tpm:hover{text-decoration:underline}