/**
 * 投稿コンテンツ
 */
.entry-header {
  margin-bottom: 5%;
}
.entry-contents {
  font-weight: 400;

  .wp-block-heading:is(h2) {
    font-feature-settings: "palt" 1;
    margin-top: 48px;
    margin-bottom: 0;
    background-color: #fff;
    border-left: 6px solid #bc002d;
    padding: 0.25em 16px;
    font-size: 2em;
    font-weight: 600;
  }
  .wp-block-heading:is(h3) {
    font-feature-settings: "palt" 1;
    margin-top: 32px;
    margin-bottom: -16px;
    border-bottom: 3px solid #bc002d;
    padding: 0.25em 16px;
    font-size: 1.5em;
    font-weight: 600;
  }

  .wp-block-heading:is(h4) {
    font-feature-settings: "palt" 1;
    margin-top: 32px;
    margin-bottom: -16px;
    border-left: 2px solid #bc002d;
    padding: 0.25em 16px;
    font-size: 1.25em;
    font-weight: 600;
  }

  p {
    line-height: 2;
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .wp-block-image {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .wp-block-quote {
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 16px;
    background-color: #eee;

    &::before {
      display: block;
      margin-bottom: -16px;
      content: "“";
      font-size: 2em;
      color: #999;
      text-align: left;
    }

    &::after {
      display: block;
      margin-top: -16px;
      content: "”";
      font-size: 2em;
      color: #999;
      text-align: right;
    }
  }
}

/**
 * メタ情報
 */
.entry-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  ul:is(.post-categories, .post-tags) {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    line-height: 1;

    &::before {
      content: "";
      display: inline-block;
      width: 18px;
      height: 18px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }
  }

  .post-categories {
    &::before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23bc002d%22%3E%3Cpath%20d%3D%22M160-160q-33%200-56.5-23.5T80-240v-480q0-33%2023.5-56.5T160-800h240l80%2080h320q33%200%2056.5%2023.5T880-640v400q0%2033-23.5%2056.5T800-160H160Z%22%2F%3E%3C%2Fsvg%3E");
    }
  }
  .post-categories > li {
    display: inline-block;
    color: #666;
  }
  .post-categories > li > a {
    font-size: 14px;
    font-weight: 500;
    color: #666;
  }
  .post-tags {
    &::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23bc002d%22%3E%3Cpath%20d%3D%22M856-390%20570-104q-12%2012-27%2018t-30%206q-15%200-30-6t-27-18L103-457q-11-11-17-25.5T80-513v-287q0-33%2023.5-56.5T160-880h287q16%200%2031%206.5t26%2017.5l352%20353q12%2012%2017.5%2027t5.5%2030q0%2015-5.5%2029.5T856-390ZM260-640q25%200%2042.5-17.5T320-700q0-25-17.5-42.5T260-760q-25%200-42.5%2017.5T200-700q0%2025%2017.5%2042.5T260-640Z%22%2F%3E%3C%2Fsvg%3E");
    }
  }
  .post-tags > li {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .post-tags > li > a {
    font-size: 12px;
    font-weight: 500;
    display: block;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0.125em 0.5em;
    background-color: #efefef;
  }
}