.paramedic-timeline-first-look {
  color: #213b47; padding: .78rem; border: 1px solid #bdd1d0; border-radius: 13px;
  background: linear-gradient(150deg, #f6f9f7, #eaf2f1 72%, #f9f4ed); overflow-wrap: anywhere;
  box-shadow: 0 3px 14px #16394111;
}
.paramedic-timeline-first-look * { box-sizing: border-box; min-width: 0; }
.paramedic-timeline-first-look h3,
.paramedic-timeline-first-look p { margin: 0; }
.paramedic-timeline-first-look h3 { color: #213b47; font-size: 1.1rem; line-height: 1.22; }
.paramedic-timeline-first-kicker { color: #24656b; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.paramedic-timeline-first-intro { margin-top: .32rem !important; color: #45616b; font-size: .76rem; line-height: 1.3; }
.paramedic-timeline-first-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .3rem; margin-top: .55rem; }
.paramedic-timeline-first-point { display: grid; gap: .1rem; padding: .35rem; border: 1px solid #bed3d1; border-top: 3px solid #8aabaa; border-radius: 6px; background: #fff; font-size: .66rem; line-height: 1.15; }
.paramedic-timeline-first-point time { color: #1e5960; font-weight: 800; font-variant-numeric: tabular-nums; }
.paramedic-timeline-first-point[data-active="true"] { border-top-color: #1d7771; background: #e9f8f2; }
.paramedic-timeline-first-point[data-complete="true"] { box-shadow: inset 0 0 0 1px #5da387; }
.paramedic-timeline-first-work { display: grid; gap: .4rem; margin-top: .55rem; }
.paramedic-timeline-first-row { display: grid; gap: .18rem; padding: .47rem; border-left: 4px solid #498984; border-radius: 6px; background: #fff; }
.paramedic-timeline-first-rowhead { font-size: .76rem; font-weight: 800; }
.paramedic-timeline-first-source { color: #415b66; font-size: .71rem; line-height: 1.28; }
.paramedic-timeline-first-look select,
.paramedic-timeline-first-look button { color: #214c55; background: #fff; border: 1px solid #9cbab8; border-radius: 6px; padding: .37rem .44rem; font: inherit; font-size: .74rem; font-weight: 700; line-height: 1.2; }
.paramedic-timeline-first-look select { width: 100%; }
.paramedic-timeline-first-look button { cursor: pointer; }
.paramedic-timeline-first-look button:hover { background: #e7f5f0; }
.paramedic-timeline-first-look button:focus-visible,
.paramedic-timeline-first-look select:focus-visible { outline: 3px solid #ecac4c; outline-offset: 2px; }
.paramedic-timeline-first-draft { margin-top: .55rem; max-height: 7rem; overflow: auto; padding: .42rem .5rem; border: 1px solid #d7ddd5; border-radius: 6px; background: repeating-linear-gradient(#fffefa 0, #fffefa 1.5rem, #e5ebe6 1.53rem); font-size: .69rem; line-height: 1.38; }
.paramedic-timeline-first-draft small { display: block; color: #577068; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.paramedic-timeline-first-draft p { margin-top: .2rem !important; }
.paramedic-timeline-first-actions { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .52rem; }
.paramedic-timeline-first-actions .paramedic-timeline-first-primary { color: #fff; border-color: #1d716d; background: #1d716d; }
.paramedic-timeline-first-feedback { margin-top: .4rem; padding: .43rem .5rem; border: 1px solid #c5d9d2; border-radius: 6px; background: #fff; font-size: .72rem; line-height: 1.34; }
.paramedic-timeline-first-feedback[data-ready="false"] { border-color: #d1ad78; background: #fff7e9; }
.paramedic-timeline-first-feedback[data-ready="true"] { border-color: #87bc9c; background: #eef8f0; }
.paramedic-timeline-first-feedback p { margin-top: .2rem !important; }
.paramedic-timeline-first-limit { color: #73584a; margin-top: .4rem !important; font-size: .69rem; line-height: 1.28; }
.paramedic-timeline-first-look [data-timeline-first-open-lab] { margin-top: .45rem; width: 100%; }
@media (max-width: 400px) { .paramedic-timeline-first-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } }