* { box-sizing: border-box; }
body {
  margin: 0;
  background: #000000;
  color: #FFFFFF;
  font: 16px/1.6 'IBM Plex Sans', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.privacy-page { max-width: 680px; margin: 0 auto; padding: 40px 20px 60px; }
.privacy-logo { display: block; width: min(260px, 88%); height: auto; margin: 0 0 28px; }
.privacy-logo--footer { width: min(220px, 70%); margin-bottom: 28px; }
.privacy-brand {
  margin: 0 0 28px;
  color: #BDBDBD;
  font: 12px/1.6 'IBM Plex Mono', 'Courier New', monospace;
  text-transform: uppercase;
}
h1, h2 { font-family: 'Bricolage Grotesque', Arial, sans-serif; line-height: 1.15; }
h1 { font-size: 32px; font-weight: 800; margin: 0 0 24px; }
h2 { font-size: 24px; font-weight: 700; margin: 0 0 20px; }
p { margin: 0 0 20px; }
.privacy-intro { font-size: 18px; }
.draft-note { color: #BDBDBD; font-size: 14px; margin-bottom: 36px; }
section { padding: 32px 0; border-top: 1px solid #333333; }
section > p { color: #BDBDBD; }
strong { font-weight: 600; color: #FFFFFF; overflow-wrap: anywhere; }
.privacy-choice {
  padding: 24px;
  margin: 24px 0;
  border: 1px solid #333333;
  border-radius: 8px;
  background: #111111;
}
#privacy-choice-status { margin-bottom: 20px; }
#privacy-choice-scope, #email-action-note { color: #BDBDBD; font-size: 14px; }
#privacy-choice-scope { margin: 20px 0 0; }
button, .privacy-email {
  min-height: 48px;
  padding: 12px 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  background: #FFFFFF;
  color: #111111;
  font: 600 16px/1.5 'IBM Plex Sans', Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
button:disabled { background: #111111; color: #BDBDBD; border-color: #BDBDBD; cursor: default; }
button:not(:disabled):hover, .privacy-email:hover { background: #E2E2E2; }
a:focus-visible, button:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 4px; }
.privacy-email { margin: 0 0 20px; }
.privacy-footer { border-top: 1px solid #333333; padding-top: 24px; }
.privacy-footer a { display: flex; align-items: center; min-height: 44px; color: #FFFFFF; width: fit-content; }
.privacy-footer p { color: #BDBDBD; font-size: 14px; margin: 24px 0 0; }
@media (min-width: 768px) {
  .privacy-page { padding-top: 64px; }
  h1 { font-size: 48px; }
  h2 { font-size: 28px; }
}