.mp-vs{--mp-vs-accent:var(--wd-primary-color,#b56023);container-type:inline-size;width:100%;height:auto;min-height:0;flex-grow:0;background:#283234;color:#fff;font-family:inherit;box-sizing:border-box}
.mp-vs *{box-sizing:border-box}
.mp-vs .mp-vs__form{height:auto;min-height:0;margin:0;padding:24px}
.mp-vs__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr) minmax(130px,.75fr);gap:16px;align-items:end}
.mp-vs__field{min-width:0}
.mp-vs .mp-vs__field label{display:block;margin:0 0 9px;color:#fff;font-size:13px;line-height:1.4;font-weight:600;letter-spacing:.035em}
.mp-vs .mp-vs__field select{display:block;appearance:none;-webkit-appearance:none;width:100%;max-width:100%;height:54px;margin:0;padding:0 38px 0 16px;border:1px solid #ddd;border-radius:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23666' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center;background-size:16px;color:#343434;font:inherit;font-size:16px;line-height:1.4;text-overflow:ellipsis;cursor:pointer;box-shadow:none}
.mp-vs .mp-vs__field select:disabled{background-color:#edf0f0;color:#737b7c;cursor:not-allowed;opacity:1}
.mp-vs .mp-vs__submit{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;min-height:44px;margin:0;padding:0 22px;border:1px solid var(--mp-vs-accent);border-radius:0;background:var(--mp-vs-accent);color:#fff;font:inherit;font-size:15px;font-weight:700;line-height:1;text-transform:uppercase;cursor:pointer;box-shadow:none;transition:filter .15s}
.mp-vs .mp-vs__submit:hover{background:var(--mp-vs-accent);color:#fff;filter:brightness(.9)}
.mp-vs .mp-vs__submit:disabled{opacity:.65;cursor:wait}
.mp-vs__submit svg{width:20px;height:20px;flex:none}
.mp-vs select:focus-visible,.mp-vs button:focus-visible{outline:3px solid #e4b18b;outline-offset:3px}
.mp-vs__feedback{display:flex;align-items:center;gap:12px;min-height:20px;margin-top:10px;font-size:13px;line-height:1.5;color:#e7ebeb}
.mp-vs .mp-vs__retry{padding:0;border:0;background:none;color:#fff;font:inherit;text-decoration:underline;cursor:pointer}
.mp-vs .mp-vs__retry[hidden]{display:none}
.mp-vs__notice{margin:8px 0 0;color:#fff;font-size:14px}
@media(max-width:1024px){.mp-vs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-vs__submit{grid-column:1/-1}}
@container(max-width:999px){.mp-vs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-vs__submit{grid-column:1/-1}}
@container(max-width:559px){.mp-vs .mp-vs__form{padding:18px}.mp-vs__grid{grid-template-columns:minmax(0,1fr);gap:14px}}
/* Mobile viewport takes precedence over the container's two-column layout. */
@media(max-width:767px){.mp-vs .mp-vs__form{padding:18px}.mp-vs__grid{grid-template-columns:minmax(0,1fr);gap:14px}.mp-vs__submit{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.mp-vs .mp-vs__submit{transition:none}}
