.legal-page-wrap {
      max-width: 900px;
      margin: 40px auto 80px;
      padding: 0 24px;
    }
    .legal-card {
      background: var(--bg-card);
      backdrop-filter: blur(28px) saturate(200%);
      -webkit-backdrop-filter: blur(28px) saturate(200%);
      border: 1px solid var(--border-subtle);
      border-radius: 24px;
      padding: 44px;
      box-shadow: var(--card-shadow);
    }
    [data-theme="dark"] .legal-card {
      background: var(--bg-card) !important;
      border: 1px solid var(--border-subtle) !important;
      box-shadow: var(--card-shadow) !important;
    }
    .legal-header {
      border-bottom: 1px solid var(--border-subtle);
      padding-bottom: 24px;
      margin-bottom: 32px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 20px;
      flex-wrap: wrap;
    }
    .legal-title {
      font-size: 32px;
      font-weight: 800;
      color: var(--text-primary);
      margin: 0 0 8px 0;
      letter-spacing: -0.02em;
    }
    .legal-subtitle {
      font-size: 14px;
      color: var(--text-muted);
      font-family: var(--font-mono);
      margin: 0;
    }
    .legal-section {
      margin-bottom: 32px;
    }
    .legal-section-title {
      font-size: 19px;
      font-weight: 700;
      color: var(--text-primary);
      margin: 0 0 12px 0;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .legal-prose {
      font-size: 14.5px;
      color: var(--text-secondary);
      line-height: 1.7;
      margin-bottom: 12px;
    }
    .legal-badge-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--bg-surface-elevated);
      border: 1px solid var(--border-subtle);
      color: var(--accent-primary);
      padding: 6px 14px;
      border-radius: 9999px;
      font-family: var(--font-mono);
      font-size: 12px;
      font-weight: 600;
    }
    .btn-return-campus {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 20px;
      border-radius: 9999px;
      background: var(--bg-surface-elevated);
      border: 1px solid var(--border-medium);
      color: var(--text-primary);
      text-decoration: none;
      font-weight: 600;
      font-size: 13.5px;
      transition: all 0.2s ease;
    }
    .btn-return-campus:hover {
      background: var(--bg-surface-hover);
      transform: translateY(-1px);
    }