.advanced-reader-six {
  --ar6-accent: #a8dfcf;
  margin: 1.35rem 0;
  padding: clamp(.9rem, 2.4vw, 1.45rem);
  min-width: 0;
  border: 1px solid #528b98;
  border-radius: 1rem;
  color: #edf7f8;
  background: radial-gradient(circle at 94% 0, #22515d, transparent 45%), #0b2633;
  box-shadow: 0 12px 30px #04141d55;
}
.advanced-reader-six * { box-sizing: border-box; }
.advanced-reader-six--electricalField { --ar6-accent: #f3cb92; }
.advanced-reader-six--protocol { --ar6-accent: #b9d8f5; }
.advanced-reader-six--leadership { --ar6-accent: #b4e5cd; }
.advanced-reader-six--debrief { --ar6-accent: #d7c4f1; }
.advanced-reader-six--destination { --ar6-accent: #aee2e5; }
.advanced-reader-six--acs { --ar6-accent: #e5b9dd; }
.advanced-reader-six--electricalUnit { --ar6-accent: #efb6ac; }
.advanced-reader-six--rosc { --ar6-accent: #acd1ed; }
.advanced-reader-six--neuro { --ar6-accent: #c6d8ad; }
.advanced-reader-six--antithrombotic { --ar6-accent: #edbfc2; }
.advanced-reader-six--vasoactive { --ar6-accent: #e8cf98; }
.advanced-reader-six--multimodal { --ar6-accent: #bdd3ec; }
.advanced-reader-six-title { display: block; color: #f6fbfb; font-size: clamp(1.14rem, 2.4vw, 1.5rem); font-weight: 800; line-height: 1.25; }
.advanced-reader-six-job { margin: .6rem 0 .35rem; color: #e4f0f1; line-height: 1.48; }
.advanced-reader-six-source, .advanced-reader-six-note { margin: .55rem 0; color: #c0d8dd; font-size: .84rem; line-height: 1.48; }
.advanced-reader-six-picks { display: flex; gap: .45rem; min-width: 0; overflow-x: auto; padding: .7rem 0; scrollbar-width: thin; }
.advanced-reader-six-pick-cue { margin: -.2rem 0 .55rem; color: #afcbd3; font-size: .78rem; }
.advanced-reader-six button { appearance: none; flex: none; max-width: 100%; padding: .55rem .75rem; border: 1px solid #6ba2ae; border-radius: .6rem; background: #19434f; color: #f4fbfb; font: inherit; font-size: .85rem; font-weight: 750; line-height: 1.3; cursor: pointer; }
.advanced-reader-six button:hover { background: #285b68; }
.advanced-reader-six button[aria-pressed="true"] { border-color: var(--ar6-accent); background: #435f5b; box-shadow: inset 0 0 0 1px var(--ar6-accent); }
.advanced-reader-six button:focus-visible { outline: 3px solid #ffe2a3; outline-offset: 2px; }
.advanced-reader-six-pick { flex: 0 0 auto; max-width: min(18rem, 85%); white-space: normal; text-align: left; }
.advanced-reader-six-canvas { display: grid; gap: .7rem; min-width: 0; }
.advanced-reader-six-card { display: grid; align-content: start; gap: .48rem; min-width: 0; padding: .8rem .9rem; border: 1px solid #527f8d; border-left: 5px solid var(--ar6-accent); border-radius: .7rem; background: #163a48; overflow-wrap: anywhere; }
.advanced-reader-six-label { color: var(--ar6-accent); font-size: .75rem; font-weight: 850; text-transform: uppercase; letter-spacing: .035em; }
.advanced-reader-six-value { color: #f1f8f8; font-size: .91rem; font-weight: 670; line-height: 1.45; }
.advanced-reader-six-equivalent { margin: .25rem 0 0; padding: .62rem .75rem; border-left: 3px solid #a9dcca; border-radius: .35rem; background: #0b2e39; color: #dcebed; font-size: .82rem; line-height: 1.45; overflow-wrap: anywhere; }
.advanced-reader-six-action { justify-self: start; white-space: normal; text-align: left; }
.advanced-reader-six-rail { display: flex; gap: .5rem; min-width: 0; overflow-x: auto; padding: .15rem .1rem .55rem; scrollbar-width: thin; }
.advanced-reader-six-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: #223d4b; }
.advanced-reader-six-stop.is-current { border-color: var(--ar6-accent); background: #365660; }
.advanced-reader-six-stop.is-replay { border-style: dashed; }
.advanced-reader-six-stop span { color: var(--ar6-accent); font-size: .77rem; font-weight: 850; }
.advanced-reader-six-stop strong { font-size: .82rem; line-height: 1.35; }

.advanced-reader-six-row { display: grid; gap: .6rem; min-width: 0; }
.advanced-reader-six-branch-grid, .advanced-reader-six-electrical-unit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.advanced-reader-six-protocol-grid, .advanced-reader-six-rosc-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.advanced-reader-six-response-grid, .advanced-reader-six-leadership-grid, .advanced-reader-six-debrief-lanes,
.advanced-reader-six-destination-grid, .advanced-reader-six-acs-chain, .advanced-reader-six-neuro-clocks,
.advanced-reader-six-surveillance-lanes, .advanced-reader-six-response-lanes,
.advanced-reader-six-handoff-board { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.advanced-reader-six-neuro-review, .advanced-reader-six-surveillance-record { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.advanced-reader-six-hemodynamics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.advanced-reader-six-tasks, .advanced-reader-six-leads { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.advanced-reader-six-card.is-patient, .advanced-reader-six-card.is-symptom, .advanced-reader-six-card.is-current { border-left-color: #a6dbc2; }
.advanced-reader-six-card.is-pulse, .advanced-reader-six-card.is-circulation, .advanced-reader-six-card.is-perfusion,
.advanced-reader-six-card.is-pressure { border-left-color: #f1c28e; }
.advanced-reader-six-card.is-ecg, .advanced-reader-six-card.is-lead { border-left-color: #abc9f2; }
.advanced-reader-six-card.is-task, .advanced-reader-six-card.is-relay, .advanced-reader-six-card.is-priority { border-left-color: #d8bfed; }
.advanced-reader-six-card.is-pending { border-style: dashed; color: #d5e2e4; }
.advanced-reader-six--electricalField .advanced-reader-six-branch-grid .is-pulse,
.advanced-reader-six--electricalUnit .advanced-reader-six-electrical-unit-grid .is-pulse { background: #3b383a; }
.advanced-reader-six--protocol .advanced-reader-six-protocol-grid .is-ecg { border-style: dashed; border-left-style: solid; }
.advanced-reader-six--leadership .advanced-reader-six-tasks { border-top: 2px dotted #92c8bc; padding-top: .65rem; }
.advanced-reader-six--debrief .advanced-reader-six-debrief-lanes .is-relay { background: #323750; }
.advanced-reader-six--destination .advanced-reader-six-destination-grid .is-observation { background: #254d53; }
.advanced-reader-six--acs .advanced-reader-six-acs-chain .is-send { border-left-color: #e8b6de; }
.advanced-reader-six--rosc .advanced-reader-six-rosc-pair .is-ecg { background: #243e5c; }
.advanced-reader-six--rosc .advanced-reader-six-rosc-pair .is-circulation { background: #4b4035; }
.advanced-reader-six--neuro .advanced-reader-six-neuro-clocks .is-time { border-left-color: #c8dbab; }
.advanced-reader-six--antithrombotic .advanced-reader-six-surveillance-lanes .is-symptom { background: #3c3948; }
.advanced-reader-six--vasoactive .advanced-reader-six-response-lanes .is-renal { border-left-color: #c5bcea; }
.advanced-reader-six--multimodal .advanced-reader-six-handoff-board .is-priority { background: #3d4655; }

@media (max-width: 760px) {
  .advanced-reader-six-picks { flex-wrap: wrap; overflow-x: visible; }
  .advanced-reader-six-pick { flex: 1 1 10rem; max-width: 100%; }
  .advanced-reader-six-row { grid-template-columns: 1fr; }
  .advanced-reader-six-tasks, .advanced-reader-six-leads { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 390px) {
  .advanced-reader-six { padding: .8rem; }
  .advanced-reader-six-tasks, .advanced-reader-six-leads { grid-template-columns: 1fr; }
}