/* AHG blog — minimal mobile-first */
*,*::before,*::after { box-sizing: border-box; }
html { font-size: 17px; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  color: #1a1a1a;
  background: #fafafa;
  line-height: 1.65;
}
.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.site-header .brand {
  font-weight: 700;
  text-decoration: none;
  color: #1a1a1a;
}
.site-header nav a {
  margin-left: 1rem;
  color: #555;
  text-decoration: none;
}
main {
  max-width: 720px;
  margin: 2rem auto;
  padding: 0 1.25rem;
}
h1 { font-size: 2rem; line-height: 1.25; margin: 0 0 .5rem; }
h2 { font-size: 1.5rem; margin: 2rem 0 .75rem; }
h3 { font-size: 1.15rem; margin: 1.5rem 0 .5rem; }
p { margin: 0 0 1rem; }
a { color: #0a66c2; }
article p { margin: 0 0 1rem; }
.meta { color: #777; font-size: .9rem; margin-bottom: 1.5rem; }
.lead { font-size: 1.15rem; color: #444; }
.post-list { list-style: none; padding: 0; }
.post-list li {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
}
.post-list .meta { font-size: .85rem; }
.cta {
  background: #fff7e6;
  border-left: 4px solid #f5a623;
  padding: 1rem 1.25rem;
  margin-top: 2rem;
  border-radius: 4px;
}
footer {
  text-align: center;
  padding: 2rem 1rem;
  color: #888;
  font-size: .9rem;
}
@media (min-width: 800px) {
  html { font-size: 18px; }
}