/* The exercise page (marketing/exercise-page.php). Brand: forest #0a3a2c, gold #c9a84c. */

body.mmc-exercise-page .deal-hero { min-height: 340px; }
body.mmc-exercise-page .deal-hero h1 { max-width: 760px; margin-left: auto; margin-right: auto; }

.mmc-ex { max-width: 700px; margin: 0 auto; padding: 8px 0 48px; color: #333; }
.mmc-ex__eyebrow { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #a8862f; font-weight: 700; margin: 0 0 10px; }
.mmc-ex__intro { font-size: 18px; line-height: 1.65; margin: 0 0 28px; }

.mmc-ex__form { background: #faf9f6; border: 1px solid #ece5d4; border-radius: 14px; padding: 26px 26px 22px; margin: 0 0 32px; }
.mmc-ex__lead { font-weight: 700; color: #0a3a2c; margin: 0 0 18px; font-size: 16px; }
.mmc-ex__steps { list-style: none; counter-reset: step; margin: 0; padding: 0; }
.mmc-ex__step { counter-increment: step; position: relative; padding: 0 0 22px 46px; margin: 0 0 22px; border-bottom: 1px solid #ece5d4; }
.mmc-ex__step::before { content: counter(step); position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; background: #0a3a2c; color: #fff; font: 700 14px/30px Georgia, serif; text-align: center; }
.mmc-ex__text { font-size: 16px; line-height: 1.6; margin: 0 0 12px; }

.mmc-ex__field { display: block; margin: 0 0 12px; border: 0; padding: 0; }
.mmc-ex__field > span, .mmc-ex__field legend { display: block; font-size: 13px; font-weight: 600; color: #0a3a2c; margin: 0 0 6px; padding: 0; }
.mmc-ex__field input[type="text"], .mmc-ex__field input[type="email"], .mmc-ex__field textarea {
	width: 100%; box-sizing: border-box; font-family: inherit; font-size: 16px; line-height: 1.5; color: #222; /* 16px: iOS does not zoom on focus */
	background: #fff; border: 1px solid #d9d2c1; border-radius: 9px; padding: 10px 12px; resize: vertical;
}
.mmc-ex__field textarea { min-height: 72px; overflow: hidden; }
.mmc-ex__field input:focus, .mmc-ex__field textarea:focus, .mmc-ex__commit input:focus { outline: 2px solid #c9a84c; outline-offset: 1px; border-color: #c9a84c; }
.mmc-ex__amount input { max-width: 260px; }
.mmc-ex__list ol { margin: 0; padding-left: 22px; }
.mmc-ex__list li { margin: 0 0 8px; }

.mmc-ex__commit { display: flex; flex-wrap: wrap; gap: 12px 22px; align-items: center; background: #fff; border: 1px dashed #c9a84c; border-radius: 10px; padding: 12px 14px; font-size: 15px; color: #0a3a2c; font-weight: 600; }
.mmc-ex__commit input[type="date"] { font: inherit; font-weight: 400; margin-left: 6px; padding: 6px 8px; border: 1px solid #d9d2c1; border-radius: 8px; }
.mmc-ex__done input { width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; accent-color: #0a3a2c; }

.mmc-ex__question { margin: 4px 0 22px; }
.mmc-ex__question p { font-size: 17px; line-height: 1.6; color: #0a3a2c; font-style: italic; border-left: 3px solid #c9a84c; padding: 4px 0 4px 16px; margin: 0 0 14px; }

.mmc-ex__save { background: #fff; border: 1px solid #ece5d4; border-radius: 12px; padding: 18px; }
.mmc-ex__note { font-size: 14px; line-height: 1.55; color: #555; margin: 0 0 12px; }
.mmc-ex__copy { display: block; font-size: 14px; margin: 0 0 14px; }
.mmc-ex__copy input { margin-right: 6px; accent-color: #0a3a2c; }
.mmc-ex__btns { display: flex; flex-wrap: wrap; gap: 10px; }
.mmc-ex__btn { display: inline-block; box-sizing: border-box; max-width: 100%; background: #0a3a2c; color: #fff !important; border: 0; border-radius: 9px; padding: 13px 24px; font: 700 16px Georgia, serif; text-decoration: none; cursor: pointer; }
.mmc-ex__btn:hover { background: #0f4a3a; }
.mmc-ex__btn[disabled] { opacity: .6; cursor: wait; }
.mmc-ex__btn--ghost { background: #fff; color: #0a3a2c !important; border: 1.5px solid #0a3a2c; }
.mmc-ex__btn--ghost:hover { background: #f3efe4; }
.mmc-ex__msg { min-height: 1.4em; margin: 12px 0 0; font-size: 14px; color: #0a3a2c; font-weight: 600; }

.mmc-ex__end { font-size: 16px; line-height: 1.65; }
.mmc-ex__small { font-size: 13px; color: #777; margin-top: -4px; }
.mmc-ex__sign { color: #555; margin-top: 24px; }
.mmc-ex--empty { text-align: center; padding: 24px; }
.mmc-ex__printonly { display: none; }

@media (max-width: 600px) {
	.mmc-ex__form { padding: 18px 14px; border-radius: 12px; }
	.mmc-ex__step { padding-left: 40px; }
	.mmc-ex__btn { width: 100%; text-align: center; }
}

@media print {
	header, footer, nav, .deal-hero, #mmc-exnudge, .mmc-ex__save, .mmc-ex__end .mmc-ex__btn, .mmc-ex__small { display: none !important; }
	.mmc-ex__printonly { display: block; font-family: Georgia, serif; color: #0a3a2c; margin: 0 0 12px; }
	.mmc-ex__form { border: 0; background: none; padding: 0; }
	.mmc-ex__field textarea, .mmc-ex__field input { border: 0; border-bottom: 1px solid #999; border-radius: 0; }
}