@font-face {
  font-family: Inter;
  src: url('/optimized/Inter.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --accent: #E85002;
  font-family: Inter, Arial, sans-serif;
  background: #0a0a0a;
  color: #f9f9f9;
}

* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; }
a:focus-visible { outline: 2px solid #ff8b4e; outline-offset: 5px; }

.privacy-header,
.privacy-page,
.privacy-footer {
  width: min(100% - 40px, 780px);
  margin-inline: auto;
}

.privacy-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px 32px;
  padding-block: 28px;
  border-bottom: 1px solid #ffffff24;
}

.privacy-logo { display: block; }
.privacy-logo img { display: block; width: 190px; max-width: 100%; height: auto; }
.back-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; line-height: 1.5; text-underline-offset: 5px; }
.back-link:hover { color: #ff8b4e; }

.privacy-page { padding-block: clamp(32px, 6vw, 64px); }
.privacy-page h1 { margin: 0 0 36px; font-size: clamp(2rem, 7vw, 3rem); line-height: 1.1; letter-spacing: -0.035em; }
.privacy-content { display: flex; flex-direction: column; gap: 32px; overflow-wrap: anywhere; }
.privacy-content a { max-width: 100%; }
.privacy-content a:hover { border-color: var(--accent) !important; }
.privacy-content a span { min-width: 0; }
.privacy-footer { padding-block: 24px 40px; border-top: 1px solid #ffffff24; }

@media print {
  :root { color-scheme: light; background: #fff; color: #000; }
  .privacy-header, .privacy-footer { display: none; }
  .privacy-page { width: 100%; padding: 0; }
  .privacy-content * { color: #000 !important; }
  .privacy-content a { border: none !important; padding: 0 !important; }
}