/* Legal documents */
.legal-document-shell {
    padding-block: var(--rg-space-12);
}
.legal-document {
    max-width: var(--rg-layout-reading-measure);
    margin-inline: auto;
    color: var(--mud-palette-text-primary);
}

.legal-document-header {
    display: grid;
    gap: var(--rg-space-4);
    padding-bottom: var(--rg-space-8);
}

.legal-document-header h1 {
    font-size: var(--rg-type-display-large-size);
    line-height: var(--rg-type-display-large-line-height);
}

.legal-document-header p {
    margin: 0;
}

.legal-document section {
    margin-top: var(--rg-space-10);
}

.legal-document section > .mud-typography:first-child {
    margin-bottom: var(--rg-space-4);
}

.legal-document p,
.legal-document li,
.legal-document address,
.legal-table th,
.legal-table td {
    line-height: 1.7;
}

.legal-document p {
    margin-block: 0 var(--rg-space-4);
}

.legal-document ul,
.legal-document ol {
    margin: 0 0 var(--rg-space-4);
    padding-left: var(--rg-space-6);
}

.legal-document li + li {
    margin-top: var(--rg-space-2);
}

.legal-document address {
    margin-bottom: var(--rg-space-4);
    font-style: normal;
}

.legal-document code {
    color: inherit;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    overflow-wrap: anywhere;
}

.legal-table-wrap {
    width: 100%;
    margin-bottom: var(--rg-space-4);
    overflow-x: auto;
}

.legal-table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
}

.legal-table th,
.legal-table td {
    padding: var(--rg-space-3) var(--rg-space-4);
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.legal-table th:first-child,
.legal-table td:first-child {
    width: 28%;
}

.legal-table th {
    font-weight: var(--rg-font-weight-strong);
}

@media (max-width: 599.98px) {
    .legal-document-shell {
        padding-block: var(--rg-space-8);
    }

    .legal-document-header {
        padding-bottom: var(--rg-space-6);
    }

    .legal-document section {
        margin-top: var(--rg-space-8);
    }
}
