.preview-top{display:flex;gap:2rem;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.preview-top h1{margin:.25rem 0}.preview-note{display:flex;gap:.65rem 1.25rem;flex-wrap:wrap;padding:1rem 1.2rem;border:1px solid rgba(28,72,61,.16);background:#f7f2e9;border-radius:16px;margin-bottom:1.4rem}.preview-note span{opacity:.72}.preview-shell{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:1.5rem;align-items:start}.preview-sidebar{position:sticky;top:.5rem;background:#173f35;color:#fff;border-radius:22px;padding:1rem;max-height:calc(100vh - 1rem);overflow:auto}.preview-sidebar-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.66;margin:.25rem .35rem 1rem}.preview-module-nav+ .preview-module-nav{margin-top:1.2rem}.preview-module-title{font-weight:700;padding:.45rem .35rem .55rem;line-height:1.3}.preview-module-title span{display:block;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;opacity:.56;margin-bottom:.18rem}.preview-lesson-link{width:100%;display:flex;gap:.65rem;align-items:flex-start;text-align:left;border:0;background:transparent;color:inherit;padding:.7rem .65rem;border-radius:12px;cursor:pointer;font:inherit;opacity:.78}.preview-lesson-link span{display:grid;place-items:center;min-width:1.55rem;height:1.55rem;border-radius:50%;background:rgba(255,255,255,.1);font-size:.75rem}.preview-lesson-link:hover,.preview-lesson-link.active{background:rgba(255,255,255,.12);opacity:1}.preview-main{background:#fff;border:1px solid rgba(28,72,61,.12);border-radius:24px;padding:clamp(1.3rem,3vw,2.5rem);min-height:520px}.preview-lesson-head{padding-bottom:1.4rem;border-bottom:1px solid rgba(28,72,61,.12);margin-bottom:1.35rem}.preview-lesson-head h1{margin:.3rem 0 .55rem}.preview-content{display:grid;gap:1.15rem}.preview-block{padding:1.25rem;border-radius:18px;background:#fbfaf7;border:1px solid rgba(28,72,61,.09)}.preview-block h3{margin:.25rem 0 .7rem}.preview-type{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#7c4c5d;font-weight:700}.preview-copy{line-height:1.7}.preview-video{position:relative;width:100%;aspect-ratio:16/9;background:#111;border-radius:16px;overflow:hidden;margin-top:1rem}.preview-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.preview-warning{padding:1rem;border-radius:12px;background:#fff3cd;margin-top:.8rem}.preview-task{background:#f4f7f5}.preview-disabled{margin-top:1rem;padding:.8rem 1rem;border:1px dashed rgba(28,72,61,.25);border-radius:12px;font-size:.9rem;opacity:.7}.preview-empty{padding:2rem;text-align:center;border:1px dashed rgba(28,72,61,.22);border-radius:18px}.builder-toolbar [data-preview-course]{white-space:nowrap}@media(max-width:800px){.preview-top{align-items:flex-start;flex-direction:column}.preview-shell{grid-template-columns:1fr}.preview-sidebar{position:static;max-height:none}.preview-main{min-height:0}}
.preview-course-intro{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:2rem;align-items:start;margin:1.5rem 0 2rem;padding:1.5rem;border:1px solid #ded7ca;border-radius:18px;background:#fffdf8}.preview-course-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.preview-course-details{display:grid;gap:1rem}.preview-meta{display:flex;gap:.5rem;flex-wrap:wrap}.preview-meta span{padding:.38rem .68rem;border-radius:999px;background:#f3ede3;border:1px solid #ddd4c6;font-size:.82rem}.preview-description{font-size:1.05rem;line-height:1.65}.preview-info{padding-top:.8rem;border-top:1px solid #e4ded3}.preview-info>strong{display:block;margin-bottom:.45rem}.preview-info p{margin:.25rem 0}.preview-objectives{margin:.45rem 0 0;padding-left:1.2rem;display:grid;gap:.4rem}@media(max-width:800px){.preview-course-intro{grid-template-columns:1fr}}

.preview-sequence-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:1.65rem;padding-top:1.35rem;border-top:1px solid rgba(28,72,61,.12)}.preview-sequence-link,.preview-sequence-end{min-height:72px;border-radius:16px;padding:.95rem 1.05rem;display:flex;align-items:center;gap:.8rem;font:inherit}.preview-sequence-link{border:1px solid rgba(28,72,61,.16);background:#f7f2e9;color:#174b47;cursor:pointer;text-align:left}.preview-sequence-link:hover{background:#eef8f6;border-color:#73b9b1}.preview-sequence-link span,.preview-sequence-end span{font-size:1.2rem;line-height:1}.preview-sequence-link strong,.preview-sequence-end strong{font-size:.92rem;line-height:1.35}.preview-sequence-next{justify-content:flex-end;text-align:right;background:#eaf7f4}.preview-sequence-end{justify-content:flex-end;color:#176b68;background:#f5fbf9;border:1px dashed rgba(28,72,61,.18)}.preview-sequence-spacer{display:block}@media(max-width:650px){.preview-sequence-nav{grid-template-columns:1fr}.preview-sequence-spacer{display:none}.preview-sequence-link,.preview-sequence-end{width:100%}}