/* The lesson structure, grid, type, spacing and figure borders come from the
   captured manual CSS/DOM. These rules establish the printable manual's light
   field, fit complete official PNG crops, and expose keyboard focus. */

body {
  background: #fff;
  color: rgb(31, 31, 31);
}

.lesson-figure {
  overflow: hidden;
  background: #fff;
}

.lesson-figure > .svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.lesson-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
  opacity: 1;
}

.page a:focus-visible {
  outline: 1px solid rgb(31, 31, 31);
  outline-offset: 3px;
}

/* The captured Get Started row uses a clear only for its mobile two-across
   cadence; desktop keeps the c3 + c3 + c6 figures on one baseline. */
@media (min-width: 768px) {
  .opening-mobile-clear {
    display: none;
  }
}