/* 隐私政策与免责声明共用的法律长文版式。页面宽度和留白归 Layer 2 宿主。 */
.legal {
   color: var(--bp-content-primary);
}

.legal__title {
   margin: 0;
   font-size: var(--bp-font-size-2xl);
   font-weight: var(--bp-font-weight-bold);
   line-height: var(--bp-leading-tight);
   letter-spacing: 0.02em;
}

.legal__updated {
   margin: var(--bp-space-2) 0 var(--bp-space-4);
   font-size: var(--bp-font-size-sm);
   color: var(--bp-content-subtle);
}

.legal__lead {
   margin: 0 0 var(--bp-space-6);
   font-size: var(--bp-font-size-md);
   line-height: var(--bp-leading-relaxed);
   color: var(--bp-content-secondary);
}

.legal__section+.legal__section {
   margin-top: var(--bp-space-6);
}

.legal__heading {
   margin: 0 0 var(--bp-space-3);
   font-size: var(--bp-font-size-lg);
   font-weight: var(--bp-font-weight-semibold);
   line-height: var(--bp-leading-snug);
}

.legal__list {
   margin: 0;
   padding: 0;
   list-style: none;
}

.legal__list+.legal__list {
   margin-top: var(--bp-space-2);
}

.legal__list li,
.legal__text {
   margin: 0;
   font-size: var(--bp-font-size-md);
   line-height: var(--bp-leading-relaxed);
   color: var(--bp-content-secondary);
}

.legal__list li {
   padding-left: var(--bp-space-4);
   border-left: var(--bp-stroke-hairline) solid var(--bp-border-default);
}

.legal__body strong {
   font-weight: var(--bp-font-weight-semibold);
   color: var(--bp-content-primary);
}

.legal__contact {
   margin-top: var(--bp-space-7);
   padding: var(--bp-space-5);
   border-radius: var(--bp-radius-lg);
   background: var(--bp-surface-sunken);
   font-size: var(--bp-font-size-md);
   line-height: var(--bp-leading-relaxed);
}

.legal__contact p {
   margin: 0;
   color: var(--bp-content-secondary);
}

.legal__contact p+p {
   margin-top: var(--bp-space-2);
}

.legal__contact a {
   color: var(--bp-content-action);
   text-decoration: none;
}

.legal__contact a:hover {
   text-decoration: underline;
}

.legal__action {
   margin: var(--bp-space-6) 0 0;
   text-align: center;
}

.legal__action-btn {
   padding: var(--bp-space-3) var(--bp-space-5);
   border: 0;
   border-radius: var(--bp-radius-round);
   background: var(--bp-action-primary);
   color: var(--bp-content-on-action);
   box-shadow: var(--bp-shadow-subtle);
   font-family: inherit;
   font-size: var(--bp-font-size-md);
   font-weight: var(--bp-font-weight-medium);
   cursor: pointer;
   transition: background var(--bp-dur-fast) var(--bp-ease);
}

.legal__action-btn:hover {
   background: var(--bp-action-primary-hover);
}

.legal__action-btn:active {
   background: var(--bp-action-primary-pressed);
}