.cu-wrap{max-width: 920px}.cu-overview{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 20px}.cu-chip{display: flex;align-items: center;gap: 10px;padding: 8px 14px 8px 8px;border-radius: 999px;background: var(--surface);border: 1px solid var(--line);color: var(--ink);text-decoration: none;font-weight: 600}.cu-ring{width: 48px;height: 48px}.cu-ring::before{inset: 6px}.cu-ring b{font-size: 12px}.cu-sub{margin-bottom: 18px;padding: 18px;border-radius: 22px;background: var(--surface);border: 1px solid var(--line);box-shadow: var(--shadow-sm);scroll-margin-top: calc(var(--header-space) + 10px)}.cu-sub.complete{border-color: var(--success)}.cu-head{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-bottom: 10px}.cu-head h2{font-size: 20px}.cu-head small{color: var(--ink-3)}.cu-ic{width: 48px;height: 48px;border-radius: 14px;display: grid;place-items: center;background: var(--grad-royal);color: var(--gold-300);font-size: 19px}.cu-prog{margin-inline-start: auto;display: flex;align-items: center;gap: 10px;min-width: 180px}.cu-sub.complete .cu-bar i{background: var(--success)}.cu-unit{border-radius: 14px;background: var(--surface-2);margin-top: 8px}.cu-unit summary{display: flex;justify-content: space-between;gap: 10px;padding: 12px 14px;cursor: pointer}.cu-ucount{color: var(--ink-3);font-size: 13px;white-space: nowrap}.cu-unit.complete summary b::after{content: " ✓";color: var(--success)}.cu-lessons{list-style: none;padding: 0 14px 12px;display: grid;gap: 4px}.cu-lessons li{display: flex;align-items: center;gap: 8px}.cu-lessons label{flex: 1;display: flex;gap: 10px;align-items: center;padding: 8px 10px;border-radius: 10px;background: var(--surface);cursor: pointer;line-height: 1.6}.cu-lessons input{width: 18px;height: 18px;accent-color: var(--success);flex: none}.cu-lessons input:checked + span{color: var(--ink-3);text-decoration: line-through}.cu-go{color: var(--ink-3);padding: 6px}.cu-go:hover{color: var(--brand)}@media (max-width: 760px){.cu-prog{min-width: 100%}}