:root {
  --paper-color: #f8f7f3;
  --ink-color: #333333;
  --accent-primary: #1e5f74;
  --grid-color: rgba(30, 95, 116, 0.05);
  --container-width: 800px;
  --font-body: 'Charter', 'Palatino', serif;
  --font-heading: 'IBM Plex Sans', 'Helvetica Neue', sans-serif;
}

#masthead {
  padding: 0.5rem;
  background-color: var(--paper-color);
  background-image: linear-gradient(var(--grid-color) 1px, transparent 1px),
                    linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);
  background-size: 20px 20px;
  color: var(--ink-color);
  width: 100%;
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.3);
  font-family: var(--font-body);
}
#masthead .content {
  max-width: var(--container-width);
  margin: 0 auto;
}
#masthead a {
  font-family: var(--font-heading);
  font-weight: bold;
  color: var(--accent-primary);
  text-decoration: none;
}

@media print {
  #masthead { display: none }
}