.mm4u { font-family: Arial, sans-serif; color: #17263e; color-scheme: light; font-size: 15px; line-height: 1.5; }
    .mm4u * { box-sizing: border-box; }
    .mm4u [hidden] { display: none !important; }
    .mm4u .m-window { background: #fff; border: 1px solid #dce3ec; border-radius: 12px; overflow: hidden; }
    .mm4u .m-top { background: #172a4d; color: #fff; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
    .mm4u .m-brand { font-size: 20px; font-weight: 500; letter-spacing: -.5px; }
    .mm4u .m-brand span { color: #9ed8ff; }
    .mm4u .m-demo-label { font-size: 12px; color: #d2e4fb; }
    .mm4u .m-content { padding: 24px; }
    .mm4u h2 { font-size: 23px; font-weight: 500; margin: 0 0 18px; line-height: 1.3; }
    .mm4u h3 { font-size: 18px; font-weight: 500; margin: 0 0 12px; }
    .mm4u .m-steps { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e3e9f0; }
    .mm4u button { font: inherit; cursor: pointer; min-height: 44px; }
    .mm4u .m-step { flex: 1 1 150px; border: 1px solid transparent; border-radius: 6px; padding: 8px 10px; background: #f0f4f8; color: inherit; text-align: left; }
    .mm4u .m-step[aria-current="step"] { background: #e6f2ff; border-color: #1477b9; }
    .mm4u fieldset { padding: 0; margin: 0 0 20px; border: 0; min-width: 0; }
    .mm4u legend { padding: 0; margin: 0 0 9px; font-weight: 500; }
    .mm4u .m-choices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
    .mm4u .m-choice { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 14px 9px; border: 1px solid #cfd8e4; background: #fff; border-radius: 8px; text-align: center; cursor: pointer; }
    .mm4u .m-choice:has(input:checked) { background: #eaf5ff; border-color: #167cbd; }
    .mm4u .m-choice svg { width: 28px; height: 28px; color: #1d6ca4; }
    .mm4u .m-choice input { margin: 0; width: 18px; height: 18px; accent-color: #176baf; }
    .mm4u .m-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
    .mm4u .m-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
    .mm4u .m-field input, .mm4u select, .mm4u textarea { width: 100%; min-width: 0; font: inherit; font-size: 16px; padding: 10px 12px; border: 1px solid #bac7d8; border-radius: 5px; background: #fff; color: inherit; min-height: 44px; }
    .mm4u input::placeholder, .mm4u textarea::placeholder { color: #687991; opacity: 1; }
    .mm4u textarea { resize: vertical; }
    .mm4u input:disabled { opacity: .5; }
    .mm4u .m-check { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 12px 0; cursor: pointer; }
    .mm4u .m-check input { width: 18px; height: 18px; accent-color: #176baf; flex-shrink: 0; }
    .mm4u .m-extra { background: #f3f7fb; padding: 16px; border-radius: 7px; margin-bottom: 16px; }
    .mm4u .m-space { margin-top: 18px; }
    .mm4u .m-note { color: #54647c; font-size: 13px; margin: 5px 0 0; }
    .mm4u .m-actions { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
    .mm4u .m-button { border: 1px solid #b9c6d7; border-radius: 6px; padding: 10px 18px; background: #fff; color: inherit; }
    .mm4u .m-primary { background: #176eac; color: #fff; border-color: transparent; margin-left: auto; }
    .mm4u .m-summary { margin: 0; }
    .mm4u .m-summary div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); gap: 16px; padding: 9px 0; border-bottom: 1px solid #e0e8f1; }
    .mm4u dt { color: #53647d; }
    .mm4u dd { margin: 0; overflow-wrap: anywhere; }
    .mm4u .m-issue { color: #a02529; }
    @media (max-width: 480px) {
      .mm4u .m-content { padding: 18px 16px; }
      .mm4u .m-top { padding: 16px; }
      .mm4u .m-grid { grid-template-columns: 1fr; }
      .mm4u .m-choices { grid-template-columns: 1fr; }
      .mm4u .m-choice { flex-direction: row; justify-content: flex-start; padding: 12px; text-align: left; }
      .mm4u .m-choice input { margin-left: auto; }
      .mm4u .m-step { flex-basis: 100%; }
      .mm4u .m-summary div { grid-template-columns: 1fr; gap: 3px; }
    }
  
.mm4u { max-width: 900px; margin: 24px auto; text-align: left; }
.mm4u .m-window { box-shadow: 0 8px 24px #14284c0a; }
.mm4u .m-choice img { width: 100%; max-width: 210px; height: 130px; object-fit: contain; }
.mm4u .m-connections .m-choice img { height: 110px; }
.mm4u .m-measure { margin: 0 0 22px; padding: 12px; background: #f4f7fb; border-radius: 7px; }
.mm4u .m-measure img { width: 100%; max-width: 900px; height: auto; display: block; margin: auto; }
.mm4u figcaption { margin-top: 6px; font-size: 13px; color: #53647d; text-align: center; }
.mm4u .m-hole { margin: 0 0 14px; padding: 14px; border: 1px solid #cad6e4; border-radius: 7px; background: #fff; }
.mm4u .m-hole legend { padding: 0 6px; font-weight: 600; }
.mm4u .m-hole .m-remove { margin-top: 12px; color: #9c2530; }
.mm4u .m-hole-guide { margin: 0 0 18px; padding: 10px; border-radius: 7px; background: #fff; }
.mm4u .m-hole-guide img { display: block; width: 100%; max-width: 760px; height: auto; margin: auto; }
.mm4u .m-sensor-type { margin: 0 0 12px; }
.mm4u .m-honey { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.mm4u .m-field input[type=checkbox], .mm4u .m-check input { appearance: auto; }
.mm4u button:disabled { cursor: wait; opacity: .6; }
.mm4u button:focus-visible, .mm4u input:focus-visible, .mm4u select:focus-visible, .mm4u textarea:focus-visible { outline: 3px solid #167cbd; outline-offset: 3px; }
.mm4u [aria-invalid=true] { border-color: #b72738 !important; }
.mm4u .m-success { padding: 18px; background: #edf8f0; color: #174f29; border-radius: 8px; }
.mm4u .m-step { text-transform: none; letter-spacing: normal; }
@media(max-width:480px) { .mm4u .m-choice img, .mm4u .m-connections .m-choice img { width: 96px; height: 72px; } }