.course-mode { display:flex;align-items:center;gap:8px;margin:10px 0; }
.course-obstacle { border:1px solid #dcdfe8;border-radius:8px;padding:12px;margin:8px 0;background:#fff; }
.course-obstacle h4 { margin:0 0 8px; }
.course-fields { display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px; }
.course-fields label { display:flex;flex-direction:column;gap:4px; }
.course-fields textarea { min-height:65px; }
.bp-area.course-active .bp-countrow { display:none; }

.course-required-notice { padding:16px 18px; margin:12px 0; border:3px solid #a76300; border-radius:10px; background:#ffe09b; color:#382300; font-size:16px; }
.course-required-notice strong { display:block; font-size:20px; margin-bottom:6px; }

.course-shared-recommendations {margin:10px 0;padding:8px;border:1px solid #dcdfe8;border-radius:7px;}
.course-shared-recommendations h5 {margin:4px 0;font-size:13px;}
.course-shared-recommendations input[type=search] {width:100%;box-sizing:border-box;margin:4px 0 8px;}
.course-shared-recommendations [data-course-point-results] {max-height:300px;overflow:auto;}
.course-recommendation {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #eceef0;font-size:13px;}
.course-recommendation small {display:block;color:#62665f;font-size:11px;}
.course-recommendation > div {display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0;}
.course-save-next {margin-top:8px;}
@media(max-width:600px){.course-recommendation {align-items:flex-start;flex-direction:column;}.course-coaching .edit-line {flex-wrap:wrap;}}

/* Adding a recommendation must not move the clicked row or browser anchor. */
.course-editor {overflow-anchor:none;}
.course-coaching [data-course-point-list] {max-height:180px;overflow:auto;}
.course-coaching .course-shared-recommendations {border:0;padding:0;margin:8px 0 0;}
.course-recommendation button[disabled] {opacity:.65;}