/* =========================================================
   Shared Content Styling
   Tailwind CSS provides the site's base styles.
   This file contains reusable styles for site content.
   ========================================================= */

/* Paragraph spacing
   Matches the visual spacing used by the reference site. */
main p {
  margin-bottom: 2rem;
}

.hamburger-icon {
  display: block;
  width: 28px;
  height: 28px;
  background-image: url("/img/hamburger.png");
  background-size: 200% 185%;
  background-position: left center;
  background-repeat: no-repeat;
}

/* Dark mode */
.dark .hamburger-icon {
  background-position: right center;
}

/* =========================================================
   Numbered Legal Sections
   ========================================================= */

.legal-sections {
  margin-top: 2rem;
  padding-left: 1.75rem;
}

.legal-sections > li {
  padding-left: 0.5rem;
  margin-bottom: 2rem;
}

/* Numbered markers */
.legal-sections > li::marker {
  font-size: 1em;
  font-weight: 600;
}

/* Numbered section headings
   Equivalent in appearance to the reference site's
   text-2xl font-semibold mt-8 mb-4 headings. */
.legal-section-title {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}