/* MM Visit — status, details, map. */
.mm-visit { padding: 110px 0; }
.mm-visit .visit__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 56px; align-items: center; }
.mm-visit .visit__grid--left { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
.mm-visit .visit__grid--left .visit__map { order: -1; }
.mm-visit .visit__grid--nomap { grid-template-columns: minmax(0, 1fr); max-width: 720px; }
.mm-visit .visit__status { margin-top: 18px; display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 500; }
.mm-visit .visit__dot { width: 10px; height: 10px; flex: none; border-radius: 50%; background: var(--mm-green); box-shadow: 0 0 0 4px rgba(48, 161, 78, .16); }
.mm-visit .visit__status.is-closed .visit__dot { background: #c7c7cc; box-shadow: none; }
.mm-visit .visit__list { margin-top: 30px; display: grid; }
.mm-visit .visit__list > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 16px; padding: 16px 0; border-top: 1px solid var(--mm-hair); }
.mm-visit .visit__list dt { color: var(--mm-grey); font-size: 15px; font-weight: 400; }
.mm-visit .visit__list dd { margin: 0; font-size: 17px; color: inherit; }
.mm-visit .visit__list a { color: var(--mm-navy); text-decoration: none; }
.mm-visit .visit__list a:hover { text-decoration: underline; }
.mm-visit.tone-black .visit__list > div { border-top-color: #333336; }
.mm-visit.tone-black .visit__list a { color: var(--mm-link-dark); }
.mm-visit .visit__map { height: 520px; border-radius: var(--mm-r-lg); overflow: hidden; background: var(--mm-mist); }
.mm-visit .visit__map iframe { display: block; width: 100%; height: 100%; border: 0; filter: grayscale(.35) contrast(1.02); }

@media (max-width: 833px) {
	.mm-visit { padding: var(--mm-sec) 0; }
	.mm-visit .visit__grid, .mm-visit .visit__grid--left { grid-template-columns: minmax(0, 1fr); gap: 34px; }
	.mm-visit .visit__grid--left .visit__map { order: 0; }
	.mm-visit .visit__map { height: 320px; border-radius: 22px; }
	.mm-visit .visit__list > div { grid-template-columns: 92px minmax(0, 1fr); }
	.mm-visit .visit__list dd { font-size: 16px; }
}
