/* ==========================================================================
   Call for Papers and Contributions 子板块
   ========================================================================== */

/* Hero 底部 到 本板块背景块顶部 的间距 */
.cfp-section-gap {
  height: 40px;
}

/* 底部色块背景：宽度始终等于视口宽度（与 Header/Hero 的"固定1425不响应式"规则不同） */
.cfp-bg {
  width: 100%;
  background: var(--color-section-bg);
  /* 2026-08 Visual Refinement：跨tab板块间距整体从72收紧到64，本板块自身的
     padding-top/bottom 相应从 24/32 收紧为 20/28（gap-div 高度不变） */
  padding-top: var(--space-section-top);
  padding-bottom: var(--space-section-bottom);
}

/* 子版块按钮（药丸标签）——具体外观与"跟随滚动高亮/置灰"逻辑复用通用的 .sub-label-tag，
   这里不再重复声明字体/颜色/背景，避免和 theme-section.css 里的规则打架 */

/* 2026-08 用户明确要求：任何会被遮挡的内容都要补上横向滑动交互——
   .cfp-para-2 本来就用 white-space:nowrap 强制不换行、.cfp-para-1 又被JS
   锁定成同样的收缩下限，窄屏下这一块整体会比可视区域更宽，之前只是单纯被
   父级裁切、没有办法滑动看到剩余内容，现在补上这层滚动容器（隐藏滚动条
   本身），左右24px的边距也一并移到这层，三段文字保持贴在一起横向滚动 */
.cfp-paras-scroll {
  margin: 0 24px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cfp-paras-scroll::-webkit-scrollbar {
  display: none;
}

/* 两组段落文字的共同样式 */
.cfp-para {
  font-family: var(--font-nav), var(--font-symbol); /* Red Hat Text，找不到的符号字形（如↗）自动 fallback 到 Noto Sans Symbols 2 */
  font-weight: 400; /* Regular */
  /* 2026-08 Visual Refinement：全站正文统一从24/32收紧为18/27（--fs-body/--lh-body），
     原24/32这套尺寸偏大，收紧后与参考站的正文密度更接近 */
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--color-ink); /* 文字透明度75% */
}

.cfp-para-1 {
  margin-bottom: 16px;
  /* 宽度随视口自适应，min-width 由 JS 动态锁定为 .cfp-para-2 的自然宽度 */
}

.cfp-para-2 {
  /* 在 24px 基础左边距之上，整体再多缩进 4px + 12px = 16px（两行统一，不是首行缩进） */
  padding-left: 16px;
  /* 用 <br> 手动强制两行，且不再自然换行——窗口过窄时整体溢出，由外层横向滚动"遮挡" */
  white-space: nowrap;
  width: fit-content;
}

/* 2026-08 用户明确要求：视口<=500px（全站冻结断点）时，这3段文字改成
   换行自适应——取消上面的nowrap/fit-content，让文字在窄屏下正常换行；
   配合 cfp-section.js 里同一断点下不再锁定 .cfp-para-1 的收缩下限，两处
   一起生效，不再需要横向滚动才能读完这一块 */
@media (max-width: 500px) {
  .cfp-para-2 {
    white-space: normal;
    width: 100%;
  }
}

.cfp-arrow-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  max-width: none; /* 覆盖全局 img{max-width:100%}，避免被压缩 */
  vertical-align: baseline;
  margin-bottom: -1px; /* 微调对齐文字基线，肉眼核对后可再调整 */
  opacity: 0.8; /* 与段落文字（var(--color-ink)）透明度保持一致 */
}