/* Let phone screenshots remain readable on a phone-sized website. */
@media (max-width: 650px) {
  .screens {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 1.25rem;
  }
  .screens figure {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }
  .screens figcaption { font-size: 1rem; }
}
.screens:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 5px;
}