/* Minimal centered blog style, smaller text, slightly wider column */

/* Body text */
body {
  font-family: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 12px;       /* smaller main text */
  line-height: 1.6;
  color: #111;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Centered single column */
.site-body .content,
.markdown-preview-view,
.markdown-preview-view .markdown-preview-sizer {
  max-width: 42rem;   /* ~672px */
  margin: 0 auto;
  padding: 2rem 1rem 4rem;
  box-sizing: border-box;
}

/* Headings: slightly larger than body, bold */
h1, h2, h3, h4, h5, h6 {
  font-family: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 1.2rem 0 0.6rem;
  color: #111;
}
h1 { font-size: 16.5px; }
h2 { font-size: 15.5px; }
h3, h4, h5, h6 { font-size: 14.5px; }

/* Paragraphs & lists */
p, ul, ol, blockquote, pre, table { margin: 0 0 1rem; }
ul, ol { padding-left: 1.2rem; }
li + li { margin-top: 0.25rem; }

/* Links */
a { color: #0366d6; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Blockquotes */
blockquote {
  border-left: 3px solid #ddd;
  padding-left: 0.75rem;
  color: #555;
  margin: 1rem 0;
}

/* Code */
code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.9em;
  background: #f6f8fa;
  padding: 0.1rem 0.25rem;
  border-radius: 3px;
}
pre {
  background: #f6f8fa;
  padding: 0.75rem;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  overflow: auto;
}