.content-cover-placeholder{height:190px;background:linear-gradient(145deg,var(--theme-surface,#eaf8f7),#eef4f8);display:grid;place-items:center;color:var(--accent);font-size:3rem}.content-card-meta{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:0!important}.content-card-meta small:last-child{color:#72858e}.lesson-heading-meta{display:flex;align-items:center;gap:14px;margin-top:24px}.lesson-heading-meta small{margin:0}.lesson-heading-meta span{color:#647984;font-weight:700}.lesson-progress-box{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;margin:35px 0;background:#f4f9f8;border:1px solid #d9e9e6;border-radius:20px}.lesson-progress-box>div{display:flex;align-items:center;gap:14px}.lesson-progress-icon{width:52px;height:52px;border-radius:16px;background:#dff2ef;color:var(--accent);display:grid;place-items:center;font-size:1.35rem}.lesson-progress-box h2{font-size:1.1rem;margin:0}.lesson-progress-box p{margin:2px 0 0;color:#677b85}.lesson-progress-box.completed{background:#edf9f2;border-color:#c9ead6}.lesson-complete-button{position:relative;min-width:170px;border:0;border-radius:12px;padding:11px 16px;background:var(--accent);color:#fff;font:inherit;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.lesson-complete-button:disabled{opacity:.72;cursor:wait}.button-spinner{display:none;width:18px;height:18px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:lesson-spin .65s linear infinite}.lesson-complete-button.loading>i,.lesson-complete-button.loading>span{display:none}.lesson-complete-button.loading>.button-spinner{display:block}@keyframes lesson-spin{to{transform:rotate(360deg)}}.lesson-navigation{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.lesson-navigation>a{display:flex;align-items:center;gap:13px;border:1px solid #dce8e8;border-radius:16px;padding:15px;color:var(--brand);transition:.2s}.lesson-navigation>a:last-child{justify-content:flex-end;text-align:left}.lesson-navigation>a:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 24px #12304a10}.lesson-navigation small,.lesson-navigation b{display:block}.lesson-navigation small{color:#70838d}.content-back-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--accent)}@media(max-width:700px){.content-card-meta,.lesson-progress-box{align-items:stretch;flex-direction:column}.lesson-complete-button{width:100%}.lesson-navigation{grid-template-columns:1fr}.lesson-navigation>span{display:none}}