.mix{color:#10213d;max-width:1080px;margin:auto;padding:40px 20px 70px}.mix>header{color:#fff;background:linear-gradient(135deg,#071a3d,#174da3);border-radius:25px;grid-template-columns:1fr 180px;gap:25px;padding:34px;display:grid}.mix header small{color:#72dcef;font-weight:900}.mix h1{margin:10px 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.mix header p{color:#d9e7ff}.mix aside{color:#123;background:#fff;border-radius:16px;padding:20px}.mix aside b{color:#1557d5;font-size:3rem;display:block}.mix aside span,.mix aside small{color:#66738a;display:block}.mix>nav{gap:8px;padding:20px 0;display:flex;overflow:auto}.mix nav button{background:#fff;border:1px solid #d6dfec;border-radius:99px;padding:10px 16px;font-weight:800}.mix nav .on{color:#fff;background:#071a3d}.mix>section{background:#f4f7fc;border:1px solid #dae3f0;border-radius:22px;padding:clamp(18px,4vw,35px)}.top{justify-content:space-between;display:flex}.top b{color:#fff;background:#1557d5;border-radius:7px;padding:6px 10px}.mix h2{margin:25px 0;line-height:1.5}.opts{grid-template-columns:1fr 1fr;gap:11px;display:grid}.opts button{text-align:left;font:inherit;background:#fff;border:2px solid #dce4ef;border-radius:12px;align-items:center;gap:12px;padding:12px;font-weight:700;display:flex}.opts i{background:#edf2f8;border-radius:8px;place-items:center;min-width:34px;height:34px;font-style:normal;display:grid}.opts .right{color:#087049;background:#eaf9f2;border-color:#229769}.opts .wrong{color:#992b34;background:#fff0f1;border-color:#d85a64}.note,.pending{background:#fff6da;border:1px solid #efd27d;border-radius:12px;padding:16px}.mix article{border-left:5px solid;border-radius:12px;margin-top:20px;padding:18px}.mix article.good{background:#eaf9f2;border-color:#138a5b}.mix article.bad{background:#fff3e1;border-color:#dd8b18}.mix section footer{justify-content:space-between;margin-top:24px;display:flex}.mix section footer button{color:#fff;background:#1557d5;border:0;border-radius:9px;padding:12px 16px;font-weight:800}.mix button:disabled{opacity:.45}.refs{text-align:center;color:#65738a;padding:25px}.refs b{display:block}.refs a{color:#1557d5;font-weight:800}@media (width<=700px){.mix{padding:22px 12px}.mix>header{grid-template-columns:1fr;padding:24px}.opts{grid-template-columns:1fr}}.questionDiagram{background:#fff;border:1px solid #d8e1ee;border-radius:14px;width:100%;max-width:520px;height:auto;margin:0 auto 24px;display:block;box-shadow:0 8px 24px #0b24420d}