body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  color: #111;
  max-width: 680px;
  margin: 100px auto;
  padding: 0 24px;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}

h1 { 
  font-weight: 600;
  color: #000;
  margin-bottom: 40px;
  letter-spacing: -0.03em;
  font-size: 2.25rem;
}

p { color: #555; font-size: 1rem; }

ul { list-style: none; padding: 0; margin-top: 48px; border-top: 1px solid #eee; }

li { 
  border-bottom: 1px solid #eee;
  transition: background 0.1s ease;
}

li:hover {
  background: #fafafa;
}

li a { 
  display: block;
  padding: 24px 0;
  text-decoration: none; 
}

.title {
  display: block;
  color: #0056b3; 
  font-weight: 500; 
  font-size: 1.1rem;
}

li:hover .title {
  color: #004494;
}

.description { 
  display: block; 
  font-size: 0.9rem; 
  color: #777; 
  font-weight: 400; 
  margin-top: 4px; 
}

footer { 
  margin-top: 100px; 
  font-size: 0.75rem; 
  color: #bbb; 
  text-align: left;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* Utilities for centered pages like 404 and redirects */
.text-center { text-align: center; padding-top: 80px; }
.container-narrow { max-width: 600px; margin: 0 auto; }
.mt-0 { margin-top: 0; }