.g78b-view-as-btn{margin-left:.35rem}
.g78b-preview-shell{display:grid;gap:16px}
.g78b-preview-banner{border-style:solid}
.g78b-preview-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--border,#dce5ec);border-radius:16px;background:var(--surface,#fff)}
.g78b-preview-hero h2{margin:.15rem 0 .25rem}.g78b-preview-hero p{margin:0;color:var(--muted,#64748b)}
.g78b-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.g78b-preview-card{padding:16px;border:1px solid var(--border,#dce5ec);border-radius:14px;background:var(--surface,#fff)}
.g78b-preview-card h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1rem}
.g78b-chip-list{display:flex;flex-wrap:wrap;gap:6px}.g78b-chip-list span{font-size:.75rem;padding:5px 8px;border-radius:999px;background:#eef4f7;border:1px solid #dbe6eb}
.g78b-chip-list.compact span{font-size:.7rem;padding:4px 7px}
.g78b-preview-courses{border:1px solid var(--border,#dce5ec);border-radius:14px;background:var(--surface,#fff);overflow:hidden}.g78b-preview-courses>h3{margin:0;padding:14px 16px;border-bottom:1px solid var(--border,#dce5ec)}
.g78b-course-row{padding:13px 16px;border-bottom:1px solid var(--border,#dce5ec);display:grid;gap:8px}.g78b-course-row:last-child{border-bottom:0}.g78b-course-row small{display:block;margin-top:3px;color:var(--muted,#64748b)}
@media(max-width:680px){.g78b-preview-hero{flex-direction:column}.g78b-view-as-btn{margin-left:.2rem;margin-top:.2rem}}