/* 저녁판 화면 (2026-10-08) — 색·글꼴은 dashboard.css의 변수만 쓴다(--amber, --ink, --dim, --rule, --panel, --bar, --key, --black,
   --f-text, --f-mono). 새 색 값도 새 변수도 두지 않는다.
   선택자는 모두 #evening-wrap 또는 .eve-로 시작한다 — 다른 화면의 모양을 건드리지 않는다.
   단말기 문법 그대로: 검정 바탕, 얇은 테두리 상자, 호박색 숫자, 노란 키. 넓은 표 대신 줄이 접히는 목록이라 좁은 화면(폭 375px)에서도
   가로로 넘치지 않게 했다. 가로로 미는 것은 지난 판 줄 하나뿐이고 그 안에서만 민다.
   움직임은 판이 그려질 때 숫자가 한 번 깜박이는 것 하나다(.eve-fresh — evening.js가 calm()이 아닐 때만 붙인다).
   머리의 '움직임'을 끄면 dashboard.css의 규칙이 이것도 함께 끈다. */
#evening-wrap { min-width: 0; }
.eve-body > * { margin: 0 0 18px; }
.eve-alerts:empty { display: none; }
.eve-alerts .banner, .eve-info { font-size: 13px; overflow-wrap: anywhere; }
.eve-info { margin: 0 0 12px; padding: 7px 12px; background: var(--panel); color: var(--ink); border: 1px solid var(--rule); border-left: 4px solid var(--key); }
.eve-alerts a { white-space: nowrap; }

/* ── 판 머리 ── */
.eve-head { overflow: visible; }
.eve-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 10px; padding: 4px 10px; background: var(--bar); }
.eve-bar h2 { font-size: 14px; color: var(--amber); }
.eve-badges { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.eve-badge { display: inline-block; padding: 0 7px; font: 600 11.5px/1.7 var(--f-text); color: var(--dim); box-shadow: inset 0 0 0 1px var(--rule); white-space: nowrap; }
.eve-pilot { background: var(--key); color: var(--black); box-shadow: none; }
.eve-head-body { display: grid; gap: 3px; padding: 8px 12px 10px; font-size: 13px; color: var(--dim); }
.eve-head-body p { margin: 0; overflow-wrap: anywhere; }
.eve-head-body time { font: 500 12.5px var(--f-mono); color: var(--ink); }
.eve-head-body strong { font-weight: 500; color: var(--ink); }
.eve-funnel { color: var(--ink); }
.eve-head-body .eve-funnel strong { font: 600 17px var(--f-mono); color: var(--amber); font-variant-numeric: tabular-nums; }
.eve-funnel small { font-size: 12px; }
.eve-rates { display: flex; flex-wrap: wrap; gap: 2px 18px; color: var(--ink); }
.eve-head-body .eve-rate strong { font: 600 14.5px var(--f-mono); color: var(--amber); font-variant-numeric: tabular-nums; }
.eve-rate small, .eve-dir small { font: 400 11.5px var(--f-mono); }
.eve-dir { color: var(--key); }
.eve-notes { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 4px 0 0; padding: 0; list-style: none; }
.eve-notes li { padding: 0 7px; border: 1px dashed var(--dim); font-size: 12px; overflow-wrap: anywhere; }

/* ── 지난 판 넘기기 ── */
.eve-editions { display: flex; gap: 6px; padding: 0 0 4px; overflow-x: auto; scrollbar-width: thin; }
.eve-editions a { flex: 0 0 auto; display: inline-flex; align-items: baseline; gap: 4px; padding: 2px 9px; text-decoration: none; white-space: nowrap;
  background: var(--panel); color: var(--ink); border: 1px solid var(--rule); font: 500 12.5px var(--f-mono); }
.eve-editions a small { font: 400 11px var(--f-text); color: var(--dim); }
.eve-editions a:hover { border-color: var(--amber); }
.eve-editions a[aria-current="page"] { color: var(--key); border-color: var(--key); }
.eve-editions a:focus-visible { outline-offset: -3px; }

/* ── 꼭 볼 것 ── 카드는 건수에 따라 폭을 나눠 갖고(1건이면 한 줄을 다 쓴다), 카드 안의 세 토막(주제 · 원문 링크 · 함께 나온 낱말과 고른 이유)은
   폭이 넉넉하면 나란히 선다. 단 나누기는 화면 폭이 아니라 카드 폭을 따른다 — 세 장이 나란하거나 화면이 좁으면 한 단으로 쌓이고,
   그때 순서는 주제 → 원문 링크 → 낱말이다(누를 링크가 긴 낱말 표 아래로 밀리지 않게) */
.eve-note { margin: 0 0 8px; font-size: 12px; color: var(--dim); }
.eve-must { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.eve-must > li { display: flex; min-width: 0; }
.eve-item { flex: 1; min-width: 0; padding: 0 12px 10px; border: 1px solid var(--rule); background: var(--panel); }
.eve-item-head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 -12px 8px; padding: 4px 10px; background: var(--bar); }
.eve-rank { min-width: 20px; padding: 0 5px; text-align: center; background: var(--key); color: var(--black); font: 600 12.5px/1.6 var(--f-mono); }
.eve-cell { font: 500 12px var(--f-text); color: var(--dim); white-space: nowrap; }
.eve-hold { border-bottom: 1px dashed var(--dim); }
.eve-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 0 28px; }
.eve-cols > div { min-width: 0; }
.eve-terms { margin: 0 0 6px; font-size: 15px; font-weight: 500; line-height: 1.4; color: var(--ink); overflow-wrap: anywhere; }
.eve-terms strong { font-size: 19px; font-weight: 600; color: var(--amber); }
.eve-terms small { font-size: 12px; font-weight: 400; color: var(--dim); }
.eve-lede { margin: 0 0 8px; font-size: 13.5px; line-height: 1.55; color: var(--ink); }
.eve-note, .eve-lede, .eve-def, .eve-prev, .eve-defs dd { word-break: keep-all; overflow-wrap: anywhere; }
.eve-lede strong { font-weight: 600; color: var(--key); }
.eve-lede small { display: block; font-size: 12px; }
.eve-when { font: 500 12.5px var(--f-mono); color: var(--amber); font-variant-numeric: tabular-nums; }
/* AI 요약(2026-10-09) — 규칙이 낸 낱말·숫자와 섞여 보이지 않게 호박색 띠와 표시를 붙인다. 문장은 본문 글꼴로, 낱말 칩보다 크게 읽힌다.
   표시와 '틀릴 수 있습니다'가 문장보다 먼저 온다. 나머지 줄(.eve-ai-row)에서는 낱말 줄 아래에 한 단계 작게 */
.eve-ai { margin: 0 0 8px; padding: 6px 10px 7px; border: 1px solid var(--rule); border-left: 3px solid var(--amber); background: var(--black); font-size: 12px; line-height: 1.5; color: var(--dim); word-break: keep-all; overflow-wrap: anywhere; }
.eve-ai-tag { display: inline-block; margin-right: 4px; padding: 0 6px; background: var(--amber); color: var(--black); font: 600 11.5px/1.6 var(--f-text); white-space: nowrap; }
.eve-ai small { font-size: 11.5px; }
.eve-ai-text { display: block; margin: 5px 0 3px; font: 400 14.5px/1.65 var(--f-text); color: var(--ink); }
.eve-ai-row { flex: 1 1 100%; min-width: 0; margin: 3px 0 4px; padding: 4px 9px 5px; }
.eve-ai-row .eve-ai-text { margin: 3px 0 2px; font-size: 13px; line-height: 1.6; }
.eve-def { margin: 0 0 8px; padding: 5px 9px; border-left: 3px solid var(--key); background: var(--black); font-size: 12.5px; line-height: 1.55; color: var(--ink); }
.eve-def strong { margin-right: 4px; font-weight: 600; color: var(--key); }
.eve-def a, .eve-defs a { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; font-size: 12px; }
.eve-prev { margin: 0 0 8px; padding: 2px 9px; border: 1px dashed var(--dim); font-size: 12px; color: var(--ink); }
.eve-prev small { font-size: 12px; }
.eve-cap { margin: 0 0 4px; font: 600 12px var(--f-text); color: var(--key); }
.eve-cap small { font-size: 11.5px; font-weight: 400; }
/* 함께 나온 낱말 — 16개까지라 폭이 되면 두 줄로 나눠 선다. 좁은 화면에서는 막대를 감추고 낱말 · 숫자만 줄지어 놓는다(아래 720px) */
.eve-words ol { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr)); gap: 0 14px; margin: 0 0 8px; padding: 0; list-style: none; }
.eve-words li { display: grid; grid-template-columns: minmax(0, 1fr) auto 38px; align-items: center; gap: 0 8px; padding: 3px 2px; border-bottom: 1px solid var(--rule); font-size: 13px; }
.eve-w { min-width: 0; color: var(--ink); overflow-wrap: anywhere; }
.eve-pips { display: flex; gap: 2px; }
.eve-pip { width: 7px; height: 11px; background: var(--amber); }
.eve-n { text-align: right; font-size: 11.5px; color: var(--dim); white-space: nowrap; }
.eve-n strong { font: 600 14px var(--f-mono); color: var(--amber); font-variant-numeric: tabular-nums; }
.eve-nums { display: grid; gap: 1px; margin: 0 0 8px; padding: 0; list-style: none; background: var(--rule); border: 1px solid var(--rule); }
.eve-nums li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; padding: 4px 9px; background: var(--black); font-size: 12.5px; color: var(--dim); }
.eve-nums li span { flex: 1 1 auto; color: var(--ink); overflow-wrap: anywhere; }
.eve-nums strong { font: 600 16px var(--f-mono); color: var(--amber); font-variant-numeric: tabular-nums; }
.eve-nums small { font: 400 11px var(--f-mono); }
.eve-why { display: flex; flex-wrap: wrap; gap: 4px 6px; margin: 0 0 10px; padding: 0; list-style: none; }
.eve-why li { padding: 0 7px; font: 500 11.5px/1.7 var(--f-text); color: var(--ink); box-shadow: inset 0 0 0 1px var(--rule); }
/* 출처 줄 — 첫 줄에 채널 · 시각 · 꼬리표(길이 · 붙은 것 · 전달), 둘째 줄에 이 글에만 더 있는 낱말. 좁으면 꼬리표가 다음 줄로 넘어간다 */
.eve-links { margin: 0 0 8px; padding: 0; list-style: none; border: 1px solid var(--rule); background: var(--black); font-size: 13px; }
.eve-links li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; min-width: 0; padding: 5px 9px; border-bottom: 1px solid var(--rule); overflow-wrap: anywhere; }
.eve-links li:last-child { border-bottom: 0; }
.eve-links time, .eve-rows time { font: 400 11.5px var(--f-mono); color: var(--dim); white-space: nowrap; }
.eve-tag { padding: 0 5px; font-size: 11px; line-height: 1.6; color: var(--dim); box-shadow: inset 0 0 0 1px var(--rule); white-space: nowrap; }
.eve-fwd { box-shadow: inset 0 0 0 1px var(--dim); }
.eve-more { flex: 1 1 100%; min-width: 0; font-size: 12px; color: var(--dim); }
.eve-more b { font-weight: 500; color: var(--ink); }
.eve-score, .eve-gloss { margin: 8px 0 0; padding-top: 6px; border-top: 1px solid var(--rule); font-size: 12px; color: var(--dim); overflow-wrap: anywhere; }
.eve-score summary, .eve-gloss summary { cursor: pointer; }
.eve-score summary strong, .eve-gloss summary strong { font: 600 13px var(--f-mono); color: var(--amber); }
/* 낱말 풀이 — 낱말(노란 키 색) 아래에 우리가 쓴 한 줄과 공식 자료 링크 */
.eve-defs { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); gap: 1px; margin: 6px 0 0; background: var(--rule); border: 1px solid var(--rule); }
.eve-defs div { min-width: 0; padding: 4px 9px; background: var(--black); }
.eve-defs dt { font: 600 12.5px var(--f-text); color: var(--key); }
.eve-defs dd { margin: 0; font-size: 12.5px; line-height: 1.55; color: var(--ink); }
.eve-fold > .eve-defs { margin: 0; border: 0; }
.eve-score dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 1px; margin: 6px 0; background: var(--rule); border: 1px solid var(--rule); }
.eve-score dl div { padding: 3px 8px; background: var(--black); }
.eve-score dt { font-size: 11px; }
.eve-score dd { margin: 0; font: 500 13px var(--f-mono); color: var(--ink); }
.eve-score p { margin: 0; }

/* ── 줄 목록: 내일 볼 것 · 나머지 · 채권 단독 · 속보형·개인 단독 · 참고 ── */
.eve-rows { margin: 0; padding: 0; list-style: none; }
.eve-boxed { border: 1px solid var(--rule); background: var(--panel); }
.eve-rows li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px; min-width: 0; padding: 5px 10px; border-bottom: 1px solid var(--rule); font-size: 13px; }
.eve-rows li:last-child { border-bottom: 0; }
.eve-main { flex: 1 1 220px; min-width: 0; overflow-wrap: anywhere; }
.eve-main, .eve-sub, .eve-row-links, .eve-w, .eve-more { word-break: keep-all; }      /* 낱말 한가운데서 줄이 갈리지 않게(긴 토막은 overflow-wrap이 받는다) */
.eve-main strong { font-weight: 500; color: var(--ink); }
.eve-main small { font-size: 12px; }
.eve-v { font-size: 12.5px; color: var(--dim); }
.eve-v strong, .eve-side .eve-main strong { font: 500 13.5px var(--f-mono); color: var(--amber); font-variant-numeric: tabular-nums; }
.eve-side .eve-main b { font-weight: 500; color: var(--ink); }
.eve-meta { font-size: 12px; color: var(--dim); }
/* 줄의 둘째·셋째 줄: 낱말 한 줄(흐리게) → 출처들. 위계는 주제 > 수 > 덧낱말 */
.eve-sub { flex: 1 1 100%; min-width: 0; font-size: 12px; color: var(--dim); overflow-wrap: anywhere; }
.eve-row-links { flex: 1 1 100%; display: flex; flex-wrap: wrap; gap: 1px 18px; min-width: 0; font-size: 12.5px; overflow-wrap: anywhere; }
.eve-src { min-width: 0; }
.eve-src small { font-size: 11.5px; }
.eve-fold { margin: 0 0 6px; border: 1px solid var(--rule); background: var(--panel); }
.eve-fold > summary { padding: 5px 10px; cursor: pointer; background: var(--bar); font-size: 13px; color: var(--dim); overflow-wrap: anywhere; }
.eve-fold > summary strong { font-weight: 600; color: var(--key); }
.eve-fold > summary small { margin-left: 10px; }
.eve-fold > summary:focus-visible { outline-offset: -2px; }
.eve-side { margin: 0 0 10px; }
.eve-side h3 { margin: 0 0 6px; padding-bottom: 4px; border-bottom: 1px solid var(--rule); font-size: 13.5px; color: var(--key); }
.eve-side-ch { margin: 0 0 6px; border: 1px solid var(--rule); background: var(--panel); }
.eve-side-ch > p { margin: 0; padding: 4px 10px; background: var(--bar); font-size: 13px; color: var(--ink); overflow-wrap: anywhere; }
.eve-side-ch > p small { font-size: 11.5px; }
.eve-quiet { margin: 4px 0 0; font-size: 12px; color: var(--dim); overflow-wrap: anywhere; }

/* ── 출처와 수집 방식 ── */
.eve-about { padding-top: 10px; border-top: 1px solid var(--rule); font-size: 12.5px; color: var(--dim); }
.eve-about > summary { cursor: pointer; font-size: 13px; color: var(--ink); }
.eve-about h3 { margin: 12px 0 4px; font-size: 13px; color: var(--key); }
.eve-about h4 { margin: 8px 0 2px; font: 500 12px var(--f-text); color: var(--ink); }
.eve-about p { margin: 4px 0; overflow-wrap: anywhere; }
.eve-chans { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 2px 16px; margin: 0; padding: 0; list-style: none; }
.eve-chans li { min-width: 0; overflow-wrap: anywhere; }

/* ── 움직임 — 판이 그려질 때 한 번(dashboard.css의 tick) ── */
.eve-fresh .eve-funnel strong, .eve-fresh .eve-rate strong { animation: tick .9s steps(3, jump-none) both; }

/* ── 좁은 화면 ── */
@media (max-width: 1080px) {
  .eve-must { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .eve-words ol { display: flex; flex-wrap: wrap; gap: 4px 6px; }
  .eve-words li { display: inline-flex; align-items: baseline; gap: 5px; padding: 0 7px; border: 0; box-shadow: inset 0 0 0 1px var(--rule); }
  .eve-pips { display: none; }
  .eve-bar { padding: 4px 8px; }
  .eve-head-body { padding: 8px 10px 10px; }
  .eve-rates { flex-direction: column; gap: 1px; }
  .eve-rows li { gap: 1px 10px; padding: 5px 8px; }
  .eve-main { flex-basis: 100%; }
  .eve-chans { grid-template-columns: minmax(0, 1fr); }
}
/* 강제 색(Windows 고대비) — 배경색으로만 하던 구분을 테두리로. 실제 고대비 화면에서는 확인하지 못했다 */
@media (forced-colors: active) {
  .eve-rank, .eve-badge, .eve-why li, .eve-tag, .eve-pip, .eve-ai-tag { border: 1px solid CanvasText; }
  .eve-editions a[aria-current="page"] { outline: 2px solid Highlight; outline-offset: -3px; }
}
@media print {
  .eve-editions { display: none; }
}