/* Boston Scientific ICD casebook -- additions to reader.css, which every casebook shares and
   keeps identical. A LATITUDE strip stacks three channels and three marker rows in one
   picture, so at reader.css's desktop stage height (280 px) its marker text came out about
   6 px tall and blurred. A taller stage on desktop shows each strip at about its printed
   size; phones and tablets keep reader.css's height. */
@media (min-width:900px){
  .js .cb-stage{height:min(52vh,460px)}
}

/* The "enlarge" button boston.js adds to each viewer: the stage takes most of the screen,
   leaving about 100 px of page in view to scroll by (the stage keeps every touch for
   panning). Full screen ignores it. */
.js .cb-viewer.cb-tall .cb-stage{height:min(calc(100vh - 200px),1100px);min-height:300px}
@supports (height:100svh){
  .js .cb-viewer.cb-tall .cb-stage{height:min(calc(100svh - 200px),1100px)}
}
.js .cb-viewer.full.cb-tall .cb-stage{height:auto;min-height:0}
.cb-viewer.full .cb-tools .zt{display:none}
.js .cb-tools .zt[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:transparent}

/* Teaching on a laptop, a projector or a big screen (2026-10-14: "it would be nice if the EGM screen would fit the
   horizontal width"): from 1100 px wide, the EGM viewer leaves the 820-px reading column and takes the width of the
   window, 24 px from each side; its notes stay in the column. Full screen is left as it is. */
@media (min-width:1100px){
  .js .cb-viewer:not(.full){width:calc(100vw - 48px);margin-left:calc(50% - 50vw + 24px)}
}

/* The "numbers" button boston.js adds where the strips also come without their numbers (data-clean, the CRT book):
   it hides the numbered tags, their tap spots and their dots on the scroll bar, in every viewer of the page. */
.cb-notags .cb-spot,.cb-notags .cb-ticks b{display:none}
.js .cb-tools .zn[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:transparent}

/* The note of a number on the tracing, shown on mouse-over (boston.js; 2026-10-14: "can the numbers/tags/labels also
   show the text with mouseover?"). Mouse and trackpad only: on a touch screen a tap opens the note as before. */
.cb-tip{position:fixed;z-index:10000;display:none;max-width:min(380px,calc(100vw - 16px));padding:9px 12px;
  border-radius:10px;background:#14213d;color:#fff;font:15px/1.45 var(--f-read,Georgia,serif);
  box-shadow:0 8px 28px rgba(10,20,40,.28);pointer-events:none}
.cb-tip b{display:inline-block;min-width:22px;margin-right:7px;padding:0 6px;border-radius:6px;background:#fff;color:#14213d;
  font:700 13px/20px var(--f-ui,Arial,sans-serif);text-align:center}