/* Standalone privacy page styles. */
      :root {
        --bg: #fff;
        --fg: #111;
        --muted-fg: #555;
        --card: #fafafa;
        --border: #e6e6e6;
        --brand: #c32121;
        --brand-dark: #9b1a1a;
      }
      .dark {
        --bg: rgba(26, 26, 26);
        --fg: #eaeaea;
        --muted-fg: #bdbdbd;
        --card: #1b1b1b;
        --border: #3a322c;
      }
      @media (prefers-color-scheme: dark) {
        :root:not(.light) {
          --bg: #121212;
          --fg: #eaeaea;
          --muted-fg: #bdbdbd;
          --card: #1b1b1b;
          --border: #3a322c;
        }
      }

      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      html,
      body {
        min-height: 100vh;
        background: var(--bg);
        color: var(--fg);
      }
      body {
        font-family:
          'Barlow',
          'Segoe UI',
          Roboto,
          system-ui,
          -apple-system,
          sans-serif;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      .container {
        max-width: 1280px;
        margin: 0 auto;
        width: 100%;
      }
      .wrap {
        max-width: 900px;
        margin: 0 auto;
        padding: 2.5rem 1.25rem 4rem;
      }

      .header {
        position: sticky;
        top: 0;
        z-index: 100;
        border-bottom: 1px solid var(--border);
      }
      .header {
        background: rgba(255, 255, 255);
      }
      .dark .header {
        background: rgba(26, 26, 26);
      }
      @media (prefers-color-scheme: dark) {
        :root:not(.light) .header {
          background: rgba(26, 26, 26);
        }
      }

      .header-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.75rem 1rem;
      }
      .header-logo {
        display: flex;
        align-items: center;
        gap: 0.75rem;
      }
      .logo-img {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
      }
      .logo-text {
        height: 1rem;
        filter: invert(1);
      }
      .dark .logo-text {
        filter: invert(0);
      }
      @media (prefers-color-scheme: dark) {
        :root:not(.light) .logo-text {
          filter: invert(0);
        }
      }

      .page-header {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1.5rem;
      }
      h1 {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 600;
        font-size: 1.8rem;
      }
      h2 {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 600;
        font-size: 1.2rem;
        margin-top: 2rem;
      }

      .card {
        background: var(--card);
        border: 1px solid var(--border);
        border-radius: 14px;
        padding: 1rem 1.2rem;
        color: var(--fg);
      }

      a {
        color: var(--brand);
      }
      .muted {
        color: var(--muted-fg);
      }
      footer {
        margin-top: 2.5rem;
        font-size: 0.95rem;
        color: var(--muted-fg);
      }
      ul {
        padding-left: 1.2rem;
      }

      .legal-badge {
        display: inline-block;
        padding: 0.15em 0.6em;
        font-size: 0.8em;
        border-radius: 0.75em;
        background: #fdeaea;
        color: #c32121;
        font-weight: 500;
      }
      .dark .legal-badge {
        background: rgba(195, 33, 33, 0.18);
        color: #ffd1d1;
        border: 1px solid rgba(195, 33, 33, 0.35);
      }
      @media (prefers-color-scheme: dark) {
        :root:not(.light) .legal-badge {
          background: rgba(195, 33, 33, 0.18);
          color: #ffd1d1;
          border: 1px solid rgba(195, 33, 33, 0.35);
        }
      }

      code {
        background: var(--card);
        border: 1px solid var(--border);
        padding: 0.1rem 0.35rem;
        border-radius: 6px;
      }
      .dark code {
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.12);
      }
      @media (prefers-color-scheme: dark) {
        :root:not(.light) code {
          background: rgba(255, 255, 255, 0.06);
          border-color: rgba(255, 255, 255, 0.12);
        }
      }