/* Programming: a session in a terminal. */

[data-theme="programming"] {
  --accent: #6cc4b0;
}

.post.term {
  display: block;
  margin: 0.7rem 0;
  padding: 0.85rem 1.1rem;
  border: 1px solid color-mix(in oklab, var(--accent) 26%, var(--line));
  border-radius: 6px;
  background: #0b0e0d;
  color: #cfe0d8;
  font: 0.9375rem/1.6 var(--mono);
}

.term-line { margin: 0 0 0.55rem; overflow-wrap: anywhere; }
.term-line:last-child { margin: 0.55rem 0 0; }
.term-line a { color: inherit; }
.term-prompt { color: var(--accent); }

.term-cursor {
  display: inline-block;
  width: 0.6em;
  height: 1.1em;
  vertical-align: text-bottom;
  background: var(--accent);
}

.term-title { margin: 0 0 0.5rem; font: 700 1.25rem/1.35 var(--mono); }
.term-title::before { content: "# "; color: var(--accent); }
.term-title a { color: inherit; text-decoration: none; }

.term .prose { font: inherit; }
.term .prose h2, .term .prose h3, .term .prose h4 { font-family: var(--mono); font-size: 1em; }
.term .prose h2::before { content: "## "; color: var(--accent); }
.term .prose h3::before { content: "### "; color: var(--accent); }
.term .prose code, .term .prose pre { background: #141a18; }
.term .prose img, .term .prose video { border: 1px solid var(--line); border-radius: 2px; }
.term .prose blockquote { color: inherit; opacity: 0.8; }
.term .callout { border-radius: 0; background: #141a18; }

.term-more { margin: 0.5rem 0 0; }
.term-more a { padding: 0 0.4em; background: #cfe0d8; color: #0b0e0d; text-decoration: none; }
.term-more a:hover { background: var(--accent); color: #0b0e0d; }

.term-stat { margin: 0.7rem 0 0; color: var(--muted); font-size: 0.8125rem; }

.term .post-tags { margin-top: 0.15rem; }
.term .post-tags a::before { content: "--tag="; opacity: 0.7; }