/* Privacy & cookie policy */

.legal {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 var(--gutter) clamp(70px, 12svh, 130px);
}

.legal section { margin-top: clamp(36px, 6svh, 60px); }
.legal h2 { margin-bottom: 18px; font-size: clamp(1.4rem, 2.4vw, 2rem); font-weight: 400; letter-spacing: -.02em; line-height: 1.2; }
.legal p, .legal li { color: #c4cee6; font-size: 1.02rem; line-height: 1.75; }
.legal p + p, .legal p + ul { margin-top: 1em; }
.legal ul { padding-left: 1.3em; list-style: disc; }
.legal strong { color: #fff; font-weight: 500; }
.legal a { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal em { color: #fff; font-style: normal; }

.legal .table-wrap { margin-top: 20px; overflow-x: auto; border: 1px solid rgba(143, 156, 186, .2); }
.legal table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.legal th, .legal td { padding: 12px 16px; border-bottom: 1px solid rgba(143, 156, 186, .14); text-align: left; vertical-align: top; color: #c4cee6; }
.legal th { font: 400 11px/1 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--mute); background: rgba(255, 255, 255, .03); }
.legal td.group { padding: 10px 16px; background: rgba(245, 184, 92, .07); color: var(--gold); font: 400 11px/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.legal code { font-family: var(--mono); font-size: .88em; padding: .15em .4em; background: rgba(108, 184, 255, .1); border-radius: 3px; color: #dbe7ff; }
.legal tr:last-child td { border-bottom: 0; }
.legal td:last-child { white-space: nowrap; }

@media (max-width: 640px) {
    .legal td:last-child { white-space: normal; }
}