/*
 * Second Runtime — Simple Editorial Profile
 *
 * Use by adding `editorial-simple` to the page body and loading this file
 * after styles.css. This profile keeps article typography deliberately quiet:
 *
 * - Body, opening paragraph, pull quote, and conclusion use one reading size.
 * - Section headings provide the only size change inside the article body.
 * - Emphasis comes from spacing and a thin rule, not dark panels or drop caps.
 * - Utility text such as captions, metadata, and editorial notes stays small.
 * - Add a new size only when it represents a genuinely new information level.
 */

.editorial-simple {
  --editorial-reading-size: 17px;
  --editorial-section-size: 23px;
}

.editorial-simple .article-hero h1 {
  font-size: clamp(42px, 5vw, 64px);
}

.editorial-simple .article-deck {
  font-size: var(--editorial-reading-size);
}

.editorial-simple .article-body {
  font-size: var(--editorial-reading-size);
  line-height: 1.9;
}

.editorial-simple .article-body p {
  margin-bottom: 28px;
}

.editorial-simple .article-body ul {
  margin: -4px 0 34px;
  padding-left: 24px;
}

.editorial-simple .article-body li {
  margin-bottom: 8px;
  padding-left: 4px;
}

.editorial-simple .article-body .lead {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.editorial-simple .article-body .lead::first-letter {
  float: none;
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.editorial-simple .article-body h2 {
  margin: 54px 0 18px;
  font-size: var(--editorial-section-size);
  line-height: 1.5;
  letter-spacing: -.02em;
  font-weight: 650;
}

.editorial-simple .article-body blockquote {
  margin: 40px 0;
  padding: 0 0 0 20px;
  border-left: 2px solid var(--green);
  background: transparent;
  color: var(--ink);
  font-size: inherit;
  line-height: inherit;
  font-weight: 500;
}

.editorial-simple .article-conclusion {
  margin: 48px 0 34px;
  padding: 22px 24px;
  background: var(--paper-deep);
  font-size: inherit;
  line-height: inherit;
}

@media (max-width: 680px) {
  .editorial-simple .article-hero h1 {
    font-size: 42px;
  }

  .editorial-simple .article-body blockquote {
    margin: 34px 0;
    padding-left: 16px;
  }
}