.github-fakeshot {
  container-type: inline-size;
  margin: 1.5rem 0;

  & .commit-link {
    display: block;
    color: inherit;
    text-decoration: none;
  }

  & .commit-link:focus-visible {
    outline: 2px solid var(--accent-col);
    outline-offset: 3px;
  }

  & .commit-link:hover .commit-title {
    color: #0969da;
  }

  & .commit-card {
    padding: 1.5em;
    border: 1px solid #d1d9e0;
    color: #1f2328;
    background: #fff;
    box-shadow: 0 0.35rem 1.25rem #0005;
    font-family: "InterVariable", "Inter", sans-serif;
    font-size: clamp(0.75rem, 2cqw, 0.875rem);
    line-height: 1.5;
  }

  & .commit-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75em 1.5em;
  }

  & .commit-info {
    min-width: 0;
  }

  & .commit-title {
    display: flex;
    align-items: center;
    gap: 0.65em;
    font-size: 1.375em;
    line-height: 1.3;

    & .comment-icon {
      display: inline-flex;
      flex: none;
      color: #59636e;
      border-radius: 4px;
      box-shadow: 0 0 0 8px #fff, 0 0 0 9px #f6f8fa;
    }

    & svg {
      width: 1.1em;
      height: 1em;
    }
  }

  & .commit-byline {
    display: flex;
    align-items: center;
    gap: 0.65em;
    margin-top: 0.55em;
    color: #59636e;

    & img {
      flex: none;
      width: 1.625em;
      height: 1.625em;
      max-width: none;
      margin: 0;
      border-radius: 50%;
    }
  }

  & .commit-actions {
    display: flex;
    align-items: center;
    gap: 1.4em;
    color: #59636e;

    & code {
      margin: 0;
      padding: 0;
      color: #1f2328;
      background: none;
      font-family: "Ioskeley", ui-monospace, monospace;
      font-size: 0.875em;
      font-weight: 400;
    }

    & svg {
      width: 1.5em;
      height: 1.5em;
    }
  }

  & figcaption {
    margin-top: 0.75rem;
    color: var(--fg-col-mute);
    font-size: 0.875rem;
    text-align: center;
  }
}

@media (min-width: 1050px) {
  .github-fakeshot {
    width: calc(100% + 6rem);
    margin-inline: -3rem;
  }
}