.github/website/src/styles.css
html {
    scroll-behavior: auto !important;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #fff;
  color: #333;
  padding-top: 70px;
}
.container {
  max-width: 800px;
}

header {
  text-align: center;
  margin-bottom: 2rem;
  padding: 2rem 0;
  border-bottom: 1px solid #e5e5e5;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Libre Baskerville', serif;
  /* Avoid scrolling under the sticky header. */
  scroll-margin-top: 80px;
}

blockquote {
  font-style: italic;
}
  
.law-section {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.law-section h2 {
  position: relative;
  display: flex;
  align-items: center;
}
.law-section h2 a.anchor {
  text-decoration: none;
  color: #999;
  margin-left: 0.5rem;
  visibility: hidden;
}
.law-section:hover h2 a.anchor {
  visibility: visible;
}
.social-sharing a {
  margin-right: 0.75rem;
  font-size: 1.2rem;
  color: #555;
  text-decoration: none;
}
.social-sharing a:hover {
  color: #000;
}
.back-to-top {
  margin-top: 1rem;
}

/* Initially hide the hash link */
.header-link {
    text-decoration: none;
    margin-left: 12px; /* Increased left padding */
    opacity: 0;
    transition: opacity 0.2s;
    font-size: inherit; /* Matches the heading size */
}

/* Only show the hash when the whole section is hovered */
section:hover .header-link,
article:hover .header-link,
div:hover .header-link {
    opacity: 1;
}
