/* Course suggestions stay inside the existing full-width form card. */
.cp-match-control{width:100%;min-width:0}
.cp-muted{font-size:.88rem;color:#526259}
#cp-course-results{display:flex;flex-direction:column;max-height:310px;overflow:auto;background:#fff;border:1px solid #cbd8cd;border-radius:12px;box-shadow:0 8px 20px #244b4214;padding:5px}
#cp-course-results[hidden]{display:none}
.cp-match-choice{display:block;width:100%;background:#fff;color:#111;text-align:left;padding:10px 12px;border:0;border-radius:8px;cursor:pointer}
.cp-match-choice:hover,.cp-match-choice:focus{background:#f1f6f1;outline:2px solid #a5b8a4}
.cp-match-choice strong,.cp-match-choice small{display:block}
.cp-match-choice small{font-size:.81rem;color:#54645a;margin-top:3px}
.cp-match-selection{color:#244b42;font-weight:600;margin:4px 0}
.cp-clear-match{border:1px solid #a5b8a4!important;background:transparent!important;color:#244b42!important;padding:7px 12px!important;border-radius:8px!important}

/* Course suggestion items: override global primary-button colors. */
#cp-course-results button.cp-match-choice,
#cp-course-results button.cp-match-choice:link,
#cp-course-results button.cp-match-choice:visited{
 box-sizing:border-box;display:block;width:100%;background:#fff!important;
 background-image:none!important;color:#111!important;border:0!important;
 box-shadow:none!important;text-align:left!important;font-weight:400!important;
 padding:10px 12px!important;border-radius:8px!important;line-height:1.5;
}
#cp-course-results button.cp-match-choice strong{color:#244B42!important;font-weight:700!important}
#cp-course-results button.cp-match-choice small{color:#526259!important}
#cp-course-results button.cp-match-choice:hover,
#cp-course-results button.cp-match-choice:focus-visible{
 background:#EDF3EE!important;color:#111!important;
 outline:2px solid #6D927C;outline-offset:-2px
}
#cp-course-results button.cp-match-choice+button.cp-match-choice{border-top:1px solid #E2EBE5!important}