.outages-center-page .service-showcase.is-media-left .service-showcase__media {
  aspect-ratio: 4 / 5;
}

.outages-center-page__archive-link {
  width: min(100% - 2rem, var(--layout-content-max-width));
  margin: 2rem auto;
  color: var(--color-text-default);
  line-height: 1.7;
}

.outages-center-page__archive-link a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.outages-center-page__archive-link a:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

@media (min-width: 900px) {
  .outages-center-page .service-showcase.is-media-left .service-showcase__layout {
    gap: clamp(2.5rem, 5vw, 5.5rem);
    grid-template-columns: minmax(17rem, 2fr) minmax(0, 3fr);
  }
}

@media (min-width: 900px) {
  .outages-center-page .service-showcase.is-media-left .service-showcase__media {
    width: min(100%, 34rem);
    aspect-ratio: 2 / 3;
    justify-self: end;
  }
}

@media (min-width: 1200px) {
  .outages-center-page .service-showcase.is-media-left .service-showcase__media {
    width: min(calc(100% - 1.25rem), 34rem);
  }
}