/* ===== ILAC-MRA + IAS 认可徽章（页头 / 移动菜单） =====
   素材：assets/img/ilac-ias-mark.png（753×451，**透明底**）
   —— 用官方 pptx 里内嵌的那张透明底图（ppt/media/image1.png），
      实验室编号 TL-1374 按 slide1.xml 的坐标 / 字号（11pt Calibri、居中）
      渲染进图片，再裁掉四周透明空白。
      即：编号是图片的一部分，页面上不存在任何 HTML 文字编号。
   ⚠️ ILAC / IAS 标志使用规则：只允许等比例缩放，
      因此图片尺寸一律「只锁高度、宽度 auto」，不要改成固定宽高。 */

/* 页头：徽章跟在 UNT logo 右侧。
   ⚠️ 必须**参与 flex 排布**（占据真实宽度），不能用绝对定位。
      绝对定位不占位时，`.header-inner` 是 space-between 布局，
      导航不知道徽章存在 —— 中文导航 668px 侥幸留 42px 间距，
      英文导航 790px（长 122px）就把导航挤得压过徽章 23px（2026-10-13 老葛发现）。
      改成 flex item 后导航自动让位，间距恒定 ~46px。 */
.brand{display:flex;align-items:center;gap:26px;flex-shrink:0}
.hdr-acc{display:block;width:max-content;text-decoration:none}
/* max-width:none 必须保留：全局 img{max-width:100%} 会让 max-content 容器里的图算成 0 宽 */
.hdr-acc img{display:block;height:56px;width:auto;max-width:none}
/* 页头滚动变矮（72→62px）时同步收一点，避免徽章贴边 */
#siteHeader.scrolled .hdr-acc img{height:46px}

/* 窗口偏窄时页头放不下，隐藏（此时访客走移动端菜单，菜单底部有同款徽章） */
@media(max-width:1160px){
  .hdr-acc{display:none}
}

/* 移动端菜单：放在导航列表下方居中，不额外加任何分隔线 */
.m-acc{margin:24px 0 0;display:flex;justify-content:center}
/* 权重必须带 #mobileMenu：否则会被 #mobileMenu a 的 padding/border-bottom 盖住（那正是多出来的横线） */
#mobileMenu .m-acc a{display:block;padding:0;border-bottom:none}
.m-acc img{display:block;height:80px;width:auto}