.node {
  > .node__content {
    > .field,
    > .group > .field {
      @extend %field;
    }
  }

  .field--name-field-article-type,
  .field--name-field-press-release-type,
  .field--name-field-report-type,
  .field--name-field-blog,
  .field.type {
    @extend .usa-tag;

    a {
      border-bottom: 0;
    }

    .tags-hidden &,
    .dropdown-menu & {
      display: none;
    }
  }

  .field--name-field-legal-library-record-types {
    .field__item {
      @extend .usa-tag;
    }

    a {
      border-bottom: 0;
    }

    + h3 {
      margin-top: 1rem;
    }

    .tags-hidden & {
      display: none;
    }
  }

  &.node--view-mode-banner {
    .field--name-field-press-release-type,
    .field--name-field-blog {
      @extend .usa-tag--big;
    }

    .field--name-field-subtitle {
      @extend .usa-intro;
    }
  }

  &.node--view-mode-default,
  &.node--view-mode-cfg-default,
  &.node--view-mode-full {
    > .node__content {
      @include breakpoint($tablet) {
        > .field {
          font-size: 1.7rem;

          > .field__label {
            font-size: 1.7rem;
          }
        }
      }
    }

    .field--name-field-tags-view {
      .view__content {
        * {
          display: inline;
        }

        .view-header {
          font-weight: 700;
        }

        ul {
          padding-left: 0.5rem;

          li {
            white-space: nowrap;

            &:not(:last-child):after {
              content: '|';
              margin-right: 0.25rem;
              margin-left: 1rem;
              color: rgba($darkblue, 0.25);
            }
          }
        }
      }
    }

    .field--name-field-terms {
      .field__item {
        white-space: nowrap;

        &:not(:last-child):after {
          content: ',';
          margin-right: 0.25rem;
        }
      }
    }

    .field--name-field-matter-number {
      .field__item {
        &:not(:last-child):after {
          content: '|';
          margin-left: 0.5rem;
        }
      }
    }

    .field--name-field-boilerplate-block {
      @extend p;
    }

    .field--type-text-with-summary,
    .field--type-text-long {
      @extend %prose;

      p.callout {
        max-width: 88rem;
      }

      a {
        overflow-wrap: anywhere;
      }
    }
  }

  &.node--view-mode-teaser {
    > .node__content {
      > .field,
      > .node-title {
        ~ .field,
        ~ .node-title {
          margin-top: 1.6rem;
        }
      }
    }

    .field--name-field-referenced-content & {
      @extend .usa-card;

      .node__content {
        @extend .usa-card__container;
        position: relative;
        margin: 0;

        .node-title {
          @extend h3;
          padding-top: 2.4rem;
          margin-top: 0;
          font-size: 2.4rem;

          div[class*='bg-'] & {
            @extend .usa-card__header;
            padding-bottom: 3rem;
          }

          @include at-media('desktop') {
            font-size: 3rem;
          }
        }

        .field {
          display: none;
          padding-top: 1.2rem;

          &.field--name-field-short-summary,
          &.field--name-body {
            //display: block;
            padding-top: 0;

            div[class*='bg-'] & {
              padding-top: 0;
            }
          }

          &.field--name-field-thumbnail {
            display: block;
          }

          div[class*='bg-'] & {
            @extend .usa-card__body;

            &.field--name-field-thumbnail {
              padding: 0;
              flex: 0;
            }
          }
        }
      }
    }

    .field--name-field-referenced-content.field--count-4 & {
      div[class*='bg-'] & {
        @include breakpoint($desktop) {
          .node__content {
            .node-title {
              padding: 2rem 2rem 1rem;
              font-size: 2.6rem;
              padding-bottom: 3rem;
            }

            .field {
              padding: 0 2rem 2rem;

              &.field--name-field-thumbnail {
                padding: 0;
              }
            }
          }
        }
      }
    }
  }

  &.node--view-mode-search-result {
    > .node__content {
      @extend .group-flag;

      .group {
        max-width: 100%;
      }
    }

    .field--name-body {
      overflow-wrap: anywhere;
    }
  }
}