/**
 * honors-config.css — 荣誉页排版变量
 * 通过 page-editor.html 读取/编辑，覆盖 css/styles.css 的默认样式。
 * 通用 Section 样式由 css/global-section-config.css 统一控制。
 */

:root {
  /* 页面容器 */
  --honors-container-max-width: var(--max);
  --honors-section-padding: var(--global-section-padding);
  --honors-first-section-padding-top: var(--global-first-section-padding-top);

  /* 首 Section 与后续 Section 间距 */
  --honors-first-section-gap: 0px;

  /* Section 小标签（继承全局） */
  --honors-kicker-font-size: var(--global-section-kicker-font-size);
  --honors-kicker-letter-spacing: var(--global-section-kicker-letter-spacing);
  --honors-kicker-color: var(--global-section-kicker-color);
  --honors-kicker-margin-bottom: var(--global-section-kicker-margin-bottom);

  /* Section 标题与内容间距（继承全局） */
  --honors-section-heading-gap: var(--global-section-heading-gap);

  /* Section title（继承全局） */
  --honors-title-font-size: var(--global-section-title-font-size);
  --honors-title-line-height: var(--global-section-title-line-height);
  --honors-title-letter-spacing: var(--global-section-title-letter-spacing);
  --honors-title-color: var(--global-section-title-color);

  /* 列表项间距（继承全局） */
  --honors-list-gap: var(--global-list-gap);

  /* 序号偏移 */
  --honors-index-offset-top: 0px;
  --honors-index-offset-left: 0px;

  /* 手机端 */
  --honors-first-section-gap-mobile: 0px;
  --honors-kicker-font-size-mobile: var(--global-section-kicker-font-size-mobile);
  --honors-kicker-letter-spacing-mobile: var(--global-section-kicker-letter-spacing-mobile);
  --honors-kicker-margin-bottom-mobile: var(--global-section-kicker-margin-bottom-mobile);
  --honors-title-font-size-mobile: var(--global-section-title-font-size-mobile);
  --honors-section-padding-mobile: var(--global-section-padding-mobile);
  --honors-first-section-padding-top-mobile: var(--global-first-section-padding-top-mobile);
  --honors-section-heading-gap-mobile: var(--global-section-heading-gap-mobile);
  --honors-list-gap-mobile: var(--global-list-gap-mobile);

  /* 序号偏移（手机端） */
  --honors-index-offset-top-mobile: 0px;
  --honors-index-offset-left-mobile: 0px;
}

/* 容器 */
.honors-page .section-wrap {
  width: min(100% - 40px, var(--honors-container-max-width));
  padding: var(--honors-section-padding) 0 !important;
}

.honors-page main > .section-wrap:first-child,
.honors-page main > .section-band:first-child > .section-wrap {
  padding-top: var(--honors-first-section-padding-top) !important;
}

/* 首 Section 与后续 Section 间距 */
.honors-page #awards {
  padding-bottom: var(--honors-first-section-gap) !important;
}

/* Kicker */
.honors-page .section-kicker {
  font-size: var(--honors-kicker-font-size) !important;
  letter-spacing: var(--honors-kicker-letter-spacing) !important;
  color: var(--honors-kicker-color) !important;
  margin-bottom: var(--honors-kicker-margin-bottom) !important;
}

/* Section title */
.honors-page .section-heading {
  margin-bottom: var(--honors-section-heading-gap) !important;
}

.honors-page .section-heading h2 {
  font-size: var(--honors-title-font-size) !important;
  line-height: var(--honors-title-line-height) !important;
  letter-spacing: var(--honors-title-letter-spacing) !important;
  color: var(--honors-title-color) !important;
}

/* 列表间距 */
.honors-page .detail-list {
  gap: var(--honors-list-gap) !important;
}

/* 序号偏移 */
.honors-page .detail-item time,
.honors-page .item-index {
  margin-top: var(--honors-index-offset-top) !important;
  margin-left: var(--honors-index-offset-left) !important;
}

@media (max-width: 860px) {
  .honors-page .section-wrap {
    padding: var(--honors-section-padding-mobile) 0 !important;
  }

  .honors-page main > .section-wrap:first-child,
  .honors-page main > .section-band:first-child > .section-wrap {
    padding-top: var(--honors-first-section-padding-top-mobile) !important;
  }

  .honors-page #awards {
    padding-bottom: var(--honors-first-section-gap-mobile) !important;
  }

  .honors-page .section-kicker {
    font-size: var(--honors-kicker-font-size-mobile) !important;
    letter-spacing: var(--honors-kicker-letter-spacing-mobile) !important;
    margin-bottom: var(--honors-kicker-margin-bottom-mobile) !important;
  }

  .honors-page .section-heading {
    margin-bottom: var(--honors-section-heading-gap-mobile) !important;
  }

  .honors-page .section-heading h2 {
    font-size: var(--honors-title-font-size-mobile) !important;
  }

  .honors-page .detail-list {
    gap: var(--honors-list-gap-mobile) !important;
  }

  /* 序号偏移（手机端） */
  .honors-page .detail-item time,
  .honors-page .item-index {
    margin-top: var(--honors-index-offset-top-mobile) !important;
    margin-left: var(--honors-index-offset-left-mobile) !important;
  }
}