/* Readiness Score and Investment Calculator. Same look as the Gravity Forms choice cards. */
.mpf-tool { display: grid; gap: 2rem; }
.mpf-tool__form,
.mpf-tool__result,
.mpf-tool__capture {
	background: #fff; border: 1px solid #D5E6E6; border-radius: 12px;
	padding: clamp(1.25rem, 4vw, 2.5rem);
	box-shadow: 0 1px 2px rgba(34,34,34,.05), 0 12px 32px rgba(34,34,34,.07);
}
.mpf-tool__result:focus { outline: 3px solid #007A78; outline-offset: 3px; }
.mpf-tool__capture { background: #E4F1F1; border-color: #C9DEDE; box-shadow: none; }
.mpf-tool__capture > p { margin-top: 0; }
.mpf-tool__capture .gform_wrapper.mpf-gf_wrapper { margin-top: 1.25rem; }
.mpf-tool__capture-title,
.mpf-tool__group-title { font-size: var(--wp--preset--font-size--x-large); margin: 0 0 .5rem; }

.mpf-tool__group + .mpf-tool__group { margin-top: 2.25rem; padding-top: 2rem; border-top: 1px solid #E4F1F1; }
.mpf-tool__q { border: 0; padding: 0; margin: 1.5rem 0 0; min-width: 0; }
.mpf-tool__q legend { font-weight: 600; font-size: 1.02rem; color: #222; padding: 0; margin-bottom: .6rem; }
.mpf-tool__num { color: #006664; }
.mpf-tool__hint { display: block; font-size: .88rem; color: #5A6060; margin: -.3rem 0 .6rem; }
.mpf-tool__opts { display: grid; gap: .55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mpf-tool__opts--row { grid-template-columns: repeat(2, minmax(0, 9rem)); }
@media (max-width: 640px) { .mpf-tool__opts:not(.mpf-tool__opts--row) { grid-template-columns: 1fr; } }
.mpf-tool__opt {
	position: relative; display: flex; align-items: center; gap: .7rem;
	min-height: 3rem; padding: .6rem .9rem; border: 1px solid #C9D7D7; border-radius: 8px;
	font-size: .96rem; line-height: 1.35; cursor: pointer; transition: border-color .15s, background .15s;
}
.mpf-tool__opt:hover { border-color: #007A78; }
.mpf-tool__opt:has(input:checked) { border-color: #007A78; background: #E4F1F1; }
.mpf-tool__opt input { accent-color: #007A78; width: 1.1rem; height: 1.1rem; flex: none; margin: 0; }
.mpf-tool__opt:has(input:focus-visible) { outline: 3px solid #007A78; outline-offset: 2px; }

.mpf-tool__grid { display: grid; gap: 1.25rem 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 640px) { .mpf-tool__grid { grid-template-columns: 1fr; } }
.mpf-tool__field label { display: block; font-weight: 600; margin-bottom: .35rem; }
.mpf-tool__field .mpf-tool__hint { margin: -.15rem 0 .45rem; }
.mpf-tool__optional { font-weight: 400; color: #5A6060; }
.mpf-tool__money { display: flex; align-items: center; border: 1px solid #8FA3A3; border-radius: 6px; background: #fff; }
.mpf-tool__money:focus-within { outline: 3px solid #007A78; outline-offset: 1px; border-color: #007A78; }
.mpf-tool__money > span { padding: 0 .1rem 0 .8rem; color: #4A4F4F; font-weight: 600; }
.mpf-tool__money input { flex: 1; min-width: 0; border: 0; background: none; font: inherit; font-size: 1rem; padding: .7rem .8rem .7rem .35rem; }
.mpf-tool__money input:focus { outline: none; }

.mpf-tool__error { background: #FBEAE9; color: #8C1D18; border-radius: 8px; padding: .75rem 1rem; margin: 1.5rem 0 0; font-weight: 600; }
.mpf-tool__form .wp-block-buttons { margin-top: 2rem; }
.mpf-tool__form button.wp-block-button__link { border: 0; cursor: pointer; font: inherit; font-weight: 600; }
.mpf-tool__fine { font-size: .85rem; color: #5A6060; margin: .75rem 0 0; }

.mpf-tool__kicker { text-transform: uppercase; letter-spacing: .06em; font-size: .8rem; font-weight: 600; color: #006664; margin: 0 0 .4rem; }
.mpf-tool__headline { font-size: var(--wp--preset--font-size--xx-large); margin: 0 0 1.25rem; line-height: 1.15; }
.mpf-tool__score { color: #006664; }
.mpf-tool__of { font-size: .55em; color: #4A4F4F; }
.mpf-tool__dims { list-style: none; padding: 0; margin: 0 0 1.5rem; display: grid; gap: .6rem; }
.mpf-tool__dim { display: grid; grid-template-columns: minmax(9rem, 14rem) 1fr 8.5rem; gap: .75rem; align-items: center; }
@media (max-width: 640px) { .mpf-tool__dim { grid-template-columns: 1fr auto; } .mpf-tool__bar { grid-column: 1 / -1; grid-row: 2; } }
.mpf-tool__bar { height: .55rem; background: #E4F1F1; border-radius: 4px; overflow: hidden; }
.mpf-tool__bar > span { display: block; height: 100%; background: #007A78; border-radius: 4px; }
.mpf-tool__dim--moderate .mpf-tool__bar > span { background: #D9A74A; }
.mpf-tool__dim--attention .mpf-tool__bar > span { background: #4A4F4F; }
.mpf-tool__dim-rating { font-weight: 600; font-size: .92rem; text-align: right; }
.mpf-tool__facts { list-style: none; padding: 0; margin: 0 0 1.25rem; display: grid; gap: .5rem; max-width: 34rem; }
.mpf-tool__facts li { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .5rem; border-bottom: 1px solid #E4F1F1; }

/* The report a Gravity Forms confirmation renders after submit. */
.mpf-report { background: #fff; border-radius: 12px; }
.mpf-tool__capture .mpf-report,
.mpf-gf-report { padding: clamp(1.25rem, 4vw, 2.5rem); border: 1px solid #D5E6E6; }

.mpf-tool__result p { margin: 0 0 .85rem; }
.mpf-tool__result h3 { margin: 1.5rem 0 .5rem; }
.mpf-tool__dims { margin-top: .5rem; }
.mpf-tool__facts strong { white-space: nowrap; }
.mpf-tool__facts { margin-top: .75rem; }