.mmn-quiz { max-width: 70rem; margin-inline: auto; }
.mmn-quiz fieldset { border: 1px solid #6d7772; border-radius: .6rem; padding: 1rem; margin-block: 1.5rem; }
.mmn-quiz legend { font-weight: 600; padding-inline: .25rem; }
.mmn-options { display: grid; grid-template-columns: repeat(auto-fit,minmax(12rem,1fr)); gap: .5rem; }
.mmn-options label, .mmn-quiz button, .mmn-quiz select { min-height: 44px; }
.mmn-options label { display: flex; align-items: center; gap: .5rem; padding: .5rem; cursor: pointer; }
.mmn-quiz input[type=radio] { flex-shrink: 0; width: 1.25rem; height: 1.25rem; }
.mmn-quiz select { width: 100%; max-width: 35rem; margin-block: .5rem; }
.mmn-quiz button { background: #174d40; color: #fff; border: 2px solid #174d40; border-radius: .5rem; padding: .65rem 1rem; cursor: pointer; font: inherit; }
.mmn-quiz :focus-visible { outline: 3px solid #174d40; outline-offset: 4px; }
.mmn-quiz section { border-left: 4px solid #174d40; padding: 1rem; margin-bottom: 1.5rem; }
.mmn-quiz [role=alert] { border: 2px solid #9d251d; padding: 1rem; }
.mmn-quiz aside label, .mmn-delivery label { display: block; margin-block: .75rem; }
.mmn-delivery { max-width: 70rem; margin: 1.5rem auto; border-left: 4px solid #174d40; padding: 1rem; }
.mmn-delivery input[type=email], .mmn-delivery input[type=text] { display: block; width: 100%; max-width: 35rem; min-height: 44px; margin-top: .35rem; }
.mmn-delivery button { min-height: 44px; background: #174d40; color: #fff; border: 2px solid #174d40; border-radius: .5rem; padding: .65rem 1rem; cursor: pointer; font: inherit; }
.mmn-delivery :focus-visible, .mmn-route :focus-visible { outline: 3px solid #174d40; outline-offset: 4px; }
.mmn-quiz fieldset:disabled { opacity: .8; }
.mmn-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 450px) { .mmn-options { grid-template-columns: 1fr; } }