body.eypdr-guide-open {overflow:hidden}
#eypd-refresh #eypdr-course-guide-dialog {
  width:min(900px,calc(100vw - 30px));max-height:88dvh;overflow:auto;
  border:1px solid #d7e3ec;border-radius:14px;padding:0;margin:auto;
  color:#173752;background:#fff;font:14px/1.7 "Segoe UI",Arial,sans-serif;
  box-shadow:0 25px 85px rgba(6,29,54,.28);
}
#eypd-refresh #eypdr-course-guide-dialog::backdrop {background:rgba(4,24,46,.7)}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-dialog {padding:30px;position:relative}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-close {
  position:absolute;top:16px;right:16px;width:38px;height:38px;padding:0;
  border:1px solid #cddce7;border-radius:8px;background:#fff;color:#173752;font-size:26px;
}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-eyebrow {font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#c52c3a;padding-right:40px}
#eypd-refresh #eypdr-course-guide-dialog h2 {font-size:32px;line-height:1.15;letter-spacing:-.03em;margin:12px 35px 14px 0;color:#173752}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-intro {font-size:14px;color:#657b8e;line-height:1.7;margin-bottom:24px}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-accordions {display:grid;gap:12px}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-detail {border:1px solid #dbe5ed;border-radius:10px;background:#fff;overflow:hidden}
#eypd-refresh #eypdr-course-guide-dialog summary {display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:15px;cursor:pointer;list-style:none}
#eypd-refresh #eypdr-course-guide-dialog summary::-webkit-details-marker {display:none}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-icon {display:grid;place-items:center;width:40px;height:40px;background:#edf5fb;color:#0753a6;border-radius:9px;font-size:20px}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-summary-text {font-size:17px;font-weight:700;color:#244c72;line-height:1.35}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-plus {font-size:27px;color:#0753a6;text-align:center}
#eypd-refresh #eypdr-course-guide-dialog details[open] .eh-how-plus {transform:rotate(45deg)}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-detail-body {padding:0 20px 18px;color:#5d7387;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
#eypd-refresh #eypdr-course-guide-dialog ul,#eypd-refresh #eypdr-course-guide-dialog ol {padding-left:22px}
#eypd-refresh #eypdr-course-guide-dialog a {color:#0753a6;text-decoration:underline}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-note,#eypd-refresh #eypdr-course-guide-dialog .eh-how-callout {padding:14px 16px;border-radius:8px;background:#f1f6fb;margin-top:14px}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-actions {display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-actions a {display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;min-height:44px;border:1px solid #cadde9;border-radius:7px;text-decoration:none;font-size:12px;font-weight:750}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-primary {background:#0753a6;color:#fff}
#eypd-refresh #eypdr-course-guide-dialog .eh-how-secondary {background:#fff;color:#0753a6}
@media(max-width:600px){
  #eypd-refresh #eypdr-course-guide-dialog .eh-how-dialog {padding:24px 16px}
  #eypd-refresh #eypdr-course-guide-dialog h2 {font-size:27px}
  #eypd-refresh #eypdr-course-guide-dialog summary {padding:12px;gap:10px;grid-template-columns:34px minmax(0,1fr) 17px}
  #eypd-refresh #eypdr-course-guide-dialog .eh-how-icon {width:34px;height:34px;font-size:17px}
  #eypd-refresh #eypdr-course-guide-dialog .eh-how-summary-text {font-size:15px}
  #eypd-refresh #eypdr-course-guide-dialog .eh-how-detail-body {padding:0 14px 15px}
}