/* Approved November 13 feature; scoped to the quiet mobile welcome. */
.small-start{background:#eff0e4;border:0;padding:32px 0 40px}
.small-start .leaf{margin-bottom:19px}
.small-start .eyebrow{color:#293c28;letter-spacing:.19em;margin-bottom:20px}
.small-start h2{font-size:42px;line-height:1.08;color:#263a24;margin-bottom:22px}
.small-start h2 em{display:inline-block;font-size:30px;line-height:1.16;color:#2e5b78;letter-spacing:-.03em}
.small-start>div>p:not(.eyebrow){line-height:1.45;max-width:none;color:#293c28}
.next-guide{grid-template-columns:54% minmax(0,1fr);gap:14px;margin-top:27px;padding-top:17px;border-color:#bec8af;color:#263a24}
/* Display only the approved storefront from the supplied composition. Text
   remains live HTML; the original artwork is retained byte for byte in source; this uses its compressed display copy. */
.next-guide>.bucktown-art{display:block;width:calc(100% + 12px);margin-left:-12px;aspect-ratio:440/450;background:url('/assets/field-guides/bucktown-truce-feature-reference.webp') 4.866% 64.332% / 193.409% 410.889% no-repeat;mix-blend-mode:multiply}
.next-guide>.guide-copy{min-width:0}
.next-guide .recipe-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:inherit;margin-bottom:9px}
.next-guide strong{font-size:29px;line-height:1.08}
.next-guide .read-link{font-size:12px;line-height:1.45;gap:7px;min-height:44px;width:100%;margin-top:13px;border-color:#263a24}
.next-guide .read-link svg{flex:none;width:17px;height:17px}
@media(max-width:350px){.small-start h2{font-size:37px}.small-start h2 em{font-size:27px}.next-guide{grid-template-columns:50% minmax(0,1fr);gap:12px}.next-guide strong{font-size:26px}.next-guide .read-link{font-size:11px;gap:5px}}
@media(min-width:500px){.small-start h2{font-size:48px}.small-start h2 em{font-size:34px}.next-guide strong{font-size:36px}.next-guide .read-link{font-size:14px}}

/* Keep the complete invitation in a phone viewport, with no empty band
   between the article sign-off and the feature. Content may grow for zoom. */
@media(max-width:760px){
  .letter{padding-bottom:12px}
  .small-start{padding:16px 0 22px;scroll-margin-top:0}
  .small-start .reading-width{width:calc(100% - 40px)}
  .small-start .leaf{width:28px;height:28px;margin-bottom:10px}
  .small-start .eyebrow{margin-bottom:12px}
  .small-start h2{font-size:36px;margin-bottom:14px}
  .small-start h2 em{font-size:27px}
  .small-start>div>p:not(.eyebrow){font-size:16px;line-height:1.45}
  .next-guide{grid-template-columns:48% minmax(0,1fr);gap:14px;margin-top:17px;padding-top:14px}
  .next-guide strong{font-size:27px}
  .next-guide .recipe-label{margin-bottom:7px}
  .next-guide .read-link{margin-top:8px}
}
@media(max-width:350px){
  .small-start h2{font-size:32px}
  .small-start h2 em{font-size:24px}
  .next-guide strong{font-size:24px}
}