/* QUERYY記事「この記事の要約（結論）」ボックス（inc/queryy-llmo.php）。要約メタが入っている記事だけ読み込む */
.entry-content .queryy-summary {
  position: relative;
  margin-block: 3.2rem;
  padding: 2.8rem 3.2rem 3rem;
  border: 0.2rem solid #1b75de;
  border-radius: 1.2rem;
  background: #f4f8fe;
}

.entry-content .queryy-summary > * + * {
  margin-block-start: 1.6rem;
}

.entry-content .queryy-summary .queryy-summary__label {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0;
  padding: 0.5rem 1.4rem;
  border-radius: 99rem;
  background: #1b75de;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}

.entry-content .queryy-summary .queryy-summary__definition {
  padding-block-end: 1.6rem;
  border-bottom: 0.1rem solid #c9dcf5;
  color: #111;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.8;
}

.entry-content .queryy-summary ul.queryy-summary__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.entry-content .queryy-summary ul.queryy-summary__list li {
  --font-size: 1.6rem;
  --line-height: 1.8;
  position: relative;
  padding-inline-start: 2.8rem;
  color: #111;
  font-size: var(--font-size);
  font-weight: 500;
  line-height: var(--line-height);
}

.entry-content .queryy-summary ul.queryy-summary__list li + li {
  margin-block-start: 1rem;
}

/* チェックマーク（共通の黒丸を上書き） */
.entry-content .queryy-summary ul.queryy-summary__list li::before {
  content: "";
  position: absolute;
  top: calc(var(--font-size) * var(--line-height) / 2);
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: #1b75de url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 1.2rem no-repeat;
  translate: 0 -50%;
}

@media (max-width: 767px) {
  .entry-content .queryy-summary {
    margin-block: 2.4rem;
    padding: 2rem 1.6rem 2.2rem;
    border-radius: 0.8rem;
  }

  .entry-content .queryy-summary .queryy-summary__label {
    font-size: 1.4rem;
  }

  .entry-content .queryy-summary .queryy-summary__definition {
    font-size: 1.6rem;
  }

  .entry-content .queryy-summary ul.queryy-summary__list li {
    --font-size: 1.5rem;
    padding-inline-start: 2.6rem;
  }
}