/*
 * 按竞品厂商的对照清单页 /news/cross-reference/<厂商>/（同行知识库 S1，模板 news_center/xbrand.html）+ 查询页、产品替代方案栏目横幅的「Browse by manufacturer」。
 * 只在英文站加载（news_center/_head.html，跟在 news-center.css 后面）：国内站清单页不开，页面输出与原来逐字一致；变量与规则沿用 news-center.css（.nc 下）。
 */
.nc-xbrands { margin-bottom: 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; font-size: 14px; line-height: 24px; }
.nc .nc-xbrands b { font-weight: 600; color: var(--nc-ink); }
.nc .nc-xbrands a { font-weight: 600; }
.nc .nc-xbanner .nc-xbrands.is-inline { margin: 4px 0 0; }
.nc .nc-xb-look { margin: 24px 0 0; }
.nc .nc-xbanner .nc-xbrands.is-inline b { margin-right: 0; }
.nc .nc-xb-lead { margin-bottom: 48px; }
.nc .nc-xb-head { margin-bottom: 0; }
.nc-xbt-wrap { margin-bottom: 12px; }
.nc .nc-xbt { width: 100%; margin: 0; border-collapse: collapse; font-size: 14px; line-height: 22px; color: var(--nc-gray); }
.nc .nc-xbt th, .nc .nc-xbt td { padding: 12px 16px 12px 0; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--nc-line); background: none; }
.nc .nc-xbt thead th { font-size: 13px; line-height: 20px; font-weight: 600; color: var(--nc-gray); white-space: nowrap; }
.nc .nc-xbt .nc-xbt-g th { padding: 24px 0 8px; font-size: 15px; line-height: 24px; font-weight: 700; color: var(--nc-ink); border-bottom: 2px solid var(--nc-ink); }
.nc .nc-xbt-pn, .nc .nc-xbt-v { font-weight: 600; color: var(--nc-ink); white-space: nowrap; }
.nc .nc-xbt-pn small, .nc .nc-xbt-v small { font-weight: 400; color: var(--nc-mute); }
.nc .nc-xbt-d { min-width: 260px; overflow-wrap: anywhere; }
.nc .nc-xbt-r a { display: block; font-weight: 600; white-space: nowrap; }
.nc .nc-xbt-r time { display: block; font-size: 12px; line-height: 20px; color: var(--nc-mute); font-variant-numeric: tabular-nums; }
.nc .nc-xbt td.nc-xbt-a { padding-right: 0; }
.nc .nc-xbt-a .nc-btn-line { height: 32px; padding: 0 12px; font-size: 13px; }
.nc-xbm { display: inline-block; font-size: 13px; line-height: 20px; font-weight: 600; color: var(--nc-ink); }
.nc-xbm.is-assess { color: var(--nc-gray); }
.nc-xbm.is-pin { color: var(--nc-red); }
.nc-xbc, .nc-xb-act, .nc-xb-faq { max-width: 880px; }
.nc .nc-xbc h3 { margin: 24px 0 8px; font-size: 17px; line-height: 26px; font-weight: 700; color: var(--nc-ink); }
.nc .nc-xbc p { margin-bottom: 12px; font-size: 15px; line-height: 26px; color: var(--nc-gray); }
.nc .nc-xbc ul { margin-bottom: 12px; display: flex; flex-direction: column; gap: 10px; list-style: none; }
.nc .nc-xbc li { position: relative; padding-left: 16px; font-size: 15px; line-height: 26px; color: var(--nc-gray); }
.nc .nc-xbc li::before { content: ""; position: absolute; left: 2px; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: var(--nc-red); }
.nc .nc-xbc strong { font-weight: 600; color: var(--nc-ink); }
.nc .nc-xb-act { margin-top: 48px; padding: 24px; }
.nc .nc-xb-more { margin: 48px 0 0; padding-top: 24px; border-top: 1px solid var(--nc-line); }
@media (max-width: 1007px) {
    /* 窄屏：表格改成一行一张卡（列名用 data-label 显示），不出横向滚动 */
    .nc .nc-xbt, .nc .nc-xbt tbody, .nc .nc-xbt tr, .nc .nc-xbt th, .nc .nc-xbt td { display: block; }
    .nc .nc-xbt thead { display: none; }
    .nc .nc-xbt tbody tr:not(.nc-xbt-g) { padding: 16px 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 16px; border-bottom: 1px solid var(--nc-line); }
    .nc .nc-xbt tbody tr:not(.nc-xbt-g) > * { padding: 0; border: 0; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
    .nc .nc-xbt tbody tr:not(.nc-xbt-g) > [data-label]::before { content: attr(data-label); display: block; font-size: 12px; line-height: 18px; font-weight: 400; color: var(--nc-mute); }
    .nc .nc-xbt td:nth-child(3), .nc .nc-xbt-d { grid-column: 1 / -1; min-width: 0; }
    .nc .nc-xbt-r a { white-space: normal; }
}
@media (max-width: 767px) {
    .nc .nc-xb-lead { margin-bottom: 32px; }
    .nc .nc-xb-act { margin-top: 32px; padding: 16px; }
    .nc .nc-xb-more { margin-top: 32px; }
    .nc .nc-xbc p, .nc .nc-xbc li { font-size: 15px; line-height: 25px; }
}