/* Marketing mock test (/resources/marketing-mock-test). Built by tools/test_engine.js. */
.mt{border:1px solid var(--ink,#101010);background:#fff;padding:clamp(18px,3vw,36px);margin:10px 0 0}
.mt-group{border:0;padding:0;margin:0 0 26px}
.mt-group legend{font-family:var(--display,Anton,sans-serif);text-transform:uppercase;font-size:24px;line-height:1;margin-bottom:12px;padding:0}
.mt-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.mt-chip{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1px solid #c9c6bf;background:#fff;padding:12px 14px;font:inherit;color:#101010;cursor:pointer;min-height:48px}
.mt-chip b{font-weight:600;font-size:16px}.mt-chip span{font-size:13px;color:#5f5f5f}
.mt-chip:hover{border-color:#101010}
.mt-chip.on{background:#101010;border-color:#101010;color:#fff}.mt-chip.on span{color:#d6d6d6}
.mt-chip:disabled{opacity:.4;cursor:not-allowed}
.mt-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:6px}
.mt-go,.mt-next{background:#e21c22;color:#fff;border:0;padding:15px 26px;font-family:inherit;font-weight:600;font-size:16px;line-height:1;cursor:pointer;min-height:48px}
.mt-go:hover,.mt-next:hover{background:#c41a1f}
.mt-small{font-size:13px;color:#5f5f5f;margin:8px 0 0;line-height:1.5}
.mt-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#5f5f5f}
.mt-tag{color:#101010}
.mt-prog{height:4px;background:#ebe8e2;margin:10px 0 22px}.mt-prog i{display:block;height:100%;background:#e21c22}
.mt-q{font-size:clamp(19px,2.2vw,24px);font-weight:600;line-height:1.35;margin:0 0 18px}
.mt-opts{display:grid;gap:10px}
.mt-opt{text-align:left;border:1px solid #c9c6bf;background:#fff;padding:14px 16px;font:inherit;font-size:16px;line-height:1.4;color:#101010;cursor:pointer;min-height:48px}
.mt-opt:hover:not(:disabled){border-color:#101010}
.mt-opt:disabled{cursor:default}
.mt-opt.is-right{border-color:#1b7a3a;background:#eef7f0}
.mt-opt.is-wrong{border-color:#d01a20;background:#fdf0f0}
.mt-why{margin:16px 0;padding:14px 16px;border:1px solid #cfe8d5;background:#eef8f0;line-height:1.5}
.mt-why.no{border-color:#f1cfcf;background:#fdf1f1}
.mt-why b{color:#1b7a3a}.mt-why.no b{color:#c41a1f}
.mt-quit{background:none;border:0;padding:10px 0;margin-top:14px;font:inherit;font-size:14px;color:#5f5f5f;text-decoration:underline;cursor:pointer}
.mt-res{border-bottom:1px solid #dedbd5;padding-bottom:22px;margin-bottom:22px}
.mt-k{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5f5f5f;margin:0}
.mt-score{font-family:var(--display,Anton,sans-serif);font-size:clamp(80px,12vw,130px);line-height:1;margin:6px 0 0}
.mt-score span{color:#8a8a8a;font-size:.5em}
.mt-band{font-family:var(--display,Anton,sans-serif);text-transform:uppercase;font-size:clamp(26px,3vw,36px);color:#d01a20;margin:4px 0 8px}
.mt-note{margin:0;line-height:1.55}
.mt-h{font-family:var(--display,Anton,sans-serif);text-transform:uppercase;font-size:24px;margin:0 0 12px}
.mt-break{margin-bottom:26px}
.mt-row{display:grid;grid-template-columns:minmax(120px,190px) 1fr 52px;align-items:center;gap:12px;padding:6px 0;font-size:15px}
.mt-rn a{color:#101010}
.mt-rb{height:10px;background:#ebe8e2}.mt-rb i{display:block;height:100%;background:#101010}
.mt-rs{text-align:right;font-weight:600}
.mt-card{border-top:1px solid #dedbd5;padding-top:22px;margin-bottom:24px}
.mt-name{display:block;font-weight:600;font-size:15px;margin-bottom:12px}.mt-name span{font-weight:400;color:#5f5f5f}
.mt-name input{display:block;width:100%;max-width:360px;margin-top:6px;padding:12px;border:1px solid #c9c6bf;font:inherit;font-size:16px}
.mt-img{display:block;width:100%;height:auto;max-width:640px;border:1px solid #dedbd5;background:#111}
.mt-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.mt-act{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #101010;background:#fff;color:#101010;font-family:inherit;font-weight:600;font-size:14px;line-height:1.2;text-decoration:none;cursor:pointer}
.mt-act:hover{background:#101010;color:#fff}
.mt-act.li{background:#0a66c2;border-color:#0a66c2;color:#fff}.mt-act.li:hover{background:#084e96}
.mt-sh{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5f5f5f;margin:18px 0 0}
.mt-review{border:1px solid #dedbd5;padding:0 16px;margin-bottom:24px}
.mt-review summary{cursor:pointer;font-weight:600;padding:14px 0;min-height:44px}
.mt-rv{border-top:1px solid #ebe8e2;padding:12px 0;font-size:15px;line-height:1.5}.mt-rv p{margin:4px 0}.mt-rq{font-weight:600}
.mt-kit{background:#101010;color:#fff;padding:22px;margin-bottom:22px}
.mt-kh{font-family:var(--display,Anton,sans-serif);text-transform:uppercase;font-size:26px;margin:0 0 8px}
.mt-kit p{line-height:1.55}
.mt-kb{display:inline-block;margin-top:10px;background:#e21c22;color:#fff;padding:12px 20px;font-weight:600;text-decoration:none}
.rs-learn .rs-card .tag{color:#d01a20}
@media (max-width:560px){.mt-chips{grid-template-columns:1fr 1fr}.mt-row{grid-template-columns:100px 1fr 46px}}
/* Reserve the setup panel's height before test.js draws it, so the page doesn't jump. */
.mt{min-height:640px}
@media (max-width:1000px){.mt{min-height:780px}}
@media (max-width:560px){.mt{min-height:1050px}}
/* Sample questions printed on the quiz pages */
.mqs{display:grid;gap:14px;margin:6px 0 10px}
.mq{border:1px solid #dedbd5;padding:18px 18px 8px}
.mq-k{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6b6b6b;margin:0 0 6px}
.mq h3{font-family:inherit;text-transform:none;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 10px}
.mq-o{list-style:none;padding:0;margin:0 0 6px}.mq-o li{padding:4px 0;line-height:1.45}.mq-o span{font-weight:600;margin-right:4px}
.mq details{border-top:1px solid #ebe8e2;margin-top:6px}.mq summary{cursor:pointer;font-weight:600;padding:10px 0;min-height:44px;display:flex;align-items:center}
.mq details p{margin:0 0 12px;line-height:1.55}
