/* Shared by Gutenberg's canvas and published content. No frontend JavaScript. */
.dainote-point-box {
  box-sizing: border-box;
  margin: 24px 0;
  border: 2px solid var(--point-border-color, #000);
  border-radius: 5px;
  background: var(--point-background-color, #fff);
  color: var(--point-text-color, #444);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.65;
  min-width: 0;
  overflow-wrap: anywhere;
}
.dainote-point-box__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 5px 16px;
  border-radius: 3px 3px 0 0;
  background: var(--point-title-background, #000);
  color: var(--point-title-color, #fff);
  font-size: 16px;
  line-height: 1.5;
}
.dainote-point-box__title-text { min-width: 0; white-space: pre-line; }
.dainote-point-box__icon { flex-shrink: 0; color: var(--point-icon-color, #fff176); }
.dainote-point-box__body { padding: 10px; }
.dainote-point-box--label { margin-top: 36px; padding: 0 12px 12px; }
.dainote-point-box--label > .dainote-point-box__title {
  position: relative;
  width: fit-content;
  max-width: calc(100% - 10px);
  margin: -17px 0 0 10px;
  padding: 8px 24px;
  border-radius: 4px;
  justify-content: flex-start;
}
.dainote-point-box--label > .dainote-point-box__body { padding: 20px 0 10px; }
/* Override article-wide paragraph and list decoration within this component only. */
:is(.post-content__text, .editor-styles-wrapper) .dainote-point-box__body p {
  margin: 0 0 12px;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: pre-line;
}
:is(.post-content__text, .editor-styles-wrapper) .dainote-point-box__body :is(ul, ol) {
  margin: 0 0 12px;
  padding: 0 0 0 1.4em;
  background: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style: revert;
}
:is(.post-content__text, .editor-styles-wrapper) .dainote-point-box__body li {
  position: relative;
  margin: 0 0 16px;
  padding: 0;
  background: none;
  list-style: inherit;
}
:is(.post-content__text, .editor-styles-wrapper) .dainote-point-box__body li::before { content: none; }
:is(.post-content__text, .editor-styles-wrapper) .dainote-point-box--checks .dainote-point-box__body ul { list-style: none; }
:is(.post-content__text, .editor-styles-wrapper) .dainote-point-box--checks .dainote-point-box__body ul > li::before {
  position: absolute;
  left: -1.3em;
  content: '✓';
  margin: 0;
  color: var(--point-accent-color, #e60023);
  font: inherit;
  font-size: 20px;
  line-height: 1.3;
}
:is(.post-content__text, .editor-styles-wrapper) .dainote-point-box__body > :last-child,
.dainote-point-box__body li:last-child,
.editor-styles-wrapper .dainote-point-box__body .block-editor-block-list__layout > :last-child { margin-bottom: 0; }
.editor-styles-wrapper .dainote-point-box__body .block-editor-block-list__layout > :first-child { margin-top: 0; }
.editor-styles-wrapper .dainote-point-box .block-list-appender { position: relative; }
@media (max-width: 480px) {
  .dainote-point-box--label > .dainote-point-box__title { margin-left: 0; padding-inline: 14px; }
}