.sync-complete-stage{max-width:1120px;margin:auto}.complete-step{box-sizing:border-box;text-align:center;background:#fff;border-radius:24px;min-height:500px;padding:34px;box-shadow:0 15px 45px #18365316}.complete-step>small{color:#1761b9;letter-spacing:.08em;font-weight:900}.complete-step h1{margin:.5rem 0;font-size:clamp(2rem,4vw,3.35rem)}.complete-step>p{max-width:800px;margin:.5rem auto 1.5rem;font-size:1.08rem;line-height:1.55}.complete-step>.visual-crop{aspect-ratio:16/8;background-size:300% 100%;border-radius:18px;width:min(660px,100%);margin:1.2rem auto}.complete-trio,.complete-scenes,.complete-glossary{grid-template-columns:repeat(3,1fr);gap:16px;max-width:940px;margin:1.5rem auto;display:grid}.complete-trio article,.complete-scenes article,.complete-glossary article{text-align:left;background:#edf7ff;border-radius:16px;gap:8px;padding:18px;display:grid}.complete-trio b{color:#1761b9;font-size:1.35rem}.choice-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:1.5rem 0;display:flex}.choice-row button,.mini-quiz button,.reinforce-tasks button{color:#17213b;font:inherit;cursor:pointer;background:#fff;border:1px solid #b7cae3;border-radius:10px;padding:10px 14px;font-weight:800}.choice-row button.active,.mini-quiz button.selected{color:#fff;background:#2265bd;border-color:#2265bd}.choice-row button.correct,.reinforce-tasks button.correct{color:#fff;background:#1a965d;border-color:#1a965d}.choice-row button.incorrect,.reinforce-tasks button.incorrect{color:#fff;background:#c84545;border-color:#c84545}.live-answer{color:#174d99;background:#e9f4ff;border-radius:14px;max-width:620px;margin:auto;padding:18px;font-size:1.15rem;display:block}.complete-example{text-align:left;grid-template-columns:minmax(250px,.8fr) minmax(0,1fr);align-items:center;gap:22px;max-width:840px;margin:1.5rem auto;display:grid}.complete-example .visual-crop{aspect-ratio:1;background-size:300% 200%;border-radius:16px}.complete-example b{color:#1761b9;font-size:1.5rem}.complete-example p{line-height:1.55}.complete-scenes .visual-crop,.complete-glossary .visual-crop{aspect-ratio:1;background-size:300% 100%;border-radius:12px;width:100%}.complete-glossary article:nth-child(-n+2) .visual-crop{background-size:300% 200%}.complete-scenes b,.complete-glossary b{color:#1761b9}.complete-scenes span,.complete-glossary span{line-height:1.4}.closing-prompt,.tip{background:#eaf5ff;border-radius:14px;max-width:720px;margin:1.5rem auto;padding:18px;line-height:1.5;display:block}.mini-quiz{text-align:left;grid-template-columns:1fr;gap:10px;max-width:820px;margin:1rem auto;display:grid}.mini-quiz article{border:1px solid #d6e3f0;border-radius:14px;padding:14px}.mini-quiz article>b{margin-bottom:9px;display:block}.mini-quiz article div{flex-wrap:wrap;gap:8px;display:flex}.complete-result{color:#fff;background:#172b53;border-radius:16px;justify-items:center;gap:10px;max-width:720px;margin:1.5rem auto;padding:18px;display:grid}.complete-result b{font-size:1.3rem}.complete-result button,.complete-result a{color:#fff;font:inherit;cursor:pointer;background:#2d6cc7;border:0;border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none}.good{color:#168148;font-weight:800}.hint{color:#a04522;font-weight:800}.reinforce-tasks{gap:14px;max-width:900px;margin:1.5rem auto;display:grid}.reinforce-tasks article{text-align:left;border:1px solid #d7e4ef;border-radius:16px;grid-template-columns:190px 1fr;gap:16px;padding:14px;display:grid}.reinforce-tasks .visual-crop{aspect-ratio:1;background-size:300% 100%;border-radius:12px}.reinforce-tasks article>div{flex-wrap:wrap;align-content:center;align-items:center;gap:8px;display:flex}.reinforce-tasks article b{width:100%}.reinforce-tasks article p{color:#8a442a;width:100%;margin:4px 0}@media (max-width:760px){.complete-step{min-height:0;padding:24px 16px}.complete-trio,.complete-scenes,.complete-glossary,.complete-example{grid-template-columns:1fr}.complete-scenes .visual-crop,.complete-glossary .visual-crop{max-height:220px}.reinforce-tasks article{grid-template-columns:1fr}.reinforce-tasks .visual-crop{max-width:250px}.experience>footer>div{max-width:230px;overflow:auto;display:flex!important}.experience>footer{gap:8px}.experience>footer button{padding:10px}.mini-quiz button{text-align:left;width:100%}}