/* Readable secondary navigation in either theme; no content or image changes. */
:is(.page-legal, .page-changelog) {
  --static-link: #454b52;
  --static-active: #111318;
  --static-muted: #60666e;
  --static-badge: #eeeeee;
  --static-border: #c8ccd1;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) :is(.page-legal, .page-changelog) {
    --static-link: #d3d6db;
    --static-active: #ffffff;
    --static-muted: #b8bdc4;
    --static-badge: #24272b;
    --static-border: #555c65;
  }
}
html[data-theme="dark"] :is(.page-legal, .page-changelog) {
  --static-link: #d3d6db;
  --static-active: #ffffff;
  --static-muted: #b8bdc4;
  --static-badge: #24272b;
  --static-border: #555c65;
}
.page-legal .container { overflow-wrap: anywhere; }
.page-legal a, .page-changelog .quick-nav a { color: var(--static-link); }
.page-legal :is(.meta, .legal-footer),
.page-changelog :is(.release-meta, .quick-nav a .nav-date) { color: var(--static-muted); }
.page-legal a:is(:hover, :active, :focus-visible),
.page-changelog .quick-nav a:is(:hover, :active, :focus-visible, .is-active) {
  color: var(--static-active);
}
.page-legal a:focus-visible, .page-changelog .quick-nav a:focus-visible {
  outline: 2px solid var(--static-active);
  outline-offset: 3px;
}
.page-changelog .quick-nav a:is(:hover, :focus-visible, .is-active) {
  border-left-color: var(--static-active);
}
.page-changelog :is(.quick-nav a .nav-platform, .release-meta span) {
  color: var(--static-link);
  background: var(--static-badge);
  border-color: var(--static-border);
}