/* =====================================================================
   LigiLearn — pages/home-dataprotection.css : /data-protection
   The legal document layout is shared in layout/site.css. Only the
   "in short" panel and the sub-processor table are specific to this page.
   ===================================================================== */

.dp-summary {
    margin-bottom: 36px;
    padding: 22px 24px;
    background: var(--ll-surface);
    border: 1px solid var(--ll-border);
    border-left: 4px solid var(--ll-primary);
    border-radius: var(--ll-radius-lg);
}
.dp-summary h3 {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ll-primary);
}
.dp-summary ul { margin: 0; padding-left: 20px; }
.dp-summary li { font-size: 15px; color: var(--ll-ink-2); }

.dp-table-wrap { overflow-x: auto; margin: 16px 0; }
.dp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14.5px;
    min-width: 520px;
}
.dp-table th,
.dp-table td {
    padding: 12px 14px;
    text-align: left;
    vertical-align: top;
    border: 1px solid var(--ll-border);
}
.dp-table thead th {
    background: var(--ll-surface-2);
    color: var(--ll-ink);
    font-weight: 700;
}
.dp-table td { color: var(--ll-ink-2); }
.dp-table tbody tr:nth-child(even) td { background: var(--ll-surface-2); }