/* Made by GPT-6.1, tested but not fully reviewed codex://threads/01a14474-50ef-7650-803e-a71bff711f4b */

.film {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  margin-block: 24px 48px;

  & > a > img {
    display: block;
    width: 100%;
    height: auto;
  }

  & > div {
    align-self: stretch;
    border-inline-start: 1px solid light-dark(#eeeeee, #292929);
    padding-inline-start: 24px;

    & > p:first-child {
      margin-top: 0;
    }

    & > p:last-child {
      margin-bottom: 0;
    }
  }

  @media (width < 640px) {
    grid-template-columns: minmax(0, 1fr);

    & > a {
      width: min(240px, 100%);
    }

    & > div {
      border-inline-start: 0;
      padding-inline-start: 0;
    }
  }
}