/* Simpur Talang: shared LEFT-ALIGNED layout for ARTICLE pages only.
   Load AFTER each page's existing stylesheet. Do not load on index.html. */
:root { --article-edge: clamp(16px, 2vw, 30px); }
/* Reset centered page-width containers, while retaining their own typography. */
body .header-inner,
body .wrap,
body .nav-wrap,
body .shell,
body .hero-inner,
body .content,
body .article-container,
body .page-container,
body .main-container {
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: var(--article-edge);
  padding-right: var(--article-edge);
}
/* Culture's outer hero already supplies the horizontal gutter. Avoid double padding. */
body .hero > .hero-inner { padding-left: 0; padding-right: 0; }
/* Top navigation in culture.html. */
body .site-top { padding-left: var(--article-edge); padding-right: var(--article-edge); }
/* Culture hero is a separate full-width background. */
body .hero:has(> .hero-inner) { padding-left: var(--article-edge); padding-right: var(--article-edge); }
/* Preserve centered text where explicitly intentional, but not centered article shells. */
@media (max-width: 640px) { :root { --article-edge: 16px; } }