.source-monitor-summary {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin: .8rem 0 1rem;
  padding: .7rem .85rem;
  border: 1px solid rgba(10, 92, 77, .18);
  border-radius: 12px;
  background: #f4faf7;
  color: #31554e;
  font-size: .82rem;
  line-height: 1.4;
}

.source-monitor-summary::before {
  content: '✓';
  display: grid;
  place-items: center;
  flex: 0 0 1.45rem;
  height: 1.45rem;
  border-radius: 50%;
  color: #fff;
  background: #0a6a59;
  font-weight: 800;
}

.source-monitor-summary[data-state='attention'] {
  border-color: rgba(150, 95, 0, .24);
  background: #fff8e8;
  color: #704d12;
}

.source-monitor-summary[data-state='attention']::before {
  content: '!';
  background: #aa7200;
}

.source-monitor-summary[data-state='pending'] {
  border-color: #dce4e1;
  background: #f7f9f8;
  color: #66736f;
}

.source-monitor-summary[data-state='pending']::before {
  content: '…';
  background: #7d8a86;
}

.source-status-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: .38rem;
  padding: .23rem .48rem;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .01em;
  white-space: nowrap;
}

.result-item > .source-status-badge {
  grid-column: 3;
  justify-self: end;
  margin-top: -.25rem;
}

.source-status-badge[data-status='verified'] { color: #075748; background: #dff4ea; }
.source-status-badge[data-status='review'] { color: #7a5000; background: #fff0c9; }
.source-status-badge[data-status='broken'] { color: #8b2d27; background: #fde5e2; }
.source-status-badge[data-status='stale'] { color: #5f526f; background: #eee7f5; }

.source-trust-callout { display:flex; justify-content:space-between; align-items:center; gap:28px; margin-top:34px; padding:26px 30px; border:1px solid #cde0d8; border-radius:20px; background:#f1f8f4; }
.source-trust-callout strong { display:block; margin-bottom:6px; font:700 1.05rem Manrope,sans-serif; }
.source-trust-callout p { margin:0; color:#5e746f; }
.source-trust-callout a { flex:0 0 auto; color:#075b4e; font-weight:800; }

@media (max-width: 700px) {
  .source-monitor-summary { align-items: flex-start; }
  .source-status-badge { white-space: normal; }
  .source-trust-callout { align-items:flex-start; flex-direction:column; }
}

@media (max-width: 560px) {
  .result-item > .source-status-badge {
    grid-column: 2;
    justify-self: start;
  }
}