.tr-legal-footer {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  clear: both;
  padding: 16px 18px;
  background: #faf7ee;
  color: #374151;
  border-top: 1px solid #d5d0c4;
  text-align: center;
}
.tr-legal-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px 7px;
  margin: 0;
  font: 400 13px/1.6 system-ui, sans-serif;
  letter-spacing: normal;
  text-transform: none;
}
.tr-legal-links a {
  display: inline-block;
  padding: 7px 2px;
  color: #374151;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.tr-legal-links a:focus-visible { outline: 2px solid #1d4ed8; outline-offset: 3px; }

/* Town is a viewport scene. Reserve a footer strip below its clickable map. */
.tr-legal-footer--scene { position: fixed; inset: auto 0 0; z-index: 30; padding: 4px 8px; }
body:has(> .tr-legal-footer--scene) .page-shell { height: calc(100dvh - 44px); }
body:has(> .tr-legal-footer--scene) .music-toggle { bottom: 58px; }
@media (max-width: 620px) {
  body:has(> .tr-legal-footer--scene) .music-toggle { bottom: 97px; }
  body:has(> .tr-legal-footer--scene) .page-shell { height: calc(100dvh - 83px); }
}