#course-dialog[data-expanded=true]{max-width:790px;max-height:90dvh;overflow:auto;padding:35px 37px}
#course-dialog[data-expanded=true] #dialog-title{font-size:30px;line-height:1.25;padding-right:15px}
#course-dialog[data-expanded=true] #close-dialog{position:sticky;top:0;float:right;width:32px;height:32px;line-height:1;border-radius:5px;background:#f8faf7;z-index:2}
.course-outline{margin:26px 0 28px;border-top:1px solid #d9e1e8;padding-top:24px}
.outline-tag{display:inline-block;font-size:9px;font-weight:600;letter-spacing:1.1px;color:#3b6958;background:#e2eee7;padding:6px 9px;border-radius:4px}
.outline-lead h3{margin:16px 0 8px;font-size:21px!important;font-weight:600;color:#172c44}
.outline-lead p{font-size:13px;margin-bottom:20px;color:#596e80}
#course-dialog .outline-grid{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0}
#course-dialog .outline-grid>li{display:flex;gap:12px;align-items:flex-start;margin:0;padding:17px 15px;border:1px solid #dce4e8;border-radius:7px;background:white}
.outline-number{font-size:12px;font-weight:600;color:#5f8373;border-bottom:2px solid #b7d6c7;padding-bottom:3px;flex-shrink:0}
.outline-grid h4{font-size:14px;font-weight:600;color:#233c50;line-height:1.5;margin:0 0 7px}
#course-dialog .outline-grid p{font-size:12px;line-height:1.75;color:#607587;margin:0}
#course-dialog .outline-note{font-size:11px;color:#6c7c89;line-height:1.8;border-left:3px solid #bdd3c8;padding:9px 12px;margin:18px 0 0;background:#edf2ed}
@media(max-width:620px){#course-dialog[data-expanded=true]{padding:25px 23px;max-height:91dvh}#course-dialog[data-expanded=true] #dialog-title{font-size:25px}#course-dialog .outline-grid{grid-template-columns:1fr;gap:10px}#course-dialog .outline-grid>li{padding:15px}.outline-lead h3{font-size:19px!important}#course-dialog .outline-grid p{font-size:13px}}