.paramedic-routing-first-look {
  color: #203b45; padding: .72rem; border: 1px solid #a8c9c5; border-radius: 13px;
  background: linear-gradient(145deg, #f3faf8, #e8f1f0 72%, #f9f3e9);
  box-shadow: 0 3px 15px #153b4412; overflow-wrap: anywhere;
}
.paramedic-routing-first-look * { box-sizing: border-box; min-width: 0; }
.paramedic-routing-first-look h3,
.paramedic-routing-first-look p { margin: 0; }
.paramedic-routing-first-look h3 { color: #203b45; font-size: 1.1rem; line-height: 1.2; }
.paramedic-routing-kicker { color: #28726c; font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.paramedic-routing-source {
  display: grid; gap: .13rem; margin-top: .47rem; padding: .42rem .5rem;
  border: 1px solid #c7d9d4; border-left: 4px solid #50888a; border-radius: 7px;
  background: #fff; font-size: .7rem; line-height: 1.25;
}
.paramedic-routing-source small { color: #527367; font-size: .62rem; font-weight: 800; text-transform: uppercase; }
.paramedic-routing-source strong { color: #223f48; }
.paramedic-routing-source span { color: #486066; }
.paramedic-routing-lanes,
.paramedic-routing-authority-ledger { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .32rem; margin-top: .46rem; }
.paramedic-routing-lanes > div,
.paramedic-routing-authority-ledger > div {
  white-space: pre-line; padding: .4rem .45rem; border-radius: 7px;
  background: #eaf1ee; font-size: .68rem; font-weight: 750; line-height: 1.26;
}
.paramedic-routing-lanes .is-electrical { border-top: 4px solid #517f9a; }
.paramedic-routing-lanes .is-patient { border-top: 4px solid #b17a5c; }
.paramedic-routing-authority-ledger > div:first-child { border-top: 4px solid #b17a5c; }
.paramedic-routing-authority-ledger > div:last-child { border-top: 4px solid #50867b; }
.paramedic-routing-picker { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .48rem; }
.paramedic-routing-first-look button {
  color: #24525a; background: #fff; border: 1px solid #91b4b1; border-radius: 7px;
  padding: .36rem .46rem; font: inherit; font-size: .71rem; font-weight: 750;
  line-height: 1.2; cursor: pointer;
}
.paramedic-routing-first-look button:hover { background: #e5f3ef; }
.paramedic-routing-first-look button:focus-visible { outline: 3px solid #f1ad4b; outline-offset: 2px; }
.paramedic-routing-first-look button[aria-pressed="true"] { color: #fff; background: #1e706b; border-color: #1e706b; }
.paramedic-routing-draft,
.paramedic-routing-feedback {
  margin-top: .42rem; padding: .4rem .48rem; border: 1px solid #c9dad3;
  border-radius: 7px; background: #fffefa; font-size: .68rem; line-height: 1.3;
}
.paramedic-routing-draft small { color: #557167; font-size: .61rem; font-weight: 800; text-transform: uppercase; }
.paramedic-routing-draft p,
.paramedic-routing-feedback p { margin-top: .15rem !important; }
.paramedic-routing-feedback[data-ready="false"] { border-color: #d3a879; background: #fff7e8; }
.paramedic-routing-feedback[data-ready="true"] { border-color: #86bb9b; background: #edf8ef; }
.paramedic-routing-limit { margin-top: .42rem !important; color: #765848; font-size: .67rem; line-height: 1.3; }
.paramedic-routing-actions { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .45rem; }
.paramedic-routing-actions [data-routing-check] { color: #fff; background: #1e706b; border-color: #1e706b; }
.paramedic-routing-first-look [data-routing-open-lab] { width: 100%; margin-top: .42rem; }
@media (max-width: 430px) {
  .paramedic-routing-first-look { padding: .6rem; }
  .paramedic-routing-lanes > div,
  .paramedic-routing-authority-ledger > div { padding: .35rem .38rem; font-size: .7rem; }
  .paramedic-routing-first-look button { font-size: .75rem; min-height: 2rem; }
  .paramedic-routing-source,
  .paramedic-routing-draft,
  .paramedic-routing-feedback { font-size: .73rem; }
  .paramedic-routing-limit { font-size: .72rem; }
}