/* Privacy policy */

.privacy-meta {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 18px;
    align-items: baseline;
    margin: clamp(28px, 3vw, 44px) 0 0;
    padding-top: 24px;
    border-top: 1px solid rgba(231, 227, 213, .13);
}

.privacy-meta span {
    color: #767c70;
    font: 600 8px/1.4 var(--font-mono);
    letter-spacing: .16em;
    text-transform: uppercase;
}

.privacy-meta b {
    color: var(--bone-muted);
    font: 500 13px/1.4 var(--font-ui);
}

.privacy-summary {
    position: relative;
    padding: 24px 0 0 25px;
}

.privacy-summary::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 1px;
    content: "";
    background: linear-gradient(var(--amber), rgba(213, 151, 69, .05));
}

.privacy-summary__label {
    margin: 0 0 25px;
    color: var(--bone-muted);
    font: 600 9px/1 var(--font-mono);
    letter-spacing: .18em;
}

.privacy-summary ol {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.privacy-summary li {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 4px 10px;
    padding: 18px 0;
    border-top: 1px solid rgba(231, 227, 213, .12);
}

.privacy-summary li > span {
    grid-row: 1 / 3;
    color: var(--amber);
    font: 500 10px/1.2 var(--font-mono);
}

.privacy-summary li strong {
    font: 600 21px/1 var(--font-display);
    letter-spacing: .035em;
    text-transform: uppercase;
}

.privacy-summary li small {
    color: var(--bone-muted);
    font: 400 12px/1.45 var(--font-ui);
}

.privacy-table {
    margin: 46px 0 52px;
    border-top: 1px solid rgba(231, 227, 213, .18);
}

.privacy-table > div {
    display: grid;
    gap: 8px 18px;
    align-items: center;
    min-height: 58px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(231, 227, 213, .1);
}

.privacy-table > div:not(.privacy-table__head):nth-child(odd) {
    background: rgba(231, 227, 213, .022);
}

.privacy-table--pairs > div {
    grid-template-columns: minmax(160px, .7fr) minmax(0, 1.6fr);
}

.privacy-table--three > div {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr);
}

.privacy-table--four > div {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .6fr) minmax(0, 1.4fr) minmax(0, .5fr);
}

.privacy-table__head {
    min-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: none !important;
    color: #767c70;
    font: 600 8px/1 var(--font-mono);
    letter-spacing: .14em;
    text-transform: uppercase;
}

.privacy-table strong {
    color: var(--bone);
    font: 600 17px/1.15 var(--font-display);
    letter-spacing: .025em;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.privacy-table--code strong {
    font: 600 12px/1.45 var(--font-mono);
    letter-spacing: .02em;
    text-transform: none;
}

.privacy-table span {
    color: #afb1a5;
    font: 500 13px/1.5 var(--font-ui);
}

.privacy-table b {
    color: var(--amber);
    font: 600 11px/1.3 var(--font-mono);
    text-align: right;
}

.privacy-table a {
    color: var(--amber);
    text-decoration: none;
    border-bottom: 1px solid rgba(213, 151, 69, .4);
}

.privacy-table a:hover {
    color: var(--bone);
    border-bottom-color: var(--bone);
}

.privacy-data-list ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding-left: 19px;
}

.privacy-data-list li {
    color: #c0c2b6;
    font: 400 15px/1.6 var(--font-ui);
}

.privacy-data-list li::marker {
    color: var(--olive-bright);
}

.privacy-legal-basis {
    border-top-color: rgba(168, 183, 149, .5);
    border-bottom-color: rgba(168, 183, 149, .18);
}

.privacy-legal-basis span {
    color: var(--olive-bright);
}

.privacy-rights {
    display: grid;
    margin: 46px 0 8px;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(231, 227, 213, .12);
}

.privacy-rights li {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 22px;
    padding: 22px 0;
    border-bottom: 1px solid rgba(231, 227, 213, .12);
}

.privacy-rights li > span {
    color: var(--amber);
    font: 600 9px/1.2 var(--font-mono);
}

.privacy-rights strong {
    color: var(--bone);
    font: 600 22px/1 var(--font-display);
    letter-spacing: .025em;
    text-transform: uppercase;
}

.privacy-rights p {
    margin: 9px 0 0;
    color: #aeb0a4;
    font: 400 14px/1.6 var(--font-ui);
}

.privacy-contact {
    margin: 44px 0 0;
    padding: 34px 36px 36px;
    background: rgba(115, 128, 99, .11);
    border-left: 2px solid var(--amber);
}

.privacy-contact__label {
    margin: 0 0 16px;
    color: var(--bone-muted);
    font: 600 9px/1 var(--font-mono);
    letter-spacing: .18em;
}

.privacy-contact__mail {
    display: inline-block;
    color: var(--amber);
    font: 600 clamp(24px, 3vw, 40px)/1.05 var(--font-display);
    letter-spacing: .01em;
    text-decoration: none;
    text-transform: uppercase;
    overflow-wrap: anywhere;
    transition: color .2s ease;
}

.privacy-contact__mail:hover {
    color: var(--bone);
}

.privacy-contact__note {
    margin: 16px 0 0 !important;
    color: var(--bone-muted) !important;
    font: 500 12px/1.6 var(--font-ui) !important;
}

.privacy-policy-page .continent-content-prose a {
    color: var(--amber);
    text-decoration: none;
    border-bottom: 1px solid rgba(213, 151, 69, .4);
    transition: color .2s ease, border-color .2s ease;
}

.privacy-policy-page .continent-content-prose a:hover {
    color: var(--bone);
    border-bottom-color: var(--bone);
}

@media (max-width: 980px) {
    .privacy-summary {
        padding-left: 0;
    }

    .privacy-summary::before {
        display: none;
    }

    .privacy-table {
        margin: 34px 0 40px;
    }

    .privacy-table--three > div,
    .privacy-table--four > div {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
        padding: 16px 14px;
    }

    .privacy-table--three .privacy-table__head,
    .privacy-table--four .privacy-table__head {
        display: none;
    }

    .privacy-table--three > div b,
    .privacy-table--four > div b {
        text-align: left;
    }
}

@media (max-width: 640px) {
    .privacy-meta {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .privacy-meta b {
        margin-bottom: 12px;
    }

    .privacy-table--pairs > div {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
        padding: 16px 14px;
    }

    .privacy-rights li {
        grid-template-columns: 36px 1fr;
        gap: 14px;
    }

    .privacy-contact {
        padding: 26px 22px 28px;
    }

    .privacy-policy-page,
    .privacy-policy-page *,
    .privacy-table > div > * {
        min-width: 0;
        max-width: 100%;
    }

    .privacy-policy-page code,
    .privacy-policy-page a,
    .privacy-table span,
    .privacy-table b {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}