/* Move-In Ready page: the explainer below the listings grid. Scoped to
   .hh-mir-info. Salient's heading rules (.row .col h3) and its paragraph
   padding-bottom (1.5em) outrank a plain class, hence the !important on
   font and spacing properties, as in community.css. */
.hh-mir-info {
	--mir-ink: #1d342c;
	--mir-green: #3f7d52;
	--mir-muted: #5f675f;
	--mir-pearl: #f6f7eb;
	--mir-line: #e4e7db;
	margin: 6vh 0 8vh;
	color: var(--mir-muted);
	font-family: 'Nunito Sans', sans-serif;
}
.hh-mir-info h2,
.hh-mir-info h3 {
	color: var(--mir-ink);
	font-family: 'DM Serif Display', serif !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}
.hh-mir-info h2 { margin: 0 0 14px !important; font-size: clamp(28px, 3vw, 40px) !important; line-height: 1.15 !important; }
.hh-mir-info h3 { margin: 16px 0 8px !important; font-size: 24px !important; line-height: 1.2 !important; }
.hh-mir-info p { margin: 0 0 12px; padding: 0 !important; font-size: 17px; line-height: 1.7; }
.hh-mir-info a { color: var(--mir-green); }
.hh-mir-info__intro,
.hh-mir-info__find { max-width: 780px; margin: 0 auto 48px; text-align: center; }
.hh-mir-info__badge { display: flex; align-items: center; min-height: 26px; margin: 0 !important; line-height: 1 !important; }
.hh-mir-info__eyebrow { margin-bottom: 10px !important; color: var(--mir-green); font-size: 12px !important; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; }
.hh-mir-info__subhead { text-align: center; }
.hh-mir-info__paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 24px 0 56px; }
.hh-mir-info__path { padding: 28px 30px; border: 1px solid var(--mir-line); border-radius: 10px; background: #fff; box-shadow: 0 6px 20px rgba(29, 52, 44, 0.06); }
.hh-mir-info__va { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 28px; align-items: center; margin: 0 0 56px; padding: 40px 44px; border-radius: 12px; background: linear-gradient(135deg, #277253 0%, #1d342c 100%); }
.hh-mir-info__va h2,
.hh-mir-info__va p { color: #fff; }
.hh-mir-info__va p:not(.hh-mir-info__actions) { opacity: 0.9; }
.hh-mir-info__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hh-mir-info__va .hh-mir-info__actions { flex-direction: column; align-items: stretch; margin: 0; }
.hh-mir-info__va .hh-mir-info__btn { text-align: center; }
.hh-mir-info__find .hh-mir-info__actions { justify-content: center; margin: 22px 0 18px !important; }
.hh-mir-info__btn { display: inline-block; padding: 13px 24px; border: 2px solid var(--mir-green); border-radius: 999px; background: var(--mir-green); color: #fff !important; font-size: 14px; font-weight: 700; letter-spacing: 0.04em; text-decoration: none !important; text-transform: uppercase; transition: background-color 0.2s, border-color 0.2s, color 0.2s; }
.hh-mir-info__btn:hover { border-color: var(--mir-ink); background: var(--mir-ink); }
.hh-mir-info__btn--light { border-color: #fff; background: #fff; color: var(--mir-ink) !important; }
.hh-mir-info__btn--light:hover { border-color: var(--mir-pearl); background: var(--mir-pearl); }
.hh-mir-info__btn--ghost { border-color: rgba(255, 255, 255, 0.7); background: transparent; }
.hh-mir-info__btn--ghost:hover { border-color: #fff; background: rgba(255, 255, 255, 0.12); }
.hh-mir-info__reading { font-size: 15px !important; }
@media (max-width: 767px) {
	.hh-mir-info__paths,
	.hh-mir-info__va { grid-template-columns: minmax(0, 1fr); }
	.hh-mir-info__va { padding: 30px 24px; }
}