/* ============================================================
   万川官网 · 法务文档
   保持文档页的克制，只优化阅读节奏与信息层级。
   ============================================================ */

.legal-hero {
  padding: 112px 0 50px;
  background: linear-gradient(180deg, var(--bg-subtle), var(--bg) 82%);
}

.legal-hero::before {
  background: radial-gradient(ellipse 46% 120% at 18% 0%, rgba(46, 91, 194, .065), transparent 66%);
}

.legal-hero .page-hero-inner { max-width: 820px; }
.legal-hero .page-title { margin-bottom: 16px; font-size: clamp(32px, 3.5vw, 42px); font-weight: 650; }
.legal-hero .page-lede { max-width: 740px; font-size: 16.5px; line-height: 1.78; }
.legal-hero .page-meta {
  display: inline-flex;
  margin-top: 22px;
  padding: 7px 11px;
  border: 1px solid rgba(58, 91, 159, .11);
  border-radius: 7px;
  color: var(--text-muted);
  background: color-mix(in srgb, var(--bg-card) 72%, transparent);
  font-family: var(--font-mono);
  font-size: 11.5px;
}

.legal-section { padding: 62px 0 96px; }
.legal-section .legal { max-width: 820px; }
.legal-section .legal h2 { margin-top: 56px; font-size: 22px; letter-spacing: -.012em; }
.legal-section .legal h3 { margin-top: 30px; font-size: 17px; }
.legal-section .legal p,
.legal-section .legal ul li { color: var(--text-soft); }
.legal-section .legal .table-scroll {
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--bg-card);
}
.legal-section .legal .data-table { min-width: 760px; margin: 0; border: 0; table-layout: fixed; }
.legal-section .legal .data-table--three th:first-child,
.legal-section .legal .data-table--three td:first-child { width: 22%; }
.legal-section .legal .data-table--three th:nth-child(2),
.legal-section .legal .data-table--three td:nth-child(2) { width: 52%; }
.legal-section .legal .data-table--three th:nth-child(3),
.legal-section .legal .data-table--three td:nth-child(3) { width: 26%; }
.legal-section .legal .data-table--two th:first-child,
.legal-section .legal .data-table--two td:first-child { width: 36%; }
.legal-section .legal .callout {
  border-left-color: #5f82d8;
  background: linear-gradient(90deg, rgba(95, 130, 216, .12), var(--bg-subtle));
}

@media (max-width: 640px) {
  .legal-hero { padding: 96px 0 42px; }
  .legal-hero .page-meta { display: block; line-height: 1.65; }
  .legal-section { padding: 48px 0 76px; }
  .legal-section .legal h2 { margin-top: 46px; }
  .legal-section .legal .table-scroll--cards { margin: 20px 0 26px; overflow: visible; border: 0; background: transparent; }
  .legal-section .legal .data-table--cards { min-width: 0; table-layout: auto; }
  /* nth-child 是为了压过上面桌面表的 22% / 52% / 26% 列宽。 */
  .legal-section .legal .data-table--cards td:nth-child(n) { width: 100%; }
}