.grow-hotspots{--grow-hotspot-border:rgba(var(--color-foreground),.14);overflow-wrap:anywhere}
.grow-hotspots__header{max-width:75rem;text-align:center;margin:0 auto 3.2rem}
.grow-hotspots h2{font-size:clamp(2.8rem,3.4vw,4.8rem);line-height:1.12;margin:1rem 0 1.8rem}
.grow-hotspots__header .grow-kicker{margin-top:0}
.grow-hotspots__layout{display:grid;gap:2.4rem;align-items:start}
.grow-hotspots__canvas{position:relative;min-width:0;border-radius:var(--grow-radius,1.6rem);background:rgba(var(--color-foreground),.03)}
.grow-hotspots .grow-hotspots__image{width:100%;height:auto;display:block;border-radius:inherit}
.grow-hotspots__placeholder{display:block;width:100%;height:auto;aspect-ratio:1;fill:rgba(var(--color-foreground),.3)}
.grow-hotspots__point{position:absolute;left:clamp(2.6rem,var(--grow-point-x,50%),calc(100% - 2.6rem));top:clamp(2.6rem,var(--grow-point-y,50%),calc(100% - 2.6rem));transform:translate(-50%,-50%);display:grid;place-items:center;min-width:4.4rem;width:4.4rem;height:4.4rem;padding:0;border-radius:50%;border:.2rem solid #fff;background:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:0 0 0 .4rem #ffffffb3,0 .3rem 1.2rem #0003;text-decoration:none;font-weight:750;font-size:1.5rem;line-height:1;z-index:1}
.grow-hotspots__point:hover{box-shadow:0 0 0 .6rem #ffffffc7,0 .3rem 1.4rem #0004}
.grow-hotspots__point:focus-visible,.grow-hotspots__link:focus-visible{outline:.3rem solid rgb(var(--color-foreground));outline-offset:.5rem}
.grow-hotspots__details{display:grid;gap:1.4rem;list-style:none;margin:0;padding:0;min-width:0}
.grow-hotspots__detail{padding:2rem;border:1px solid var(--grow-hotspot-border);border-radius:var(--grow-radius,1.6rem);scroll-margin-block:12rem;min-width:0}
.grow-hotspots__detail:target{border-color:rgb(var(--color-foreground));outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}
.grow-hotspots__detail:focus{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}
.grow-hotspots__detail-heading{display:flex;gap:1rem;align-items:center;margin-bottom:1.2rem}
.grow-hotspots__detail h3{margin:0;font-size:1.9rem;line-height:1.25;letter-spacing:-.02em;font-weight:700}
.grow-hotspots__number{width:3.2rem;height:3.2rem;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.3rem;font-weight:700}
.grow-hotspots__detail .rte{font-size:1.4rem;line-height:1.65}
.grow-hotspots__detail .rte>*:first-child{margin-top:0}
.grow-hotspots__detail .rte>*:last-child{margin-bottom:0}
.grow-hotspots__link{display:inline-block;min-height:4.4rem;padding:1rem 0;margin-top:.8rem;font-size:1.35rem;font-weight:650;color:inherit;text-underline-offset:.3rem}
.grow-hotspots__editor-note{margin-top:2rem;padding:1.6rem;border:1px dashed var(--grow-hotspot-border);font-size:1.3rem}
@media(min-width:990px){.grow-hotspots__layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:4rem}.grow-hotspots__layout--image-only{grid-template-columns:minmax(0,90rem);justify-content:center}.grow-hotspots__details{gap:1.6rem}.grow-hotspots__detail{padding:2.4rem}}
@media(prefers-reduced-motion:reduce){.grow-hotspots *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}