/* p1-relations.css — Shard-B 法条关联网络（浅色玻璃，rc- 前缀） */
.rc-panel{
  margin:14px 0 6px; padding:14px; border-top:1px dashed #E5E7EB;
}
.rc-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.rc-head__title{ font-size:14px; font-weight:700; color:#1F2328; display:flex; align-items:center; gap:6px; }
.rc-head__title::before{ content:''; width:4px; height:14px; border-radius:2px; background:#4F46E5; }

.rc-group{ margin-bottom:12px; }
.rc-group__title{ font-size:12px; color:#57606A; margin-bottom:6px; font-weight:600; }
.rc-chips{ display:flex; flex-wrap:wrap; gap:6px; }

.rc-chip{
  display:inline-flex; align-items:center; gap:5px; min-height:34px; padding:6px 10px;
  border-radius:999px; border:1px solid #E5E7EB; background:#fff; cursor:pointer;
  font-size:12px; line-height:1; color:#1F2328; font-family:inherit; transition:all .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.rc-chip:hover{ border-color:#4F46E5; background:#EEF2FF; }
.rc-chip--in{ border-color:#C7D2FE; color:#4338CA; }
.rc-chip--ext{ border-color:#BFDBFE; color:#1D4ED8; }
.rc-chip--ji{ border-color:#FDE68A; color:#B45309; }
.rc-chip--dangling{ background:#F2F4F7; color:#98A2B3; border-style:dashed; cursor:not-allowed; }
.rc-chip--dangling:hover{ background:#F2F4F7; border-color:#E5E7EB; }
.rc-tag{
  font-size:10px; padding:2px 6px; border-radius:999px; background:#F2F4F7; color:#667085; line-height:1;
}
.rc-tag--ji{ background:#FFFBEB; color:#B45309; }
.rc-tag--ext{ background:#EFF6FF; color:#1D4ED8; }
.rc-tag--sum{ background:#F2F4F7; color:#98A2B3; }
.rc-srcbtn{
  font-size:10px; padding:2px 6px; border-radius:999px; background:#EEF2FF; color:#4F46E5;
  cursor:pointer; line-height:1; border:none; font-family:inherit;
}
.rc-srcbtn:hover{ background:#4F46E5; color:#fff; }
.rc-chip--dangling .rc-srcbtn{ display:none; }

.rc-case{ margin-bottom:6px; }
.rc-case__btn{
  display:flex; align-items:flex-start; gap:8px; width:100%; text-align:left;
  padding:9px 10px; border:1px solid #E5E7EB; border-radius:10px; background:#fff;
  cursor:pointer; font-family:inherit; min-height:44px; transition:all .15s ease;
}
.rc-case__btn:hover{ border-color:#A7F3D0; background:#ECFDF5; }
.rc-case__no{ flex:0 0 auto; font-size:11px; color:#15803D; background:#ECFDF5; border:1px solid #A7F3D0; padding:2px 8px; border-radius:999px; white-space:nowrap; }
.rc-case__title{ font-size:12.5px; color:#1F2328; line-height:1.5; }

.rc-group--hist .rc-hist__item{ display:flex; gap:10px; font-size:12px; padding:5px 0; border-bottom:1px solid #F2F4F7; }
.rc-hist__date{ flex:0 0 96px; color:#4F46E5; font-weight:600; }
.rc-hist__note{ color:#57606A; }
.rc-hist__note--sum{ margin-top:6px; color:#98A2B3; font-size:11.5px; }

.rc-src__law{ font-size:13px; font-weight:600; color:#1F2328; margin-bottom:8px; }
.rc-src__q{ font-size:13px; color:#374151; line-height:1.7; background:#F7F8FA; padding:10px 12px; border-radius:8px; margin-bottom:8px; word-break:break-word; }
.rc-src__kp{ font-size:12.5px; color:#15803D; line-height:1.6; margin-bottom:8px; }
.rc-src__meta{ font-size:11px; color:#98A2B3; }

.rc-graphwrap{ width:100%; }
.rc-graph{ width:100%; height:auto; display:block; }
.rc-legend{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:8px; }
.rc-legend__item{ display:inline-flex; align-items:center; gap:4px; font-size:11px; color:#57606A; }
.rc-legend__item i{ width:10px; height:10px; border-radius:50%; display:inline-block; }
.rc-emptyhint{ text-align:center; font-size:12px; color:#98A2B3; padding:16px 0; }

@media (max-width:380px){
  .rc-panel{ padding:10px; }
  .rc-chip{ font-size:11.5px; }
}
@media (prefers-reduced-motion: reduce){
  .rc-chip, .rc-case__btn{ transition:none !important; }
}