/**
 * 节气页专属样式
 * 用于：/jieqi/（二十四节气大全）与 /jieqi/{key}（24 个节气介绍页）
 * 正文分栏复用公用 .panel + .cx-article（含 h2/p 排版），本文件只写节气页特有的
 * 面包屑、简介要素表、小标题、相邻节气导航与 24 节气内链。
 */
 

/* 简介要素表：节气时间 / 代表寓意 / 气候特点 / 节气养生 / 节气三候 … */
.jq-facts {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px 18px;
  margin: 16px 0;
  padding: 14px 16px;
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  background: var(--card);
  font-size: 14px;
}

.jq-facts > div {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 4px 0;
}

.jq-facts dt {
  flex: 0 0 5.5em;
  color: var(--gilt);
  letter-spacing: 0.08em;
}

/* dd 是 flex 项，不给 min-width:0 时长文案会把整列顶宽（flex 项默认不缩到内容以下） */
.jq-facts dd { margin: 0; min-width: 0; color: var(--ink); }

/* 段落小标题（「迎冬」「风俗活动」这类），比 .cx-article h2 低一级 */
.jq-sub {
  margin: 14px 0 4px;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  color: var(--jade);
  letter-spacing: 0.08em;
}

/* 节 / 中气 标注列：十二节是月令交接点（八字换月以「节」为界），用朱色强调；中气淡墨 */
.jq-kind {
  font-family: var(--font-display);
  letter-spacing: 0.08em;
  color: var(--ink-soft);
}

.jq-kind--jie { color: var(--cinnabar); font-weight: 600; }

/* 三候起止表：候名列稍宽，日期列等宽数字对齐 */
#jq_hou_table td:nth-child(2) { letter-spacing: 0.06em; }
#jq_hou_table td:nth-child(n+3) { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* 立春十年交节对照：三列窄表，别铺满整篇正文的宽度 */
.jq-drift { margin-top: 12px; }
.jq-drift table { max-width: 460px; }
.jq-drift td { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* 24 节气内链：大全页与介绍页都放一份，保证每个介绍页都有入链 */
.jq-terms {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 14px;
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  background: var(--field);
  font-size: 13px;
  line-height: 1.9;
}

.jq-terms_label { color: var(--gilt); letter-spacing: 0.14em; }
.jq-terms a { color: var(--ink-soft); text-decoration: none; }
.jq-terms a:hover { color: var(--cinnabar); }

@media (min-width: 769px) {
  /* 宽屏两列：节气时间/代表寓意 并排，长文案（三候、养生）仍占一列宽 */
  .jq-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
}