/* ProLaserCutting 品牌标（规范见脚手架 docs/46）。
 * 模板 0.4.x 的页头标识只支持 monogram，这里用站点自有样式把字母换成图形标：
 *   - 图形：/brand/mark.svg（墨色）/ /brand/mark-reverse.svg（深色页头）
 *   - 字标：站名文本直接用 Inter 600 + -0.02em 字距，与 /brand/logo.svg 的横版一致
 * 改标时同步 public/brand/ 下的交付物与 docs/46 §3 的清单。
 */
.tr-brand {
  gap: 0.7rem;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.tr-brand .tr-brand__mark {
  display: none;
}

.tr-brand::before {
  content: "";
  flex: none;
  /* C 案标为 64×64 正方形画布（含镜片与聚焦光点），等宽高渲染 */
  width: 1.65rem;
  height: 1.65rem;
  background: url("/brand/mark.svg") center / contain no-repeat;
}

/* 深色页头变体：模板会把文字反白，图形同步反白 */
body[data-header="solid"] .tr-brand::before {
  background-image: url("/brand/mark-reverse.svg");
}

/* 页脚底色为 #111827，图形同样要用反白版，否则墨色标在深底上看不清 */
.tr-footer .tr-brand::before {
  background-image: url("/brand/mark-reverse.svg");
}