.notelike {
  display: block;
  margin: 1.6em 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  line-height: 1.9;
  color: #222;
}

.notelike-heading-text,
.notelike-title,
.notelike-body,
.notelike-quote-body,
.notelike-quote-author,
.notelike-index-body {
  display: block;
}

/* --------------------
   h2 / h3 / h4
   -------------------- */

.notelike-h2,
.notelike-h3,
.notelike-h4 {
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.notelike-h2 .notelike-heading-text {
  margin: 2em 0 0.9em;
  padding: 0 0 0.45em;
  font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.notelike-h3 .notelike-heading-text {
  margin: 2em 0 0.8em;
  font-size: clamp(1.25rem, 1.05rem + 0.8vw, 1.5rem);
  font-weight: 600;
  line-height: 1.6;
}

.notelike-h4 .notelike-heading-text {
  margin: 1.6em 0 0.6em;
  font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.2rem);
  font-weight: 600;
  line-height: 1.6;
}


.notelike-title {
  margin-bottom: 0.7em;
  font-size: 0.95em;
  font-weight: 700;
  color: #555;
  letter-spacing: 0.02em;
}

.notelike-index-body {
  color: #333;
}

.notelike-index-fallback {
  color: #777;
  font-size: 0.95em;
}

/* --------------------
   info / warn / memo
   -------------------- */

.notelike-info,
.notelike-warn,
.notelike-memo {
  padding: 1em 1.2em;
  border-radius: 10px;
  border: 1px solid #ececec;
  background: #fafafa;
}

.notelike-body {
  color: #333;
}

.notelike-info {
  background: #f5f5f5;
  border-color: #ebeff3;
}

.notelike-warn {
  background: #f5f5f5;
  border-color: #f3dfdb;
}

.notelike-memo {
  background: #f5f5f5;
  border-color: #ececec;
}

/* quote - note風 */
.notelike-quote {
  margin: 2em 0;
  padding: 1em 1.4em;
  background: #f5f5f5;
  border: none;
}

.notelike-quote-body {
  color: #333;
  font-size: 1em;
  line-height: 1.9;
}

.notelike-quote-author {
  margin-top: 0.8em;
  color: #777;
  font-size: 0.9em;
  text-align: right;
}

.notelike-quote-author:before {
  content: "— ";
}
/* --------------------
   paragraph harmony
   -------------------- */

.notelike strong {
  font-weight: 700;
}

.notelike em {
  font-style: italic;
}

/* --------------------
   section (note本文エリア)
   -------------------- */

.notelike-section {
  display: block;
  background: #fff;
  padding: 0.5em 2.2em;
  margin: 1em 0;
}

/* モバイル調整 */
@media (max-width: 640px) {
  .notelike-section {
    padding: 0.5em 1.2em;
    border-radius: 8px;
  }
}