.tyomaa-kartat-map { width: 100%; height: var(--tyomaa-map-height, 520px); min-height: 240px; background: #e8eaed; }
/* Beat theme rules such as .defaultti.paa-sisallot.subpage img, which add important borders to map tiles. */
body .tyomaa-kartat-map.tyomaa-kartat-map .gm-style img { max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.tyomaa-kartat-infowindow { max-width: 236px; padding: 2px 10px 7px; color: #454545; font: 12px/1.4 Arial, sans-serif; }
.gm-style .tyomaa-kartat-infowindow-title { display: block; margin: 0; color: #292929; font: 600 13px/1.3 Arial, sans-serif; }
.tyomaa-kartat-infowindow-address { color: #555; }
.tyomaa-kartat-infowindow-categories { margin-top: 2px; color: #777; font-size: 11px; }
.tyomaa-kartat-infowindow p { margin: 5px 0 0; color: #555; font-size: 12px; line-height: 1.4; }
.tyomaa-kartat-logo-marker { display: grid; width: 52px; height: 52px; place-items: center; overflow: hidden; border: 2px solid #fff; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgb(0 0 0 / 35%); }
.tyomaa-kartat-map .gm-style .tyomaa-kartat-logo-marker img { padding: 4px !important; object-fit: contain !important; }
.tyomaa-kartat-logo-marker img { display: block; width: 100%; height: 100%; padding: 4px; object-fit: contain; }
.tyomaa-kartat-message { padding: 12px 16px; border-left: 3px solid #2271b1; background: #f0f6fc; }