.legal-page {
        width: min(920px, calc(100% - 32px));
        margin: 0 auto;
        padding: 32px 0 72px;
    }

    .legal-card {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        overflow: hidden;
    }

    .legal-head {
        padding: 22px;
        border-bottom: 1px solid var(--border);
        background: var(--surface-soft);
    }

    .legal-head h1 {
        margin: 0 0 6px;
        color: var(--text);
        font-size: 1.55rem;
        line-height: 1.35;
        font-weight: 900;
    }

    .legal-head p {
        margin: 0;
        color: var(--text-muted);
        font-size: .84rem;
    }

    .legal-content {
        padding: 22px;
        color: #243041;
        font-size: .92rem;
        line-height: 2;
        white-space: pre-line;
    }

    .legal-identity {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 16px 22px;
        border-bottom: 1px solid var(--border);
        background: #fff;
    }

    .legal-identity div {
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 12px 14px;
        background: var(--surface-soft);
    }

    .legal-identity strong,
    .legal-identity span {
        display: block;
    }

    .legal-identity strong {
        color: var(--text);
        margin-bottom: 4px;
    }

    .legal-identity span {
        color: var(--text-muted);
        font-size: .86rem;
        line-height: 1.8;
    }

    .legal-identity a {
        color: var(--brand-700);
        direction: ltr;
        unicode-bidi: embed;
    }

    .legal-actions {
        padding: 0 22px 22px;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    @media (max-width: 620px) {
        .legal-page {
            width: calc(100% - 24px);
            padding-top: 20px;
        }

        .legal-head,
        .legal-identity,
        .legal-content {
            padding: 16px;
        }

        .legal-identity {
            grid-template-columns: 1fr;
        }

        .legal-actions {
            padding: 0 16px 16px;
        }
    }