/* Privacy follows the public homepage's neutral surfaces and Google-blue accents. */
:root {
  color-scheme: light dark;
  --ground: light-dark(#fbfbfd, #0b0c0f);
  --ground-2: light-dark(#f2f4f8, #171b22);
  --ink: light-dark(#1d1d1f, #eceef2);
  --ink-2: light-dark(#424245, #bcc1cb);
  --muted: light-dark(#626770, #a3a9b3);
  --amber: light-dark(#1967d2, #8ab4f8);
  --sky: light-dark(#1967d2, #8ab4f8);
  --hairline: light-dark(#20212414, #ffffff14);
  --hairline-strong: light-dark(#20212426, #ffffff26);
  --focus: #4285f4;
  --brand: #4285f4;
  --brand-solid: #1a73e8;
}
.nav {
  background: light-dark(#fbfbfddd, #131519dd);
  backdrop-filter: saturate(150%) blur(20px);
  border-color: var(--hairline);
}
.wordmark {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: var(--nav-title-size);
  font-weight: var(--nav-title-weight);
  letter-spacing: 0;
}
.nav-links {
  align-items: center;
  gap: var(--nav-gap);
}
.wordmark img {
  width: var(--nav-logo);
  height: var(--nav-logo);
}
.nav-links a,
.nav-links a:not(.pill) {
  font-family: var(--text);
  font-size: var(--nav-link-size);
  letter-spacing: 0;
  text-transform: none;
}
.nav-links .pill {
  min-height: 44px;
  background: light-dark(#1a73e8, #8ab4f8);
  color: light-dark(#fff, #202124);
  border-color: transparent;
  border-radius: 999px;
}
.doc {
  padding-top: calc(var(--nav-height) + 56px);
}
.doc h2 {
  font: 750 22px/1.3 var(--display);
  letter-spacing: -0.01em;
}
.doc .updated {
  font-size: var(--size-caption);
  letter-spacing: 0;
  text-transform: none;
}
.doc table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.doc code {
  overflow-wrap: anywhere;
}
.footer {
  border-color: var(--hairline);
}
@media (prefers-reduced-transparency: reduce) {
  .nav {
    background: var(--ground);
    backdrop-filter: none;
  }
}