.tiwala-quiz {
	width: 100%;
	max-width: none;
	margin: 1.5rem 0;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.6;
	color: inherit;
}

.tiwala-quiz__title { margin: 0 0 .5rem; font: inherit; font-size: 1.35em; font-weight: 700; }
.tiwala-quiz__intro { margin: 0 0 1.25rem; }
.tiwala-quiz__questions { display: grid; gap: 1rem; }
.tiwala-quiz__question { margin: 0; padding: 1.1rem; border: 1px solid #d5e2dc; border-radius: 8px; background: #fff; min-width: 0; }
.tiwala-quiz__question.is-correct { border-color: #37835f; }
.tiwala-quiz__question.is-incorrect { border-color: #b66a5b; }
.tiwala-quiz__prompt { display: block; width: 100%; margin: 0 0 .9rem; padding: 0; font-weight: 700; }
.tiwala-quiz__number { margin-right: .35rem; color: #285c45; }
.tiwala-quiz__options { display: grid; gap: .55rem; }
.tiwala-quiz__option { display: flex; align-items: flex-start; gap: .7rem; margin: 0; padding: .7rem .8rem; border: 1px solid #dfe5e2; border-radius: 6px; background: #f8faf9; cursor: pointer; }
.tiwala-quiz__option:hover, .tiwala-quiz__option:focus-within { border-color: #285c45; background: #f1f7f4; }
.tiwala-quiz__option input { flex: 0 0 auto; margin: .3rem 0 0; accent-color: #285c45; }
.tiwala-quiz__blank { display: inline-block; min-width: 9rem; max-width: 100%; margin: 0 .25rem; padding: .35rem .55rem; border: 1px solid #9baaa3; border-radius: 4px; font: inherit; }
.tiwala-quiz__blank:focus { border-color: #285c45; outline: 2px solid rgba(40,92,69,.2); outline-offset: 1px; }
.tiwala-quiz__actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .9rem; }
.tiwala-quiz__button { min-height: 42px; margin: 0; padding: .55rem 1rem; border: 2px solid #285c45; border-radius: 5px; background: #285c45; color: #fff; font: inherit; font-weight: 700; line-height: 1.2; cursor: pointer; }
.tiwala-quiz__button:hover, .tiwala-quiz__button:focus { background: #1f4937; border-color: #1f4937; color: #fff; }
.tiwala-quiz__button--secondary { background: transparent; color: #285c45; }
.tiwala-quiz__button--secondary:hover, .tiwala-quiz__button--secondary:focus { background: #edf5f1; color: #1f4937; }
.tiwala-quiz__feedback { min-height: 1.5em; margin-top: .75rem; font-weight: 600; }
.tiwala-quiz__feedback.is-correct { color: #226443; }
.tiwala-quiz__feedback.is-incorrect, .tiwala-quiz__feedback.is-warning { color: #8d372b; }
.tiwala-quiz__feedback.is-solution { padding: .65rem .75rem; border-left: 4px solid #285c45; background: #f1f7f4; color: inherit; }
.tiwala-quiz__result { margin-top: 1rem; padding: .9rem 1rem; border-radius: 6px; background: #edf5f1; font-weight: 700; }
.tiwala-quiz__result.is-perfect { background: #e3f4e9; color: #195c38; }
.tiwala-quiz__retry { margin-top: .75rem; }

@media (max-width: 600px) {
	.tiwala-quiz__question { padding: .9rem; }
	.tiwala-quiz__option { padding: .65rem; }
	.tiwala-quiz__blank { display: block; width: 100%; margin: .45rem 0 0; }
	.tiwala-quiz__button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.tiwala-quiz * { scroll-behavior: auto !important; }
}