/* Editorial artwork stays scoped to the guide overview and its articles. */
.guide-page .guide-image--cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.guide-article .guide-article-cover {
  margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
}

.guide-article .guide-image--article {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: contain;
  background: #f5f0e8;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
}

.guide-article .guide-article-cover figcaption {
  margin-top: 0.65rem;
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--ink-400);
}

.guide-article .guide-article-cover figcaption span {
  color: var(--ink-500);
  font-weight: 600;
}

.guide-page .guide-planner-visual,
.guide-article .guide-planner-visual {
  margin: 0;
}

.guide-page .guide-planner-visual img,
.guide-article .guide-planner-visual img {
  display: block;
  width: 100%;
  height: auto;
}

.guide-page .guide-planner-visual figcaption,
.guide-article .guide-planner-visual figcaption {
  margin-top: 0.7rem;
  text-align: center;
  font-size: 0.78rem;
  line-height: 1.5;
  color: rgb(245 239 232 / 65%);
}

/* Supporting illustrations stay compact within the article's reading column. */
.guide-article .guide-section-figure {
  width: 100%;
  max-width: 34rem;
  margin: clamp(1.25rem, 2.5vw, 1.75rem) auto;
}

.guide-article .guide-section-figure__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: contain;
  background: #f5f0e8;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
}

.guide-article .guide-section-figure figcaption {
  margin-top: 0.65rem;
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--ink-400);
}

.guide-article .guide-section-figure figcaption span {
  color: var(--ink-500);
  font-weight: 600;
}