body { margin: 0; background: #e7f0e2; color: #14240f; font-family: "Avenir Next", "Segoe UI", sans-serif; }
.strip { display: flex; gap: 8px; flex-wrap: wrap; padding: 14px 18px; background: #17331a; }
.strip a { color: #e7f0e2; text-decoration: none; border: 1px solid #8fbf78; border-radius: 999px; padding: 6px 12px; font-size: 14px; }
.strip a.on { background: #e7f0e2; color: #17331a; }
.plots { max-width: 720px; margin: 0 auto; padding: 26px 16px 64px; }
.kicker { letter-spacing: 0.18em; text-transform: uppercase; font-size: 12px; color: #2a6a32; margin: 0; }
h1 { font-size: 34px; font-weight: 650; letter-spacing: -0.03em; line-height: 1.15; margin: 6px 0 16px; }
.beet { border-left: 4px solid #2a6a32; padding: 2px 0 2px 16px; margin: 0 0 16px; }
p { font-size: 17px; line-height: 1.55; margin: 0 0 12px; }
figure { margin: 8px 0 0; }
img { width: 100%; height: 280px; object-fit: cover; display: block; }
figcaption, footer { font-size: 13px; line-height: 1.45; color: #3d5238; }
footer { margin-top: 28px; }
@media (max-width: 640px) {
  h1 { font-size: 28px; }
  img { height: 200px; }
}