/* Shared presentation for public paid/free course introductions only. */
[data-course-link] { min-width: 0; max-width: 100%; }
.alzio-course-link-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 16px; }
html body .alzio-course-copy { display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: 0 0 auto; min-height: 40px; padding: 8px 13px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: #334155; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.4; cursor: pointer; }
.alzio-course-copy svg { width: 19px; height: 19px; flex: 0 0 auto; }
html body .alzio-course-copy:hover { background: #f1f5f9; }
html body .alzio-course-copy:focus-visible, .alzio-copy-fallback input:focus-visible { outline: 3px solid #245991; outline-offset: 3px; }
.alzio-course-copy:disabled { cursor: wait; opacity: .65; }
.alzio-copy-status { margin: 0; color: #334155; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.alzio-copy-status:not(:empty) { margin-top: 8px; }
.alzio-copy-fallback { margin-top: 8px; color: #334155; font-size: 13px; line-height: 1.6; }
.alzio-copy-fallback[hidden] { display: none !important; }
.alzio-copy-fallback input { display: block; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; padding: 10px; border: 1px solid #94a3b8; border-radius: 8px; background: #fff; color: #172b4d; font: inherit; }
@media (max-width: 480px) { .alzio-course-link-row { gap: 8px; } html body .alzio-course-copy { padding: 8px 10px; } }