.grammar-course-hero{background:linear-gradient(145deg,#eef5ff,#f8fbff);border:1px solid #cfdef2;border-radius:22px;padding:20px;margin-bottom:14px}.grammar-course-hero h2{margin:4px 0 8px;font-size:25px;line-height:1.25}.grammar-course-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.grammar-course-progress div{background:#fff;border:1px solid #dce7f5;border-radius:14px;padding:10px;text-align:center}.grammar-course-progress b{display:block;font-size:20px;color:#215aa8}.grammar-course-progress span{display:block;font-size:12px;color:#60718a;margin-top:2px}.grammar-module-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.grammar-module-tabs::-webkit-scrollbar{display:none}.grammar-module-tabs button{flex:0 0 auto;border:1px solid #cfdaea;background:#fff;border-radius:999px;padding:8px 12px;font-weight:750;color:#40536f}.grammar-module-tabs button.on{background:#265fae;color:#fff;border-color:#265fae}.grammar-module-head{padding:14px 2px 8px}.grammar-module-head h3{margin:0 0 5px;font-size:20px}.grammar-course-list{display:grid;gap:9px}.grammar-course-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;background:#fff;border:1px solid #dbe5f2;border-radius:17px;padding:12px;box-shadow:0 3px 12px rgba(38,72,120,.05)}.grammar-course-item.complete{border-color:#8fc9ad;background:#f6fffa}.grammar-lesson-no{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf3fb;color:#315a91;font-weight:850}.grammar-course-item.complete .grammar-lesson-no{background:#dff5e9;color:#167247}.grammar-lesson-copy b{display:block;font-size:15px;line-height:1.35}.grammar-lesson-copy small{display:block;color:#66758a;margin-top:4px}.grammar-lesson-action{border:0;border-radius:12px;padding:9px 11px;font-weight:800;background:#2d68b8;color:#fff;white-space:nowrap}.grammar-lesson-action[disabled]{background:#edf1f6;color:#8a98aa}.grammar-course-footer{margin-top:12px;padding:13px;border-radius:15px;background:#fff8e8;border:1px solid #f0d89e;color:#665225;font-size:13px}.grammar-structure-table{width:100%;border-collapse:collapse;font-size:14px}.grammar-structure-table th,.grammar-structure-table td{border:1px solid #d8e3f0;padding:8px;vertical-align:top}.grammar-structure-table th{background:#edf4fd}.grammar-analysis{background:#f4f8fd;border-left:4px solid #3974bf;border-radius:10px;padding:11px;margin:9px 0;line-height:1.65}.grammar-analysis .s{font-weight:800;color:#2360a8}.grammar-analysis .v{font-weight:800;color:#a64d16}.grammar-analysis .o{font-weight:800;color:#6d43a7}.grammar-analysis .c{font-weight:800;color:#16704b}.grammar-check{border:1px solid #dae5f1;border-radius:14px;padding:12px;margin:10px 0;background:#fff}.grammar-check summary{cursor:pointer;font-weight:800}.grammar-check .answer{margin-top:9px;padding-top:9px;border-top:1px dashed #cbd8e7;line-height:1.65}.grammar-rule-box{background:#fff7df;border:1px solid #edd89a;border-radius:13px;padding:12px;line-height:1.65}.grammar-course-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}@media(max-width:520px){.grammar-course-progress{grid-template-columns:repeat(3,1fr)}.grammar-course-progress b{font-size:17px}.grammar-course-item{grid-template-columns:38px minmax(0,1fr);padding:11px}.grammar-lesson-no{width:38px;height:38px}.grammar-lesson-action{grid-column:1/-1;width:100%}.grammar-course-actions{grid-template-columns:1fr}.grammar-structure-table{font-size:12px}.grammar-structure-table th,.grammar-structure-table td{padding:6px}}