.bpro-course { min-width:0; letter-spacing:0; }
.course-toolbar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; border-bottom:1px solid var(--line,#d1d5db); padding-block:8px 14px; }
.course-toolbar button[aria-selected="true"] { outline:2px solid var(--accent,#247f6c); outline-offset:1px; }
.course-layout { display:grid; grid-template-columns:minmax(180px,260px) minmax(0,1fr); gap:24px; margin-block-start:20px; }
.course-nav { min-width:0; max-height:78vh; overflow:auto; }
.course-nav details { border-bottom:1px solid var(--line,#d1d5db); padding-block:10px; }
.course-nav summary { cursor:pointer; overflow-wrap:anywhere; font-size:14px; font-weight:600; }
.course-day { display:block; inline-size:100%; text-align:start; padding:10px 8px; margin-block:5px; border:0; border-inline-start:3px solid transparent; background:transparent; color:inherit; font:inherit; font-size:13px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; }
.course-day[aria-current="step"] { border-inline-start-color:var(--accent,#247f6c); background:rgba(40,130,100,.1); }
.course-day:disabled { opacity:.55; cursor:not-allowed; }
.course-content { min-width:0; overflow-wrap:anywhere; }
.course-content h3 { font-size:21px; line-height:1.45; margin-block:0 16px; }
.course-content h4 { font-size:17px; margin-block:24px 10px; }
.course-prose { white-space:pre-wrap; line-height:1.7; font-size:15px; overflow-wrap:anywhere; }
.course-prose p { margin-block:10px; }
.course-prose blockquote { margin-inline:0; padding-inline-start:14px; border-inline-start:3px solid var(--accent,#247f6c); }
.course-prose pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; }
.course-content fieldset { border:0; padding:12px 0; margin:0; min-width:0; }
.course-content legend { font-size:15px; max-inline-size:100%; overflow-wrap:anywhere; }
.course-check { display:flex; gap:10px; align-items:flex-start; margin-block:10px; line-height:1.6; }
.course-check input { flex:0 0 auto; margin-block-start:6px; }
.course-field { display:grid; gap:8px; margin-block:14px; }
.course-field textarea { min-height:132px; resize:vertical; inline-size:100%; max-inline-size:100%; box-sizing:border-box; font:inherit; }
.course-content input,.course-content select { max-inline-size:100%; box-sizing:border-box; }
.course-actions { display:flex; flex-wrap:wrap; gap:10px; margin-block:14px; }
.course-action { display:grid; gap:6px; max-inline-size:100%; }
.course-action small { max-inline-size:260px; overflow-wrap:anywhere; }
.course-content .button,.course-toolbar .button { white-space:normal; overflow-wrap:anywhere; max-inline-size:100%; min-height:42px; }
.course-notice { border-inline-start:3px solid #bb841e; padding:10px 14px; background:rgba(210,160,50,.08); margin-block:12px; }
.course-status { min-height:26px; line-height:1.5; padding-block:8px; overflow-wrap:anywhere; }
.course-progress { font-size:13px; margin-inline-start:auto; }
@media(max-width:760px) { .course-layout { grid-template-columns:minmax(0,1fr); gap:18px; } .course-nav { max-height:230px; } .course-content h3 { font-size:18px; } .course-prose { font-size:14px; } .course-progress { margin-inline-start:0; inline-size:100%; } }