/* .context-links 的双列网格版式，供 fil / lt / lv / sr 四个 locale 使用。
 *
 * 2026-09-08 由 assets/css/{fil,lt,lv,sr}/main.css 四份字节相同的副本合并而来
 * （同一天更早，它们里面与语言无关的 .check-list / .table-wrap / .compare-table
 * 已经提到了 es/main.css 与 en/main.css）。
 *
 * 这是**刻意的覆盖**，不是重复：es/main.css 把 .context-links 做成 flex 竖排 +
 * 粉色边框 #f1dce4 + hover 位移，这四个 locale 用的是 grid 双列 + 灰边框 #e5e7eb +
 * 无 hover。两套设计冲突，本表在 HTML 里排在 es/main.css 之后所以这一套生效。
 * 是否与其余约 50 个 locale 统一是个视觉决定，2026-09-08 明确选择保持现状。
 *
 * 特异性陷阱：es/main.css 写的是 .context-links .link-title（0,2,0），比本表的
 * .link-title（0,1,0）高，所以 font-weight 实际由 es 决定，本表的 display 与 color
 * 生效。不要以为源顺序在后就一定赢。 */
.context-links {
  display: grid;
  gap: 12px;
}

@media (min-width: 760px) {
  .context-links {
    grid-template-columns: repeat(2, 1fr);
  }
}

.context-links a {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 14px;
  text-decoration: none;
  background: #fff;
}

.link-title {
  display: block;
  font-weight: 700;
  color: #111827;
}

.link-note {
  display: block;
  margin-top: 4px;
  color: #6b7280;
}