/*------------------
------ ALL
--------------------*/
.vi-font {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
}

.note {
  color: #333;
  font-size: 1.1em;
  line-height: 1.4;
}

/*------------------
------ Ngữ pháp
--------------------*/
.grammar-sugg {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.grammar-sugg .title {
  font-weight: 600;
  font-size: 0.9em;
  color: #000;
}

.jlpt-badge {
  margin-left: auto;           /* đẩy badge sát phải */
  background: #0984e3;
  color: #fff;
  font-size: 0.8em;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  white-space: nowrap;
}

/* Màu riêng theo level */
.jlpt-badge[data-level="N1"] { background:#d63031; }
.jlpt-badge[data-level="N2"] { background:#e67e22; }
.jlpt-badge[data-level="N3"] { background:#f1c40f; color:#222; }
.jlpt-badge[data-level="N4"] { background:#27ae60; }
.jlpt-badge[data-level="N5"] { background:#2980b9; }


/*------------------
------ Từ vựng
--------------------*/
.word-sugg {
  display: flex;
  align-items: baseline;
  margin-bottom: 4px;
}

.word-sugg .title-jp {
  font-weight: 600;
  font-size: 1em;                /* nhỏ gọn */
  color: #000;                   /* xanh xám sang trọng */
  letter-spacing: 0.1px;            /* giãn nhẹ */
}

.word-sugg .title-romaji {

}

/*------------------
------ Hán tự
--------------------*/
.onkun {
  font-size: 0.9em;
  color: #222;
  font-style: italic; /* nếu vẫn muốn nghiêng giống <em> */
  margin-top: 2px;
}