/* ==========================================================================
   Conference Organisers 板块
   ========================================================================== */

/* 上一板块（Important dates：最后一行日期条）到本板块背景块顶部的间距，
   用户核对为72px。公式同前几处：dates-bg padding-bottom:32 + 这里的gap div
   + org-bg自己的padding-top:24 = 72，gap div = 72-32-24=16px */
.org-section-gap {
  height: 16px;
}

.org-bg {
  width: 100%;
  background: var(--color-section-bg);
  /* 2026-08 Visual Refinement：跨tab板块间距整体从72收紧到64 */
  padding-top: var(--space-section-top);
  padding-bottom: var(--space-section-bottom);
}

/* 紫色小标题（Conference Chairs / Programme Committee / Scientific Committee）：
   get_design_context精确核对：Red Hat Text SemiBold 24，颜色
   var(--color-primary-purple)，左边距24（与tag左边距16+tag自身padding-left
   8对齐同一条基线），line-height实测18（不是常规的32），下方到内容组的
   16px间距用margin-bottom实现——tag→标题、标题→分组、分组→虚线、虚线→标题
   全部统一复用同一套16px间距，逐段核对与Figma的y坐标差完全吻合 */
.org-title {
  /* 2026-08 用户明确要求：标题、人员名单、虚线分割线三者的左边缘要和
     .sub-label-tag（"Conference Organisers"标签）的文字左边缘对齐——
     tag自身margin-left:16px + tag自己的padding-left:8px = 24px，就是
     文字实际起始位置。改用固定的左右各24px外边距（不再是之前那套
     "width:1333px + max-width:calc(100% - 92px) + margin:auto"的居中
     公式——那套公式在1425设计宽度下算出来是46px，比tag文字的24px偏右，
     这次统一改成和tag文字对齐的24px），不设显式宽度，靠margin自动撑满
     可用空间，任何视口宽度下都保持24px不变 */
  margin: 0 24px var(--space-heading-gap) 24px;
  font-family: var(--font-nav);
  font-weight: 600;
  /* 字号从24收紧到H3档22px，行高按原18/24=0.75的比例同步收紧为17px */
  font-size: var(--fs-h3);
  line-height: 17px;
  color: var(--color-primary-purple);
}

/* 2026-08 用户明确要求：3组人员名单、虚线分割线的左右边缘统一改为固定
   左右各24px外边距，和上方.org-title、.sub-label-tag文字左边缘对齐——
   不再用"width:1333px+max-width:calc(100% - 92px)+margin:auto"这套
   居中公式（那套公式的46px和tag文字的24px不是同一个基准） */
.org-group {
  list-style: none;
  margin: 0 24px var(--space-heading-gap) 24px;
  padding: 0;
}

.org-bg > .org-group:last-child {
  /* 最后一组（Scientific Committee）之后直接是org-bg自己的
     padding-bottom:32，不需要额外再加16px分组间距——
     get_metadata核对：最后一组底边到板块背景底边正好是32px，
     不是32+16 */
  margin-bottom: 0;
}

.org-item {
  display: flex;
  align-items: center;
  /* 圆点右边缘到文本左边缘的间距，get_design_context核对：
     dot right=39+5=44，text left=59，59-44=15 */
  gap: 15px;
  margin-bottom: 8px;
}

.org-item:last-child {
  margin-bottom: 0;
}

.org-dot {
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--color-ink);
}

.org-name {
  font-family: var(--font-nav);
  font-weight: 600; /* SemiBold，与dot同色 var(--color-ink) */
  /* 2026-08 Visual Refinement：人名列表属于正文角色，从24/31收紧为
     18/27（--fs-body/--lh-body），dot仍靠flex align-items:center自动
     垂直居中于新行高内，无需额外调整 */
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  letter-spacing: 1px;
  color: var(--color-ink);
}

/* "Additional members to be confirmed." / "To be announced." 两行是
   Regular字重，不是SemiBold——get_design_context原始数据里这两行用的是
   font-['Red_Hat_Text:Regular']，与同组其余人名行不同 */
.org-name.is-regular {
  font-weight: 400;
}

/* "Get In Touch" 邮箱——用户明确要求：左侧不要圆点（不复用.org-item那套
   flex+dot结构，直接是一个普通段落），文字左对齐即可（本来就是，不需要
   额外处理）；复用.org-name的字体/字号/字重/颜色，只额外加一个下划线
   区分出这是个可点击的链接。这是.org-bg里真正的最后一个元素，底部不需要
   再叠加margin（org-bg自己的padding-bottom已经是整块的底部留白），左右
   24px和上面的标题/名单/虚线分割线保持同一条基线 */
.org-contact {
  margin: 0 24px 0 24px;
}

.org-contact .org-name {
  text-decoration: underline;
  text-decoration-color: currentColor;
}

/* 灰色虚线分割线：复用Submit板块已经验证过的透明底虚线PNG素材
   （divider-dashed-gray.png）。2026-08 用户明确要求：左右边距统一改为
   固定24px（与上方.org-title/.org-group同一套基准，和sub-label-tag文字
   左边缘对齐），不再用width:1333px+max-width:calc(100% - 92px)+margin:auto
   的居中公式。注意这是<img>（替换元素），width:auto会退化成图片自身的
   原始像素宽度而不是"撑满容器"，必须显式写width:calc(100% - 48px)才能
   让虚线跟着可用宽度伸缩 */
.org-divider {
  display: block;
  width: calc(100% - 48px);
  margin: 0 24px var(--space-heading-gap) 24px;
  height: auto;
}