/* Control › 위험 경로 › 경로 상세 › 원천 실행 근거 (security-execution.js, T23-37). The cards, tables, marks and name-value pairs
   are the shared parts (lx-; 리디자인 명세 판 C, 왼쪽 목록 + 오른쪽 본문); only this screen's own is here: the list of events
   by namespace beside the chosen event, and that event's four parts. */
.sxd{min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.sxd-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 24px}
.sxd-title{display:flex;flex-direction:column;gap:4px;min-width:0}
.sxd-back{font-size:13px;color:var(--ds-text-3)}
.sxd-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0}
.sxd-line .lx-sub{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.sxd-id{font-size:12.5px;word-break:break-all}

/* The events on the left, each namespace apart; the list stays in sight while the chosen event scrolls. */
.sxd-main{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}
.sxd-left{position:sticky;top:12px;min-width:0}
.sxd-right,.sxd-card{min-width:0}
.sxd-space+.sxd-space{margin-top:12px;padding-top:12px;border-top:1px solid var(--ds-line)}
.sxd-space-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 0 6px}
.sxd-events{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.sxd-event{display:flex;width:100%;padding:8px 10px;text-align:left;cursor:pointer;color:var(--ds-text);background:none;border:1px solid var(--ds-line);border-radius:6px}
.sxd-event:hover{color:var(--ds-text);background:none;border-color:var(--ds-text-3)}
.sxd-event.lx-is-sel,.sxd-event.lx-is-sel:hover{color:var(--ds-text);border-color:var(--ds-accent);background:var(--ds-accent-soft)}
.sxd-event .lx-cell{min-width:0;gap:4px}
.sxd-event-h,.sxd-event-s{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}

/* The chosen event's four parts: observed, source, the source's keys, the original and its links. */
.sxd-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:start}
.sxd-parts h4{margin:0 0 4px}
.sxd .sxd-kv{grid-template-columns:96px minmax(0,1fr);gap:8px 12px;margin:0}
.sxd .sxd-gap{margin-top:14px}
.sxd-limit{margin:8px 0 0}
.sxd-lineage{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.sxd-lineage li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.sxd-scroll{overflow-x:auto}
[data-sxd-compare] th{font-weight:500;text-align:left;white-space:nowrap}

@media (max-width:1180px){
  .sxd-main,.sxd-parts{grid-template-columns:minmax(0,1fr)}
  .sxd-left{position:static}
}