.mcz-security { max-width: 1100px; margin: 0 auto; padding: 60px 24px; }
.mcz-security-intro { max-width: 850px; }
.mcz-security-eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .85em; }
.mcz-security-notice { padding: 24px; margin: 28px 0; background: #f3f3f3; border-left: 4px solid #555; }
.mcz-security-notice p:last-child { margin-bottom: 0; }
.mcz-security-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; align-items: stretch; }
/* Labels absorb the extra height when the adjacent label wraps onto more lines. */
.mcz-security-field { display: flex; flex-direction: column; min-width: 0; }
.mcz-security-field label { display: block; flex: 1 0 auto; margin: 0 0 10px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.mcz-security-field input, .mcz-security-field select, .mcz-security-field textarea { display: block; flex: 0 0 auto; width: 100%; min-width: 0; max-width: 100%; margin: 0; padding: 12px; border: 1px solid #777; border-radius: 0; background: #fff; color: #222; box-sizing: border-box; font: inherit; line-height: 1.4; }
.mcz-security-field input, .mcz-security-field select { height: calc(1.4em + 26px); min-height: 48px; }
.mcz-security-field textarea { resize: vertical; }
.mcz-security-wide { grid-column: 1 / -1; }
.mcz-security :focus-visible { outline: 3px solid #005a9c; outline-offset: 3px; }
.mcz-security button { padding: 16px 28px; background: #333; color: #fff; cursor: pointer; }
.mcz-security-errors { border: 2px solid #a71919; padding: 20px; margin-bottom: 24px; }
.mcz-security-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.mcz-security code { overflow-wrap: anywhere; }
@media (max-width: 640px) { .mcz-security-grid { grid-template-columns: 1fr; } .mcz-security { padding: 32px 18px; } }