.article {

  & .title {
    margin: 0;
  }

  & .block-page-title-block {
    background-color: var(--color--primary-60);
    padding: 0.5rem;
    padding-bottom: 54px;
    margin: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  & .page-title {
    font-size: calc(var(--sp) * 2.5);
    color: var(--color-text-neutral-loud);
  }

  /* For the images in the image field */
  & .field--name-field-image img {
    margin-inline-start: 110px;
  }

  & .body {
    padding: 1rem;

    & img {
      margin: 0.5rem;
    }

    /* I suspect the next two are no longer needed.
     * if there are no problems detected by May 15, 2026
     * delete them.
    & img.align-left,
    & img.alignleft {
      margin-inline-start: 0px;
    }

    & img.align-right,
    & img.alignright {
      margin-inline-end: 0px;
    }
    */
  }
}

.teaser__image {
  @media (min-width: 62.5rem) {
    position: relative !important;
    inset-inline-start: 0 !important;
    float: left;

    & .field--name-field-image {
      max-width: 200px;
      max-height: 200px;
      float: left;
      img {
        width: 100%;
        height: 100%;
        border-radius: 0px;
      }
    }
  }
}


.node--view-mode-full {
  & .title {
    font-size: 4rem;
  }

  & p {
    margin: 0;
    margin-top: 0.5rem;
  }
}