/* /spring is set on the Bright's Grove magazine system (magazine.css) on the
   same white ground, with the season's own finish: a moss accent instead of
   lake blue. Everything here is a token override or one of
   the few pieces the shared sheet has no class for. No chrome selectors: the
   header, drawer, footer and phone bar stay with nav-footer.css. */

.bg-guide.sp-guide {
  --color-lake: #2c3e2d;
  --color-sand: #edf1ea;
  --color-line: #d4dcdd;
  --color-muted: #57656b;
  background: #ffffff;
}

/* The hero caption and photo credits: small, italic, quiet. */
.sp-guide .sp-cap {
  margin-top: .75rem;
  font-size: .75rem;
  line-height: 1.5rem;
  font-style: italic;
  color: var(--color-muted);
}
.sp-guide .sp-cap a,
.sp-guide .sp-lede a {
  color: var(--color-lake);
  text-decoration: underline;
  text-decoration-color: var(--color-line);
  text-underline-offset: 4px;
}

/* The two-paragraph lede under the "In this guide" bar. */
.sp-guide .sp-lede {
  max-width: 860px;
  font-family: var(--font-serif);
  font-size: 19px;
  line-height: 1.7;
}
.sp-guide .sp-lede + .sp-lede { margin-top: 1.25rem; }
@media (min-width: 48rem) {
  .sp-guide .sp-lede { font-size: 22px; }
}

/* Chapter photographs on phones sit flush; on wide screens the rounded
   corner matches the rest of the site's editorial pages. */
@media (min-width: 40rem) {
  .sp-guide figure img { border-radius: 4px; }
}

/* The closing row of guide links reads as one line of destinations. */
.sp-guide .sp-next a + a { margin-left: 0; }