.cs-main{max-width:1080px;margin:0 auto;padding:16px 16px 48px}.cs-hero{grid-template-columns:1.2fr 1fr;align-items:start;gap:20px;margin-bottom:18px;display:grid}.cs-hero h1{margin:10px 0 8px;font-size:clamp(26px,4vw,34px)}.cs-dash{background:var(--panel);border:2px solid var(--brand);box-shadow:var(--shadow-card);border-radius:18px;padding:16px 18px}.cs-big{margin:0 0 8px;font-size:18px}.cs-big b{font-size:30px;font-family:var(--font-heading)}.cs-next{gap:6px;margin:12px 0;display:grid}.cs-next small{color:var(--action);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.cs-next .btn{justify-self:start}.cs-cert{flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;display:flex}.cs-facts{grid-template-columns:auto 1fr;gap:6px 12px;margin:10px 0 0;font-size:14px;display:grid}.cs-facts dt{font-weight:700}.cs-facts dd{margin:0}.cs-mods{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-bottom:16px;display:grid}.cs-mod{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}.cs-mod.done{border-color:var(--good)}.cs-mod header{align-items:center;gap:10px;display:flex}.cs-mod header>div{flex:1}.cs-mod h2{margin:0;font-size:18px}.cs-mod header small{color:var(--muted);font-weight:600}.cs-badge{font:600 13px var(--font-body);color:var(--muted);text-align:right;flex-direction:column;align-items:flex-end;display:flex}.cs-badge.on{color:#92400e}.cs-steps{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.cs-steps a{color:inherit;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:8px 10px;text-decoration:none;display:flex}.cs-steps a:hover,.cs-steps a:focus-visible{background:var(--soft);outline:none}.cs-steps a:focus-visible{box-shadow:0 0 0 3px var(--action)}.cs-steps span:last-child{flex-direction:column;display:flex}.cs-steps small{color:var(--muted);font-size:12px}.cs-steps li.next a{background:#ffedd5}.cs-steps li.done b{color:var(--good)}.cs-lesson{max-width:820px;margin:0 auto}.cs-lesson h1{margin:6px 0 10px;font-size:clamp(24px,4vw,32px)}.cs-lesson h2{margin:22px 0 8px;font-size:19px}.cs-lesson section p{margin:0 0 10px}.cs-kind{color:var(--action);margin:0;font-size:14px;font-weight:700}.cs-obj{background:var(--soft);border-radius:12px;padding:10px 14px}.cs-ex pre{color:#f8fafc;background:#1f2a44;border-radius:12px;padding:12px 14px;font-size:14px;overflow:auto}.cs-chal{background:#fef9c3;border-radius:12px;padding:10px 14px}.cs-quiz fieldset{border:1px solid var(--line);border-radius:12px;margin:0 0 10px;padding:10px 14px}.cs-quiz legend{padding:0 4px;font-weight:700}.cs-opt{cursor:pointer;align-items:center;gap:10px;min-height:40px;padding:6px 4px;display:flex}.cs-opt input{width:18px;height:18px;accent-color:var(--action)}.cs-quiz .ok,.cs-items .ok,.cs-lesson .ok{color:var(--good);font-weight:700}.cs-quiz .bad,.cs-lesson .bad{color:var(--bad);font-weight:700}.cs-check{border:2px solid #7c3aed;border-radius:14px;margin-top:18px;padding:4px 16px 10px}.cs-pick select,.cs-desc input,.cs-desc textarea{margin-top:4px}.cs-pick{gap:4px;font-weight:600;display:grid}.cs-desc{gap:8px;margin-top:10px;display:grid}.cs-desc label{gap:4px;font-size:14px;font-weight:600;display:grid}.cs-desc .btn{justify-self:start}.cs-items{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.cs-done{background:#f1f5f9;border-radius:12px;margin-top:18px;padding:10px 14px}.chip.ok{color:#14532d;background:#dcfce7}.m-card.cs-win{text-align:center;border-top:6px solid #f59e0b;max-width:520px}@media (width<=860px){.cs-hero{grid-template-columns:1fr}}