#course-progress-status[hidden]{display:none;}
#course-progress-status{width:100%;margin:0 0 12px;color:#8b4a2b;font-size:14px;}
#course-progress-status button{margin-left:8px;font:inherit;color:#8b4a2b;border:1px solid #dfaa72;background:#fff8ef;border-radius:8px;padding:4px 10px;cursor:pointer;}
#course-clear-dialog{width:min(360px,calc(100% - 32px));border:1px solid #dfaa72;border-radius:12px;padding:20px;background:#fff8ef;color:#8b4a2b;font:inherit;text-align:center;}
#course-clear-dialog::backdrop{background:#0005;}
#course-clear-dialog div{display:flex;justify-content:center;gap:12px;}
#course-clear-dialog button{font:inherit;border:1px solid #8b4a2b;border-radius:8px;padding:6px 16px;color:#8b4a2b;background:white;cursor:pointer;}
#course-clear-dialog [data-clear]{color:white;background:#8b4a2b;}