/* Site-wide layout and typographic constraints for single-column design */
:root {
  --site-max-width: 680px;
}

/* Center the main container and constrain width for easy reading */
.container {
  max-width: var(--site-max-width);
  margin-left: auto;
  margin-right: auto;
  padding: 2rem 1rem;
}

/* Ensure content blocks don't exceed the main width */
.lead, .content, article {
  max-width: var(--site-max-width);
}

/* Slightly larger heading spacing */
header h1 { margin: 0 0 0.5rem 0; }
article header h2 { margin-top: 0; }

/* Make lists comfortable to read */
ul { padding-left: 1.2rem; }