.xcp-course-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
@media(max-width:992px){.xcp-course-wrap{grid-template-columns:1fr}}
.xcp-title{margin:0 0 12px 0}
.xcp-thumb img{width:100%;height:auto;border-radius:10px}
.xcp-subtitle{margin-top:24px}
.xcp-lessons{list-style:none;padding:0;margin:10px 0}
.xcp-lessons li{padding:14px 0;border-bottom:1px solid #eee}
.xcp-lesson-content{margin:8px 0 12px}
.xcp-video iframe{width:100%;height:360px;border:0;border-radius:10px;background:#000}
.xcp-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.xcp-file{background:#eef6f1;border:1px solid #cfe4d8;padding:6px 10px;border-radius:8px;text-decoration:none;display:inline-block}
.xcp-course-side{position:sticky;top:165px;background:#fff;border:1px solid #e7efe9;border-radius:14px;padding:16px;box-shadow:0 10px 24px rgba(2,112,58,.08)}
.xcp-btn{display:block;background:#02703A;color:#fff;text-align:center;padding:12px;border-radius:10px;text-decoration:none;font-weight:600;margin-bottom:10px}
.xcp-btn:hover{background:#045E31}
.xcp-spec div{display:flex;justify-content:space-between;border-top:1px solid #eef2f4;padding:10px 0}
.xcp-link{display:inline-block;margin-top:6px}
.xcp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media(max-width:1024px){.xcp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.xcp-grid{grid-template-columns:1fr}}
.xcp-card{background:#fff;border:1px solid #e7efe9;border-radius:16px;box-shadow:0 10px 25px rgba(2,112,58,.08);padding:16px;display:flex;flex-direction:column}
.xcp-card img{width:100%;height:auto;border-radius:12px}
.xcp-btn{display:block;background:#02703A;color:#fff;text-align:center;padding:12px;border-radius:10px;text-decoration:none;font-weight:600;margin:10px 0 0}
.xcp-link{display:inline-block;margin-top:6px}