/* 2FA education: a restrained scene, explicit assumptions and user-led playback. */
.lab-tabs.lab-tabs-four{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-tabs-four button{padding:22px}.lab-tabs-four b{font-size:17px}.lab-tabs-four button>span{font-size:10px;letter-spacing:.055em}.lab-tabs-four i{right:15px;top:19px}
.mfa-panel{padding:26px 28px 30px;min-width:0}.mfa-intro{position:relative;isolation:isolate;overflow:hidden;border:1px solid #bb8a5640;border-radius:12px;min-height:240px;background:#1a1917}.mfa-scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 54%;opacity:.22}.mfa-intro:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#191613e8,#19161380 52%,transparent)}.mfa-intro-copy{padding:30px 34px;max-width:660px}.mfa-intro .micro{font-size:10px;color:#c4a787;letter-spacing:.13em}.mfa-intro h3{font-size:clamp(28px,3.3vw,42px);line-height:1.35;color:#f5e4d0;font-weight:600;margin:13px 0 14px;letter-spacing:-.03em}.mfa-intro h3 strong{font-weight:650;color:#ffbb7e}.mfa-intro p{font-size:14px;line-height:1.9;color:#dbc5ad;max-width:35em}.mfa-scene-note{display:block;font-size:10px;line-height:1.7;color:#b0967a;margin-top:15px}.mfa-definition{display:flex;align-items:center;gap:20px;padding:23px 3px 26px}.mfa-definition-mark{flex:none;font:24px/1 ui-monospace,monospace;letter-spacing:-.07em;color:#ffc08a;border-right:1px solid #c793603b;padding-right:20px}.mfa-definition p{font-size:13px;line-height:1.9;color:#c4b29d;margin:0}.mfa-definition strong{font-weight:600;color:#edcda8}
.mfa-simulation{background:#211c17;border:1px solid #b8967150;border-radius:12px;padding:24px}.mfa-scenario-label{display:flex;gap:18px;align-items:start;padding:0 0 20px;border-bottom:1px solid #b997712e}.mfa-scenario-label .micro{white-space:nowrap;color:#e4b17e;font-size:10px;margin-top:4px}.mfa-scenario-label p{color:#baa68f;font-size:12px;line-height:1.85;max-width:66em}.mfa-view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0}.mfa-view-toolbar>span{font-size:10px;color:#ac967d}.mfa-view-switch{display:flex;gap:5px;background:#141210;border:1px solid #ac886139;border-radius:7px;padding:4px}.mfa-view-switch button{border:1px solid transparent;border-radius:4px;background:transparent;color:#c0ae98;padding:8px 12px;min-height:38px;font-size:12px;cursor:pointer}.mfa-view-switch button[aria-pressed=true]{background:#4c321e;color:#ffcf9f;border-color:#c9946359}.mfa-view-switch button:hover{color:#ffcf9f;background:#35271d}
.mfa-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mfa-comparison[data-view=with],.mfa-comparison[data-view=without]{grid-template-columns:minmax(0,1fr)}.mfa-comparison[data-view=with]>.mfa-card,.mfa-comparison[data-view=without]>.mfa-card{width:100%;max-width:670px;justify-self:center}.mfa-card{border:1px solid #c1a1854d;border-radius:10px;overflow:hidden;padding:22px 20px 0;min-width:0;background:#e9dfd0;color:#33291f}.mfa-card[hidden]{display:none!important}.mfa-card-with{background:#f4eadc;border-color:#dc9c6099}.mfa-card-heading{display:flex;align-items:center;gap:12px;min-width:0}.mfa-card-index{font:28px/1 ui-monospace,monospace;color:#967b63;letter-spacing:-.06em}.mfa-card-with .mfa-card-index{color:#a66026}.mfa-card-heading .micro{font-size:8px;letter-spacing:.04em;color:#7e6b58;display:block}.mfa-card-heading h4{font-size:21px;line-height:1.4;font-weight:650;color:#34271d;margin:6px 0 0}.mfa-factor-label{margin-left:auto;white-space:nowrap;font-size:10px;color:#6d5946;border:1px solid #baa58d;border-radius:20px;padding:4px 8px}.mfa-card-with .mfa-factor-label{background:#dbd5c4;border-color:#a69b85;color:#62543f}.mfa-flow{display:block;width:100%;height:auto;max-height:150px;margin:21px auto 2px;overflow:visible}.mfa-flow .mfa-route{stroke:#bda88e;stroke-width:2;fill:none;stroke-dasharray:4 6}.mfa-node>rect:first-child{fill:#f3ece2;stroke:#c4b19b;stroke-width:1.4}.mfa-flow .mfa-icon{fill:none;stroke:#8a745f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.mfa-flow text{font:12px system-ui,sans-serif;fill:#78644f;text-anchor:middle}.mfa-card-steps{display:grid;gap:9px;list-style:none;padding:12px 0 20px;margin:0;font-size:12px;color:#74604a}.mfa-card-steps li{display:flex;gap:9px;align-items:center;line-height:1.7}.mfa-card-steps li>span{display:inline-grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;border:1px solid #c1a78d;font:10px ui-monospace,monospace;color:#937052}.mfa-card-steps li[data-reached=true]{color:#3f2d1d}.mfa-card-steps li[data-reached=true]>span{background:#895428;border-color:#895428;color:#fff4e6}.mfa-card-result{border-top:1px solid #b99a7a70;margin:0 -20px;padding:18px 20px 20px;background:#c6b09422;min-height:136px}.mfa-card-result b{display:block;font-size:16px;font-weight:650;line-height:1.65;color:#49301c}.mfa-card-result p{font-size:12px;line-height:1.9;color:#78614c;margin:7px 0 0}
.mfa-simulation[data-stage="1"] .mfa-node-origin>rect:first-child,.mfa-simulation[data-stage="2"] .mfa-node-origin>rect:first-child,.mfa-simulation[data-stage="3"] .mfa-node-origin>rect:first-child{fill:#ddccb1;stroke:#9c805f}.mfa-simulation[data-stage="2"] .mfa-route-first,.mfa-simulation[data-stage="3"] .mfa-route-first{stroke:#b57736}.mfa-simulation[data-stage="2"] .mfa-node-check>rect:first-child,.mfa-simulation[data-stage="3"] .mfa-node-check>rect:first-child{fill:#dbccb2;stroke:#9c805f}.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-route-last{stroke:#a65c4d}.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-node-mail>rect:first-child{fill:#e4bfb0;stroke:#a8664d}.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-card-result{background:#b0694622}.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-card-result b{color:#864932}.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-card-result{background:#be8b4220}.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-route-last{opacity:.25;stroke-dasharray:2 9}.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-node-mail{opacity:.5}.mfa-simulation[data-playing=true] .mfa-route-first{animation:mfa-flow 4s linear infinite}@keyframes mfa-flow{to{stroke-dashoffset:-40}}
.mfa-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0}.mfa-timeline button{display:flex;gap:8px;align-items:center;justify-content:center;min-width:0;border:1px solid #aa865e40;border-radius:5px;background:#181511;color:#ac977e;padding:11px 8px;min-height:44px;font-size:11px;cursor:pointer}.mfa-timeline button>span{font:13px ui-monospace,monospace;color:#bba07e}.mfa-timeline button[aria-pressed=true]{background:#4a301d;color:#ffd0a1;border-color:#c68b4e}.mfa-timeline button[aria-pressed=true]>span{color:#ffb570}.mfa-timeline button:hover{border-color:#c68b4e;color:#eacaab}.mfa-playback{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mfa-playback .button{font-size:12px;min-height:44px;padding:10px 16px;min-width:98px}.mfa-playback .primary{background:#eca05c;border-color:#eca05c;color:#251a10}.mfa-playback .secondary{color:#e6c8a7;border-color:#a586604d}.mfa-playback .button:disabled{cursor:default;opacity:.4}.mfa-reset{border:0;background:transparent;color:#c4a17b;padding:10px 4px;min-height:44px;font-size:11px;cursor:pointer}.mfa-reset:hover{color:#ffcd96}.mfa-playback>span{margin-left:auto;font-size:10px;color:#af997c}.mfa-status{font-size:12px;line-height:1.85;color:#d5b898;min-height:3.7em;margin:20px 0 0;padding:14px 16px;border-left:2px solid #c0894d;background:#b6854d0c}
.mfa-learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}.mfa-quiz,.mfa-further{min-width:0;padding:26px;background:#241e18;border:1px solid #b68f633d;border-radius:10px}.mfa-learning-grid .micro{font-size:9px;letter-spacing:.055em;color:#c49c70}.mfa-learning-grid h4,.mfa-management h4{color:#f6d6b1;font-size:25px;line-height:1.5;font-weight:600;margin:16px 0 18px;letter-spacing:-.02em}.mfa-quiz>p{font-size:13px;color:#bda486;margin:0 0 14px}#mfa-quiz-options{display:grid;gap:9px}#mfa-quiz-options button{background:#191613;border:1px solid #b18a604d;border-radius:6px;padding:12px 13px;min-height:47px;text-align:left;font-size:12px;line-height:1.8;color:#dec4a7;cursor:pointer}#mfa-quiz-options button[aria-pressed=true],#mfa-quiz-options button:hover{background:#48301f;color:#ffcf9d;border-color:#c99962}.mfa-quiz-feedback{min-height:157px;padding-top:20px}.mfa-quiz-feedback b{font-size:14px;color:#ffbf81;line-height:1.75;display:block;margin-bottom:9px}.mfa-quiz-feedback p{font-size:12px;line-height:1.95;color:#c7b298}.mfa-further details{border-top:1px solid #b0906d38}.mfa-further summary{font-size:13px;line-height:1.8;padding:19px 24px 19px 0;color:#dcc2a3}.mfa-further details p{font-size:12px;line-height:1.95;color:#bba58a;padding:0 0 17px}.mfa-further summary:after{color:#f3af71}.mfa-source-links{display:grid;gap:5px;border-top:1px solid #b0906d38;margin-top:12px;padding-top:17px}.mfa-source-links a{font-size:11px;line-height:1.8;color:#cbab84;padding:8px 0;min-height:35px}.mfa-source-links a:hover{color:#ffd3a5}
.mfa-management{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:35px;margin-top:26px;padding:28px;background:#32261c;border:1px solid #bc8c5559;border-radius:10px}.mfa-management-copy .micro{font-size:9px;color:#cfa879;letter-spacing:.04em}.mfa-management-copy>p{font-size:13px;line-height:1.95;color:#cfb99b;margin-bottom:23px}.mfa-management-copy>.button{font-size:12px;padding:12px 16px;gap:20px;background:#eca05c;border-color:#eca05c;color:#291a0f}.mfa-checklist-wrap{align-self:start;background:#201a15;border:1px solid #b9936550;border-radius:7px;padding:0 20px}.mfa-checklist-wrap>summary{font-size:13px;color:#f0cfaa;line-height:1.8;padding:20px 24px 20px 0}.mfa-checklist-wrap>summary:after{color:#f2b070}.mfa-checklist-wrap>summary>span{display:inline-block;font:11px ui-monospace,monospace;color:#bd9568;margin-left:8px}#mfa-checklist{display:grid;gap:12px;padding:6px 0}#mfa-checklist label{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.9;color:#cdb79a;cursor:pointer}#mfa-checklist input{width:16px;height:16px;flex:none;accent-color:#c8843f;margin:4px 0 0}#mfa-check-status{font-size:11px;line-height:1.85;color:#dfb787;margin:18px 0 5px}.mfa-check-note{font-size:10px;line-height:1.9;color:#b59878;margin:8px 0 20px}.mfa-panel button:focus-visible,.mfa-panel a:focus-visible,.mfa-panel summary:focus-visible{outline:2px solid #ffbb79;outline-offset:3px}.mfa-panel input:focus-visible{outline:2px solid #ffbb79;outline-offset:4px}
@media(max-width:1050px){.lab-tabs-four button{padding:21px 16px}.lab-tabs-four b{font-size:15px}.lab-tabs-four button>span{font-size:8px}.lab-tabs-four small{font-size:10px}.lab-tabs-four i{display:none}.mfa-panel{padding:24px}.mfa-simulation{padding:19px}.mfa-card{padding:20px 16px 0}.mfa-card-result{margin:0 -16px;padding:17px 16px 19px;min-height:155px}.mfa-card-index{font-size:24px}.mfa-card-heading{gap:9px}.mfa-card-heading .micro{font-size:7px}.mfa-factor-label{font-size:9px;padding:4px 6px}.mfa-card-heading h4{font-size:19px}.mfa-card-result b{font-size:15px}.mfa-view-toolbar>span{display:none}.mfa-learning-grid{gap:16px}.mfa-quiz,.mfa-further{padding:22px}.mfa-learning-grid h4,.mfa-management h4{font-size:23px}.mfa-management{padding:24px;gap:24px}.mfa-checklist-wrap{padding:0 16px}.mfa-timeline button{flex-direction:column;gap:5px;font-size:10px}.mfa-quiz-feedback{min-height:180px}}
@media(max-width:760px){.lab-tabs.lab-tabs-four{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-tabs-four button{padding:17px 20px}.lab-tabs-four b{font-size:16px}.lab-tabs-four button>span{font-size:9px;margin-bottom:8px}.lab-tabs-four small{display:block;font-size:11px}.mfa-intro-copy{padding:26px;max-width:80%}.mfa-intro h3{font-size:33px}.mfa-scene{opacity:.2;object-position:70% center}.mfa-learning-grid{grid-template-columns:1fr}.mfa-quiz-feedback{min-height:115px}.mfa-management{grid-template-columns:1fr;gap:25px}.mfa-management h4{font-size:26px}.mfa-playback>span{width:100%;margin-left:0}.mfa-card-heading{flex-wrap:wrap}.mfa-factor-label{margin-left:0}.mfa-card-heading>div{flex:1}.mfa-comparison{gap:12px}.mfa-card-heading .micro{font-size:7px;letter-spacing:0}.mfa-card-result{min-height:190px}.mfa-card-steps{font-size:11px}.mfa-card-result p{font-size:11px}}
@media(max-width:560px){.mfa-panel{padding:20px 14px}.lab-tabs-four button{padding:17px 15px}.lab-tabs-four b{font-size:15px}.lab-tabs-four small{font-size:10px}.mfa-intro{min-height:250px}.mfa-intro-copy{max-width:100%;padding:25px 22px}.mfa-intro .micro{font-size:8px}.mfa-intro h3{font-size:32px}.mfa-intro p{font-size:13px;max-width:27em}.mfa-scene{object-position:72% center;opacity:.17}.mfa-definition{gap:14px;padding:22px 0}.mfa-definition-mark{font-size:22px;padding-right:14px}.mfa-definition p{font-size:12px}.mfa-simulation{padding:17px 14px}.mfa-scenario-label{display:block;padding-bottom:17px}.mfa-scenario-label p{margin-top:9px;font-size:11px}.mfa-view-toolbar{margin:18px 0}.mfa-view-switch{width:100%;gap:3px}.mfa-view-switch button{flex:1;font-size:11px;padding:9px 5px}.mfa-comparison{grid-template-columns:1fr}.mfa-card-heading{flex-wrap:nowrap}.mfa-factor-label{margin-left:auto}.mfa-card-heading .micro{font-size:8px}.mfa-card{padding:21px 19px 0}.mfa-flow{max-height:125px;margin-top:16px}.mfa-card-steps{font-size:12px;padding-bottom:19px;gap:8px}.mfa-card-result{margin:0 -19px;padding:17px 19px;min-height:118px}.mfa-card-result p{font-size:12px}.mfa-timeline{gap:5px;margin:18px 0}.mfa-timeline button{font-size:10px;padding:9px 4px}.mfa-timeline button>span{font-size:15px}.mfa-playback{gap:9px}.mfa-playback .button{font-size:11px;padding:10px 12px;min-width:84px}.mfa-reset{font-size:10px}.mfa-status{font-size:11px;min-height:7em;padding:13px}.mfa-quiz,.mfa-further{padding:23px 19px}.mfa-learning-grid h4{font-size:25px}.mfa-quiz-feedback{min-height:165px}.mfa-management{padding:23px 19px}.mfa-checklist-wrap>summary{font-size:12px}.mfa-checklist-wrap{padding:0 14px}}
@media(prefers-reduced-motion:reduce){.mfa-panel *{animation:none!important;transition:none!important}}

/* A compact comparison workspace: controls precede the results in reading order. */
.mfa-simulation{padding:24px;background:#262522;border-color:#ffffff24;border-radius:14px;overflow-anchor:none}
.mfa-simulation-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.mfa-simulation-heading .micro{font-size:12px;letter-spacing:.08em;color:#ffb77c}
.mfa-simulation-heading h4{font-size:26px;line-height:1.4;margin:7px 0 0;color:#f5f3ef;font-weight:650}
.mfa-stage-counter{flex:none;font:24px/1.3 ui-monospace,monospace;color:#b9ada0;letter-spacing:-.06em}
.mfa-scenario-label{gap:16px;padding:12px 16px;margin-bottom:20px;border:1px solid #ffffff16;border-radius:7px;background:#ffffff03}
.mfa-scenario-label .micro{font-size:12px;color:#f3c99f}
.mfa-scenario-label p{font-size:14px;line-height:1.8;color:#c7bfb4;margin:0;max-width:90em}
.mfa-control-deck{border-bottom:1px solid #ffffff20;padding-bottom:18px}
.mfa-timeline{margin:0 0 14px;gap:10px}
.mfa-timeline button{justify-content:flex-start;gap:12px;min-height:62px;padding:12px 16px;border-color:#ffffff25;background:#20201f;color:#c5c1ba;font-size:14px;line-height:1.5}
.mfa-timeline button>span{font-size:24px;color:#9e9488}
.mfa-timeline button[aria-pressed=true]{background:#3a2b21;border-color:#edaa72;box-shadow:inset 0 -3px #ff9f59;color:#ffe1c6}
.mfa-timeline button[aria-pressed=true]>span{color:#ffb77c}
.mfa-playback{gap:10px}
.mfa-playback .button{font-size:14px;min-height:46px;padding:10px 18px}
.mfa-playback .primary{background:#ffad69;border-color:#ffad69;color:#241a12;font-weight:700;min-width:144px}
.mfa-playback .secondary{border-color:#b5a29080;color:#f2dfcc}
.mfa-reset{font-size:14px;color:#d4b492}
.mfa-playback>span{font-size:12px;color:#bab0a5}
.mfa-status{min-height:4.1em;margin:14px 0 0;padding:11px 14px;font-size:14px;line-height:1.8;color:#e4d2c1;border-color:#f0a766;background:#ffb06409;border-radius:0 5px 5px 0}
.mfa-view-toolbar{margin:18px 0 14px;gap:14px}
.mfa-view-switch button{font-size:14px;min-height:44px;padding:9px 15px}
.mfa-view-toolbar>span{font-size:12px;color:#b8aa99}
.mfa-comparison{gap:18px;align-items:stretch}
.mfa-comparison[data-view=with]>.mfa-card,.mfa-comparison[data-view=without]>.mfa-card{max-width:880px}
.mfa-card{display:flex;flex-direction:column;padding:20px 24px 0;background:#e5e0d7;border-color:#bdb3a5;border-radius:10px}
.mfa-card-with{background:#e7e5db;border-color:#b9bbac}
.mfa-card-heading{gap:12px;flex-wrap:wrap;min-height:56px}
.mfa-card-index{font-size:28px;color:#8d725a}
.mfa-card-heading .micro{font-size:11px;color:#70614f;letter-spacing:.045em;line-height:1.6}
.mfa-card-heading h4{font-size:23px;line-height:1.3;margin-top:3px}
.mfa-factor-label{font-size:12px;padding:5px 9px}
.mfa-card-state{align-self:flex-start;display:flex;align-items:center;gap:8px;min-height:30px;margin:14px 0 0;padding:5px 10px;border-radius:4px;background:#ddd7ce;color:#574a3b;font-size:13px;font-weight:600;line-height:1.5}
.mfa-card-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.mfa-flow{max-height:160px;max-width:620px;min-height:125px;margin:10px auto 8px;flex:none}
.mfa-flow text{font-size:13px;fill:#60513f}
.mfa-flow .mfa-icon{stroke:#715c45;stroke-width:1.7}
.mfa-card-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:10px 0 20px;font-size:14px;line-height:1.6;margin:0}
.mfa-card-steps li{align-items:flex-start;color:#70614f;gap:8px}
.mfa-card-steps li>span{width:21px;height:21px;font-size:11px;margin-top:1px;color:#70614f}
.mfa-card-result{margin:auto -24px 0;padding:17px 24px 20px;min-height:152px;background:#ded7cd66;border-color:#c4b39f}
.mfa-card-result b{font-size:18px;line-height:1.55;color:#49301c}
.mfa-card-result p{font-size:15px;line-height:1.8;color:#66543f;margin:7px 0 0;max-width:62em}
/* Use colour, explicit outcome text and symbols together; green describes this attempt only. */
.mfa-simulation{--mfa-danger:#885c53;--mfa-success:#536b57;--mfa-danger-dark:#75534b;--mfa-success-dark:#465c4a}
.mfa-result-heading{display:flex;align-items:flex-start;gap:12px}
.mfa-result-icon{display:none;flex:none;width:28px;height:28px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mfa-state-icon{display:none;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mfa-simulation[data-stage="1"] .mfa-card-state{background:#e8d6b6;color:#645034}
.mfa-simulation[data-stage="2"] .mfa-card-state{background:#e8d6b6;color:#645034}
.mfa-simulation[data-stage="2"] .mfa-card-without .mfa-card-state{background:var(--mfa-danger);color:#fff}
.mfa-simulation[data-stage="3"] .mfa-card{border-width:2px}
.mfa-simulation[data-stage="3"] .mfa-card-without{border-color:#a0776c;box-shadow:inset 0 4px #a0776c;background:#e9dfda}
.mfa-simulation[data-stage="3"] .mfa-card-with{border-color:#82927d;box-shadow:inset 0 4px #82927d;background:#e2e6db}
.mfa-simulation[data-stage="3"] .mfa-card-state{padding:7px 12px;font-weight:750;font-size:14px}
.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-card-state{background:var(--mfa-danger);color:#fff}
.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-card-state{background:var(--mfa-success);color:#fff}
.mfa-simulation[data-stage="3"] .mfa-card-state:before{display:none}
.mfa-simulation[data-stage="3"] .mfa-state-icon{display:block}
.mfa-simulation[data-stage="3"] .mfa-card-result{border-top:0;color:#fff}
.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-card-result{background:var(--mfa-danger-dark)}
.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-card-result{background:var(--mfa-success-dark)}
.mfa-simulation[data-stage="3"] .mfa-card-result b{color:#fff;font-weight:750;font-size:22px}
.mfa-simulation[data-stage="3"] .mfa-card-result p{color:#fff}
.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-card-result b,.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-card-result b,.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-card-result p,.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-card-result p{color:#fff}
.mfa-simulation[data-stage="3"] .mfa-result-icon{display:block}
.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-card-index{color:var(--mfa-danger-dark)}
.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-card-index{color:var(--mfa-success-dark)}
.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-route-last{stroke:var(--mfa-danger);stroke-width:3}
.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-node-mail>rect:first-child{fill:var(--mfa-danger);stroke:var(--mfa-danger-dark);stroke-width:2}
.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-node-mail .mfa-icon{stroke:#fff;stroke-width:2}
.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-node-check>rect:first-child{fill:var(--mfa-success);stroke:var(--mfa-success-dark);stroke-width:2}
.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-node-check .mfa-icon{stroke:#fff;stroke-width:2}
.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-stop circle{fill:var(--mfa-success);stroke:#fff;stroke-width:2}
.mfa-simulation[data-stage="3"] .mfa-card-steps li[data-mfa-milestone="3"]{font-weight:700}
.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-card-steps li[data-mfa-milestone="3"]{color:var(--mfa-danger-dark)}
.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-card-steps li[data-mfa-milestone="3"]{color:var(--mfa-success-dark)}
.mfa-simulation[data-stage="3"] .mfa-card-without .mfa-card-steps li[data-mfa-milestone="3"]>span{background:var(--mfa-danger);border-color:var(--mfa-danger);color:#fff}
.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-card-steps li[data-mfa-milestone="3"]>span{background:var(--mfa-success);border-color:var(--mfa-success);color:#fff}
.mfa-simulation .mfa-flow .mfa-route{animation:mfa-flow 1.8s linear infinite;animation-play-state:paused;stroke-width:2.3}
.mfa-simulation[data-stage="1"] .mfa-route-first,.mfa-simulation[data-stage="2"] .mfa-route-first{stroke:#a48b67}
.mfa-simulation[data-playing="true"] .mfa-route-first,.mfa-simulation[data-playing="true"][data-stage="2"] .mfa-card-without .mfa-route-last{animation-play-state:running}
.mfa-packet{fill:#ad8f67;stroke:#efe5d2;stroke-width:2;opacity:0;animation:mfa-packet-travel 1.8s linear infinite;animation-play-state:paused;pointer-events:none}
.mfa-simulation[data-stage="1"] .mfa-packet-first,.mfa-simulation[data-stage="2"] .mfa-packet-first,.mfa-simulation[data-stage="2"] .mfa-card-without .mfa-packet-last{opacity:1}
.mfa-simulation[data-playing="true"] .mfa-packet{animation-play-state:running}
.mfa-stop{opacity:0;transition:opacity .25s ease}
.mfa-stop circle{fill:#7b4d24;stroke:#f8ead6;stroke-width:2}
.mfa-stop path{stroke:#fff5e9;stroke-width:2.5;stroke-linecap:round}
.mfa-simulation[data-stage="2"] .mfa-card-with .mfa-stop,.mfa-simulation[data-stage="3"] .mfa-card-with .mfa-stop{opacity:1}
.mfa-simulation[data-stage="2"] .mfa-card-with .mfa-route-last{opacity:.25}
.mfa-simulation[data-stage="2"] .mfa-card-with .mfa-node-mail{opacity:.5}
.mfa-simulation[data-stage="2"] .mfa-node-check>rect:first-child{animation:mfa-check-emphasis 2.4s ease-in-out infinite;animation-play-state:paused}
.mfa-simulation[data-playing="true"][data-stage="2"] .mfa-node-check>rect:first-child{animation-play-state:running}
@keyframes mfa-packet-travel{from{transform:translateX(0)}to{transform:translateX(78px)}}
@keyframes mfa-check-emphasis{0%,100%{stroke-width:1.6}50%{stroke-width:3.2}}
@media(max-width:1050px){
 .mfa-simulation{padding:20px}.mfa-timeline button{flex-direction:row;gap:8px;padding:10px 12px;font-size:14px}.mfa-timeline button>span{font-size:22px}
 .mfa-card{padding:18px 18px 0}.mfa-card-heading h4{font-size:21px}.mfa-card-result{margin-inline:-18px;padding-inline:18px;min-height:174px}
 .mfa-card-steps{grid-template-columns:minmax(0,1fr);gap:7px}.mfa-flow{max-height:145px}
}
@media(max-width:760px){
 .mfa-simulation-heading h4{font-size:22px}.mfa-stage-counter{font-size:20px}.mfa-scenario-label{display:block;padding:12px}.mfa-scenario-label p{margin-top:7px;font-size:14px}
 .mfa-comparison{grid-template-columns:minmax(0,1fr)}.mfa-card-heading .micro{font-size:11px}.mfa-card-heading{flex-wrap:wrap}.mfa-factor-label{margin-left:auto;font-size:12px}
 .mfa-card-steps{grid-template-columns:repeat(3,minmax(0,1fr));font-size:14px}.mfa-card-result{min-height:155px}.mfa-card-result p{font-size:15px}
 .mfa-timeline{gap:7px}.mfa-timeline button{flex-direction:column;align-items:flex-start;font-size:13px;padding:10px;gap:4px;min-height:70px}.mfa-timeline button>span{font-size:23px}
 .mfa-playback>span{width:100%;font-size:12px}.mfa-status{min-height:5.9em;font-size:14px}.mfa-view-switch{width:100%}.mfa-view-switch button{flex:1;font-size:14px}
}
@media(max-width:480px){
 .mfa-simulation{padding:16px 12px}.mfa-simulation-heading{gap:10px}.mfa-simulation-heading h4{font-size:20px}.mfa-stage-counter{font-size:18px}
 .mfa-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.mfa-timeline button{flex-direction:row;align-items:center;min-height:52px;font-size:14px;gap:9px}
 .mfa-playback .primary{min-width:0}.mfa-playback .button{font-size:14px;padding:10px 12px}.mfa-reset{font-size:13px}
 .mfa-card{padding:17px 15px 0}.mfa-card-heading{gap:9px}.mfa-card-heading h4{font-size:21px}.mfa-card-heading .micro{font-size:10px}.mfa-factor-label{font-size:11px}
 .mfa-card-result{margin-inline:-15px;padding-inline:15px;min-height:180px}.mfa-card-result b{font-size:17px}.mfa-card-steps{grid-template-columns:minmax(0,1fr);gap:6px}
 .mfa-flow{min-height:0;max-height:145px;margin-block:12px}.mfa-view-switch button{padding-inline:6px;font-size:13px}.mfa-status{min-height:7.6em}
}
@media(prefers-reduced-motion:reduce){
 .mfa-simulation *{animation:none!important;transition:none!important}.mfa-packet{display:none}
}