.self-service-evidence { margin-top: 26px; }
.self-service-evidence__metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 16px 0; border: 1px solid var(--line); background: white; }
.self-service-evidence__metrics > span { display: grid; min-width: 0; padding: 14px 16px; border-right: 1px solid var(--line); }
.self-service-evidence__metrics > span:last-child { border-right: 0; }
.self-service-evidence__metrics > span:nth-child(1) { background: var(--sky); }
.self-service-evidence__metrics > span:nth-child(2) { background: var(--mint); }
.self-service-evidence__metrics > span:nth-child(3) { background: var(--coral); }
.self-service-evidence__metrics > span:nth-child(4) { background: var(--lavender); }
.self-service-evidence__metrics small { color: var(--muted); font-size: 0.69rem; font-weight: 800; text-transform: uppercase; }
.self-service-evidence__metrics strong { margin-top: 3px; font-size: 1.35rem; }
.continuity-timing-line { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin: -1px 0 16px; padding: 11px 14px; border: 1px solid var(--line); background: white; }
.continuity-timing-line > span { display: inline-flex; align-items: center; gap: 7px; }
.continuity-timing-line small { flex: 1 1 290px; color: var(--muted); }
.evidence-cohort-table { overflow-x: auto; border: 1px solid var(--line); background: white; }
.evidence-cohort-table > div { display: grid; grid-template-columns: minmax(150px, 1.25fr) repeat(5, minmax(105px, 0.8fr)) minmax(125px, 0.9fr); gap: 12px; align-items: center; min-width: 930px; min-height: 61px; padding: 9px 14px; border-bottom: 1px solid var(--line); font-size: 0.78rem; }
.evidence-cohort-table > div:last-child { border-bottom: 0; }
.evidence-cohort-table__head { min-height: 42px !important; background: var(--canvas); color: var(--muted); font-size: 0.66rem !important; font-weight: 850; text-transform: uppercase; }
.evidence-cohort-table > div:not(.evidence-cohort-table__head) > span { display: grid; min-width: 0; }
.evidence-cohort-table small { color: var(--muted); }
.self-service-evidence .product-boundary { margin-top: 14px; }

@media (max-width: 760px) {
  .self-service-evidence__metrics { grid-template-columns: 1fr 1fr; }
  .self-service-evidence__metrics > span:nth-child(2) { border-right: 0; }
  .self-service-evidence__metrics > span:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
  .continuity-timing-line { align-items: flex-start; }
  .continuity-timing-line > span { flex: 1 1 100%; }
  .evidence-cohort-table { overflow: visible; border: 0; background: transparent; }
  .evidence-cohort-table__head { display: none !important; }
  .evidence-cohort-table > div:not(.evidence-cohort-table__head) { grid-template-columns: 1fr 1fr; gap: 10px 16px; min-width: 0; min-height: 0; margin-bottom: 10px; padding: 14px; border: 1px solid var(--line); border-left: 4px solid var(--mint-strong); background: white; }
  .evidence-cohort-table > div:not(.evidence-cohort-table__head):nth-child(3) { border-left-color: var(--coral-strong); }
  .evidence-cohort-table > div:not(.evidence-cohort-table__head) > span { min-width: 0; padding-top: 4px; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
  .evidence-cohort-table > div:not(.evidence-cohort-table__head) > span:first-child { grid-column: 1 / -1; padding-top: 0; border-top: 0; }
  .evidence-cohort-table > div:not(.evidence-cohort-table__head) > span::before { content: attr(data-label); color: var(--muted); font-size: 0.62rem; font-weight: 850; text-transform: uppercase; }
}