/* GSMC patient education: handout illustrations + on-screen media (added 2026-10-04). Loaded after /assets/v2/handout.css. */
.handout .ho-what{display:flow-root}
.handout .ho-fig{float:right;width:min(340px,46%);margin:0 0 10px 18px;padding:0}
.handout .ho-fig img{display:block;width:100%;height:auto;border:1px solid #d5dee8;border-radius:8px;background:#fff}
@media (max-width:640px){
  .handout .ho-fig{float:none;width:100%;max-width:340px;margin:0 auto 12px}
}
.pe-media{max-width:820px;margin:28px auto 0;padding:22px 24px;background:#fff;border:1px solid #d5dee8;border-radius:12px}
.pe-media h2{font-size:1.25rem;margin:0 0 12px}
.pe-media h2:not(:first-child){margin-top:22px}
.pe-media .vid,.pe-media .stepper,.pe-media .anim-box{max-width:100%}
@media (max-width:640px){.pe-media{padding:16px 14px;margin-top:20px}}
@media print{
  .pe-media{display:none!important}
  .handout .ho-fig{width:3.15in;margin:.02in 0 .04in .16in}
  .handout .ho-fig.ho-fig--sm{width:2.6in}
  .handout .ho-fig img{border:0;border-radius:0}
}