:root { color-scheme: light; }
/* system.css is a dashboard sheet: body is a 100vh flex column and `main` a fixed-height
   three-column grid whose `.panel` children clip (overflow: hidden). The privacy notice is
   a document, so every one of those constraints is released here (UIR-L0-04, L2). */
.privacy-body { display: block; height: auto; min-height: 100%; overflow: auto; background: var(--bg-base); color: var(--text-main); }
.privacy-body .skip-link { position: absolute; top: 8px; left: 8px; z-index: 1000; padding: 8px 12px; border-radius: var(--radius-sm); background: var(--text-main); color: #fff; font-weight: 600; text-decoration: none; transform: translateY(-140%); }
.privacy-body .skip-link:focus { transform: translateY(0); }
.privacy-body .site-header { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; min-height: 64px; padding: 14px 32px; border-bottom: 1px solid var(--hairline); background: rgba(247,249,251,.94); backdrop-filter: blur(16px) saturate(160%); -webkit-backdrop-filter: blur(16px) saturate(160%); }
.privacy-body .brand { color: var(--text-main); font: 600 14px/1 var(--font-mono); letter-spacing: .14em; text-decoration: none; }
.privacy-body .site-header .btn { margin-left: auto; }
.privacy-main { display: block; grid-template-columns: none; gap: 0; width: min(800px, calc(100% - 40px)); height: auto; min-height: 0; margin: 0 auto; padding: 96px 0 120px; }
.privacy-main .eyebrow { color: var(--text-secondary); font: 500 10px/1.5 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
.privacy-main h1 { margin: 18px 0 30px; font: 500 clamp(42px, 7vw, 70px)/1.02 var(--font-sans); letter-spacing: -.045em; }
.privacy-lede { max-width: 720px; margin-bottom: 18px; color: var(--text-secondary); font-size: 17px; line-height: 1.7; }
.privacy-controller { max-width: 720px; margin-bottom: 50px; color: var(--text-secondary); font-size: 14px; line-height: 1.7; }
.privacy-controller strong { color: var(--text-main); font-weight: 600; }
.privacy-panel { display: grid; grid-template-columns: 190px minmax(0, 1fr); height: auto; min-height: 0; margin: 0; overflow: visible; border: 0; border-top: 1px solid var(--hairline-strong); border-radius: 0; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; }
.privacy-panel .panel-header { padding: 24px 18px 24px 0; border: 0; }
.privacy-panel > div:last-child { padding: 22px 0 26px 24px; border-left: 1px solid var(--hairline); }
.privacy-panel p { color: var(--text-secondary); font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.privacy-panel p + p { margin-top: 12px; }
.privacy-panel a { color: inherit; }
@media (max-width: 680px) {
  .privacy-body .site-header { padding: 11px 16px; }
  .privacy-main { padding-top: 72px; }
  .privacy-main h1 { font-size: clamp(34px, 10vw, 42px); }
  .privacy-panel { display: block; }
  .privacy-panel .panel-header { padding-bottom: 4px; }
  .privacy-panel > div:last-child { padding-left: 0; border-left: 0; }
}