body.cc-app.has-sidebar main.container .course-learning-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px; }
body.cc-app.has-sidebar main.container .course-learning-card { display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-decoration:none;color:inherit;margin:0; }
body.cc-app.has-sidebar main.container .course-learning-card h2 { margin:0;font-size:19px; }
body.cc-app.has-sidebar main.container .course-learning-card .btn { margin-top:auto; }
body.cc-app.has-sidebar main.container .course-learning-heading { display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap; }
body.cc-app.has-sidebar main.container .course-learning-heading h3 { margin:0; }
body.cc-app.has-sidebar main.container .course-attachments { list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px; }
body.cc-app.has-sidebar main.container .course-attachments li { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:#f3f6fb;border-radius:10px; }
body.cc-app.has-sidebar main.container .course-attachments p { margin:4px 0 0; }
body.cc-app.has-sidebar main.container .course-content-editor summary { cursor:pointer;font-weight:700;color:#01468c; }
body.cc-app.has-sidebar main.container .course-content-form { display:grid;gap:14px;margin-top:18px; }
body.cc-app.has-sidebar main.container .course-content-form label { display:grid;gap:6px;min-width:0; }
body.cc-app.has-sidebar main.container .course-content-form .form-row { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
body.cc-app.has-sidebar main.container .course-content-form :is(input,textarea,select) { width:100%;min-width:0; }
body.cc-app.has-sidebar main.container .fc-mode-tabs { display:flex;gap:8px;margin-bottom:16px;justify-content:center; }
body.cc-app.has-sidebar main.container .fc-cloze { padding:24px;border:1px solid #dce5f0;border-radius:16px;background:#fff;text-align:left; }
body.cc-app.has-sidebar main.container .fc-cloze #fc-sentence { font-size:20px;line-height:1.7;margin:0 0 18px;color:#01468c;font-weight:600; }
body.cc-app.has-sidebar main.container .fc-cloze form { display:grid;gap:12px; }
body.cc-app.has-sidebar main.container .fc-feedback { margin-top:14px;line-height:1.6;min-height:26px; }
body.cc-app.has-sidebar main.container .fc-feedback.is-correct { color:#087b55; }
body.cc-app.has-sidebar main.container .fc-feedback.is-wrong { color:#b42318; }
body.cc-app.has-sidebar main.container .fc-face { padding:24px; }
body.cc-app.has-sidebar main.container .fc-face strong { overflow-wrap:anywhere; }
@media(max-width:600px){
 body.cc-app.has-sidebar main.container .course-content-form .form-row { grid-template-columns:minmax(0,1fr); }
 body.cc-app.has-sidebar main.container .course-attachments li { align-items:flex-start;flex-direction:column; }
 body.cc-app.has-sidebar main.container .fc-cloze { padding:18px; }
}

body.cc-app.has-sidebar main.container .course-content-form .course-checkbox-label { display:flex;align-items:center;gap:8px; }
body.cc-app.has-sidebar main.container .course-checkbox-label input[type=checkbox] { width:auto; }
body.cc-app.has-sidebar main.container .fc-mode-tabs button { display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid #d3dfef;border-radius:999px;background:#fff;color:#01468c;font:inherit;font-weight:700;cursor:pointer; }
body.cc-app.has-sidebar main.container .fc-mode-tabs button.active { background:#01468c;border-color:#01468c;color:#fff; }
body.cc-app.has-sidebar main.container .fc-mode-tabs button:focus-visible { outline:2px solid #f5b60a;outline-offset:3px; }
body.cc-app.has-sidebar main.container .fc-feedback.is-correct { color:#087b55 !important; }
body.cc-app.has-sidebar main.container .fc-feedback.is-wrong { color:#b42318 !important; }
body.cc-app.has-sidebar main.container .fc-word-list > summary { cursor:pointer;color:#01468c;font-weight:700;padding:12px 0; }
body.cc-app.has-sidebar main.container .fc-mode-tabs { flex-wrap:wrap; }
body.cc-app.has-sidebar main.container .fc-mode-tabs button { padding:8px 12px;max-width:100%; }

/* Course discovery stays visible alongside enrolled classes, without enrolling anyone. */
body.cc-app.has-sidebar main.container .course-catalog-actions { justify-content:flex-end;margin:0 0 16px; }
/* Pronunciation belongs beside the word; flip controls remain separate buttons. */
body.cc-app.has-sidebar main.container .fc-word-row { display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%; }
body.cc-app.has-sidebar main.container .fc-word-row strong { min-width:0; }
body.cc-app.has-sidebar main.container .fc-word-row .fc-speak { flex:0 0 44px;width:44px;height:44px;margin:0;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.15);color:#fff; }
body.cc-app.has-sidebar main.container .fc-word-row .fc-speak .ui-icon { width:23px;height:23px; }
body.cc-app.has-sidebar main.container .fc-word-row .fc-speak:is(:hover,.is-speaking) { background:#fff;color:#01468c; }
body.cc-app.has-sidebar main.container .fc-flip-hint { padding:8px 12px;min-height:36px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer; }
body.cc-app.has-sidebar main.container .fc-front .fc-flip-hint { color:#fff; }
body.cc-app.has-sidebar main.container .fc-card :is(.fc-flip-hint,.fc-speak):focus-visible { outline:3px solid #f5b60a;outline-offset:3px; }
body.cc-app.has-sidebar main.container .fc-back .fc-flip-hint:focus-visible { outline-color:#01468c; }
body.cc-app.has-sidebar main.container .fc-face[inert] { pointer-events:none; }
body.cc-app.has-sidebar main.container .fc-speak[hidden] { display:none; }