/* Phones only (issues #341, #342): an expand button and a legend button on the small map at the top of each Taiao page. Desktop is unchanged. Script: taiao-map-buttons.js. */
.mt-expand, .mt-keymodal { display: none; }
@media (max-width: 768px) {
	.js-init-map:not(.c-mapbox--full-screen) .mt-expand { display: flex; position: absolute; top: .75rem; right: .75rem; z-index: 1001; visibility: visible; pointer-events: auto; padding: .25rem; background: #fff; border-radius: .5rem; }
	.mt-expand .c-map-box__toolbar-item { cursor: pointer; }
	.js-init-map:not(.c-mapbox--full-screen) .c-mapbox__toolbar { visibility: visible; pointer-events: auto; top: 4.25rem; bottom: auto; right: .75rem; }
	.js-init-map:not(.c-mapbox--full-screen) .c-mapbox__toolbar > :not(.js-map-toolbar__key-trigger) { display: none; }
	.js-init-map:not(.c-mapbox--full-screen) .c-mapbox__popup-container { display: none !important; }
	.mt-keymodal { display: block; position: fixed; inset: 0; z-index: 10001; background: rgba(0,0,0,.45); visibility: hidden; opacity: 0; transition: opacity .25s, visibility .25s; }
	.mt-keymodal__panel { position: absolute; left: 0; right: 0; bottom: 0; height: 60vh; max-height: 60vh; display: flex; flex-direction: column; background: #fff; border-radius: 1rem 1rem 0 0; box-shadow: 0 -4px 16px rgba(0,0,0,.25); transform: translateY(100%); transition: transform .25s; }
	.mt-keymodal.open .mt-keymodal__panel { transform: none; }
	.mt-keymodal.open { visibility: visible; opacity: 1; }
	body.mt-keymodal-open { overflow: hidden; }
	.mt-keymodal__head { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem 1.25rem; border-bottom: 1px solid #e3ebec; flex: none; }
	.mt-keymodal__list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: .875rem; padding: 1rem 1.25rem calc(2rem + env(safe-area-inset-bottom)); font-size: 1rem; }
	.mt-keymodal__list .c-mapbox__popup__item { display: flex; align-items: center; gap: .75rem; }
	.mt-keymodal__list .c-mapbox__popup__item > span:first-child { width: 1.25rem; height: 1.25rem; min-width: 1.25rem; border-radius: 50%; flex: none; border: 1px solid #c6d7da; }
	.mt-keymodal__list .c-mapbox__popup__item > span { white-space: normal; }
}