/* Screen layout for the VA-ECMO guide. Letter-page typography stays in print. */
/* A quiet quick-reference panel keeps red for the urgent action itself. */
body[data-guide-id="va-ecmo"] .page[data-page="1"] .emerg {
  background: var(--paper);
  border-color: var(--rule-hair);
}
body[data-guide-id="va-ecmo"] .page[data-page="1"] .emerg .lbl {
  background: var(--paper-warm);
  color: var(--guide-red-deep);
  text-transform: none;
  letter-spacing: .02em;
}
body[data-guide-id="va-ecmo"] .page[data-page="1"] .emerg .lbl::before {
  border-bottom-color: var(--guide-red-deep);
}
body[data-guide-id="va-ecmo"] .page[data-page="1"] .emerg .cell {
  border-color: var(--rule-hair);
  border-right-style: solid;
}
body[data-guide-id="va-ecmo"] .page[data-page="1"] .emerg .cell .k {
  color: var(--ink);
  letter-spacing: .04em;
}
@media screen {
  body[data-guide-id="va-ecmo"] .reader-shell {
    width: min(100%, 1740px);
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: 24px;
  }
  body[data-guide-id="va-ecmo"] .guide-context-inner { max-width: 1740px; }
  body[data-guide-id="va-ecmo"].mcp-reader .stage > .page {
    padding: 30px 32px !important;
    overflow-wrap: anywhere;
  }
  body[data-guide-id="va-ecmo"] .page :where(div, section, figure, ul, li) { min-width: 0; }
  body[data-guide-id="va-ecmo"] .page :is(.band, .dc-hd, .scn-hd) { flex-wrap: wrap; }
  body[data-guide-id="va-ecmo"] .page .band {
    gap: 8px 12px;
    margin: 24px 0 12px !important;
  }
  body[data-guide-id="va-ecmo"] .band h2 { flex: 1 1 280px; white-space: normal; }
  body[data-guide-id="va-ecmo"] .band .tag { max-width: 100%; white-space: normal; padding-left: 0; }
  body[data-guide-id="va-ecmo"] .band .rule { display: none; }
  body[data-guide-id="va-ecmo"] .head .title .sub { white-space: normal; }
  body[data-guide-id="va-ecmo"] .cols3 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  }
  body[data-guide-id="va-ecmo"] .cols2 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  }
  body[data-guide-id="va-ecmo"] :is(.cols2, .cols3) { gap: 20px; }
  body[data-guide-id="va-ecmo"] :is(.cols2, .cols3) > .col {
    padding: 14px 0;
    border-right: 0;
  }
  body[data-guide-id="va-ecmo"] .colhead { margin-bottom: 14px; }
  body[data-guide-id="va-ecmo"] .colhead h3 { line-height: 1.3; }
  body[data-guide-id="va-ecmo"] .sub-h { margin: 16px 0 8px; line-height: 1.4; }
  body[data-guide-id="va-ecmo"] ul.dense li,
  body[data-guide-id="va-ecmo"] ul.dense.compact li { padding: 4px 0 4px 12px; line-height: 1.5; }
  body[data-guide-id="va-ecmo"] :is(.indic, .alarm-card, .pathophys) { padding: 12px; line-height: 1.5; }
  body[data-guide-id="va-ecmo"] .emerg { grid-template-columns: minmax(0, 1fr); }
  body[data-guide-id="va-ecmo"] .page[data-page="1"] .emerg { border-top: 2px solid var(--guide-red-deep); }
  body[data-guide-id="va-ecmo"] .page[data-page="1"] .emerg .cell { border-bottom-style: solid; }
  body[data-guide-id="va-ecmo"] .emerg .lbl { justify-content: flex-start; padding: 10px 14px; text-align: left; }
  body[data-guide-id="va-ecmo"] .emerg .lbl br { display: none; }
  body[data-guide-id="va-ecmo"] .emerg .lbl { column-gap: 6px; }
  body[data-guide-id="va-ecmo"] .emerg .cells { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-guide-id="va-ecmo"] .emerg .cell { padding: 14px; border-bottom: 1px dashed var(--rule-hair); }
  body[data-guide-id="va-ecmo"] .emerg .cell:nth-child(2n) { border-right: 0; }
  body[data-guide-id="va-ecmo"] .emerg .cell .k { margin-bottom: 6px; }
  body[data-guide-id="va-ecmo"] .page .lever { grid-template-columns: minmax(0, 1fr) !important; gap: 8px; padding: 12px; }
  body[data-guide-id="va-ecmo"] .lever .lk {
    width: auto;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    padding: 0 0 8px;
    border-right: 0;
    border-bottom: 1px dotted var(--rule-hair);
  }
  body[data-guide-id="va-ecmo"] .lever .lk :is(h4, .role) { text-align: left; line-height: 1.4; }
  body[data-guide-id="va-ecmo"] .lever .lk-num { line-height: 1.4; }
  body[data-guide-id="va-ecmo"] .lever-grid { gap: 12px; }
  body[data-guide-id="va-ecmo"] :is(.sys-grid, .grade-grid, .frame-strip, .targets) {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  }
  body[data-guide-id="va-ecmo"] :is(.sys-cell, .grade-cell, .frame-cell) { padding: 14px; line-height: 1.5; }
  body[data-guide-id="va-ecmo"] .frame-cell .fc-h { margin: 6px 0; line-height: 1.35; }
  body[data-guide-id="va-ecmo"] .page .mech-strip { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important; overflow: visible; }
  body[data-guide-id="va-ecmo"] .mech-strip .ms-hdr { grid-column: 1 / -1; justify-content: flex-start; }
  body[data-guide-id="va-ecmo"] .mech-strip .ms-cell { padding: 12px; line-height: 1.5; }
  body[data-guide-id="va-ecmo"] .ms-hdr-lbl br { display: none; }
  body[data-guide-id="va-ecmo"] .circuit-wrap { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body[data-guide-id="va-ecmo"] .circuit-wrap .legend { display: flex; flex-wrap: wrap; gap: 8px 20px; }
  body[data-guide-id="va-ecmo"] .circuit-wrap .legend .lh { flex-basis: 100%; }
  body[data-guide-id="va-ecmo"] .circuit-wrap .legend .lk { white-space: normal; }
  body[data-guide-id="va-ecmo"] .device-page { grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr)); gap: 24px; }
  body[data-guide-id="va-ecmo"] .device-card .dc-body { padding: 16px; gap: 14px; }
  body[data-guide-id="va-ecmo"] .device-card .dc-hd .dur { white-space: normal; max-width: 100%; line-height: 1.4; }
  body[data-guide-id="va-ecmo"] .device-card svg.console-svg { max-height: none; }
  body[data-guide-id="va-ecmo"] .callouts { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body[data-guide-id="va-ecmo"] .callouts .co { gap: 8px; }
  body[data-guide-id="va-ecmo"] .callouts .co .n { width: 24px; height: 24px; }
  body[data-guide-id="va-ecmo"] .tips .tip { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 10px 0; }
  body[data-guide-id="va-ecmo"] .tips .tip .k { white-space: normal; }
  body[data-guide-id="va-ecmo"] .device-compare { grid-template-columns: minmax(100px, .65fr) repeat(2, minmax(0, 1fr)); }
  body[data-guide-id="va-ecmo"] .device-compare > div { padding: 12px; }
  body[data-guide-id="va-ecmo"] table :is(th, td) { overflow-wrap: anywhere; white-space: normal; padding: 9px; }
  body[data-guide-id="va-ecmo"] .cannula-tbl :is(th, td) { padding: 9px; }
  body[data-guide-id="va-ecmo"] .tl-row { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 10px 0; }
  body[data-guide-id="va-ecmo"] .mcs .row-m { grid-template-columns: minmax(0, 1fr); gap: 5px; padding: 10px 0; }
  body[data-guide-id="va-ecmo"] .scn-hd { display: flex; }
  body[data-guide-id="va-ecmo"] .scn-name { flex: 1 1 200px; }
  body[data-guide-id="va-ecmo"] .scn-tag { white-space: normal; }
  body[data-guide-id="va-ecmo"] .north-south-layout > .col:first-child { display: contents; }
  body[data-guide-id="va-ecmo"] .north-south-layout .ns-wrap { grid-column: 1 / -1; grid-row: 1; margin: 0; padding: 0; }
  body[data-guide-id="va-ecmo"] .north-south-layout .pathophys { align-self: start; margin-top: 14px; }
  body[data-guide-id="va-ecmo"] .ns-wrap picture { display: block; }
  body[data-guide-id="va-ecmo"] .ns-wrap img { display: block; width: 100%; height: auto; }
  body[data-guide-id="va-ecmo"] .ns-wrap figcaption { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--rule-hair); }
  body[data-guide-id="va-ecmo"] [data-ecmo-motion-toggle],
  body[data-guide-id="va-ecmo"] [data-ecmo-motion-replay] { padding: 9px 14px; min-height: 44px; font: 700 15px/1.4 "Hanken Grotesk", sans-serif; color: var(--guide-red-deep); background: var(--paper); border: 1px solid var(--guide-red-deep); border-radius: 6px; cursor: pointer; }
  body[data-guide-id="va-ecmo"] [data-ecmo-motion-toggle]:focus-visible,
  body[data-guide-id="va-ecmo"] [data-ecmo-motion-replay]:focus-visible { outline: 3px solid var(--guide-red); outline-offset: 3px; }
}
@media print {
  body[data-guide-id="va-ecmo"] .scn-step { grid-template-columns: 40px minmax(0, 1fr); }
  body[data-guide-id="va-ecmo"] .ns-wrap { margin: 4px 0 0; }
  body[data-guide-id="va-ecmo"] .ns-wrap img { display: block; width: 100%; height: auto; }
  body[data-guide-id="va-ecmo"] .ns-wrap figcaption { font-size: 6pt; }
  body[data-guide-id="va-ecmo"] [data-ecmo-motion-toggle],
  body[data-guide-id="va-ecmo"] [data-ecmo-motion-replay] { display: none !important; }
}
@media screen and (max-width: 1180px) {
  body[data-guide-id="va-ecmo"] .reader-shell { display: block; }
  body[data-guide-id="va-ecmo"].mcp-reader .stage > .page { padding: 24px 20px !important; }
}
@media screen and (max-width: 620px) {
  body[data-guide-id="va-ecmo"].mcp-reader .stage > .page { padding: 22px 16px !important; }
  body[data-guide-id="va-ecmo"] .emerg .cells { grid-template-columns: minmax(0, 1fr); }
  body[data-guide-id="va-ecmo"] .emerg .cell { border-right: 0; }
  body[data-guide-id="va-ecmo"] :is(.cols2, .cols3) { gap: 0; }
  body[data-guide-id="va-ecmo"] .band .tag { flex-basis: 100%; }
}

body[data-guide-id="va-ecmo"] .ve-motion-controls{display:flex;flex-wrap:wrap;gap:8px}
body[data-guide-id="va-ecmo"] .ve-motion-controls button:disabled{opacity:.65;cursor:default}
@media print{body[data-guide-id="va-ecmo"] .ve-motion-controls{display:none!important}}

/* Evidence refresh: reclaim space only in the affected Letter chapters. */
@media print {
  body[data-guide-id="va-ecmo"] .page[data-page="1"] .lever .lk { width: 48px; }
  body[data-guide-id="va-ecmo"] .page[data-page="1"] .targets .t-card { padding: 3px 6px 4px; }
  body[data-guide-id="va-ecmo"] .page[data-page="1"] .targets .t-body { line-height: 1.22; }
  body[data-guide-id="va-ecmo"] .page:is([data-page="2"], [data-page="3"]) ul.dense li { padding-top: 0; padding-bottom: 0; }
  body[data-guide-id="va-ecmo"] .page[data-page="3"] .band { margin-top: 3px !important; margin-bottom: 2px; }
  body[data-guide-id="va-ecmo"] .page[data-page="3"] :is(.cols2, .cols3) > .col { padding-top: 3px; padding-bottom: 3px; }
  body[data-guide-id="va-ecmo"] .page[data-page="4"] .north-south-layout .row-m { grid-template-columns: 40px minmax(0, 1fr); gap: 6px; padding: 2px 0; line-height: 1.2; }
  body[data-guide-id="va-ecmo"] .page[data-page="4"] .tl-row { grid-template-columns: 32px minmax(0, 1fr); gap: 5px; padding: 2px 0; line-height: 1.2; }
  body[data-guide-id="va-ecmo"] .page[data-page="4"] .band { margin-top: 4px !important; margin-bottom: 2px; }
  body[data-guide-id="va-ecmo"] .page[data-page="6"] .device-card .dc-body { gap: 3px; padding-bottom: 4px; }
}

/* Keep the relocated monitoring callout beside the response pathway on wide screens. */
@media screen and (min-width: 800px) {
  body[data-guide-id="va-ecmo"] .north-south-layout .pathophys { grid-column: 1; grid-row: 2; }
  body[data-guide-id="va-ecmo"] .north-south-layout .ns-monitor { grid-column: 1; grid-row: 3; align-self: start; }
  body[data-guide-id="va-ecmo"] .north-south-layout > .col:last-child { grid-column: 2; grid-row: 2 / span 2; }
}

@media print {
  body[data-guide-id="va-ecmo"] .page[data-page="3"] .sub-h { margin-top: 2px !important; margin-bottom: 2px; }
  body[data-guide-id="va-ecmo"] .page[data-page="3"] > :is(.cols2, .cols3) { margin-top: 1px !important; }
  body[data-guide-id="va-ecmo"] .page[data-page="4"] ul.dense li { padding-top: 0; padding-bottom: 0; }
  body[data-guide-id="va-ecmo"] .page[data-page="4"] :is(.cols2, .cols3) > .col { padding-top: 3px; padding-bottom: 3px; }
}