.advanced-reader-five {
  --ar5-accent: #a8dfcf;
  margin: 1.35rem 0;
  padding: clamp(.76rem, 2.3vw, 1.35rem);
  min-width: 0;
  border: 1px solid #548d99;
  border-radius: 1rem;
  color: #edf7f8;
  background: radial-gradient(circle at 96% 0, #22515d, transparent 46%), #0b2633;
  box-shadow: 0 12px 30px #04141d55;
  overflow-wrap: anywhere;
}
.advanced-reader-five * { box-sizing: border-box; }
.advanced-reader-five--tachy { --ar5-accent: #a8dce8; }
.advanced-reader-five--brady { --ar5-accent: #b9d5ef; }
.advanced-reader-five--irregular { --ar5-accent: #edbfbc; }
.advanced-reader-five--bradyresponse { --ar5-accent: #d3c8f1; }
.advanced-reader-five--postarrest { --ar5-accent: #efc995; }
.advanced-reader-five--clues { --ar5-accent: #d7db9d; }
.advanced-reader-five--wide { --ar5-accent: #dfb9e8; }
.advanced-reader-five--arrhythmia { --ar5-accent: #d4d9aa; }
.advanced-reader-five--communication { --ar5-accent: #b6d9ee; }
.advanced-reader-five--catheter { --ar5-accent: #edc69d; }
.advanced-reader-five--valve { --ar5-accent: #b9dcbb; }
.advanced-reader-five--unstable { --ar5-accent: #efb5ad; }
.advanced-reader-five-title {
  display: block;
  color: #f7fbfb;
  font-size: clamp(1.14rem, 2.4vw, 1.5rem);
  font-weight: 800;
  line-height: 1.25;
}
.advanced-reader-five-job { margin: .55rem 0 .35rem; color: #e7f2f3; font-size: .88rem; line-height: 1.48; font-weight: 650; }
.advanced-reader-five-source, .advanced-reader-five-note {
  margin: .55rem 0;
  color: #c4dce0;
  font-size: .82rem;
  line-height: 1.48;
}
.advanced-reader-five-note.is-separate {
  padding: .57rem .7rem;
  border-left: 4px solid #f2c58f;
  border-radius: .34rem;
  background: #47331c;
  color: #fff0d7;
  font-weight: 730;
}
.advanced-reader-five-picks {
  display: flex;
  gap: .44rem;
  min-width: 0;
  overflow-x: auto;
  padding: .65rem .12rem;
  scrollbar-width: thin;
}
.advanced-reader-five button {
  appearance: none;
  flex: none;
  max-width: 100%;
  padding: .53rem .72rem;
  border: 1px solid #6ba2ae;
  border-radius: .6rem;
  background: #19434f;
  color: #f4fbfb;
  font: inherit;
  font-size: .84rem;
  font-weight: 750;
  line-height: 1.3;
  cursor: pointer;
}
.advanced-reader-five button:hover { background: #285b68; }
.advanced-reader-five button[aria-pressed="true"] {
  border-color: var(--ar5-accent);
  background: #435f5b;
  box-shadow: inset 0 0 0 1px var(--ar5-accent);
}
.advanced-reader-five button:focus-visible { outline: 3px solid #ffe2a3; outline-offset: 2px; }
.advanced-reader-five .advanced-reader-five-pick { flex: 0 0 auto; max-width: 18rem; white-space: normal; text-align: left; }
.advanced-reader-five-cue { margin: -.15rem 0 .55rem; color: #b6d3da; font-size: .78rem; }
.advanced-reader-five-canvas { display: grid; gap: .67rem; min-width: 0; }
.advanced-reader-five-sequence {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(8rem, 100%), 1fr));
  gap: .42rem;
  padding: 0;
  margin: .1rem 0;
  list-style: none;
}
.advanced-reader-five-sequence li {
  display: grid;
  align-content: start;
  gap: .25rem;
  min-width: 0;
  padding: .46rem .58rem;
  border: 1px solid #527886;
  border-radius: .55rem;
  background: #173743;
  color: #eaf7f7;
  font-size: .77rem;
  line-height: 1.35;
}
.advanced-reader-five-sequence li.is-current { border-color: var(--ar5-accent); background: #245264; box-shadow: inset 0 0 0 1px var(--ar5-accent); }
.advanced-reader-five-sequence li.is-separate { border-style: dashed; border-color: #d7ad7a; }
.advanced-reader-five-time { color: #c6e1e5; font-weight: 800; }
.advanced-reader-five-step-label { font-weight: 730; }
.advanced-reader-five-board { display: grid; gap: .48rem; min-width: 0; }
.advanced-reader-five-board.is-two-tracks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.advanced-reader-five-board.is-three-tracks, .advanced-reader-five-board.is-patient { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.advanced-reader-five-board.is-clue-columns, .advanced-reader-five-board.is-packet { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.advanced-reader-five-board.is-leads, .advanced-reader-five-board.is-source-status { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.advanced-reader-five-board.is-facts, .advanced-reader-five-board.is-tasks { grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr)); }
.advanced-reader-five-card {
  display: grid;
  align-content: start;
  gap: .36rem;
  min-width: 0;
  padding: .65rem .72rem;
  border: 1px solid #628b97;
  border-radius: .62rem;
  background: #153b49;
}
.advanced-reader-five-card.is-ecg { border-color: #83bfd0; }
.advanced-reader-five-card.is-patient, .advanced-reader-five-card.is-pulse { border-color: #a5cfbf; }
.advanced-reader-five-card.is-pressure, .advanced-reader-five-card.is-attention { border-color: #dfb586; background: #3c3026; }
.advanced-reader-five-card.is-limited, .advanced-reader-five-card.is-pending { border-color: #dfb586; border-style: dashed; }
.advanced-reader-five-card.is-source, .advanced-reader-five-card.is-signal { border-color: #adc2d8; }
.advanced-reader-five-card.is-decision, .advanced-reader-five-card.is-response { border-color: var(--ar5-accent); background: #224758; }
.advanced-reader-five-label {
  display: block;
  color: #c2dce3;
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.advanced-reader-five-value { display: block; color: #f5fbfb; font-size: .91rem; font-weight: 730; line-height: 1.42; }
.advanced-reader-five-action { justify-self: start; white-space: normal; text-align: left; }
.advanced-reader-five-pressure-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .48rem; }
.advanced-reader-five-pressure-item {
  display: grid;
  gap: .3rem;
  min-width: 0;
  padding: .52rem .6rem;
  border: 1px solid #688c99;
  border-radius: .55rem;
  background: #153b49;
  color: #ecf7f8;
  font-size: .79rem;
  line-height: 1.3;
}
.advanced-reader-five-pressure-item.is-current { border-color: #efc995; background: #344a4b; box-shadow: inset 0 0 0 1px #efc995; }
.advanced-reader-five-pressure-item strong { font-size: .88rem; }
.advanced-reader-five-pressure-bar { display: block; height: .52rem; border-radius: .2rem; background: #d8ae79; }
.advanced-reader-five-equivalent {
  margin: .2rem 0 0;
  padding-top: .55rem;
  border-top: 1px dashed #689ba8;
  color: #d6e9ec;
  font-size: .78rem;
  line-height: 1.5;
}
@media (max-width: 700px) {
  .advanced-reader-five .advanced-reader-five-pick { max-width: 10rem; }
  .advanced-reader-five-board.is-two-tracks,
  .advanced-reader-five-board.is-three-tracks,
  .advanced-reader-five-board.is-patient,
  .advanced-reader-five-board.is-clue-columns,
  .advanced-reader-five-board.is-packet,
  .advanced-reader-five-board.is-leads,
  .advanced-reader-five-board.is-source-status { grid-template-columns: 1fr; }
  .advanced-reader-five-pressure-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .advanced-reader-five-sequence { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 360px) {
  .advanced-reader-five { padding: .72rem; }
  .advanced-reader-five button { padding: .46rem .55rem; }
  .advanced-reader-five-sequence li { padding: .42rem .46rem; }
  .advanced-reader-five-card { padding: .59rem .62rem; }
}