main{padding-top:calc(var(--bar-h, 51px) + clamp(1.5rem,5vw,3rem));padding-bottom:1rem}
main .wrap{width:min(100% - 2*var(--pad),60rem);margin-inline:var(--pad) auto}
main [id]{scroll-margin-top:calc(var(--bar-h, 51px) + .6rem)}
h1{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.1;
 font-size:clamp(1.8rem,1.35rem + 1.9vw,2.75rem);margin:0 0 .45rem}
.when{color:var(--fg-dim);font-size:.9rem;margin:0 0 1.75rem;max-width:var(--measure)}
figure{margin:0}
figure img{width:100%;height:auto;border-radius:14px;box-shadow:var(--photo-surface)}
figcaption{margin-top:1rem;max-width:var(--measure);color:var(--fg)}
dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:1.75rem 0 0;
 font-size:.95rem;max-width:var(--measure)}
dt{color:var(--fg-dim)}
dd{margin:0}
.planting{margin:1.75rem 0 0;font-size:1.05rem}
.more{margin:2.25rem 0 0;font-size:.92rem}
main a{color:var(--fg);text-decoration:underline;text-underline-offset:.18em;transition:.15s}
main a:hover,main a:focus-visible{text-decoration-color:var(--sage)}