.course-share{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;padding:7px;border:1px solid #b8cbd8;border-radius:50%;background:#fff;color:#123c58;cursor:pointer;box-shadow:0 2px 7px #09263f16}
.art>.course-share{position:absolute;right:10px;top:10px;z-index:3}
.course-share:hover{background:#fff5df;border-color:#dca23a}
.course-share:focus-visible{outline:3px solid #dca23a;outline-offset:3px}
.course-share .course-share-icon{width:18px;height:18px;fill:currentColor;stroke:none}
.course-share-heading{display:flex;gap:14px;align-items:center;justify-content:space-between}
.course-share-heading h1{flex:1}
.course-share-dialog{box-sizing:border-box;width:min(430px,calc(100vw - 32px));max-height:85vh;padding:24px;border:1px solid #c6d6df;border-radius:16px;background:white;color:#163044;font-family:system-ui,sans-serif}
.course-share-dialog::backdrop{background:#09263f99}
.course-share-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.course-share-top h2{margin:0;font-size:22px}
.course-share-dialog p{font-size:14px;line-height:1.5}
.course-share-close{width:34px;height:34px;background:#edf3f6;border:0;border-radius:50%;font-size:24px;color:#163044;cursor:pointer}
.course-share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.course-share-options a,.course-share-options button{padding:12px;border:1px solid #bfd1dd;border-radius:8px;background:#f5f9fb;color:#123c58;text-align:center;text-decoration:none;font:600 14px system-ui,sans-serif;cursor:pointer}
.course-share-options a:hover,.course-share-options button:hover{background:#fff5df}
.course-share-link-label{font-size:13px;display:block}
.course-share-link-label input{box-sizing:border-box;width:100%;padding:10px;margin-top:6px;border:1px solid #b8cbd8;border-radius:6px;font:13px system-ui,sans-serif;color:#163044;background:#fff}