.course-preview-trigger{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;font:inherit}
.course-preview-trigger:focus-visible{outline:3px solid #216b43;outline-offset:3px}
.course-article-entry{margin:20px 0;padding:18px;border:1px solid #c8decf;border-radius:12px;background:#f3f9f5}
.course-article-entry h2{margin:0 0 8px;font-size:22px}
.course-article-entry a{display:inline-block;padding:10px 14px;color:#fff;background:#216b43;border-radius:8px;text-decoration:none}
.course-preview-dialog{padding:16px;border:0;border-radius:12px;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-sizing:border-box;overflow:auto}
.course-preview-dialog::backdrop{background:rgba(0,0,0,.78)}
.course-preview-dialog header{display:flex;gap:12px;justify-content:space-between;align-items:center}
.course-preview-dialog header h2{margin:0;font-size:18px}
.course-preview-dialog button{padding:10px 14px;border:1px solid #c8decf;border-radius:8px;background:white;color:#164d31;cursor:pointer}
.course-preview-dialog img{display:block;width:100%;height:auto;margin:12px auto}
.course-preview-dialog p{line-height:1.6;font-size:14px;overflow-wrap:anywhere}
.course-preview-dialog [hidden]{display:none}