html {
  scroll-behavior: smooth;
  scroll-padding-top: 210px; /* Header height on mobile */
}

@media (min-width: 768px) {
  html {
    scroll-padding-top: 220px; /* Header height on desktop */
  }
}

.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.masthead-border {
  border-top: 4px solid black;
  border-bottom: 1px solid black;
  padding: 20px 0;
  margin-bottom: 1px;
}
.masthead-border-bottom {
  border-bottom: 4px solid black;
  margin-bottom: 40px;
}
.newspaper-divider {
  border-bottom: 1px solid #000;
}
.vertical-divider {
  border-left: 1px solid #000;
}
.monochrome-img {
  filter: grayscale(100%) contrast(1.2);
}
details summary::-webkit-details-marker {
  display: none;
}