/* 服务商入驻页骨架：首屏左右两栏 → 入驻流程 4 步横排 → 三种状态说明 3 列 → 需要提交的资料 → 常见问题 → 收尾 */
@layer pages {
  .guide-hero {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-16);
    align-items: center;
    padding-block: var(--section-y);
  }

  .guide-hero__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-5);
  }

  .guide-status__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--card-gap);
  }

  .guide-docs {
    max-width: var(--measure);
  }

  .guide-faq {
    max-width: var(--measure);
  }

  .guide-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4);
  }

  @media (max-width: 1023.98px) {
    .guide-hero {
      grid-template-columns: minmax(0, 1fr);
      gap: var(--space-8);
      padding-block: var(--space-12);
    }

    .guide-hero .art {
      order: -1;
    }

    .guide-status__grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}

/* P5 补充（2026-10-05） */
@layer pages {
  .guide-hero-wrap .breadcrumb {
    padding-top: var(--space-6);
    margin-bottom: 0;
  }

  .guide-hero {
    padding-block: var(--space-8) var(--section-y);
  }

  .guide-gain__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-10);
  }

  .guide-gain__grid h2 {
    margin-bottom: var(--space-4);
  }

  .section > .container > h2 + .steps,
  .section > .container > h2 + .checklist,
  .section > .container > h2 + .table-wrap,
  .section > .container > h2 + .accordion,
  .section > .container > h2 + .guide-status__grid {
    margin-top: var(--space-6);
  }

  .guide-status__grid .card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
  }

  @media (max-width: 1023.98px) {
    .guide-gain__grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}