/* 经验以真实年限作为信息锚点，让标题与说明共用紧凑的双栏。 */
.experience-compact,
.method-compact { scroll-margin-top: 96px; }
.experience.experience-compact {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(52px, calc(6 * var(--layout-unit)), 88px);
  padding: 70px 0 74px;
  border-bottom: 1px solid #c8cbd0;
}
.experience-compact .experience-tenure {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  color: #111216;
}
.experience-compact .experience-tenure strong {
  font-size: clamp(80px, calc(8 * var(--layout-unit)), 112px);
  font-weight: 600;
  line-height: .88;
  letter-spacing: -.075em;
}
.experience-compact .experience-tenure span {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}
.experience-compact .experience-copy h2 {
  max-width: 980px;
  margin: 0 0 18px;
  line-height: 1.08;
  /* 中英文宽度变化时平衡换行，避免标题末尾只剩一个字。 */
  text-wrap: balance;
}
.experience-compact .experience-copy > p:last-child {
  max-width: 960px;
  margin: 0;
  font-size: 20px;
  line-height: 1.55;
}

/* 五步方法保留原有分隔语言，收紧段距与序号到标题之间的空档。 */
.method.method-compact { padding-top: 74px; padding-bottom: 92px; }
.method-compact .method-heading {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 64px;
  margin-bottom: 42px;
}
.method-compact .method-heading h2 { max-width: 820px; }
.method-compact .method-heading > p { max-width: 440px; line-height: 1.5; }
.method-compact .method-rail { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.method-compact .method-rail article,
.method-compact .method-rail article + article {
  min-height: 0;
  padding: 23px 22px 28px;
}
.method-compact .method-rail article:first-child { padding-left: 0; }
.method-compact .method-rail article:last-child { padding-right: 0; }
.method-compact .method-rail h3 { margin: 24px 0 10px; }
.method-compact .method-rail p { line-height: 1.55; }

@media (max-width: 1100px) {
  .experience.experience-compact { grid-template-columns: 170px minmax(0, 1fr); gap: 42px; }
  .method-compact .method-heading { grid-template-columns: 1fr; gap: 20px; }
  .method-compact .method-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .method-compact .method-rail article { border-bottom: 1px solid #cdd0d5; }
  .method-compact .method-rail article:nth-child(2n) { border-right: 0; }
  .method-compact .method-rail article:last-child { grid-column: 1 / -1; border-bottom: 0; }
}

@media (max-width: 680px) {
  .experience.experience-compact {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 64px 0 66px;
  }
  .experience-compact .experience-tenure { flex-direction: row; align-items: baseline; gap: 12px; }
  .experience-compact .experience-tenure strong { font-size: 68px; }
  .experience-compact .experience-tenure span { font-size: 16px; }
  .experience-compact .experience-copy h2 { margin-bottom: 16px; }
  .experience-compact .experience-copy > p:last-child { font-size: 18px; line-height: 1.6; }
  .method.method-compact { padding: 68px 0 78px; }
  .method-compact .method-heading { gap: 18px; margin-bottom: 32px; }
  /* 手机取消桌面手动断行，由浏览器平衡四行标题，避免末行只剩一两个字。 */
  .method-compact .method-heading h2 { text-wrap: balance; }
  .method-compact .method-heading h2 br { display: none; }
  .method-compact .method-rail { grid-template-columns: 1fr; }
  .method-compact .method-rail article,
  .method-compact .method-rail article + article {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-content: start;
    min-height: 0;
    padding: 19px 0 21px;
    border-right: 0;
  }
  .method-compact .method-rail article:last-child { grid-column: auto; }
  .method-compact .method-rail span { grid-row: 1 / 3; padding-top: 3px; }
  .method-compact .method-rail h3 { margin: 0 0 8px; }
  .method-compact .method-rail p { grid-column: 2; }
}