@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;500;600;700;800&family=Bitter:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
:root { color-scheme: light; background: #f4efea; }
body { background: #f4efea; -webkit-tap-highlight-color: transparent; }
*:focus-visible { outline: 3px solid #b74433; outline-offset: 4px; }
button, [role="button"] { touch-action: manipulation; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }

.mtm-map-marker { display: grid; place-items: center; background: #601b2d; color: #fff4eb; border: 3px solid #fff4eb; border-radius: 50% 50% 50% 4px; box-sizing: border-box; box-shadow: 0 3px 12px #33141044; }
.mtm-map-popup { font-family: 'Alegreya Sans', Arial, sans-serif; display: flex; flex-direction: column; gap: 12px; min-width: 170px; color: #331410; }
.mtm-map-popup strong { font-family: Bitter, Georgia, serif; font-size: 15px; line-height: 21px; }
.mtm-map-popup button { background: #b74433; color: #fff; padding: 11px 15px; border: 0; border-radius: 20px; font: 700 14px 'Alegreya Sans', sans-serif; cursor: pointer; }