/*!
 * finance_risk.css — 财报风险角标的样式（2026-10-20）。
 *
 * ⚠️ **本文件不含任何色值定义** —— severity 色值统一在
 *    `FinanceRisk.SEVERITY_COLOR`（JS 常量，唯一事实源），热力图紫系在
 *    `FinanceRisk.HEATMAP_OVERRIDE`。CSS 只负责**形状与排版**。
 * ⇒ 这样"配色收口"只需改一处，且**不可能**出现"两页各写一份色值"的漂移。
 *
 * 🔴 绝不要在这里写涨跌色（涨红跌绿是 A 股约定，`presignal.html:386` 有注释）。
 */

/* ── 名称单元格内的小圆点（首页热力图/ 候选池列表共用）───────────────────────
 * 🔴 硬约束：**不新增第 12 列**。`index.html` 的 11 列列宽由 JS 常量
 *    `STOCK_ROWS_COLS`（合计 714px）单一决定，CSS 不写列宽。
 *    实测名称列**实际 161px**、内容区 141px ⇒ 放两个点后名称仍有 ~127px。
 *    `flex:0 0 auto` = 不参与收缩（架构师实测要求）。
 *───────────────────────────────────────────────────────────────────────── */
.fr-badges {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  vertical-align: middle;
  margin-right: 3px;
}

.fr-dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  flex: 0 0 auto;            /* 不参与收缩：保证圆点始终可见 */
  vertical-align: middle;
  cursor: help;
}

/* 财报域圆点（热力图上是紫系；非热力图场景也用它承载 severity 色） */
.fr-dot-fin {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
}

/* 市场行为域圆点：**独立**视觉（方块），与财报圆点可区分——
 * 避免用户把「机构净卖出」误读成「财报风险」。
 * 形态而非仅颜色可区分，是无障碍要求（色弱用户也分得出）。 */
.fr-dot-mkt {
  border-radius: 1px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .35);
}

/* 🆕 监管合规域圆点（2026-10-21）：**第三种形态** —— 菱形（旋转 45° 的方块）。
 * 与财报（圆）、市场行为（方）三者形状各不相同 ⇒ 色弱用户也能区分
 * 「财报风险」「交易异动」「监管处罚」是三类不同的东西。 */
.fr-dot-reg {
  border-radius: 1px;
  transform: rotate(45deg);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .35);
}

/* ── severity chip（presignal 的「财报」列 / stock_detail 详情 chip）─────────
 * 色值由 JS 内联（`FinanceRisk.badgeHtml` 用 SEVERITY_COLOR），
 * CSS 只管形状 ⇒ 改配色只改 JS 一处。
 *───────────────────────────────────────────────────────────────────────── */
.fr-chip {
  display: inline-block;
  padding: 0 4px;
  font-size: 11px;
  line-height: 16px;
  border: 1px solid currentColor;
  border-radius: 3px;
  white-space: nowrap;
  cursor: help;
}

/* L4（多因并发）：加底纹，与 L3 拉开一个视觉档。
 * ⚠️ 这是**呈现选择**，不是判定口径 —— 口径是业务裁决（L4=≥2 类 high），
 *    两者不许混。视觉权重可调，判定不可调。 */
.fr-chip[data-tier="L4"] {
  font-weight: 600;
  background: rgba(255, 59, 48, .12);
}

.fr-chip[data-tier="L3"] {
  font-weight: 500;
}

/* ── 详情面板 ────────────────────────────────────────────────────────────
 * 三处复用（presignal 浮层 / stock_detail 财报异常模块 / 首页 tooltip）。
 *───────────────────────────────────────────────────────────────────────── */
.fr-panel {
  font-size: 12px;
  line-height: 1.6;
  color: var(--fr-fg, #e6edf3);
}

.fr-panel-title {
  font-weight: 600;
  margin-bottom: 6px;
}

.fr-panel-sec {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(128, 128, 128, .25);
}

.fr-panel-sec:first-child {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.fr-panel-sec h4 {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--fr-muted, #8b949e);
}

/* 三域分组的视觉区分：财报域 / 交易异动域 / 日历事件域**不混列** */
.fr-sec-financial h4 { color: var(--fr-sev-high, #ff3b30); }
.fr-sec-market    h4 { color: #a371f7; }
.fr-sec-event     h4 { color: var(--fr-muted, #8b949e); }

.fr-item {
  padding: 3px 0;
  border-bottom: 1px dotted rgba(128, 128, 128, .18);
}

.fr-item:last-child {
  border-bottom: none;
}

.fr-item-label {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.fr-item-sev {
  flex: 0 0 auto;
  font-size: 10px;
  padding: 0 4px;
  border-radius: 2px;
  border: 1px solid currentColor;
  line-height: 14px;
}

.fr-item-name {
  flex: 1 1 auto;
  min-width: 0;
}

.fr-item-period {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--fr-muted, #8b949e);
}

.fr-item-detail {
  margin-top: 2px;
  padding-left: 2px;
  color: var(--fr-fg-dim, #c9d1d9);
}

.fr-item-stale .fr-item-period {
  color: #d29922;
}

.fr-empty {
  padding: 6px 0;
  color: var(--fr-muted, #8b949e);
}

/* 🔴 「检测器不可用」提示块：必须与「0 命中」**视觉可区分**。
 * 背景用中性灰 + 左侧竖条，**不用绿色**（绿色会被读成"没问题"）。 */
.fr-unavailable {
  margin-top: 8px;
  padding: 5px 8px;
  border-left: 3px solid #d29922;
  background: rgba(210, 153, 34, .10);
  border-radius: 2px;
  color: var(--fr-fg-dim, #c9d1d9);
  font-size: 11px;
  line-height: 1.5;
}

.fr-unavailable b {
  color: #d29922;
}

/* 付费引导（免费用户看明细时）——**不要显示成"加载失败"**，
 * 那会让未授权用户误以为接口挂了。 */
.fr-paywall {
  margin-top: 8px;
  padding: 5px 8px;
  border-left: 3px solid #58a6ff;
  background: rgba(88, 166, 255, .10);
  border-radius: 2px;
  font-size: 11px;
}

/* 「财务质地」（强弱轴）：**刻意不用红绿** —— 它不是风险等级，
 * 用红色会与 severity 语义打架（实测"强/极强"共 488 只是基本面好的标的）。 */
.fr-quality {
  margin-top: 8px;
  padding: 5px 8px;
  border: 1px solid rgba(128, 128, 128, .3);
  border-radius: 2px;
  font-size: 11px;
}

.fr-quality b {
  font-weight: 600;
}

/* ── 明细端点加载态 ──────────────────────────────────────────────────────── */
.fr-loading,
.fr-error {
  padding: 6px 0;
  font-size: 12px;
  color: var(--fr-muted, #8b949e);
}

.fr-error {
  color: #ff3b30;
}
/* ══════════════════════════════════════════════════════════════════════
 * 限售解禁明细块 / 大宗交易明细块（2026-10-21）
 * 设计原则：**股东性质用徽章颜色直接表达抛售风险**，不让用户自己换算。
 *   战略配售 / 定增机构 → 红（抛售动机最强，基金有存续期）
 *   原股东（性质未知）  → 灰（可能国资也可能创始人，不猜）
 *   股权激励           → 黄（管理层，受任期约束）
 *   追加承诺锁定        → 绿（大股东自愿延长，本身是正面信号）
 * ══════════════════════════════════════════════════════════════════════ */
.fr-sec-unlock h4, .fr-sec-blocktrade h4 { margin: 0 0 6px; }

.fr-unlock-tbl { width: 100%; border-collapse: collapse; font-size: 12px; }
.fr-unlock-tbl th {
  text-align: left; font-weight: 600; padding: 4px 6px;
  border-bottom: 1px solid var(--fr-line, #2a2f3a); opacity: .75; white-space: nowrap;
}
.fr-unlock-tbl td { padding: 4px 6px; border-bottom: 1px solid var(--fr-line, #2a2f3a); }
.fr-unlock-tbl tr:last-child td { border-bottom: 0; }

/* 股东性质徽章 */
.fr-hk {
  display: inline-block; padding: 1px 6px; border-radius: 3px;
  font-size: 11px; font-weight: 600; white-space: nowrap;
}
.fr-hk-high { background: rgba(255, 77, 79, .16); color: #ff4d4f; border: 1px solid rgba(255, 77, 79, .45); }
.fr-hk-med  { background: rgba(250, 173, 20, .14); color: #faad14; border: 1px solid rgba(250, 173, 20, .4); }
.fr-hk-low  { background: rgba(82, 196, 26, .14); color: #52c41a; border: 1px solid rgba(82, 196, 26, .4); }
.fr-hk-unk  { background: rgba(140, 140, 140, .16); color: #9aa0aa; border: 1px solid rgba(140, 140, 140, .35); }

/* 解禁占总股本 ≥30% —— 用户点名的高危档，必须一眼看到 */
.fr-big-unlock {
  display: inline-block; margin-left: 4px; padding: 0 4px; border-radius: 2px;
  font-size: 10px; font-weight: 700; background: #ff4d4f; color: #fff;
}

/* 减持预披露（事前信号） */
.fr-pre-disclosure {
  margin: 0 0 8px; padding: 6px 8px; border-radius: 4px;
  background: rgba(255, 77, 79, .08); border-left: 3px solid #ff4d4f;
}
.fr-pd-tag {
  display: inline-block; padding: 0 5px; border-radius: 2px;
  background: #ff4d4f; color: #fff; font-size: 11px; font-weight: 700;
}
.fr-pd-note { margin-left: 6px; font-size: 11px; opacity: .7; }
.fr-pd-item { margin-top: 4px; font-size: 12px; line-height: 1.5; }
.fr-pd-item a { color: inherit; text-decoration: underline; }

/* 大宗交易：折价红、溢价绿 */
.fr-prem-disc { color: #ff4d4f; font-weight: 600; }   /* 折价 = 抛压信号 ⇒ 红 */
.fr-prem-prem { color: #52c41a; font-weight: 600; }   /* 溢价 = 买方愿付溢价 ⇒ 绿 */
.fr-inst {
  display: inline-block; padding: 0 4px; border-radius: 2px; font-size: 10px;
  background: rgba(114, 46, 209, .18); color: #b37feb; border: 1px solid rgba(114, 46, 209, .35);
}

/* ── 解禁：全部展示 + ≥30% 加重标识（用户 2026-10-21 口径）─────────────
 * 「所有解禁都要展示，≥30% 只是特别加重标识」
 * ⇒ 表格改为容器内滚动，**不截断**（否则 12 笔以上的票会漏掉后面的解禁）
 * ─────────────────────────────────────────────────────────────────── */
.fr-unlock-scroll {
  display: block; max-height: 320px; overflow-y: auto;
  border: 1px solid var(--fr-line, #2a2f3a); border-radius: 4px;
}
.fr-unlock-scroll thead th {
  position: sticky; top: 0; z-index: 1;
  background: var(--fr-bg, #16181d);   /* 滚动时表头不透明，否则文字会叠 */
}

/* ≥30%：整行浅红底 + 左侧红条（与「≥30%」红标一起构成三重强调）*/
.fr-unlock-row-big td {
  background: rgba(255, 77, 79, .10);
  box-shadow: inset 3px 0 0 #ff4d4f;
}
.fr-unlock-row-big td:first-child { font-weight: 700; color: #ff7875; }

/* 表头图例 */
.fr-unlock-legend {
  margin-left: 8px; font-size: 11px; font-weight: 400; opacity: .75;
  padding: 0 5px; border-radius: 2px; background: rgba(255, 77, 79, .14); color: #ff7875;
}

/* ══════════════════════════════════════════════════════════════════════
 * 「财报」信号列（2026-10-21）—— 列表专用
 *
 * 三处复用同一套类名（所以样式收口在本文件，**不新增 css 文件、不碰各页内联
 * <style> 的主题色**）：
 *   ① 首页热力图的 L3 赛道标的列表（.stock-rows-table，第 12 列）
 *   ② 盘前优选页的「盘前优选 · 个股 TopN」列表（第 4 列）
 *   ③ 盘前优选页的「买入信号标的」#tb（「财报」列）
 *   ⇒ 三处**同一段标记**，由 `FinanceRisk.finFlagHtml(entry,{clickable,code})` 生成：
 *      四级图标 ⚠N（L4，红+底纹）/ ⚠（L3，红）/ ·（L2，橙）/ ·（L1，灰），
 *      **色值一律 JS 内联**（`SEVERITY_COLOR` 唯一事实源，本文件不写色值）。
 *   （2026-10-21 前 ① 用 `badgeHtml({heatmap:true})` 紫圆点、② 用 chip 文字
 *     「财报中危」—— 同一信号三种长相，已按用户要求统一。）
 *
 * 🔴 列宽固定 72~88px：加列**必须**给固定宽度，否则 auto/fixed 两种布局下
 *    都会把「名称」列挤掉（名称列是唯一有 ellipsis 的列，被挤就整屏名字都截断）。
 * 🔴 溢出用 ellipsis 而非折行：行高固定 1.2，折行会让整张表每行高度不一致
 *    （价格判断列当年就是 display:block 把行撑高一倍，见 index.html 注释）。
 * ⚠️ 色值一个都不写死：无数据占位用 `--fr-muted`，分隔线用 `--fr-line`，
 *    明暗主题由各主题覆盖这些变量（本文件顶部铁律：CSS 只管形状与排版）。
 *
 * ⚠️ **为什么要双写类名**（`.fr-risk-cell.fr-risk-cell`）：
 *    首页那份表的既有规则是 `.stock-rows-table tbody td { padding:6px 10px }`
 *    （特异性 0,1,2），单写 `.fr-risk-cell`（0,1,0）会被它压掉 ⇒ 4px 内边距
 *    不生效、80px 列被吃掉 20px。双写把本组规则提到 (0,2,x) 才能稳定生效，
 *    同时避免去改 index.html 的内联 <style>（那里是列宽/主题的既有事实源）。
 * ══════════════════════════════════════════════════════════════════════ */
.fr-risk-col.fr-risk-col,
.fr-risk-cell.fr-risk-cell {
  width: 80px;
  min-width: 72px;
  max-width: 88px;
  box-sizing: border-box;
}

.fr-risk-col.fr-risk-col {
  white-space: nowrap;
}

/* ⚠️ **三写类名**：首页既有规则 `.stock-rows-table thead.stock-rows-thead th`
 *    特异性是 (0,2,2)，双写 (0,2,0) **压不过**它（实测表头仍左对齐、表体居中，
 *    两者错位）⇒ 三写把本规则提到 (0,3,0) 才对齐。改成 `th.` 前缀只是让意图
 *    更明确，不改变特异性结论。presignal 那份表本来没有竞争规则，同样命中。 */
th.fr-risk-col.fr-risk-col.fr-risk-col {
  text-align: center;
}

.fr-risk-cell.fr-risk-cell {
  padding-left: 4px;      /* 默认 td 是 6px 10px ⇒ 左右各 10px 会把 80px 列吃掉 20px */
  padding-right: 4px;     /* 内缩到 4px，让「财报高危」4 字 chip（≈54px）完整可见 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* 角标在窄列里也不能把列撑破（chip 自身有 padding/border，超宽就省略） */
.fr-risk-cell .fr-chip {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.fr-risk-cell .fr-badges {
  margin-right: 0;        /* 独占一列，不再需要给后面的名称文字留间隙 */
}

/* 无数据 / 未授权 / 接口失败统一走这个占位：**绝不显示 "0" 或空白**
 * （"0 项异常"与"没取到数据"是两件事，混在一起会让用户误读成"很安全"）。 */
.fr-risk-none {
  color: var(--fr-muted, #8b949e);
  cursor: default;
}

/* ── 加列后的列宽收敛（盘前优选 TopN，2026-10-21）─────────────────────────
 * 该表本来是 `width:100% + table-layout:auto`：加第 13 列后「名称」这个最长
 * 单行单元格会**独占**所需宽度，把其余列压成多行 ⇒ 整块高度暴涨。
 * ⇒ 改成 `table-layout:fixed`（**列宽只认第一行 th**，所以宽度写在 th 上），
 *    并给名称列 nowrap + 省略号；其它列保持可换行（多行赛道不会丢内容）。
 * ⚠️ 只作用于 #early-block，不影响首页热力图列表（那边列宽由
 *    `STOCK_ROWS_COLS` + colgroup 单一决定）与详情页。
 * 列序（「财报预警」→ 2026-10-21 改名「风险预警」后）：#/名称/代码/风险预警/TopN分/
 *                            L3赛道/美股隔夜/市值/PE-TTM/PEG/近端PEG/定价权/价格判断
 *───────────────────────────────────────────────────────────────────────── */
#early-block table { table-layout: fixed; }
#early-block table > thead > tr > th:nth-child(1)  { width: 34px; }
#early-block table > thead > tr > th:nth-child(2)  { width: 92px; }   /* 名称 */
#early-block table > thead > tr > th:nth-child(3)  { width: 62px; }   /* 代码 */
#early-block table > thead > tr > th:nth-child(4)  { width: 80px; }   /* 风险预警 */
#early-block table > thead > tr > th:nth-child(5)  { width: 60px; }
#early-block table > thead > tr > th:nth-child(6)  { width: 132px; }  /* L3赛道（多行） */
#early-block table > thead > tr > th:nth-child(7)  { width: 132px; }  /* 美股隔夜（多行） */
#early-block table > thead > tr > th:nth-child(8)  { width: 66px; }
#early-block table > thead > tr > th:nth-child(9)  { width: 62px; }
#early-block table > thead > tr > th:nth-child(10) { width: 54px; }
#early-block table > thead > tr > th:nth-child(11) { width: 66px; }
#early-block table > thead > tr > th:nth-child(12) { width: 66px; }
#early-block table > thead > tr > th:nth-child(13) { width: 80px; }

/* 名称列：单行 + 省略号（fixed 布局下才生效） */
#early-block table > tbody > tr > td:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 多行两列（L3赛道 / 美股隔夜）：限宽防横向溢出，但**允许换行** */
#early-block table > tbody > tr > td:nth-child(6),
#early-block table > tbody > tr > td:nth-child(7) {
  overflow: hidden;
  overflow-wrap: anywhere;
}

/* ══════════════════════════════════════════════════════════════════════
 * 四级图标「财报」列的公共形状（2026-10-21，三处列表统一）
 *
 * 标记由 `FinanceRisk.finFlagHtml()` 生成，**色值/字号/底纹全部内联**
 * （色值来自 `SEVERITY_COLOR`，唯一事实源）⇒ 本段只管：
 *   · 不参与换行（`⚠4` 在 76~80px 列里**不得折成两行**）
 *   · 与相邻文字基线对齐（`#tb` 的「财报」列在 td 里居中）
 *   · 键盘可达时的可见焦点环（`role="button" tabindex="0"` 必须看得见焦点）
 * ⚠️ 不写 `display:inline-block` 之外的布局，避免破坏既有 `td` 的垂直居中。
 * ══════════════════════════════════════════════════════════════════════ */
.fin-flag {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1.15;
}

.fin-flag:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 1px;
}

/* ══════════════════════════════════════════════════════════════════════
 * 内置财报风险浮层（`FinanceRisk.finFlagClick` 的兜底载体）
 *
 * 用途：**页面没有自己的 `showFinAnomaly`** 时（如首页 L3 赛道标的列表）
 *   点「财报」图标也该能看明细 —— 此前首页那列是纯圆点、点了没反应。
 * 页面有自己的详情入口时（presignal 的 `#fin-pop`）**不会**走到这里
 *   （分发器优先用页面实现，见 finance_risk.js::finFlagClick）。
 * ⚠️ 颜色全部走 `--fr-*` 变量（各主题覆盖），本文件不写死主题色。
 * ══════════════════════════════════════════════════════════════════════ */
.fr-float {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 72px;
  right: 18px;
  width: 360px;
  max-width: calc(100vw - 24px);
  max-height: 70vh;
  overflow: auto;
  padding: 10px 12px;
  box-sizing: border-box;
  border: 1px solid var(--fr-line, #2a2f3a);
  border-radius: 10px;
  background: var(--fr-bg, #16181d);
  color: var(--fr-fg, #e6edf3);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .45);
  font-size: 12px;
}

.fr-float.is-open { display: block; }

.fr-float-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--fr-line, #2a2f3a);
}

.fr-float-title { font-weight: 600; }

.fr-float-x {
  border: none;
  background: transparent;
  color: inherit;
  font-size: 16px;
  line-height: 1;
  padding: 0 2px;
  cursor: pointer;
}

/* ══════════════════════════════════════════════════════════════════════
 * 2026-10-21：「财报」列 → 「**风险预警**」列（口径合并：财报域 + 监管域）
 *
 * 用户原话：「把财报改成**风险预警**，**财报和监管都统一在这里**。同时原有财报
 *   和计算方式都改成**统一计算方法和显示方法**。」
 * ⇒ 三处列表（`#tb` 买入信号 / 盘前优选 TopN `#early-block` / 首页 L3 赛道标的）
 *   的该列：**列名一致**（风险预警）、**形状一致**（四级 ⚠N / ⚠ / · / ·）、
 *   **口径一致**（后端 `risk_warning` 一处算）。
 *
 * ⚠️ 本段**只加形状兜底**，一个色值都不写（色值唯一事实源在
 *    `finance_risk.js::SEVERITY_COLOR`，主题色在 `--fr-*` 变量）。
 * ⚠️ 列宽仍由「列宽单一来源」决定，本文件**不重新定义宽度**
 *    （首页 → `STOCK_ROWS_COLS`；盘前优选 → 上方 `#early-block` 的 nth-child 组）。
 *    实测（76~80px 列、L4 的 `⚠4` 14px/700 + `padding:0 4px` + 圆角底纹 ≈ 30px）
 *    **放得下**，无需缩列；反过来说**不要为了省 4px 把列压到 64px 以下**
 *    （`⚠4` + 底纹会贴边，且「风险预警」4 字表头会换成两行）。
 * ══════════════════════════════════════════════════════════════════════ */

/* 表头「风险预警」是 **4 个字**（原「财报」2 个字）⇒ 必须显式 nowrap，
 * 防止某些主题/缩放下表头折成两行把整行撑高（行高一变，三处观感立刻不一致）。
 * ⚠️ 三写类名是为了压过首页那条 `.stock-rows-table thead.stock-rows-thead th`
 *    （特异性 0,2,2），理由同上方 th 居中那条注释。 */
th.fr-risk-col.fr-risk-col.fr-risk-col {
  white-space: nowrap;
}

/* ══════════════════════════════════════════════════════════════════════
 * T7 大盘环境块（2026-10-21）：#mr-block（盘前优选「大盘判断」）
 *
 * ⚠️ 一个色值都不写 —— 环境档位色由 JS 从 finance_risk.js::SEVERITY_COLOR
 *    取（唯一事实源，语义 = 低吸风险：高位红/中性橙/低位灰）；
 *    其余一律走主题变量 --ps-*（明暗两套主题都由 tokens/themes 驱动）。
 * ⚠️ 只加形状/排版；列宽与 #early-block 的 nth-child 组无关，互不影响。
 * ══════════════════════════════════════════════════════════════════════ */
#mr-block .mr-vote-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  line-height: 1.7;
  min-width: 0;
}
#mr-block .mr-vote-tree {
  color: var(--ps-muted, #8b93a1);
  font-family: ui-monospace, Menlo, monospace;
  flex: none;
}
#mr-block .mr-vote-k {
  color: var(--ps-text-2, #c4a98a);
  font-weight: 700;
  font-size: 12px;
  flex: none;
  min-width: 64px;
  white-space: nowrap;
}
#mr-block .mr-vote-v {
  color: var(--ps-text, #f7e7c6);
  font-size: 12px;
  min-width: 0;
  overflow-wrap: anywhere;
}
#mr-block .mr-vote-v.muted {
  color: var(--ps-muted, #8b93a1);
}
#mr-block #mr-detail summary {
  user-select: none;
}
#mr-block #mr-detail-body div {
  overflow-wrap: anywhere;
}