.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  background-color: #000;
  color: #fff;

  padding: 1.5rem 2rem;
}

.header-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.site-logo {
  height: 48px;
  width: auto;
}

.page-title {
  font-size: 2rem;
  margin: 0;
}

.header-nav a:hover {
  text-decoration: underline;
}

.header-nav strong {
  font-weight: bold;
}

.header-nav {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.header-nav a,
.header-nav strong {
  font-weight: 600; /* or whatever “bold” weight you like */
}

/* Ensure nav links stay white in all states */
.header-nav a,
.header-nav a:link,
.header-nav a:visited,
.header-nav a:hover,
.header-nav a:active {
  color: #fff;
  text-decoration: none;
}

.header-nav a {
  opacity: 0.85;
}

.header-nav strong {
  opacity: 1;
}
/* Page Specific logic */
.page-privacy .site-header {
  background-color: #000;
  background-image:
    url("/images/eye1.png"),
    url("/images/eye2.png"),
    url("/images/eye3.png"),
    url("/images/eye4.png");
  background-repeat: no-repeat;
  background-position:
    10% 30%,
    30% 70%,
    70% 25%,
    85% 60%;
}

/* Base typography for MouseEyes website */
body {
  font-family: Arial, Calibri, "Segoe UI", system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  margin: 2rem;
}