/* Privacy statement (privacy.html): a readable column of text in the site's colours. */
.privacy { width: 100%; max-width: 46rem; margin-inline: auto; padding-top: clamp(1.75rem, var(--vw) * .04, 2.75rem); display: flex; flex-direction: column; gap: 2.25rem; }
.privacy h1 {
  margin: 0; text-align: center; font: 500 clamp(1.5rem, var(--vw) * .032, 2.1rem)/1.25 var(--classic);
  letter-spacing: .16em; text-transform: uppercase; color: var(--gold); text-wrap: balance;
}
.privacy-date { margin: -1.5rem 0 0; text-align: center; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; color: var(--mist); }
.privacy section { display: flex; flex-direction: column; gap: .9rem; }
.privacy h2 { font-size: clamp(1rem, var(--vw) * .02, 1.2rem); }
.privacy p, .privacy li { margin: 0; max-width: none; color: var(--mist); }
.privacy strong { font-weight: 500; color: var(--star); }
.privacy ul { margin: 0; padding-left: 1.2rem; display: flex; flex-direction: column; gap: .5rem; }
.privacy li::marker { color: var(--gold); }
.privacy a { color: var(--lilac); text-underline-offset: 3px; overflow-wrap: anywhere; }
.privacy a:hover { color: var(--star); }

.privacy-choice {
  align-items: flex-start; padding: 1.4rem 1.6rem; border: 1px solid var(--glass-edge); border-radius: 2rem;
  background: rgba(18, 13, 36, .82); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: 0 24px 60px -24px rgba(160, 90, 230, .75);
}
.privacy-choice p { color: var(--star); overflow-wrap: anywhere; }
.privacy-choice .cta[hidden] { display: none; }

.privacy-table { overflow-x: auto; border: 1px solid var(--glass-edge); border-radius: 1rem; }
.privacy table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.privacy th, .privacy td { padding: .6rem .8rem; text-align: left; vertical-align: top; color: var(--mist); }
.privacy th { font: 500 .75rem/1.4 var(--classic); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.privacy tr + tr td, .privacy thead + tbody tr:first-child td { border-top: 1px solid var(--glass-edge); }
.privacy td:first-child { white-space: nowrap; color: var(--star); }