/* ==========================================================
   DSM LEGAL
   ========================================================== */

.dsm-legal {
    padding-block:
        var(--dsm-space-7);
}

.dsm-legal-document {
    width: min(
        100%,
        900px
    );

    margin-inline: auto;

    padding:
        var(--dsm-space-6);

    background:
        var(--dsm-color-surface);

    border:
        1px solid
        var(--dsm-color-border);

    border-radius:
        var(--dsm-radius-lg);

    box-shadow:
        var(--dsm-shadow-sm);
}

.dsm-legal-document__header {
    margin-bottom:
        var(--dsm-space-5);
}

.dsm-legal-document__title {
    margin: 0;

    font-size:
        var(--dsm-font-size-2xl);
}

.dsm-legal-document__content {
    line-height:
        var(--dsm-line-height-md);
}

.dsm-legal-document__content p {
    margin:
        0
        0
        var(--dsm-space-4);
}

.dsm-legal-document__content h2,
.dsm-legal-document__content h3 {
    margin:
        var(--dsm-space-6)
        0
        var(--dsm-space-3);
}

@media (max-width: 760px) {

    .dsm-legal {
        padding-block:
            var(--dsm-space-5);
    }

    .dsm-legal-document {
        padding:
            var(--dsm-space-4);
    }

    .dsm-legal-document__title {
        font-size:
            var(--dsm-font-size-xl);
    }
}


/* ==========================================================
   DSM LEGAL - METADATOS
   ========================================================== */

.dsm-legal-document__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;

    margin-top: var(--dsm-space-2);

    color: var(--dsm-color-text-muted);

    font-size: var(--dsm-font-size-sm);
}