.advanced-reader-three {
  --ar3-accent: #9ce4c8;
  margin: 1.35rem 0;
  padding: clamp(.9rem, 2.4vw, 1.45rem);
  min-width: 0;
  border: 1px solid #4d8c91;
  border-radius: 1rem;
  color: #edf7f8;
  background: radial-gradient(circle at 96% 0, #1d4c53, transparent 42%), #0b2530;
  box-shadow: 0 12px 30px #04141d55;
}
.advanced-reader-three * { box-sizing: border-box; }
.advanced-reader-three--rosc { --ar3-accent: #f0c78d; }
.advanced-reader-three--primary { --ar3-accent: #a3d9e8; }
.advanced-reader-three--wide { --ar3-accent: #f0abae; }
.advanced-reader-three--acquisition { --ar3-accent: #bdbcf0; }
.advanced-reader-three--medication { --ar3-accent: #edd18f; }
.advanced-reader-three--multiphase { --ar3-accent: #a5d7b5; }
.advanced-reader-three--views { --ar3-accent: #b3cbf2; }
.advanced-reader-three--mimics { --ar3-accent: #e8b5d2; }
.advanced-reader-three--acs { --ar3-accent: #f0c48f; }
.advanced-reader-three--relay { --ar3-accent: #a9d6ec; }
.advanced-reader-three--respiratory { --ar3-accent: #a5e5dd; }
.advanced-reader-three--ultrasound { --ar3-accent: #dcc4f3; }
.advanced-reader-three-title { display: block; color: #f6fbfb; font-size: clamp(1.14rem, 2.4vw, 1.5rem); font-weight: 800; line-height: 1.25; }
.advanced-reader-three-job { margin: .6rem 0 .35rem; color: #e4f0f1; line-height: 1.48; }
.advanced-reader-three-source, .advanced-reader-three-note { margin: .55rem 0; color: #bfd6dc; font-size: .84rem; line-height: 1.48; }
.advanced-reader-three-picks { display: flex; gap: .45rem; min-width: 0; overflow-x: auto; padding: .7rem 0; scrollbar-width: thin; }
.advanced-reader-three-pick-cue { margin: -.2rem 0 .55rem; color: #afcbd3; font-size: .78rem; }
.advanced-reader-three button { appearance: none; flex: none; max-width: 100%; padding: .55rem .75rem; border: 1px solid #6aa3aa; border-radius: .6rem; background: #19424d; color: #f4fbfb; font: inherit; font-size: .85rem; font-weight: 750; line-height: 1.3; cursor: pointer; }
.advanced-reader-three button:hover { background: #285766; }
.advanced-reader-three button[aria-pressed="true"] { border-color: var(--ar3-accent); background: #405e59; box-shadow: inset 0 0 0 1px var(--ar3-accent); }
.advanced-reader-three button:focus-visible { outline: 3px solid #ffe2a3; outline-offset: 2px; }
.advanced-reader-three-pick { flex: 0 0 auto; max-width: min(18rem, 85%); white-space: normal; text-align: left; }
.advanced-reader-three-canvas { display: grid; gap: .7rem; min-width: 0; }
.advanced-reader-three-card { display: grid; align-content: start; gap: .48rem; min-width: 0; padding: .8rem .9rem; border: 1px solid #517f8d; border-left: 5px solid var(--ar3-accent); border-radius: .7rem; background: #163946; overflow-wrap: anywhere; }
.advanced-reader-three-label { color: var(--ar3-accent); font-size: .75rem; font-weight: 850; text-transform: uppercase; letter-spacing: .035em; }
.advanced-reader-three-value { color: #f1f8f8; font-size: .91rem; font-weight: 670; line-height: 1.45; }
.advanced-reader-three-equivalent { margin: .25rem 0 0; padding: .62rem .75rem; border-left: 3px solid #a9dcca; border-radius: .35rem; background: #0a2d37; color: #dbe9eb; font-size: .82rem; line-height: 1.45; overflow-wrap: anywhere; }
.advanced-reader-three-action { justify-self: start; white-space: normal; text-align: left; }
.advanced-reader-three-rail { display: flex; gap: .5rem; min-width: 0; overflow-x: auto; padding: .15rem .1rem .55rem; scrollbar-width: thin; }
.advanced-reader-three-stop { display: grid; gap: .32rem; align-content: start; flex: 1 0 8rem; min-width: 8rem; padding: .7rem; border: 1px solid #69838a; border-bottom: 4px solid #69838a; border-radius: .55rem; background: #223b47; }
.advanced-reader-three-stop.is-current { border-color: var(--ar3-accent); background: #35525a; }
.advanced-reader-three-stop span { color: var(--ar3-accent); font-size: .77rem; font-weight: 850; }
.advanced-reader-three-stop strong { font-size: .82rem; line-height: 1.35; }

/* The electrical bridge makes the pulse check a separate bedside gate. */
.advanced-reader-three-bridge { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.advanced-reader-three-bridge .is-electrical { border-left-color: #c2b1ef; }
.advanced-reader-three-bridge .is-pulse { border-left-color: #eac586; }
.advanced-reader-three-bridge .is-patient { border-left-color: #a2d8ba; }
.advanced-reader-three-primary-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.advanced-reader-three-primary-board .is-person { border-left-color: #9ddfc0; }
.advanced-reader-three-primary-board .is-measure { border-left-color: #9ac8f0; }
.advanced-reader-three-wide-fork { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.advanced-reader-three-wide-fork .is-electrical { grid-column: 1 / -1; border-left-color: #e4a8d0; }
.advanced-reader-three-wide-fork .is-pulse { border-left-color: #f0c387; }
.advanced-reader-three-wide-fork .is-perfusion { border-left-color: #9cddc8; }
.advanced-reader-three-acquisition-board, .advanced-reader-three-medication-chain, .advanced-reader-three-view-board,
.advanced-reader-three-mimic-pair, .advanced-reader-three-acs-board, .advanced-reader-three-relay-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.advanced-reader-three-lead-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.advanced-reader-three-lead-grid .advanced-reader-three-card { min-height: 6rem; }
.advanced-reader-three-medication-chain .is-action { border-left-color: #e8cc8e; }
.advanced-reader-three-multiphase-triad { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.advanced-reader-three-multiphase-triad .is-ecg { border-left-color: #bdafeb; }
.advanced-reader-three-multiphase-triad .is-pulse { border-left-color: #edcb8d; }
.advanced-reader-three-multiphase-triad .is-perfusion { border-left-color: #9bdec8; }

/* Added views and mimic cards retain separate case identities. */
.advanced-reader-three-view-tiles, .advanced-reader-three-study-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.advanced-reader-three-mimic-cases, .advanced-reader-three-relay-chain { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.advanced-reader-three-view-tiles .is-other, .advanced-reader-three-study-cards .is-other,
.advanced-reader-three-mimic-cases .is-other, .advanced-reader-three-relay-chain .is-other { border-style: dashed; border-left-width: 5px; opacity: .79; }
.advanced-reader-three-view-tiles .is-current, .advanced-reader-three-study-cards .is-current,
.advanced-reader-three-mimic-cases .is-current, .advanced-reader-three-relay-chain .is-current { background: #31505a; border-color: var(--ar3-accent); }
.advanced-reader-three-mimic-choices { display: flex; flex-wrap: wrap; gap: .45rem; }
.advanced-reader-three-mimic-choices .advanced-reader-three-action { border-radius: 2rem; }
.advanced-reader-three-relay-tasks { display: grid; gap: .5rem; }
.advanced-reader-three-respiratory-lanes, .advanced-reader-three-ultrasound-gate { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.advanced-reader-three-respiratory-lanes .is-oxygen { border-left-color: #a9cafa; }
.advanced-reader-three-respiratory-lanes .is-carbon { border-left-color: #d9b3ed; }
.advanced-reader-three-respiratory-lanes .is-circulation { border-left-color: #e8bd8b; }
.advanced-reader-three-ultrasound-gate .is-view { border-left-color: #a9c9f1; }
.advanced-reader-three-ultrasound-gate .is-quality { border-left-color: #edc18b; }
.advanced-reader-three-ultrasound-gate .is-finding { border-left-color: #9bdac8; }

@media (max-width: 760px) {
  .advanced-reader-three-picks { flex-wrap: wrap; overflow-x: visible; }
  .advanced-reader-three-pick { flex: 1 1 10rem; max-width: 100%; }
  .advanced-reader-three-bridge, .advanced-reader-three-multiphase-triad, .advanced-reader-three-respiratory-lanes,
  .advanced-reader-three-ultrasound-gate, .advanced-reader-three-primary-board, .advanced-reader-three-wide-fork,
  .advanced-reader-three-acquisition-board, .advanced-reader-three-medication-chain, .advanced-reader-three-view-board,
  .advanced-reader-three-mimic-pair, .advanced-reader-three-acs-board, .advanced-reader-three-relay-board { grid-template-columns: 1fr; }
  .advanced-reader-three-wide-fork .is-electrical { grid-column: auto; }
  .advanced-reader-three-view-tiles, .advanced-reader-three-study-cards { grid-template-columns: 1fr; }
  .advanced-reader-three-mimic-cases, .advanced-reader-three-relay-chain { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .advanced-reader-three-lead-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 390px) {
  .advanced-reader-three { padding: .8rem; }
  .advanced-reader-three-mimic-cases, .advanced-reader-three-relay-chain, .advanced-reader-three-lead-grid { grid-template-columns: 1fr; }
}