/**
 * 后台富文本（公告/滚动公告）买家站展示
 * @author Telegram @okgeceo
 */

/* 与 OKka minimal-tiptap 配色变量对齐，供 style="color: var(--mt-accent-*)" 生效 */
:root {
  --mt-accent-bold-blue: #05c;
  --mt-accent-bold-teal: #206a83;
  --mt-accent-bold-green: #216e4e;
  --mt-accent-bold-orange: #a54800;
  --mt-accent-bold-red: #ae2e24;
  --mt-accent-bold-purple: #5e4db2;
  --mt-accent-gray: #758195;
  --mt-accent-blue: #1d7afc;
  --mt-accent-teal: #2898bd;
  --mt-accent-green: #22a06b;
  --mt-accent-orange: #fea362;
  --mt-accent-red: #c9372c;
  --mt-accent-purple: #8270db;
  --mt-accent-blue-subtler: #cce0ff;
  --mt-accent-teal-subtler: #c6edfb;
  --mt-accent-green-subtler: #baf3db;
  --mt-accent-yellow-subtler: #f8e6a0;
  --mt-accent-red-subtler: #ffd5d2;
  --mt-accent-purple-subtler: #dfd8fd;
}

.dark {
  --mt-accent-bold-blue: #85b8ff;
  --mt-accent-bold-teal: #9dd9ee;
  --mt-accent-bold-green: #7ee2b8;
  --mt-accent-bold-orange: #fec195;
  --mt-accent-bold-red: #fd9891;
  --mt-accent-bold-purple: #b8acf6;
  --mt-accent-gray: #738496;
  --mt-accent-blue: #388bff;
  --mt-accent-teal: #42b2d7;
  --mt-accent-green: #2abb7f;
  --mt-accent-orange: #a54800;
  --mt-accent-red: #e2483d;
  --mt-accent-purple: #8f7ee7;
  --mt-accent-blue-subtler: #09326c;
  --mt-accent-teal-subtler: #164555;
  --mt-accent-green-subtler: #164b35;
  --mt-accent-yellow-subtler: #533f04;
  --mt-accent-red-subtler: #5d1f1a;
  --mt-accent-purple-subtler: #352c63;
}

.ok-rich-html {
  line-height: 1.65;
  word-break: break-word;
}

.ok-rich-html :where(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 var(--space-3);
  font-weight: 600;
  line-height: 1.3;
}

.ok-rich-html :where(h1) { font-size: var(--text-xl); }
.ok-rich-html :where(h2) { font-size: var(--text-lg); }
.ok-rich-html :where(h3) { font-size: var(--text-base); }

.ok-rich-html :where(p) {
  margin: 0 0 var(--space-3);
}

.ok-rich-html :where(p:last-child) {
  margin-bottom: 0;
}

.ok-rich-html :where(strong, b) {
  font-weight: 600;
}

.ok-rich-html :where(a) {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ok-rich-html :where(ul, ol) {
  margin: 0 0 var(--space-3);
  padding-left: var(--space-5);
}

.ok-rich-html :where(blockquote) {
  margin: 0 0 var(--space-3);
  padding-left: var(--space-3);
  border-left: 3px solid color-mix(in oklch, var(--border) 70%, transparent);
  color: var(--muted-foreground);
}

.ok-rich-html :where(mark) {
  border-radius: var(--radius-sm);
  padding: 0 0.15em;
  background: #f8e6a0;
}

.ok-rich-html :where(mark[data-color]) {
  background-color: var(--highlight-color, #f8e6a0);
}

.ok-rich-html :where(mark[data-color="var(--mt-accent-yellow-subtler)"]) {
  background-color: var(--mt-accent-yellow-subtler);
}

.ok-rich-html :where(table) {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 var(--space-3);
  font-size: var(--text-sm);
}

.ok-rich-html :where(th, td) {
  border: 1px solid var(--border);
  padding: var(--space-2) var(--space-3);
  text-align: left;
}

.ok-rich-html :where(img) {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-md);
}

.ok-rich-html :where(pre, code) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.9em;
}

.ok-site-notice .ok-rich-html {
  font-size: inherit;
}

.ok-site-notice .ok-rich-html :where(p:last-child) {
  margin-bottom: 0;
}