:root {
  --underemphasize: silver; /* underemphasized text */
}

.underemphasize {
    font-size: 90%;
    color: var(--underemphasize);
}


.circle-icon {
    display: inline-block;
    background-color: white;
    color: black; /* Letter color */
    border-radius: 50%; /* Makes the shape a circle */
    width: 32px; /* Reduced size */
    height: 32px; /* Reduced size */
    text-align: center; /* Horizontally centers the letter */
    line-height: 32px; /* Vertically centers the letter and matches the height */
    font-family: 'Roboto', sans-serif; /* Using the Roboto font, but you can choose another */
    font-weight: 600; /* Adjust as needed */
    font-size: 20px; /* Reduced font size */
    box-shadow: 0 0 5px rgba(0,0,0,0.1); /* Optional: A slight shadow for depth */
}

#network-filters ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#network-filters li {
    color: var(--main-color-muted);
    margin-top: 0.25rem;
    font-size: .875em;
}

.errornote {
    color: red;
}
.errorlist {
    padding: 10px 0 0 0; /* Remove padding */
    margin: 0; /* Remove margins */
}
.errorlist li {
    color: red;
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margins */
}

#watermark
{
    position: fixed;
    top: 52%;
    left: 50%;
    font-size: 8vw;
    letter-spacing: 23px;
    line-height: 95%;
    font-weight: bold;
    text-align: center;
    color: red;
    margin: 0;
    margin-right: -50%;
    transform: translate(-50%, -50%) rotateZ(-30deg);
    opacity:0.12;
    pointer-events: none;
    z-index: 99999;
}

/* To offset anchor links since all pages have a sticky header. */
.anchor{
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
}