/* Let educational pictures use the available phone width without cropping. */
.image-enlarge-link,.diagram-enlarge-button{min-height:48px;display:inline-flex;align-items:center;padding:10px 0;color:#146778;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer}
.diagram-enlarge-button:focus-visible{outline:3px solid #a36d18;outline-offset:4px}
.diagram-zoom{width:calc(100% - 20px);max-width:1200px;max-height:92dvh;padding:18px;border:1px solid #c7d6d7;border-radius:12px;background:#fff;color:#143345}
.diagram-zoom::backdrop{background:#061a2dcc}.diagram-zoom-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.diagram-zoom-header p{margin:0;font-size:17px}.diagram-zoom-close{min-width:76px;min-height:48px;border:0;border-radius:8px;background:#146778;color:#fff;font:inherit;font-weight:700;cursor:pointer}.diagram-zoom-scroll{overflow:auto;max-height:70dvh;background:#fff;border:1px solid #d5dedf}.diagram-zoom-scroll svg{display:block;width:1000px!important;max-width:none!important;height:auto!important;min-height:155px;color:#193749;background:#fff}
@media(max-width:760px){
 html.reading-enabled main figure.phone-readable-figure{max-width:none!important;min-width:0}
 html.reading-enabled main figure.phone-readable-figure img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain}
 .simple-figures{width:calc(100% + 36px);margin-inline:-18px;grid-template-columns:minmax(0,1fr)!important}
 .simple-figures>figure{width:100%!important;margin-inline:0!important}
 .simple-figures figcaption,.simple-figures .image-enlarge-link{margin-inline:18px}
 .afib-visual-page .afib-visual-layout{grid-template-columns:minmax(0,1fr)}
 .afib-visual-page .afib-visual-lesson>figure.phone-readable-figure,
 .afib-visual-page .afib-visual-layout>figure.phone-readable-figure,
 .afib-visual-page .afib-visual-explanation>figure.phone-readable-figure{width:calc(100% + 36px)!important;margin-inline:-18px!important}
 .afib-visual-page .afib-visual-lesson figure.phone-readable-figure :is(figcaption,.image-enlarge-link,.stroke-enlarge,.flutter-enlarge){margin-inline:18px}
 .afib-visual-page .afib-visual-lesson figure.phone-readable-figure img{border-radius:0}
 .afib-visual-page .stroke-mobile-panels{gap:20px}
 #hmc-block-ekgs-60821 figure.phone-readable-figure{width:calc(100% + 32px);margin-inline:-16px}
 #hmc-block-ekgs-60821 figure.phone-readable-figure :is(h3,figcaption,.diagram-enlarge-button){margin-inline:16px}
 .education-figure .diagram-scroll{overflow:visible}
 html.reading-enabled .education-figure .diagram-scroll img{min-width:0!important;max-width:100%!important}
}
@media print{.image-enlarge-link,.diagram-enlarge-button,.diagram-zoom{display:none!important}}

/* Separate full-width views of sinus node dysfunction and heart block. */
.split-rhythm-pictures{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;width:100%;max-width:720px;margin:24px auto}
.split-rhythm-pictures .rhythm-single-picture{width:100%;max-width:none;margin:0!important}
.split-rhythm-pictures .rhythm-single-picture svg{display:block;width:100%;height:auto;margin:0;border-radius:10px;background:#061a2d}
.split-rhythm-note{margin:0;color:inherit}
@media(max-width:760px){.split-rhythm-pictures{max-width:none}.afib-visual-page .split-rhythm-pictures svg{border-radius:0}.simple-figures .split-rhythm-note{margin-inline:18px}}

/* Keep both heart-failure illustrations large enough for their labels. */
.simple-figures:has(.hf-mobile-picture){grid-template-columns:minmax(0,1fr)!important}
html.reading-enabled main figure.hf-mobile-picture{width:100%;max-width:800px!important;margin-inline:auto!important}
html.reading-enabled main figure.hf-mobile-picture img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important}
@media(max-width:760px){.simple-figures:has(.hf-mobile-picture){width:calc(100% + 48px);margin-inline:-24px}.simple-figures .hf-mobile-picture .image-enlarge-link{margin-inline:24px}}

/* Make the CRT-D device and lead labels legible on a phone. */
.simple-figures:has(.crt-mobile-picture){grid-template-columns:minmax(0,1fr)!important}
html.reading-enabled main figure.crt-mobile-picture{width:100%;max-width:800px!important;margin-inline:auto!important}
html.reading-enabled main figure.crt-mobile-picture img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important}
@media(max-width:760px){.simple-figures:has(.crt-mobile-picture){width:calc(100% + 48px);margin-inline:-24px}.simple-figures .crt-mobile-picture .image-enlarge-link{margin-inline:24px}}

/* Larger coronary artery disease illustrations and labels. */
.simple-figures:has(.cad-mobile-picture){grid-template-columns:minmax(0,1fr)!important}
html.reading-enabled main figure.cad-mobile-picture{width:100%;max-width:800px!important;margin-inline:auto!important}
html.reading-enabled main figure.cad-mobile-picture img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important}
@media(max-width:760px){.simple-figures:has(.cad-mobile-picture){width:calc(100% + 48px);margin-inline:-24px}.simple-figures .cad-mobile-picture :is(.image-enlarge-link,figcaption){margin-inline:24px}}

/* Full-width valve illustrations with large words and arrows. */
.simple-figures:has(.valve-mobile-picture){grid-template-columns:minmax(0,1fr)!important}
html.reading-enabled main figure.valve-mobile-picture{width:100%;max-width:800px!important;margin-inline:auto!important}
html.reading-enabled main figure.valve-mobile-picture img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important}
@media(max-width:760px){.simple-figures:has(.valve-mobile-picture){width:calc(100% + 48px);margin-inline:-24px}.simple-figures .valve-mobile-picture :is(.image-enlarge-link,figcaption){margin-inline:24px}}

/* Readable blood-pressure and cholesterol figures on mobile. */
.simple-figures:has(.bp-lipid-mobile-picture){grid-template-columns:minmax(0,1fr)!important}
html.reading-enabled main figure.bp-lipid-mobile-picture{width:100%;max-width:800px!important;margin-inline:auto!important}
html.reading-enabled main figure.bp-lipid-mobile-picture img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important}
@media(max-width:760px){.simple-figures:has(.bp-lipid-mobile-picture){width:calc(100% + 48px);margin-inline:-24px}.simple-figures .bp-lipid-mobile-picture :is(.image-enlarge-link,figcaption){margin-inline:24px}}

/* Give every symptom's photographs and diagrams more room on a phone. */
.symptom-picture-page .simple-figures{grid-template-columns:minmax(0,1fr)!important}
html.reading-enabled .symptom-picture-page main figure.phone-readable-figure img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important}
@media(max-width:760px){
.symptom-picture-page .simple-figures{width:calc(100% + 48px);margin-inline:-24px}
.symptom-picture-page .simple-figures :is(figcaption,.image-enlarge-link,.diagram-enlarge-button,.split-rhythm-note){margin-inline:24px}
.symptom-picture-page:not(.afib-visual-page) .complete-guide figure.phone-readable-figure{width:calc(100% + 12px)!important;max-width:none!important;margin-inline:-6px!important}
}

html.reading-enabled main figure.symptom-mobile-illustration{width:100%!important;max-width:800px!important;margin-inline:auto!important}
html.reading-enabled main figure.symptom-mobile-illustration img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}

/* Stack the ankle comparison at a generous, phone-readable size. */
html.reading-enabled main figure.ankle-comparison-mobile{width:100%!important;max-width:760px!important;margin-inline:auto!important}
html.reading-enabled main figure.ankle-comparison-mobile img{display:block;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}

html.reading-enabled main figure.supplement-mobile-picture{width:100%!important;max-width:720px!important;margin-inline:auto!important}
html.reading-enabled main figure.supplement-mobile-picture img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}

/* Match patient-guide illustration sizing throughout the clinician guides. */
html.reading-enabled .clinician-picture-page main figure{width:100%!important;max-width:800px!important;min-width:0;margin-inline:auto!important}
html.reading-enabled .clinician-picture-page main figure img,html.reading-enabled .clinician-picture-page main figure>svg,html.reading-enabled .clinician-picture-page main figure .diagram-scroll>svg{display:block;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;object-fit:contain!important}
.clinician-picture-page main :is(div,section):has(>figure){grid-template-columns:minmax(0,1fr)!important;flex-direction:column}
.clinician-picture-page main .diagram-scroll{overflow:visible}
@media(max-width:760px){
 html.reading-enabled .clinician-picture-page main figure{max-width:none!important}
 .clinician-picture-page main .article>figure{width:calc(100% + 36px)!important;margin-inline:-18px!important}
 .clinician-picture-page main .article>figure :is(figcaption,.image-enlarge-link,.diagram-enlarge-button){margin-inline:18px}
}

/* Give each cardiac-firefighter stage its own large, stacked picture. */
.cardiac-firefighter-pictures{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-block:28px}
.cardiac-firefighter-pictures figure{margin-block:0!important}
.cardiac-firefighter-pictures figcaption{padding-top:14px;font-size:18px;line-height:1.65}
.cardiac-firefighter-pictures figcaption strong{display:block;font-size:22px;line-height:1.4;margin-bottom:6px}

/* Larger captions for clinician AFib teaching pictures. */
html.reading-enabled .clinician-afib-caption-page main figure figcaption,
html.reading-enabled .clinician-afib-caption-page main figure figcaption :is(p,li,a){font-size:20px!important;line-height:1.7!important}
html.reading-enabled .clinician-afib-caption-page main figure figcaption h3{font-size:24px!important;line-height:1.4!important}

/* Keep dual-chamber ICD labels and arrows large in both learning libraries. */
.simple-figures:has(.icd-mobile-picture){grid-template-columns:minmax(0,1fr)!important}
html.reading-enabled main figure.icd-mobile-picture{width:100%!important;max-width:800px!important;margin-inline:auto!important}
html.reading-enabled main figure.icd-mobile-picture img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
@media(max-width:760px){.simple-figures:has(.icd-mobile-picture){width:calc(100% + 48px);margin-inline:-24px}.simple-figures .icd-mobile-picture :is(figcaption,.image-enlarge-link){margin-inline:24px}}

/* Large Watchman views with phone-readable labels and arrows. */
.simple-figures:has(.watchman-mobile-picture){grid-template-columns:minmax(0,1fr)!important}
html.reading-enabled main figure.watchman-mobile-picture{width:100%!important;max-width:800px!important;margin-inline:auto!important}
html.reading-enabled main figure.watchman-mobile-picture img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
@media(max-width:760px){.simple-figures:has(.watchman-mobile-picture){width:calc(100% + 48px);margin-inline:-24px}.simple-figures .watchman-mobile-picture :is(figcaption,.image-enlarge-link){margin-inline:24px}}