/* stderr */

html {
  background-color: #1e1e1e;
}

body {
  max-width: 42rem;
  margin: 3rem auto;
  padding: 0 1.2rem;

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
               "Liberation Mono", "Courier New", monospace;

  font-size: 0.95rem;
  line-height: 1.6;

  color: #cfcfcf;
  background-color: #1e1e1e;
}

/* Links */

a {
  color: #9aa6b2;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Hierarchical headings (Org levels) */

/* Reset headings very lightly */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

/* Daily entry title (the date-as-title) */
.post-title {
  font-size: 0.9rem;
  font-weight: 400;
  color: #7a7a7a;
  margin: 1.5rem 0 1rem 0;
}

/* Org level-1 headings = log entries */
#content .outline-2 > h2 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #e0e0e0;
  margin: 2rem 0 0.6rem 0;
}

/* Org level-2 headings */
#content .outline-3 > h3 {
  font-size: 0.95rem;
  font-weight: 500;
  color: #cfcfcf;
  margin: 1.4rem 0 0.4rem 0;
}

/* Deeper levels */
#content .outline-4 h4,
#content .outline-5 h5 {
  font-size: 0.9rem;
  color: #9a9a9a;
}

#content h1 em {
  font-style: normal;
  color: #e6e6e6;
}

/* Preamble / site warning */

#preamble {
  font-size: 0.8rem;
  color: #7a7a7a;
  margin-bottom: 2rem;
}

/* Content flow */

#content p {
  margin: 1rem 0;
}

/* Code */

pre,
code {
  background-color: #262626;
  padding: 0.2rem 0.4rem;
  color: #d6d6d6;
}

/* Horizontal rule */

hr {
  border: none;
  border-top: 1px solid #333;
  margin: 2rem 0;
}

/* org-static-blog overrides */

/* Filename / title */
.post-title {
  font-size: 0.85rem;
  font-weight: 400;
  color: #7a7a7a;
  margin: 1.5rem 0 0.5rem 0;
}

/* Date / time */
.post-date {
  font-size: 0.75rem;
  color: #666;
  margin-bottom: 1.5rem;
}

/* Actual body text */
.post-content {
  margin-top: 1rem;
}

.post-date {
  display: none;
}

#content h2 b {
  font-weight: 500;
  color: #e6e6e6;
}
