/* Relay uses the same case-study system as FieldLink. */
.relay-case .case-workflow{grid-template-columns:repeat(3,minmax(0,1fr))}
.relay-case .case-audience .relay-use-cases{font-size:13px;margin-top:12px}
.relay-infographic{margin:30px 0 0}
.relay-infographic .screenshot-frame img{aspect-ratio:auto;height:auto}
.relay-infographic figcaption{font-size:13px;line-height:1.7;color:var(--muted);margin-top:13px;max-width:920px}
.relay-infographic figcaption strong{display:block;color:var(--ink);margin-bottom:5px}
.relay-cohort{border-left:3px solid var(--gold);padding:13px 18px;margin-top:24px;font-size:14px;background:var(--surface)}
.relay-case .roi-layout{margin-top:32px}
.relay-case .roi-field-help{grid-column:1/-1;font-size:12px;color:var(--muted);line-height:1.65;margin:0}
.relay-case .roi-field-help strong{color:var(--ink)}
.relay-case .roi-hero-number{font-size:60px}
.relay-case .roi-metrics{gap:20px}
.relay-case .roi-table{table-layout:fixed}
.relay-case .roi-table th,.relay-case .roi-table td{padding:11px 4px;overflow-wrap:anywhere}
.relay-case .roi-table th:first-child,.relay-case .roi-table td:first-child{width:40%}
.relay-case .roi-table tbody th{font-size:13px;font-weight:400;color:var(--muted)}
.relay-case .roi-output small{font-size:12px}
.relay-case .roi-formula{margin-top:10px}
.relay-case .roi-formula p{line-height:1.8}
@media(max-width:650px){
 .relay-case .case-workflow{grid-template-columns:1fr}
 .relay-case .roi-fields{grid-template-columns:1fr}
 .relay-case .roi-field label{min-height:0}
 .relay-case .roi-table{font-size:12px}
 .relay-case .roi-table th{font-size:10px}
 .relay-case .roi-metrics strong{font-size:21px}
}