/* 现代浏览器优先：固定滚动条槽位，避免布局抖动 */
html { scrollbar-gutter: stable; }
/* 兼容旧浏览器：总是显示垂直滚动条（即使内容不超一屏） */
body { overflow-y: scroll; }

body{max-width:900px;margin:2rem auto;padding:0 1rem;font-family:sans-serif;}
header h1{margin:0 0 .2rem 0}
nav a{margin-right:.6rem}




.people-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-top: 8px;
}
.person {
  border: 1px solid #ddd;
  padding: 8px;
  border-radius: 6px;
  line-height: 1.4;
  box-sizing: border-box;
}
.person .name { font-weight: 600; margin-bottom: 2px; }
.person .role { opacity: .8; }
.person .avatar {
  width: 100%;
  max-height: 120px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
  margin-bottom: 6px;
}
@media (max-width: 1000px) { .people-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .people-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 520px)  { .people-grid { grid-template-columns: repeat(2, 1fr); } }


/* Remove borders on People cards only */
.people-grid .person { border: 0; }           /* 或者写 border: none; */


/* Seminars 列表页的局部样式（放到全站 CSS 里，避免页面内联样式影响字体） */
.seminar-list { margin: .4rem 0 1.2rem; padding-left: 1.25rem; }
.seminar-list li { margin-bottom: 1.6rem; }     /* 两条之间“多空一行”的效果 */
.seminar-item-meta { margin-left: 1rem; }       /* 两个 sub-bullet 右移一些 */
.seminar-item-abs  { margin-top: .6rem; }       /* 摘要前空一行；与题目左对齐 */


/* 独立控制：标题字号 vs logo 高度 */
:root {
  --title-size: 2rem;  /* 只影响标题字号 */
  --logo-height: 80px;   /* 只影响两个 logo 的高度 */
}

/* add space between header and the first section (all pages) */
header { margin-bottom: 40px; }

/* 头部布局：左右两栏，垂直居中 */
.header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;   /* 关键：上下居中，无论谁更高 */
  gap: 16px;
}

/* 标题：用独立变量控制大小 */
header h1 {
  font-size: var(--title-size);
  line-height: 1.1;      /* 稍紧凑，利于对齐 */
  font-weight: 700;
  margin: 0 0 .25rem 0;
}

/* 导航保持在标题下方（纵向堆叠） */
.brand-left {
  display: flex;
  flex-direction: column;
  gap: 6px;              /* 标题与导航的间距 */
}

nav a { margin-right: .6rem; text-decoration: none; color: inherit; }
nav a:hover { text-decoration: underline; }

/* 右上两个 logo 并排，使用独立高度变量 */
.brand-logos {
  display: flex;
  align-items: center;   /* 让两张图在各自容器内也居中 */
  gap: 10px;
}
.brand-logos img {
  height: var(--logo-height);
  width: auto;
  display: block;
}

/* 小屏可独立缩放（按需调整） */
@media (max-width: 600px) {
  :root {
    --title-size: 1.4rem;
    --logo-height: 36px;
  }
}