
.tts-course-hero{background:linear-gradient(135deg,#0b0b0b,#262626);color:#fff;border:2px solid #d4af37;border-radius:18px;padding:28px;margin:0 0 28px}.tts-course-hero img{width:115px;height:115px;object-fit:cover;border-radius:50%;float:right;margin:0 0 15px 20px}.tts-course-hero h2{color:#d4af37!important;margin-top:0}.tts-media,.tts-figure{margin:20px 0;text-align:center}.tts-media video,.tts-figure img{width:100%;max-width:960px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.15);border:1px solid #e5d18a}.tts-caption{font-size:12px;color:#666;margin-top:5px}.tts-alert{background:#fff7dc;border-left:5px solid #d4af37;padding:14px 16px;margin:18px 0;border-radius:8px}.tts-download{display:inline-block;background:#0b0b0b;color:#d4af37!important;padding:10px 14px;margin:5px 7px 5px 0;border-radius:8px;text-decoration:none!important;font-weight:700}.tts-download:hover{background:#d4af37;color:#0b0b0b!important}.tts-quiz{border:1px solid #d8c36f;border-radius:14px;padding:20px;margin:22px 0;background:#fff}.tts-quiz-head{display:flex;justify-content:space-between;background:#0b0b0b;color:#fff;padding:12px 14px;border-radius:9px;margin-bottom:16px}.tts-best{color:#d4af37}.tts-q{padding:12px 0;border-bottom:1px solid #eee}.tts-q-title{font-weight:700;margin-bottom:8px}.tts-opt{display:block;margin:6px 0}.tts-explanation{display:none;background:#f7f4e8;padding:8px 10px;border-radius:6px;margin-top:8px}.tts-quiz-submit,.tts-assignment-submit{background:#d4af37;color:#0b0b0b;border:0;border-radius:8px;padding:11px 18px;font-weight:800;cursor:pointer;margin-top:14px}.tts-quiz-result{font-size:18px;font-weight:800;margin-top:14px}.tts-assignment{border:1px solid #d4af37;border-radius:12px;padding:18px;background:#fcfbf5}.tts-assignment-file{display:block;margin:10px 0}.tts-assignment-status{margin-top:10px;font-weight:700}@media(max-width:700px){.tts-course-hero img{float:none;display:block;margin:0 auto 18px}.tts-quiz-head{display:block}.tts-best{display:block;margin-top:4px}}

/* v1.1 visual + practical demonstration upgrade */
.tts-course-cover{margin:0 0 22px;border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.13);border:1px solid #d4af37;background:#111}
.tts-course-cover img{display:block;width:100%;height:auto}
.tts-figure{margin:20px 0 26px}
.tts-figure img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #e0d3a1;box-shadow:0 7px 22px rgba(0,0,0,.10)}
.tts-demo{margin:22px 0 28px;background:#101010;color:#fff;border:1px solid #d4af37;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.tts-demo-title{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:16px 18px;background:linear-gradient(90deg,#090909,#1d1d1d);border-bottom:1px solid #d4af37}
.tts-demo-title strong{color:#d4af37;font-size:20px}
.tts-demo-title span{color:#f7f1da;font-size:14px}
.tts-video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}
.tts-video-responsive iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tts-demo-note{margin:0;padding:14px 18px 17px;color:#eee;font-size:13px;line-height:1.55}
.tts-demo-note a{color:#f3cd52;font-weight:700}
.tts-media video{width:100%;max-height:600px;background:#000;border-radius:14px}
@media(max-width:700px){.tts-demo-title strong{font-size:17px}.tts-demo-title span{font-size:13px}.tts-course-hero img{max-width:120px}}
