/* Ensure all elements use a consistent box model */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  padding: 1rem;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* Modern system font stack */
  font-size: 1rem; /* Base size, typically 16px, scales with user browser settings */
  line-height: 1.5; /* Good for readability */
  color: #333; /* Soft black for good contrast without being harsh */
}



main > section {
  border-top: 2px solid rgb(227, 230, 232);
}