/* ===================================================================
   ProcIntel — SIGNAL DETAIL
   V1 Premium UX. Page-specific rules only; shared parts
   (meta line, fact list, provenance blocks, operator panel) live in
   components.css.
   =================================================================== */

.signal-detail { max-width: 880px; }

.signal-hero-source { color: var(--text-primary); font-weight: var(--fw-medium); }
.signal-hero-domain { color: var(--text-muted); font-size: var(--fs-caption); }

/* "Part of Event" -- the one elevated relationship on the page. */
.signal-event-link {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--sp-3) var(--sp-6);
  margin: 0 0 var(--sp-8);
  padding: var(--sp-5) var(--sp-7);
  background: var(--surface-panel);
  border: 1px solid var(--border-default);
  border-left: 3px solid var(--accent-primary);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.signal-event-link ul { display: flex; flex-direction: column; gap: var(--sp-2); margin: 0; padding: 0; list-style: none; }
.signal-event-link a { color: var(--text-primary); font-weight: var(--fw-medium); text-decoration: none; }
.signal-event-link a:hover { color: var(--accent-primary); }

.signal-layers { display: flex; flex-direction: column; gap: var(--sp-6); }
.signal-block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-5);
  margin-bottom: var(--sp-5);
}
.signal-block-head .v2-provenance-tag { margin-bottom: 0; }
.signal-block-title {
  margin: 0;
  color: var(--text-primary);
  font-size: var(--fs-card-title);
}
.signal-summary {
  margin: 0 0 var(--sp-6);
  color: var(--text-primary);
  font-size: 15px;
  line-height: var(--lh-relaxed);
  max-width: 70ch;
}
.signal-facts { margin-top: var(--sp-2); }
.signal-note {
  margin: var(--sp-6) 0 0;
  padding-top: var(--sp-5);
  border-top: 1px solid var(--border-subtle);
  color: var(--text-muted);
  font-size: var(--fs-caption);
}

.signal-assessment-caveat { margin: 0 0 var(--sp-6); color: var(--text-muted); font-size: var(--fs-caption); }
.signal-ratings { display: flex; flex-wrap: wrap; gap: var(--sp-6) var(--sp-10); margin-bottom: var(--sp-6); }
.signal-rating { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-3); }
.signal-assessment-explanation { margin: 0 0 var(--sp-5); color: var(--text-secondary); max-width: 72ch; }

.signal-related { display: flex; flex-direction: column; gap: var(--sp-5); margin: 0; padding: 0; list-style: none; }
.signal-related a { color: var(--text-primary); font-weight: var(--fw-medium); text-decoration: none; }
.signal-related a:hover { color: var(--accent-primary); text-decoration: underline; }
.signal-related .meta-line { margin-top: var(--sp-2); }