/* Extensions to the baseline components. Crafto supplies all type utilities. */
.scenario-pair .scenario-section-intro { max-width: 920px; margin-bottom: 40px; }
.scenario-pair .scenario-answer-chrome h3 { margin-bottom: 0 !important; }
.scenario-pair .scenario-measure-definitions { margin: 25px 0; }
.scenario-pair .scenario-measure-definitions > div { display: grid; grid-template-columns: minmax(180px, 1fr) 3fr; gap: 24px; padding: 18px 0; border-top: 1px solid var(--scenario-line); }
.scenario-pair .scenario-measure-definitions dd { margin: 0; }
.scenario-pair .scenario-process { list-style: none; padding: 0; margin: 40px 0 0; }
.scenario-pair .scenario-process > li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 30px; border-top: 1px solid var(--scenario-line); padding: 30px 0; }
.scenario-pair .scenario-process-number { display: block; color: var(--bs-secondary); margin-bottom: 12px; }
.scenario-pair .scenario-process-owner { border-left: 3px solid #9ab2be; background: var(--scenario-pale); padding: 20px 24px; margin-bottom: 16px; }
.scenario-pair .scenario-owner-content { border-color: #7cb042; background: #eff5e7; }
.scenario-pair .scenario-owner-taxonomy { border-color: #6e4d87; background: #f0ebf4; }
.scenario-pair .scenario-owner-graph { border-color: #35a8d4; background: #eaf4f8; }
.scenario-pair .scenario-owner-people { border-color: #395f6f; }
.scenario-pair .scenario-owner-data { border-color: #cc3366; }
.scenario-pair :is(.scenario-process, .scenario-specimen, .scenario-answer, .scenario-context, .scenario-request) { overflow-wrap: anywhere; }
.scenario-pair .scenario-specimen-chrome span { min-width: 0; }
.scenario-pair .scenario-progression:has(> li:nth-child(4)) { grid-template-columns: repeat(2,minmax(0,1fr)); }
.scenario-pair .scenario-progression:has(> li:nth-child(4)) > li::before,
.scenario-pair .scenario-progression:has(> li:nth-child(4)) > li::after { display: none; }
@media (max-width: 767px) {
  .scenario-pair .scenario-process > li { grid-template-columns: 1fr; gap: 20px; }
  .scenario-pair .scenario-measure-definitions > div { grid-template-columns: 1fr; gap: 8px; }
  .scenario-pair .scenario-progression:has(> li:nth-child(4)) { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
  .scenario-pair .scenario-specimen-fields > div { grid-template-columns: 1fr; gap: 4px; }
}