﻿        .legal-content {
            max-width: 900px;
            margin: 0 auto;
        }

        .legal-info {
            padding: var(--space-4);
            background: var(--bg-secondary);
            border: 1px solid var(--border-primary);
            border-radius: var(--radius-lg);
            margin-bottom: var(--space-8);
        }

        .legal-info p {
            font-size: var(--text-sm);
            color: var(--text-secondary);
            margin: 0;
        }

        .legal-article {
            margin-bottom: var(--space-10);
        }

        .legal-article h2 {
            font-family: var(--font-display);
            font-size: var(--text-xl);
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: var(--space-4);
            padding-bottom: var(--space-3);
            border-bottom: 2px solid var(--accent-primary);
        }

        .legal-article p {
            font-size: var(--text-base);
            color: var(--text-secondary);
            line-height: 1.8;
            margin-bottom: var(--space-4);
        }

        .legal-article ul {
            list-style: none;
            margin: var(--space-4) 0;
        }

        .legal-article li {
            position: relative;
            padding-left: var(--space-6);
            margin-bottom: var(--space-2);
            font-size: var(--text-base);
            color: var(--text-secondary);
            line-height: 1.7;
        }

        .legal-article li::before {
            content: '•';
            position: absolute;
            left: var(--space-2);
            color: var(--accent-primary);
        }

        .info-box {
            background: var(--bg-secondary);
            border: 1px solid var(--border-primary);
            border-radius: var(--radius-lg);
            padding: var(--space-5);
            margin-top: var(--space-4);
        }

        .info-box p {
            margin-bottom: var(--space-2);
            font-size: var(--text-sm);
        }

        .info-box p:last-child {
            margin-bottom: 0;
        }
