/* ══════════ 해외 시장 뉴스 위젯 (portal/kotranews.js · 2026-09-30) ═════════
   판 공통 규칙(board.css)은 자동 생성물이라 여기 따로 둔다(rival.css·subway.css 와 같은 방식).
   값의 주인 = _ClaudeWorkspace/talent/공공데이터/mockups/해외시장뉴스_시안_v1.html
   ⚠ 글자에 opacity 금지 — 색은 --wg-ink-1/2/3. 꼬리표 색은 의미색(의료=Main 계열 · 규제=노랑).
   ══════════════════════════════════════════════════════════════════════════ */
.w[data-k="kn"] .kn-rows{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;flex-wrap:wrap;
  align-content:flex-start;overflow:hidden}
.kn-row{flex:none;width:100%;display:flex;align-items:center;gap:7px;padding:6px 0;font-size:12.5px;
  min-width:0;white-space:nowrap;color:inherit;text-decoration:none}
.kn-row + .kn-row{border-top:1px solid rgba(255,255,255,.10)}
.kn-row .dt{flex:none;width:44px;color:var(--wg-ink-2);font-size:11.5px;font-variant-numeric:tabular-nums}
.kn-row .nt{flex:none;font-weight:600;color:var(--wg-ink-1);max-width:84px;overflow:hidden;text-overflow:ellipsis}
.kn-row .tt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--wg-ink-2)}
.kn-k{flex:none;font-style:normal;font-size:10.5px;font-weight:600;line-height:1;padding:3px 6px;border-radius:5px;
  background:rgba(0,164,235,.18);color:#6CCBF5}
.kn-k.bty{background:rgba(255,255,255,.10);color:var(--wg-ink-2)}
.kn-k.rg{background:rgba(224,162,39,.20);color:#F2C46B}
.kn-cap{margin:0 0 6px}
.kn-sum{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;color:var(--wg-ink-2)}
.kn-sum b{color:var(--wg-ink-1);font-weight:600;margin-left:3px;font-variant-numeric:tabular-nums}
.kn-none{font-size:12px;color:var(--wg-ink-3);padding:6px 0}
.kn-wrap{container-type:inline-size}
.kn-list .kn-row{white-space:normal;align-items:flex-start}
.kn-list .kn-row .tt{white-space:normal;color:var(--wg-ink-1)}
.kn-list .kn-row .tt small{display:block;font-size:11.5px;color:var(--wg-ink-3);margin-top:2px}
.kn-list .kn-row .dt{width:62px;padding-top:1px}
.kn-list .kn-k{margin-top:1px}
.kn-list a.kn-row:hover .tt{text-decoration:underline}
/* 폰 폭 펼침 판 — 날짜·국가·꼬리표 한 줄, 제목 그 아래 */
@container (max-width:460px){
  .kn-list .kn-row{flex-wrap:wrap;row-gap:3px}
  .kn-list .kn-row .dt{width:auto}
  .kn-list .kn-row .tt{flex-basis:100%}
}