/* Optional learning clips share the site's typography, controls and theme. */
.course-extra{display:grid;gap:12px;padding:16px;border:1px solid var(--border,#cfdfd6);border-radius:16px;background:var(--card,#fff);color:var(--text,#173e33);font-family:inherit;text-align:start;min-width:0}
.course-extra[hidden],.field-mixed-practice[hidden]{display:none!important}
.course-extra-copy{display:grid;gap:5px;min-width:0}
.course-extra-copy strong{font-size:16px;font-weight:600;line-height:1.5;font-family:inherit;overflow-wrap:anywhere}
.course-extra-copy span,.course-extra p{font-size:14px;line-height:1.65;color:inherit;opacity:.85;margin:0}
.course-extra-actions{display:flex;flex-wrap:wrap;gap:8px}
.course-extra button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--border,#b7d5c7);border-radius:12px;background:transparent;color:inherit;font-size:14px;font-weight:600;line-height:1.5;font-family:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.course-extra button[data-extra-action=watch]{background:var(--primary,#08795d);border-color:var(--primary,#08795d);color:#fff}
.course-extra button:focus-visible,.field-course-extra summary:focus-visible{outline:3px solid var(--primary,#08795d);outline-offset:3px}
.course-extra button:disabled{opacity:.6;cursor:default}
.course-extra [data-extra-status]:empty{display:none}
.field-mixed-practice{margin-top:24px}
.field-mixed-practice>h3{font-size:18px;margin:0 0 12px}
.field-course-extra .course-extra{padding:12px;margin:0 0 8px;background:transparent}
.field-course-extra .course-extra-actions{display:grid;grid-template-columns:1fr;width:100%}
.field-course-extra .course-extra-copy strong{font-size:15px}
.field-course-extra summary{font-size:14px!important}
[data-course-extras-mock]{margin:16px 0}
html[data-app-theme=dark] .course-extra{background:#17372d;border-color:#416454;color:#eef5ef}
html[data-app-theme=dark] .course-extra button{border-color:#638b76}
@media(max-width:480px){.course-extra-actions{display:grid;grid-template-columns:1fr;width:100%}.course-extra button{width:100%}.course-extra{padding:14px}}