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}
h2{font-family:var(--serif);font-weight:400;font-size:1.45rem;letter-spacing:-.01em;
 margin:2.75rem 0 1rem}
.when{color:var(--fg-dim);font-size:.9rem;margin:0 0 1.75rem;max-width:var(--measure)}
.progression{display:grid;gap:2.5rem}
figure{margin:0}
figure img{width:100%;height:auto;border-radius:14px;box-shadow:var(--photo-surface)}
figcaption{margin-top:.75rem;max-width:var(--measure)}
figcaption .wk{display:block;color:var(--fg-dim);font-size:.9rem}
figcaption .desc{display:block;margin-top:.25rem;color:var(--fg)}
dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;
 font-size:.95rem;max-width:var(--measure)}
dt{color:var(--fg-dim)}
dd{margin:0}
dd .approx{color:var(--fg-dim)}
.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)}