/* 项目参与说明：贡献方向与顺序步骤，沿用站点组件。 */
.page-contribute .contribute-hero h1 { max-width: 14em; text-wrap: balance; }
.page-contribute .contribute-section { min-width: 0; }
.page-contribute .contribute-intro { max-width: 760px; margin-bottom: var(--space-6); }
.page-contribute .contribute-section h2,
.page-contribute .contribute-next h2 { font-size: clamp(26px, 3.2vw, 36px); line-height: 1.25; overflow-wrap: anywhere; }
.page-contribute .contribute-section h3 { font-size: var(--fs-lg); line-height: 1.4; }
.page-contribute .contribute-section p:not(.eyebrow) { margin-top: var(--space-3); color: var(--c-text-2); line-height: 1.8; overflow-wrap: anywhere; }
.page-contribute .contribute-directions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.page-contribute .contribute-card { min-width: 0; padding: var(--space-5); }
.page-contribute .contribute-card p { font-size: var(--fs-sm); }
.page-contribute .contribute-steps { max-width: 880px; margin: 0; padding: 0; list-style: none; counter-reset: contribution-step; }
.page-contribute .contribute-steps > li {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  column-gap: var(--space-4);
  padding-block: var(--space-5);
  border-top: 1px solid var(--c-line);
  counter-increment: contribution-step;
}
.page-contribute .contribute-steps > li::before { grid-row: 1 / 3; content: counter(contribution-step, decimal-leading-zero); color: var(--c-text-3); font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.8; }
.page-contribute .contribute-steps > li > h3,
.page-contribute .contribute-steps > li > p { grid-column: 2; min-width: 0; }
.page-contribute .contribute-steps > li > .editable-block-actions { grid-column: 2; }
.page-contribute .contribute-notes { display: grid; gap: var(--space-5); max-width: 880px; padding: var(--space-5); border: 1px solid var(--c-line); border-radius: var(--r-md); background: var(--c-surface); }
.page-contribute .contribute-next .band { display: grid; justify-items: start; gap: var(--space-4); }
.page-contribute .contribute-next .lead { max-width: 720px; margin: 0; }
.page-contribute .contribute-next .hero-actions { margin-top: var(--space-2); }
.page-contribute .hero-actions .btn { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: center; }

@media (max-width: 720px) {
  .page-contribute .contribute-directions { grid-template-columns: minmax(0, 1fr); }
  .page-contribute .contribute-card,
  .page-contribute .contribute-notes { padding: var(--space-4); }
  .page-contribute .contribute-steps > li { grid-template-columns: 28px minmax(0, 1fr); column-gap: var(--space-3); padding-block: var(--space-4); }
}

@media (hover: none) {
  .page-contribute .hero-actions .btn { min-height: 40px; }
}