/* Muazu Research & Survey Engine — Deep Forest Green #013220 / Vivid Orange #FF4400 / Cream #FAF6EC */
:root {
	--mtse-forest: #013220; --mtse-orange: #FF4400; --mtse-cream: #FAF6EC;
	--mtse-hairline: #E7DFCB; --mtse-text: #16241C; --mtse-text-mute: #5C6B62;
}
.mz-font-display { font-family: 'Fraunces', Georgia, serif; }
.mtse-survey-body { background: var(--mtse-cream); margin: 0; font-family: 'IBM Plex Sans', -apple-system, sans-serif; }
.mtse-shell { max-width: 640px; margin: 0 auto; padding: 40px 20px 80px; }
.mtse-card { background: #fff; border: 1px solid var(--mtse-hairline); border-radius: 16px; padding: 32px 28px; }
.mtse-card h1, .mtse-card h2 { color: var(--mtse-forest); margin: 0 0 16px; }

.mtse-progress-track { height: 6px; background: #F1EEE3; border-radius: 6px; overflow: hidden; margin-bottom: 8px; }
.mtse-progress-fill { height: 100%; background: var(--mtse-orange); border-radius: 6px; transition: width .3s; }
.mtse-progress-label { font-size: 12px; color: var(--mtse-text-mute); font-weight: 600; margin-bottom: 20px; }

.mtse-question { margin-bottom: 24px; }
.mtse-q-text { display: block; font-weight: 700; font-size: 15px; color: var(--mtse-text); margin-bottom: 8px; }
.mtse-help { font-size: 12.5px; color: var(--mtse-text-mute); margin: 0 0 8px; }
.mtse-question input[type=text], .mtse-question input[type=email], .mtse-question input[type=number],
.mtse-question input[type=date], .mtse-question select, .mtse-question textarea {
	width: 100%; padding: 12px 14px; border-radius: 9px; border: 1px solid var(--mtse-hairline); font-size: 15px; font-family: inherit; box-sizing: border-box;
}
.mtse-checkbox-row { display: block; padding: 6px 0; font-size: 14.5px; }
.mtse-scale-row { display: flex; gap: 10px; flex-wrap: wrap; }
.mtse-scale-option { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12px; color: var(--mtse-text-mute); }

.mtse-consent-box { background: var(--mtse-cream); border-radius: 10px; padding: 16px; font-size: 13.5px; line-height: 1.6; margin-bottom: 16px; }
.mtse-consent-check { display: flex; align-items: center; gap: 8px; font-size: 14px; margin-bottom: 20px; }
.mtse-field-label { display: block; font-size: 12.5px; font-weight: 600; color: var(--mtse-text-mute); margin-bottom: 20px; }
.mtse-field-label input { display: block; width: 100%; margin-top: 6px; padding: 11px 13px; border-radius: 9px; border: 1px solid var(--mtse-hairline); box-sizing: border-box; }

.mtse-btn-primary { background: var(--mtse-orange); color: #fff; border: none; border-radius: 10px; padding: 13px 24px; font-weight: 700; font-size: 14.5px; cursor: pointer; }
.mtse-btn-ghost { background: transparent; color: var(--mtse-forest); border: 1px solid var(--mtse-hairline); border-radius: 10px; padding: 12px 20px; font-weight: 700; font-size: 14.5px; cursor: pointer; margin-right: 10px; }
.mtse-nav-row { display: flex; justify-content: flex-end; margin-top: 8px; }
.mtse-status { font-size: 13px; color: var(--mtse-text-mute); min-height: 18px; }
.mtse-complete { text-align: center; }

.mtse-hub-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin-top: 20px; }
.mtse-hub-card { display: block; border: 1px solid var(--mtse-hairline); border-radius: 14px; padding: 22px; text-decoration: none; background: #fff; }
.mtse-hub-card-theme { display: inline-block; font-size: 10.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #FF4400; margin-bottom: 8px; }
.mtse-hub-card h3 { color: var(--mtse-forest); margin: 0 0 10px; font-size: 16px; }
.mtse-hub-card-desc { font-size: 13px; color: var(--mtse-text-mute); line-height: 1.5; margin: 0 0 10px; }
.mtse-hub-card-time { display: block; font-size: 12px; color: var(--mtse-text-mute); margin-bottom: 10px; }
.mtse-hub-card-cta { color: var(--mtse-orange); font-weight: 700; font-size: 13px; }

@media (max-width: 480px) {
	.mtse-shell { padding: 20px 14px 60px; }
	.mtse-card { padding: 22px 18px; }
}