/* 1. 面包屑：源自旧模板 breadcrumb。字号 14px 与移动端链接 padding/负 margin
   直接复用 mustfix7；这里只补间距、品牌色及换行行距（48px），仅覆盖移动端左右 margin，保留点按 padding 与上下 margin。 */
.breadcrumb{margin:0 0 18px}
.breadcrumb a{color:var(--brand)}
@media(max-width:900px){.breadcrumb{line-height:48px}.breadcrumb a{line-height:24px;vertical-align:middle;margin-left:-6px;margin-right:-6px}}

/* 2. 相关阅读：视觉来自 404 页 nf-links，不属于 mustfix7。
   使用独立 nav.rel-cards，不带 related/soft-link，避开 M3 和 M4 的旧类规则。
   两列 minmax 与断词用于窄屏长文本；48px 为本组件卡片高度下限。 */
.rel-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:640px;margin:26px 0 0}
.rel-cards > :is(a,.rel-card-item){display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;box-sizing:border-box;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-weight:800;color:var(--text);overflow-wrap:anywhere;white-space:normal}
.rel-cards > :is(a,.rel-card-item):hover{border-color:rgba(240,185,11,.45);color:var(--brand)}
.article p.rel-cards-label{font-size:14px;color:var(--muted);margin:24px 0 10px}
.rel-cards-label + .rel-cards{margin-top:0}
.rel-cards .rel-card-item{flex-wrap:wrap;gap:0 4px}
.rel-card-item > a{color:inherit}
.rel-cards .rel-note{font-size:14px;color:var(--muted);font-weight:400}
@media(max-width:640px){.rel-cards{grid-template-columns:minmax(0,1fr);margin-left:0}.rel-cards > :is(a,.rel-card-item){justify-content:flex-start}}

/* 3. 页脚导航：新增排版与颜色；≤900px 的 inline-flex/44px 点击区
   全部复用 mustfix7 的 .footer-links a，不复制、不覆盖该规则。 */
.footer-links{display:flex;flex-wrap:wrap;gap:0 16px;font-size:14px;color:#b9c3cf;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.footer-links a:hover{color:var(--brand)}

/* 4. 正文限宽：新增 40em 阅读宽度，不修改 mustfix7 的字号与 h1 20em。
   用直接子级白名单限定正文层：article/section/article-body；不命中
   hero、卡片、提示框的后代 p/li，也不限制表格或网格。 */
.article > p:not(.lead,.eyebrow,.rel-cards-label),
.article > section:not(.hero) > p:not(.lead,.eyebrow,.rel-cards-label),
.article .article-body > p:not(.lead,.eyebrow,.rel-cards-label){max-width:40em;margin:0 0 1em}
.article > :is(ul,ol) li,
.article > section:not(.hero) > :is(ul,ol) li,
.article .article-body > :is(ul,ol) li{max-width:40em}

/* r2：补充 mustfix7 的 h1 balance；仅最后四字由脚本包裹，不改标题文字。 */
.nw{white-space:nowrap}

/* r3：恢复旧模板 container.article 的 820px；双类选择器优先于 mustfix7
   后加载的 .container（1120px），仅恢复原值，不修改 mustfix7 或无 container 的 tradfi。 */
.container.article{max-width:820px}

/* r3：D 形态保留 HTML；≤900px 链接约 27+18=45px≥44px，
   li 间距约 27+18=45px，点击区不再上下重叠，待美工复测。
   gap 从 8px 改为 18px 会让列表变高，属于布局变化，不是 CLS。
   D 是否改卡片仍需内容关确认。 */
@media(max-width:900px){.related-list{gap:18px}.related-list a{display:inline-block;padding:9px 0;margin:-9px 0}}