/* Reading layout only: leave reports, guides and the site navigation unchanged. */
.blog-reflection-hero h1 {
  max-width: 26ch;
  font-size: clamp(30px, 3.6vw, 48px);
  line-height: 1.12;
  text-wrap: balance;
}

.blog-reflection-hero .lead {
  max-width: 76ch;
  line-height: 1.65;
}

.blog-post-shell--reflection .blog-post-meta,
.blog-post-shell--reflection > .tag-row,
.blog-post-article--reflection {
  max-width: 760px;
  margin-inline: auto;
}

.blog-reflection-figure {
  max-width: 960px;
  margin: 24px auto 36px;
}

.blog-reflection-figure img {
  display: block;
  width: 100%;
  height: auto;
}

.blog-post-article--reflection p,
.blog-post-article--reflection li {
  font-size: 18px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.blog-post-article--reflection p {
  margin: 0 0 1.25em;
}

.blog-post-article--reflection h2 {
  margin: 1.8em 0 0.65em;
  font-size: clamp(24px, 2.3vw, 30px);
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.blog-post-article--reflection > h2:first-child {
  margin-top: 0;
}

.blog-post-article--reflection > .card {
  margin-top: 32px;
  padding: 22px;
  border-top: 1px solid rgba(132, 155, 220, 0.22);
  background: rgba(9, 14, 27, 0.4);
  box-shadow: none;
}

.blog-post-article--reflection > .card h2 {
  margin-top: 0;
  font-size: 20px;
}

.blog-post-article--reflection > .card p,
.blog-post-article--reflection > .card li {
  font-size: 15px;
  line-height: 1.65;
}

.blog-post-article--reflection > .card p:last-child {
  margin-bottom: 0;
}

@media (max-width: 720px) {
  .blog-reflection-figure { margin: 20px 0 28px; }
  .blog-post-article--reflection p,
  .blog-post-article--reflection li { font-size: 17px; line-height: 1.7; }
  .blog-post-article--reflection > .card { padding: 18px; }
}