/* ==========================================================================
   ATTEND 板块 —— Venue
   目前 Attend 页只有这一个子模块，所以不需要像 Submit 板块那样再套一层
   .xxx-block 包装——.attend-bg 本身就是"背景块 + sub-label-section"，
   与 cfp-bg 的结构完全一致
   ========================================================================== */

/* 上一板块（Submit：Review and AI declaration 紫色卡片）到本板块背景块顶部
   的间距，用户核对为72px。这个间距由三段叠加：submit-bg自身
   padding-bottom:32px + 这里的gap div + attend-bg自己的padding-top:24px，
   所以gap div实际只需要 72-32-24=16px（不是其它板块之间常用的40px——那个
   40px本身也是"gap div+对方bg的padding-top"共同凑出某个总值的产物，不是
   随便哪两个板块之间都通用的固定常数，这里按用户给的72px精确反推） */
.attend-section-gap {
  height: 16px;
}

.attend-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);
}

/* 第一行说明文字："EKSIG 2027 will be hosted by..."
   get_design_context精确核对：字体Red Hat Text，字号24，字重SemiBold，
   与.submit-simple-lead用同一套line-height:28的惯例；左右边距24px（文本框
   x=24，宽1377，1425-24-1377=24，左右对称）；到下方第二段间距8px */
.venue-lead {
  margin: 0 24px 8px 24px;
  font-family: var(--font-nav);
  font-weight: 600;
  /* 2026-08 Visual Refinement：与其余卡片内小标题一起收紧为H4档18/26 */
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
  color: var(--color-ink);
}

/* 第二段说明文字（含链接）：Regular，左右边距同上24px，与下方图片间距32px。
   2026-08 Visual Refinement：正文统一收紧为18/27 */
.venue-detail {
  margin: 0 24px 32px 24px;
  font-family: var(--font-nav);
  font-weight: 400;
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--color-ink);
}

.venue-detail a {
  /* 2026-08 用户反馈截图：字母g底部缺一截下划线——浏览器默认
     text-decoration-skip-ink:auto 会自动跳过降部字母(g/y/p等)的下划线，
     这正是Figma参考代码里显式标注 [text-decoration-skip-ink:none] 的原因，
     之前漏加了这条，现在补上，让下划线完整贯穿整个网址不断开 */
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: inherit;
}

/* 2026-08 用户核对纠正：改回自适应——不再冻结原尺寸+横向滚动，图片左右
   两侧始终与网页边缘保持16px空白（原来是20px，这次用户改成16px），宽度
   跟随视口收缩，高度不再写死870px，改用aspect-ratio按原图1385:870的
   比例同步缩放，避免宽度收缩、高度不变导致的裁切变形。圆角5，整体透明度90% */
.venue-photo-wrap {
  width: calc(100% - 32px);
  margin: 0 auto;
  aspect-ratio: 1385 / 870;
  border-radius: 5px;
  overflow: hidden;
  opacity: 0.9;
}

.venue-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}