.apple-news,
.apple-tweets {
  display: flex;
  flex-direction: column;
  padding-left: var(--space-medium);
  padding-right: var(--space-medium);
  position: relative;
  z-index: 1;
}

.apple-news__container {
  background: linear-gradient(
    150deg,
    var(--color-peach) 0,
    var(--color-canary) 100%
  );
  border-radius: 0.8em;
  margin-inline: auto;
  padding: var(--space-neutral);
  width: min(100%, 40em);
}

.apple-news__container ul {
  column-gap: var(--space-large);
  column-width: 15em;
  font-size: var(--font-size-xx-small);
  letter-spacing: -0.0125em;
  margin-top: calc(-1 * var(--space-neutral));
}

.apple-news__container ul li {
  display: inline-block;
  margin-top: var(--space-neutral);
}

.apple-news__container ul li strong {
  background: var(--color-white);
  border-radius: 0.25em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  margin-left: -0.35em;
  margin-right: 0.1em;
  padding: 0.15em 0.35em 0.05em 0.35em;
}

.apple-news__container ul li a {
  color: var(--color-black);
  font-weight: 400;
  text-decoration: none;
}

@media(min-width: 64em) {

  .apple-news {
    padding-left: var(--space-large);
    padding-right: var(--space-large);
  }

  .apple-news__container {
    padding: var(--space-large);
  }

  .apple-news__container ul {
    font-size: var(--font-size-xxx-small);
  }

}

.apple-tweets {
  align-items: center;
}

.apple-tweets blockquote {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  margin-inline: auto;
  text-align: center;
  width: min(100%, 24em);
}

.apple-tweets blockquote q {
  font-size: var(--font-size-x-small);
  letter-spacing: -0.0125em;
  margin-top: -0.2725em;
}

.apple-tweets blockquote cite {
  font-size: var(--font-size-xx-small);
  font-weight: 500;
  letter-spacing: -0.0125em;
  margin-bottom: -0.3775em;
}

.apple-tweets blockquote:not(:last-child) {
  margin-bottom: var(--space-neutral);
}