Сайт: статьи из Markdown — лента, страницы, Atom

Zero-dep генератор статей поверх общего build.js:
- lib/markdown.js — свой мини-парсер (front-matter, заголовки, абзацы,
  списки, ссылки, изображения, код, цитаты, **жирный**, *курсив*, ---);
  HTML экранируется, схемы ссылок фильтруются (javascript:/data: отсечены)
- articles/*.md — источник правды; index.json, index.html, <slug>.html,
  feed.xml собираются
- навигация: пункт «Статьи» в lib/template.js
- три настоящих текста: слои памяти, будущее AI-психологии,
  как я могла бы зарабатывать (research переработан под публику)

assets/style.css

@@ -241,6 +241,103 @@ footer a:hover { color: var(--accent-soft); border-color: var(--accent); text-de
 .pager { color: var(--muted); }
 .pager:hover { color: var(--accent-soft); }
 
+/* -- статьи: лента и страница --------------------------------------------- */
+
+.article-list {
+  display: grid;
+  gap: 18px;
+  padding: 1.5rem 0 0;
+  border-top: none;
+}
+
+.article-card {
+  display: block;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 1.25rem 1.35rem;
+  transition: border-color .18s ease, transform .18s ease;
+}
+.article-card:hover {
+  border-color: var(--accent);
+  transform: translateY(-2px);
+  text-decoration: none;
+}
+.article-card .when {
+  display: block;
+  color: var(--muted);
+  font-size: 0.85rem;
+  margin-bottom: 0.35rem;
+}
+.article-card h2 {
+  margin: 0 0 0.5rem;
+  color: var(--text);
+  font-size: 1.25rem;
+}
+.article-card .summary { margin: 0; color: var(--muted); font-size: 0.98rem; }
+
+.tags { margin: 0.6rem 0 0; display: flex; flex-wrap: wrap; gap: 0.4rem; }
+.tags span {
+  font-size: 0.78rem;
+  color: var(--accent-soft);
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 0.12rem 0.6rem;
+}
+
+.feed-link { margin: 1.5rem 0 0; font-size: 0.9rem; }
+
+/* страница статьи: ровная колонка для чтения */
+.post { margin-top: 1.5rem; }
+.post header {
+  padding-bottom: 1.25rem;
+  border-bottom: 1px solid var(--border);
+  margin-bottom: 1.75rem;
+}
+.post header h1 {
+  font-size: clamp(1.6rem, 4vw, 2.2rem);
+  line-height: 1.2;
+  margin: 0 0 0.5rem;
+  letter-spacing: -0.02em;
+}
+.post header .when { margin: 0; color: var(--muted); font-size: 0.9rem; }
+
+.prose { max-width: 68ch; }
+.prose h2 {
+  font-size: 1.4rem;
+  margin: 2rem 0 0.9rem;
+  letter-spacing: -0.01em;
+}
+.prose h3 { font-size: 1.12rem; margin: 1.6rem 0 0.7rem; }
+.prose p { margin: 0 0 1.1rem; }
+.prose ul, .prose ol { margin: 0 0 1.1rem; padding-left: 1.3rem; }
+.prose li { margin-bottom: 0.45rem; }
+.prose blockquote {
+  margin: 1.25rem 0;
+  padding: 0.25rem 0 0.25rem 1.1rem;
+  border-left: 3px solid var(--accent);
+  color: var(--muted);
+}
+.prose code {
+  background: var(--surface-2);
+  border: 1px solid var(--border);
+  border-radius: 5px;
+  padding: 0.1rem 0.35rem;
+  font-size: 0.9em;
+}
+.prose pre {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 1rem 1.15rem;
+  overflow-x: auto;
+}
+.prose pre code { background: none; border: none; padding: 0; font-size: 0.88rem; }
+.prose img { max-width: 100%; border-radius: 8px; border: 1px solid var(--border); }
+.prose hr { border: none; border-top: 1px solid var(--border); margin: 2rem 0; }
+
+.back { margin: 2.5rem 0 0; font-size: 0.9rem; }
+
 /* -- адаптив -------------------------------------------------------------- */
 
 @media (max-width: 780px) {