/* ===========================================================================
 * css/blog-article.css — central styles for static article pages in blogs/
 *
 * Loaded AFTER css/style.css (which provides the shared .post-* layout:
 * .post-view, .post-header, .post-back, .post-title, .post-lead,
 * .post-figure, .post-content, .post-foot, .card-meta).
 *
 * This file adds only what static articles need on top:
 *  1. bilingual content blocks (.lang-block[data-lang="ne|en"])
 *  2. richer article content (subheadings, lists, quotes) that the
 *     post.html?id= renderer does not support
 * =========================================================================== */

/* --- 1. Bilingual blocks ---------------------------------------------------
 * Each article writes its content twice, once per language. The block that
 * does not match the active language is hidden by js/i18n.js via [hidden].
 * Nepali is the default language, so the ne block needs no [hidden] attr in
 * the HTML source.
 */
.lang-block[hidden] { display: none !important; }

/* --- 2. Rich article content ---------------------------------------------- */
.post-content h2 {
  font-size: 1.35rem;
  margin-block: 2rem .75rem;
  color: var(--blue);
}
.post-content h3 {
  font-size: 1.12rem;
  margin-block: 1.6rem .6rem;
}
.post-content ul,
.post-content ol {
  margin: 0 0 1.25rem;
  padding-left: 1.4rem;
}
.post-content li { margin-bottom: .5rem; }
.post-content blockquote {
  margin: 1.5rem 0;
  padding: .9rem 1.2rem;
  border-left: 3px solid var(--blue);
  background: var(--blue-softer);
  border-radius: 0 var(--radius) var(--radius) 0;
  color: var(--text-2);
  font-style: italic;
}
.post-content figure {
  margin: 1.75rem 0;
}
.post-content figure img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
}
.post-content figcaption {
  margin-top: .5rem;
  font-size: .88rem;
  color: var(--text-2);
  text-align: center;
}