.node-type-character {

  .layout--twocol-section {
    gap: 20px;

    .layout__region--first {
      flex: 0 1 calc(67% - 20px);

      h1 {
        margin-bottom: 5px;
        background: var(--site-primary);
        color: var(--site-platinum);
        padding: 0 10px;
      }

      h3 {
        margin: 0;
        font-style: italic;
        font-size: 16px;
        color: var(--site-gray);
        display: inline-block;
        padding: 0 10px;
      }
    }

    .layout__region--second {
      flex: 0 1 calc(33% - 20px);
      text-align: center;

      [class^=field] {
        > div:first-child {
          background: var(--site-gray);
          color: var(--site-white);
          font-size: 18px;
          font-weight: 900;
          padding: 5px 0;
        }
        div:nth-child(2) {
          padding: 5px 0;
          color: var(--site-gray);
        }
      }
    }

  }


  .layout__region--first p {
    font-size: 18px;
    line-height: 24px;
  }
}
