/* ===== 強調（前回の続き） ===== */
.tip-content .em-word{
  font-weight:700;
  color: var(--accent-color, #0b79d0);
  padding: 0 2px;
}
.tip-content .em-explanation{
  background: var(--accent-light, #eaf4ff);
  border-left: 3px solid var(--accent-color, #0b79d0);
  padding: 0 4px; border-radius: 4px;
}

/* ===== コード（Markdownフェンス） ===== */
.tip-content pre {
  background: #111;
  color: #eee;
  padding: 12px 14px;
  border-radius: 10px;
  overflow: auto;
  line-height: 1.55;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);
}
.tip-content pre code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.95rem;
}

/* ===== 表示結果（view） ===== */
.tip-content .tip-view{
  background: #f8fafc;             /* 明るめグレー */
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px;
  margin: 40px 0 18px;
}
.tip-content .tip-view.theme-dark{
  background: #0b1020;              /* ダーク */
  color: #e5e7eb;
  border-color: #1f2937;
}
.tip-content .tip-view.theme-note{
  background: #fff7cc;              /* 目立つ淡黄 */
  border-color: #f2d680;
}
.tip-content .tip-view.theme-warm{
  background: #fff2ec;              /* 淡い暖色 */
  border-color: #ffd9cc;
}

/* ボタン等の見え方を少しだけ整える（任意） */
.tip-content .tip-view button{
  font: inherit;
  padding: .4em .8em;
  border-radius: .5em;
  border: 1px solid #cbd5e1;
  background: white;
  cursor: pointer;
}
.tip-content .tip-view.theme-dark button{
  background: #111827; color: #e5e7eb; border-color: #374151;
}