.outreach-intervals > .outreach-interval { display:inline-flex; align-items:center; flex-wrap:wrap; gap:5px; border:1px solid; max-width:100%; }
.outreach-intervals > .outreach-interval--short { color:#23856b; background:#edf7f3; border-color:#b9dfd1; }
.outreach-intervals > .outreach-interval--medium { color:#3979db; background:#eef4fd; border-color:#c4d7f6; }
.outreach-intervals > .outreach-interval--long { color:#8592a3; background:#f3f5f7; border-color:#d5dce4; }
.outreach-intervals > .outreach-interval--unknown { color:#697580; background:#fff; border-color:#cdd4db; border-style:dashed; }
.outreach-intervals .outreach-interval-warning { display:inline-flex; align-items:center; justify-content:center; color:#a85808; background:#fff0d5; border-radius:4px; padding:0 3px; font-size:12px; line-height:18px; }
.outreach-interval-groups { display:grid; gap:12px; margin:12px 0; }
.outreach-interval-hour { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:start; gap:12px; padding-bottom:12px; border-bottom:1px solid #e3ece8; }
.outreach-interval-hour:last-child { border-bottom:0; padding-bottom:0; }
.outreach-interval-hour-label { padding-top:8px; color:#526c63; font-size:13px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.outreach-interval-hour > .outreach-intervals { margin:0; min-width:0; }
@media(max-width:560px) {
  .outreach-interval-hour { grid-template-columns:minmax(0,1fr); gap:6px; }
  .outreach-interval-hour-label { padding-top:0; }
}