.tree-routes { text-align: center; }
.tree-intro { max-width: 520px; margin: 0 auto 28px; color: var(--muted); line-height: 1.65; }
.tree-map { position: relative; width: 100%; max-width: 780px; margin: 0 auto; }
.tree-map img { display: block; width: 100%; height: auto; }
.tree-circle { position: absolute; transform: translate(-50%, -50%); border-radius: 50%; aspect-ratio: 1; }
.tree-circle:hover, .tree-circle:focus-visible { outline: 2px solid #635837; outline-offset: 2px; }
.tree-gym { left: 49.5%; top: 18.5%; width: 24%; }
.tree-samtal { left: 25%; top: 29.3%; width: 23.5%; }
.tree-workshop { left: 15.8%; top: 52%; width: 20%; }
.tree-retreat { left: 80.4%; top: 33.5%; width: 24%; }
.tree-links { display: none; }
@media (max-width: 760px) {
  .tree-links { display: grid; grid-template-columns: repeat(2,1fr); margin: 16px auto 0; max-width: 480px; }
  .tree-links a { display: grid; place-items: center; min-height: 44px; color: var(--ink); text-underline-offset: 4px; text-decoration-color: #a58a58; }
}