body {
  background-color: white !important;
}

.narrow-content {
  container-type: inline-size;
  max-width: min(95%, 1024px);
  margin: 0 auto;
}

.margin-top {
  margin-top: 1rem;
}

/* Component-Specific Tweaks */
.docexample-button-photo img {
  max-width: 500px;
}
.docexample-caption-photo img {
  max-width: 450px;
}
.docexample-collapse-menu {
  max-width: 450px;
}
.docexample-grid h2 {
  margin: 3rem 0 1rem 0;
}
.docexample-longform-breakout .narrow-content {
  max-width: min(65%, 800px);
}
.docexample-longform-breakout img {
  max-width: 300px;
}
.docexample-navbar .navbar {
  display: block !important;
}
.docexample-pager .pager__item {
  display: inline-block !important;
}
.docexample-pullquote img {
  max-width: 300px;
}
.docexample-animation {
  p {
    margin-bottom: 500px;
  }
  div > div {
    background-color: var(--uowdf-color-grass-green);
  }
}
.docexample-box-shadows > div > div {
  margin-bottom: 30px;
}
.docexample-sizing > div > div {
  margin-bottom: 30px;
}
.docexample-spacing > div > div {
  /*margin-bottom: 30px;*/
}