/* Quiet artwork supports the two existing actions; it adds no new interaction. */
.spark-editorial-art{display:none}
html.has-monster-explanation .daily-spark{position:relative}
html.has-monster-explanation .daily-spark .spark-editorial-art{display:block;position:absolute;top:24px;right:24px;width:104px;height:104px;object-fit:cover;border-radius:12px}
html.has-monster-explanation .daily-spark.has-companion>h2{padding-right:128px;min-height:104px}
.reading-card .reading-editorial-art{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;margin:4px 0 20px}
/* Evergreen rubric artwork, deliberately independent of the weekly article. */
.reading-card.lichtblick-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);column-gap:32px;align-content:start}
.lichtblick-card>h2,.lichtblick-card>.reading-card-title,.lichtblick-card>.reading-card-text,.lichtblick-card>.reading-card-note,.lichtblick-card>.reading-card-link{grid-column:1}
.lichtblick-card>.reading-card-link{justify-self:start;margin-top:4px}
.lichtblick-card>.lichtblick-editorial-art{grid-column:2;grid-row:1 / 6;align-self:center;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}
@media(max-width:600px){.reading-card.lichtblick-card{grid-template-columns:minmax(0,1fr)}.lichtblick-card>.lichtblick-editorial-art{grid-column:1;grid-row:auto;margin-top:20px;max-width:320px;justify-self:center}}
@media(max-width:520px){html.has-monster-explanation .daily-spark .spark-editorial-art{width:72px;height:72px;top:20px;right:18px}html.has-monster-explanation .daily-spark.has-companion>h2{padding-right:88px;min-height:80px}.reading-card .reading-editorial-art{margin-bottom:16px}}

/* Match the framed hero's inner edges (1200px outer width, 24px gutters).
   Keep two columns until all three rubrics have comfortable reading space. */
.home-cards,.section-frame{max-width:calc(1200px - 2 * var(--page-gutter))}
/* Wider frames do not turn paragraphs into long, tiring lines. */
.section-frame>p,.section-frame .about-teaser-text p{max-width:var(--text-width)}
.section-frame.home-steps .steps{max-width:880px}
@media(min-width:900px){.section-frame.about-teaser.has-tree{column-gap:48px}}
.home-cards>section{min-width:0}
.home-cards .reading-card{scroll-margin-top:88px}
@media(min-width:1150px){
  .home-cards:has(.daily-spark:not([hidden])){grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,3fr)}
  .home-cards>.lichtblick-card{grid-column:auto;display:flex;flex-direction:column}
  .home-cards .reading-card>h2{min-height:40px}
  .home-cards .reading-card>h2{order:0}
  .home-cards .reading-editorial-art,.home-cards .lichtblick-editorial-art{order:1;width:100%;max-width:none;height:auto;aspect-ratio:4/3;object-fit:cover;align-self:auto;margin:4px 0 20px}
  .home-cards .reading-card-title{order:2}
  .home-cards .reading-card-text{order:3}
  .home-cards .reading-card-note{order:4}
  .home-cards .reading-card-link{order:5;margin-top:auto}
  html.has-monster-explanation .home-cards .spark-editorial-art{width:72px;height:72px}
  html.has-monster-explanation .home-cards .daily-spark.has-companion>h2{padding-right:88px;min-height:72px;align-items:flex-start}
  .home-cards .spark-intro{margin-bottom:16px}
  .home-cards .spark-write-line{margin-top:20px}
  .home-cards .spark-write-description{margin-bottom:12px}
  .home-cards .daily-spark details{margin-top:16px}
}