/* news 화면 전용 스타일 — 2026-10-27 인라인에서 분리 */
.note{font-size:12.5px; color:var(--ink-3); margin:0 0 14px; line-height:1.55}
.tiles{margin:0 0 14px}
.tool{display:flex; flex-direction:column; gap:8px; margin:0 0 16px; padding:10px 12px; background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg)}
.tool .row{display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.tool .chips{padding:0}
.seg{display:inline-flex; border:1px solid var(--line-2); border-radius:var(--r); overflow:hidden}
.seg button{font-size:12px; font-weight:600; color:var(--ink-2); padding:5px 10px; border-right:1px solid var(--line-2); background:var(--card)}
.seg button:last-child{border-right:0} .seg button.on{background:var(--ink); color:#fff}
.q{margin-left:auto; display:flex; flex:1; min-width:160px; max-width:280px}
.q input{width:100%; padding:6px 10px; border:1px solid var(--line-2); border-radius:var(--r); font:inherit; font-size:13px}
.q input:focus{outline:none; border-color:var(--ink)}
.fchip{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; border:1px solid var(--ink); border-radius:999px; padding:3px 6px 3px 10px; background:var(--card)}
.fchip button{font-size:14px; line-height:1; color:var(--ink-3)} .fchip button:hover{color:var(--up)}
.two{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:16px; align-items:start}
.col{display:flex; flex-direction:column; gap:16px; min-width:0}
.pair{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px}
.panel > .bd{padding:2px 16px 12px}
.n{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 10px; padding:8px 0; border-bottom:1px solid var(--line-soft); align-items:start; min-width:0}
.n:last-child{border-bottom:0}
.n .t{font-size:13.5px; font-weight:600; line-height:1.45; word-break:keep-all; overflow-wrap:break-word}
.n:hover .t{color:var(--blue)}
.n .r{display:flex; gap:4px; align-items:center; padding-top:3px; white-space:nowrap}
.n .r small{font-size:11.5px; color:var(--ink-3); font-variant-numeric:tabular-nums}
.meta{font-size:11.5px; color:var(--ink-3); display:flex; gap:6px; align-items:center; flex-wrap:wrap; margin-top:2px}
.meta .pub{font-weight:700; color:var(--ink-2)}
.cat{font-size:10px; font-weight:800; padding:1px 5px; border-radius:3px; background:var(--card-2); color:var(--ink-2); white-space:nowrap}
.cat.regulator{background:var(--blue-soft); color:var(--blue)} .cat.exchange{background:var(--ok-soft); color:var(--ok)} .cat.research{background:var(--warn-soft); color:var(--warn)} .cat.flash{background:var(--up-soft); color:var(--up)}
.tp{font-size:10.5px; font-weight:600; color:var(--ink-3); border:1px solid var(--line); border-radius:3px; padding:0 4px; white-space:nowrap}
.ci{width:18px; height:18px; font-size:7px; border-radius:50%}
.coin-chip{display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700; border:1px solid var(--line-2); border-radius:999px; padding:1px 8px 1px 2px; background:var(--card); color:var(--ink)}
.coin-chip:hover{border-color:var(--blue); color:var(--blue)}
.coin-chip img{width:18px; height:18px; border-radius:50%; object-fit:cover}
.icons{display:inline-flex; gap:2px} .icons img, .icons .ci{width:18px; height:18px}
/* 속보·사건 묶음 */
.flash .n{grid-template-columns:52px minmax(0,1fr) auto}
.flash .when{font-size:11.5px; color:var(--ink-3); font-variant-numeric:tabular-nums; padding-top:3px}
.cl{display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; padding:9px 0; border-bottom:1px solid var(--line-soft)}
.cl:last-child{border-bottom:0}
.cl .nn{width:34px; height:34px; border-radius:var(--r); background:var(--blue-soft); color:var(--blue); display:grid; place-items:center; font-weight:800; font-size:13px; line-height:1}
.cl .nn small{font-size:9px; font-weight:600}
.cl .t{font-size:13.5px; font-weight:600; line-height:1.45} .cl:hover .t{color:var(--blue)}
.st{font-size:10px; font-weight:700; padding:0 5px; border-radius:3px; background:var(--card-2); color:var(--ink-3)}
.st.hot{background:var(--up-soft); color:var(--up)} .st.rising{background:var(--ok-soft); color:var(--ok)}
/* 종목 상태 */
.states{width:100%; border-collapse:collapse; font-size:12.5px}
.states td{padding:7px 0; border-bottom:1px solid var(--line-soft); vertical-align:middle}
.states tr:last-child td{border-bottom:0}
.states .lb{font-size:10.5px; font-weight:800; padding:2px 6px; border-radius:3px; white-space:nowrap}
.lb.halt{background:var(--warn-soft); color:var(--warn)} .lb.warn{background:var(--up-soft); color:var(--up)} .lb.bad{background:var(--up); color:#fff}
.states .ex{font-size:11px; color:var(--ink-3); white-space:nowrap}
.states .dt{font-size:11px; color:var(--ink-3); text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums}
.states a.lk2{font-size:11px; color:var(--ink-3); white-space:nowrap} .states a.lk2:hover{color:var(--blue)}
.scount{display:flex; gap:6px; flex-wrap:wrap; margin:6px 0 2px}
.scount span{font-size:11px; color:var(--ink-2); background:var(--card-2); border-radius:3px; padding:2px 7px}
/* 순위·주제·흐름·매체 */
.rank a{display:grid; grid-template-columns:18px 24px minmax(0,1fr) auto; gap:8px; align-items:center; padding:5px 0; border-bottom:1px solid var(--line-soft); font-size:13px}
.rank a:last-child{border-bottom:0} .rank a:hover b{color:var(--blue)}
.rank .i{font-size:11px; color:var(--ink-3); text-align:center} .rank .ci, .rank img{width:22px; height:22px; border-radius:50%; object-fit:cover}
.rank b{font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .rank b small{color:var(--ink-3); font-weight:500; margin-left:4px}
.rank .bar{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; color:var(--ink-2); font-variant-numeric:tabular-nums} .rank .bar i{display:block; height:6px; background:var(--ink); border-radius:3px}
.topics div{display:grid; grid-template-columns:72px minmax(0,1fr) 36px; gap:8px; align-items:center; font-size:12px; padding:3px 0}
.topics i{display:block; height:7px; background:var(--blue); border-radius:3px; opacity:.85} .topics span:last-child{text-align:right; color:var(--ink-3); font-variant-numeric:tabular-nums}
.hist{display:flex; align-items:flex-end; gap:2px; height:52px; margin-top:6px} .hist i{flex:1; background:var(--line-2); border-radius:2px 2px 0 0; min-width:2px} .hist i.now{background:var(--ink)}
.hist-x{display:flex; justify-content:space-between; font-size:11px; color:var(--ink-3); margin-top:4px}
.srcs{display:flex; flex-wrap:wrap; gap:5px} .srcs button{font-size:11.5px; font-weight:600; border:1px solid var(--line); border-radius:var(--r); padding:3px 8px; background:var(--card); color:var(--ink-2)}
.srcs button small{color:var(--ink-3); margin-left:4px; font-weight:500} .srcs button:hover, .srcs button.on{border-color:var(--blue); color:var(--blue)} .srcs button.on{background:var(--blue-soft)}
/* 매체 기사 두 단 */
.press{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 20px}
.press h5{margin:6px 0 2px; font-size:12px; color:var(--ink-3); font-weight:700}
.outlet{display:flex; align-items:baseline; gap:8px; margin-top:10px; padding-bottom:4px; border-bottom:2px solid var(--ink)} .outlet b{font-size:13px} .outlet small{color:var(--ink-3); font-size:11.5px} .outlet a{margin-left:auto; font-size:11.5px; color:var(--ink-2)} .outlet a:hover{color:var(--blue)}
/* 리서치 카드 */
.rgrid{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px}
.rcard{border:1px solid var(--line); border-radius:var(--r); padding:10px 12px; min-width:0; background:var(--card-2); display:flex; flex-direction:column; gap:6px}
.rcard:hover{border-color:var(--blue)} .rcard .k{font-size:11px; color:var(--ink-3); display:flex; gap:6px} .rcard .k em{font-style:normal; font-weight:700; color:var(--ink-2)}
.rcard .t{font-size:13px; font-weight:700; line-height:1.4; word-break:keep-all} .rcard small{margin-top:auto; font-size:11px; color:var(--ink-3)}
/* 필터 결과 */
.day h5{margin:14px 0 2px; font-size:12px; color:var(--ink-3); font-weight:700} .day:first-child h5{margin-top:4px}
.more{width:100%; margin-top:10px; padding:8px; border:1px solid var(--line-2); border-radius:var(--r); background:var(--card); font:inherit; font-size:12.5px; font-weight:600; color:var(--ink-2)}
.foot{font-size:11.5px; color:var(--ink-3); margin-top:18px; line-height:1.6}
.err{color:var(--up)}
@media (max-width:1000px){ .two, .pair, .press{grid-template-columns:minmax(0,1fr)} .rgrid{grid-template-columns:repeat(2, minmax(0,1fr))} nav.gnb a:not(.on){display:none} .q{max-width:none} }
.n .imp{display:inline-block; margin-left:6px; font-size:10.5px; font-weight:700; padding:1px 6px; border-radius:4px; background:var(--card-2); color:var(--ink-3); vertical-align:middle} .n .imp.up{background:var(--up-soft); color:var(--up)} .n .imp.down{background:var(--down-soft); color:var(--down)}

/* 2026-10-29 1면 — 속보 띠 · 대표 기사 · 최신 목록 · 시세차이 · 분야별 패널 */
#tiles,.note{display:none}
#front{margin:0 0 16px}
.nf-flash{display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);margin:0 0 14px;position:relative;flex-wrap:wrap}
.nf-fl{font-size:12.5px;font-weight:800;color:var(--up);flex:none}
.nf-flash > a{font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.nf-flash > small{color:var(--ink-3);font-size:12px;white-space:nowrap}
.nf-fx{font:inherit;font-size:12px;border:1px solid var(--line);border-radius:6px;background:var(--card);padding:2px 8px;cursor:pointer;color:var(--ink-2)}
.nf-fls{flex-basis:100%;display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px dashed var(--line);margin-top:4px}
.nf-fls a{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink);text-decoration:none}.nf-fls a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nf-fls a small{color:var(--ink-3);white-space:nowrap}
.nf-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}
.nf-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);overflow:hidden}
.nf-hero{padding:16px;border-right:1px solid var(--line);min-width:0}
.nf-feat{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;text-decoration:none;color:var(--ink);align-items:start}
.nf-feat .nf-ft b{display:block;font-size:19px;line-height:1.4;font-weight:800;letter-spacing:-.01em;word-break:keep-all}
.nf-feat .nf-ft p{margin:8px 0 0;font-size:13px;color:var(--ink-2);line-height:1.55}
.nf-feat .nf-ft small{display:block;margin-top:8px;font-size:12px;color:var(--ink-3)}
.nf-fi{width:280px;height:190px;object-fit:cover;border-radius:10px;background:var(--bg-2,var(--card-2))}
.nf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.nf-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);min-width:0}
.nf-card .nf-th{width:100%;height:110px;border-radius:8px;object-fit:cover;background:var(--bg-2,var(--card-2));display:block}
.nf-card b{font-size:13.5px;line-height:1.4;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.nf-card small,.nf-li small,.nf-ci small{font-size:11.5px;color:var(--ink-3)}
.nf-list{padding:10px 16px 8px;display:flex;flex-direction:column;min-width:0}
.nf-li{display:flex;flex-direction:column;gap:3px;padding:9px 0;border-bottom:1px solid var(--line-soft,var(--line));text-decoration:none;color:var(--ink)}
.nf-li b{font-size:13.5px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.nf-page{display:flex;flex-direction:column}
.nf-pg{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding-top:8px;margin-top:auto}
.nf-pn{font-size:12px;color:var(--ink-3);margin-right:4px}
.nf-pg button{font:inherit;width:26px;height:26px;border:1px solid var(--line);border-radius:6px;background:var(--card);cursor:pointer;color:var(--ink-2)}
.nf-pg button:disabled{opacity:.35;cursor:default}
.nf-aside{display:flex;flex-direction:column;gap:14px}
.nf-side{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:14px 16px}
.nf-sh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.nf-sh b{font-size:14.5px;font-weight:800}.nf-sh a{font-size:12px;color:var(--blue);text-decoration:none}
.nf-kh{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-3);padding:4px 0 6px;border-bottom:1px solid var(--line)}
.nf-kr{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft,var(--line));text-decoration:none;color:var(--ink)}
.nf-kr span{display:flex;flex-direction:column;gap:1px}.nf-kr span:last-child{align-items:flex-end;font-variant-numeric:tabular-nums}
.nf-kr b{font-size:13.5px;font-weight:700}.nf-kr small{font-size:11.5px;color:var(--ink-3)}
.nf-kr .up b,.nf-kr .up small{color:var(--up)}.nf-kr .dn b,.nf-kr .dn small{color:var(--down)}
.nf-kn{display:block;font-size:11px;color:var(--ink-3);margin-top:8px}
.nf-st{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line-soft,var(--line));font-size:13px;text-decoration:none;color:var(--ink)}.nf-st small{color:var(--ink-3);white-space:nowrap}
.nf-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.nf-cp{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:14px 16px;min-width:0}
.nf-cph{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.nf-cph b{font-size:15px;font-weight:800}.nf-cph a{font-size:12px;color:var(--blue);text-decoration:none}
.nf-cl .nf-page{display:flex;flex-direction:column}
.nf-ci{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft,var(--line));text-decoration:none;color:var(--ink)}
.nf-ci > span{display:flex;flex-direction:column;gap:3px;min-width:0}
.nf-ci b{font-size:13.5px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.nf-ci .nf-th{width:92px;height:60px;border-radius:8px;object-fit:cover;background:var(--bg-2,var(--card-2));display:block}
.nf-th-logo{display:flex !important;align-items:center;justify-content:center}.nf-th-logo img{width:30px;height:30px;border-radius:50%;background:#fff}
@media(max-width:1100px){.nf-grid{grid-template-columns:1fr}.nf-aside{flex-direction:row;flex-wrap:wrap}.nf-aside .nf-side{flex:1 1 260px}}
@media(max-width:860px){.nf-main{grid-template-columns:1fr}.nf-hero{border-right:0;border-bottom:1px solid var(--line)}.nf-feat{grid-template-columns:1fr}.nf-fi{width:100%;height:200px;order:-1}.nf-cards{grid-template-columns:1fr 1fr}.nf-cats{grid-template-columns:1fr}}

/* 2026-10-29: 1면(#front)이 있을 때 옛 '지금 가장 큰 뉴스' 블록(news-top.js)은 숨김 — 대표 기사가 두 번 나오던 것 */
body:has(#front:not([hidden])) #news-top{display:none}
.nf-fls[hidden],.nf-page[hidden]{display:none !important}