<commit_before>&--theme {
  @include bg-image-overlay;
  @include border-radius;
  @include flex;
  @include flex-column;
  @include flex-h-end;
  @include responsive(height, rem-calc(460), rem-calc(460), rem-calc(760));
  background-color: $grey-dark;
  background-position: center;
  background-size: cover;
  color: $white;
  margin-bottom: rem-calc(20);
  margin-left: 0;
  padding: rem-calc(32 30);
  text-decoration: none;

  position: relative;

  &:hover::before { background-color: rgba(0,0,0,0.7); }

  &::before { @include border-radius; }

  .card {
    &__ribbon {
      @include flex;
      @include flex-column;
      @include flex-h-between;
      @include flex-v-center;
      @include responsive(width, rem-calc(134), rem-calc(150), rem-calc(150));
      @include responsive(height, rem-calc(134), rem-calc(150), rem-calc(150));
      background-color: $grey-black;
      padding: rem-calc(20 10);
      text-align: center;
      
      @include responsive(right, rem-calc(22), rem-calc(26), rem-calc(44));
      position: absolute;
      top: 0;
    } 

      &__icon {
        &.marine-protected-areas {
          @include icon-pin-blue;
        }
      }

      &__number {
        @include responsive(font-size, rem-calc(20), rem-calc(30), rem-calc(40));
        color: $primary;
        font-weight: $bold;
      }

        &__number-text { 
          @include responsive(font-size, rem-calc(16), rem-calc(18), rem-calc(18));
          line-height: 1; 
        }

    &__summary {
      @include responsive(display, none, block, block);
    }

    &__title {
      @include text-theme-cards;
    }
  }
}<commit_msg>Make sure PA number appears on new line and sort out sizing of pin<commit_after>&--theme {
  @include bg-image-overlay;
  @include border-radius;
  @include flex;
  @include flex-column;
  @include flex-h-end;
  @include responsive(height, rem-calc(460), rem-calc(460), rem-calc(760));
  background-color: $grey-dark;
  background-position: center;
  background-size: cover;
  color: $white;
  margin-bottom: rem-calc(20);
  margin-left: 0;
  padding: rem-calc(32 30);
  text-decoration: none;

  position: relative;

  &:hover::before { background-color: rgba(0,0,0,0.7); }

  &::before { @include border-radius; }

  .card {
    &__ribbon {
      @include flex;
      @include flex-column;
      @include flex-h-between;
      @include flex-v-center;
      @include responsive(width, rem-calc(134), rem-calc(150), rem-calc(150));
      @include responsive(height, rem-calc(134), rem-calc(150), rem-calc(150));
      background-color: $grey-black;
      padding: rem-calc(20 10);
      text-align: center;
      
      @include responsive(right, rem-calc(22), rem-calc(26), rem-calc(44));
      position: absolute;
      top: 0;
    } 

      &__icon {
        flex-shrink: 0;

        &.marine-protected-areas {
          @include icon-pin-blue;
        }
      }

      &__number {
        @include responsive(font-size, rem-calc(20), rem-calc(30), rem-calc(40));
        color: $primary;
        font-weight: $bold;
        line-height: 1;
        margin-top: rem-calc(10);

        display: block;
      }

        &__number-text { 
          @include responsive(font-size, rem-calc(16), rem-calc(18), rem-calc(18));
          line-height: 1; 
        }

    &__summary {
      @include responsive(display, none, block, block);
    }

    &__title {
      @include text-theme-cards;
    }
  }
}
{'fraction_non_alphanumeric': 0.15594995635728834, 'fraction_numerical': 0.037823683444864704, 'mean_word_length': 2.479757085020243, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4668414', 'n_tokens_mistral': 1274, 'n_tokens_neox': 1144, 'n_words': 237}