/* Connected high-school credit record. Shares the planner's paper and sage palette. */
.hs-progress, .hs-records, .hs-connected, .hs-form {
  --hs-ink: var(--guide-ink, var(--ink));
  --hs-muted: var(--guide-muted, var(--muted));
  --hs-line: var(--guide-line, var(--line));
  --hs-paper: var(--guide-card, var(--white));
  --hs-green: var(--guide-green, var(--green));
  color: var(--hs-ink);
  overflow-wrap: anywhere;
}
.hs-progress { margin: 0 0 24px; border: 1px solid #d0dcc6; border-radius: 14px; background: #eef3e8; padding: 20px 22px; }
.hs-progress-head, .hs-records-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.hs-progress-head h2, .hs-records-head h2 { font: inherit; font-size: 18px; font-weight: 650; letter-spacing: -.25px; margin: 0 0 5px; }
.hs-progress-head p, .hs-records-head p { margin: 0; color: var(--hs-muted); font-size: 13px; line-height: 1.55; }
.hs-progress-head .text-button { flex: none; min-height: 44px; padding: 6px 0; font-size: 13px; }
.hs-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 18px 0 12px; }
.hs-stats > div { min-width: 0; }
.hs-stats dt { color: var(--hs-muted); font-size: 12px; line-height: 1.5; }
.hs-stats dd { margin: 3px 0 0; font-size: 30px; font-weight: 650; line-height: 1.15; letter-spacing: -.8px; }
.hs-stats small { display: block; color: var(--hs-muted); font-size: 12px; line-height: 1.45; margin-top: 6px; }
.hs-progress progress { display: block; width: 100%; height: 7px; border: 0; border-radius: 6px; overflow: hidden; accent-color: var(--hs-green); background: #d7e0d0; }
.hs-progress progress::-webkit-progress-bar { background: #d7e0d0; border-radius: 6px; }
.hs-progress progress::-webkit-progress-value { background: var(--hs-green); border-radius: 6px; }
.hs-progress progress::-moz-progress-bar { background: var(--hs-green); border-radius: 6px; }
.hs-progress-note { font-size: 12px; color: var(--hs-muted); margin: 11px 0 0; line-height: 1.6; }
.hs-details { border: 0; border-top: 1px solid #d2ddc9; margin: 16px 0 0; padding: 0; background: transparent; }
.hs-details > summary { cursor: pointer; min-height: 44px; padding: 13px 0 3px; font-size: 13px; line-height: 1.5; font-weight: 600; color: var(--hs-green); }
.hs-details[open] > summary { padding-bottom: 14px; }
.hs-subjects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 25px; margin: 0; }
.hs-subject-row { display: flex; justify-content: space-between; gap: 14px; padding: 10px 0; border-bottom: 1px solid #dbe3d4; font-size: 13px; line-height: 1.5; }
.hs-subject-row dt { flex: 1; }
.hs-subject-row dd { flex: none; margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.hs-subject-row small { display: block; color: var(--hs-muted); font-size: 12px; }
.hs-facts { font-size: 13px; line-height: 1.65; margin-top: 18px; }
.hs-facts p { margin-bottom: 9px; }
.hs-facts ul { padding-left: 20px; margin: 8px 0 15px; }
.hs-facts li { margin: 5px 0; }
.hs-source-links { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.hs-source-links > span { display: block; }
.hs-source-links small { display: block; color: var(--hs-muted); font-size: 12px; line-height: 1.5; margin: 0 0 8px; }
.hs-source-links a { font-size: 12px; min-height: 32px; display: inline-flex; align-items: center; }
.hs-records { margin: 26px 0; }
.hs-records-head { margin-bottom: 12px; }
.hs-records-head .button { flex: none; }
.hs-empty { padding: 19px; border: 1px dashed #cdd8c5; border-radius: 11px; color: var(--hs-muted); font-size: 14px; line-height: 1.7; }
.hs-empty p { margin: 0; }
.hs-record { display: flex; gap: 18px; align-items: flex-start; padding: 17px 0; border-bottom: 1px solid var(--hs-line); }
.hs-record-body { flex: 1; min-width: 0; }
.hs-record h3 { font: inherit; font-size: 15px; font-weight: 650; margin: 0 0 5px; }
.hs-record p { font-size: 13px; line-height: 1.55; color: var(--hs-muted); margin: 0 0 7px; }
.hs-record-actions { display: flex; flex: none; flex-direction: column; gap: 0; align-items: flex-end; }
.hs-record-actions .text-button { font-size: 12px; min-height: 44px; }
.hs-status { display: inline-flex; padding: 4px 8px; border-radius: 5px; font-size: 12px; line-height: 1.5; background: #e8ede3; color: #435840; }
.hs-status.review { background: #f8edda; color: #785526; }
.grade-alerts { margin-top: 12px; }
.grade-alert { border: 1px solid #d5b47a; border-left: 4px solid #947025; border-radius: 8px; padding: 12px 14px; margin-top: 9px; background: #fff4dc; color: #624713; }
.grade-alert.failure { border-color: #c99588; border-left-color: #9b4635; background: #fff0eb; color: #7e3428; }
.grade-alert.info { border-color: #d2dad0; border-left-color: #768a71; background: #f1f4ef; color: #42553e; }
.grade-alert-label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 4px; }
.hs-record .grade-alert-title, .hs-outcome .grade-alert-title { display: block; color: inherit; font-size: 15px; line-height: 1.4; font-weight: 700; }
.hs-record .grade-alert p, .hs-outcome .grade-alert p { color: inherit; font-size: 13px; line-height: 1.55; margin: 7px 0 0; }
.grade-alert a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; color: inherit; text-decoration: underline; }
.grade-review-button { min-height: 44px; white-space: normal; text-align: left; }
.hs-connected { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 16px 0; border: 1px solid var(--hs-line); border-radius: 11px; background: var(--hs-paper); }
.hs-outcome { min-width: 0; padding: 15px 17px; }
.hs-outcome + .hs-outcome { border-left: 1px solid var(--hs-line); }
.hs-outcome h3 { font: inherit; font-size: 12px; font-weight: 650; color: var(--hs-muted); margin: 0 0 8px; }
.hs-outcome strong { display: block; font-size: 18px; line-height: 1.4; font-weight: 650; }
.hs-outcome p { font-size: 12px; line-height: 1.65; margin: 6px 0 0; color: var(--hs-muted); }
.hs-outcome .text-button { font-size: 12px; min-height: 44px; margin-top: 4px; }
.hs-outcome .hs-evidence-label { display: inline; font: inherit; font-weight: 650; }
.hs-row-details { border: 0; padding: 0; margin: 9px 0 0; background: transparent; }
.hs-row-details > summary { min-height: 36px; padding: 8px 0; font-size: 12px; color: var(--hs-green); cursor: pointer; }
.hs-row-details ul { padding-left: 19px; margin: 5px 0 10px; font-size: 12px; line-height: 1.65; }
.hs-form { font-size: 15px; line-height: 1.6; }
.hs-form label { display: block; font-size: 14px; font-weight: 600; margin: 16px 0 8px; }
.hs-form label > :is(input, select, textarea) { display: block; margin-top: 7px; font-weight: 400; font-size: 16px; min-height: 46px; }
.hs-form .form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.hs-form .form-row label { margin-top: 6px; }
.hs-form fieldset { margin: 20px 0; padding: 15px; border: 1px solid var(--hs-line); border-radius: 9px; min-width: 0; }
.hs-form legend { font-size: 14px; font-weight: 650; padding: 0 5px; }
.hs-form .hs-check { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; font-size: 13px; line-height: 1.6; }
.hs-form .hs-check input[type=checkbox] { flex: none; width: 18px; height: 18px; min-height: 18px; margin: 3px 0 0; accent-color: var(--hs-green); }
.hs-form .hs-help { color: var(--hs-muted); font-size: 12px; line-height: 1.65; margin: 7px 0 13px; }
.hs-form .hs-form-notice { padding: 12px 14px; border-radius: 8px; background: #f7f1e5; font-size: 13px; line-height: 1.65; color: #69522d; margin: 15px 0; }
.hs-form .dialog-actions { margin-top: 24px; }
.hs-form .button { font-size: 14px; min-height: 46px; white-space: normal; }
.hs-form textarea { min-height: 85px; }
@media (max-width: 600px) {
  .hs-progress { padding: 17px 16px; margin-bottom: 20px; }
  .hs-progress-head { gap: 10px; }
  .hs-progress-head h2 { font-size: 16px; }
  .hs-progress-head p { font-size: 12px; }
  .hs-progress-head .text-button { font-size: 12px; }
  .hs-stats { gap: 10px; }
  .hs-stats dt { font-size: 12px; }
  .hs-stats dd { font-size: 26px; }
  .hs-stats small { font-size: 12px; }
  .hs-subjects { grid-template-columns: 1fr; }
  .hs-records-head { flex-wrap: wrap; }
  .hs-record { gap: 9px; }
  .hs-record-actions .text-button { font-size: 12px; }
  .hs-connected { grid-template-columns: 1fr; }
  .hs-outcome + .hs-outcome { border-left: 0; border-top: 1px solid var(--hs-line); }
  .hs-form .form-row { gap: 12px; }
}
@media print { .hs-progress button, .hs-records button, .hs-connected button { display: none; } .hs-connected, .hs-record { break-inside: avoid; } }

.course-workflow { margin: 19px 0 0; padding: 17px 0 0; border-top: 1px solid var(--guide-line, var(--line)); color: var(--guide-ink, var(--ink)); }
.guide-result-card > .course-workflow { margin-top: 0; padding: 17px 24px 12px; }
.course-workflow-next { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.course-workflow-next > div { min-width: 0; }
.course-workflow-label { color: var(--guide-muted, var(--muted)); font-size: 12px; letter-spacing: 1px; font-weight: 650; margin: 0 0 6px; }
.course-workflow-next h3 { font-size: 15px; line-height: 1.5; margin: 0 0 5px; }
.course-workflow-next > div > p:last-child { color: var(--guide-muted, var(--muted)); font-size: 12px; line-height: 1.6; margin: 0; }
.course-workflow-next > button { flex: none; font-size: 12px; min-height: 44px; }
.course-workflow-details { border: 0; background: transparent; padding: 0; margin: 7px 0 0; }
.course-workflow-details > summary { font-size: 12px; color: var(--guide-green, var(--green)); cursor: pointer; min-height: 44px; padding: 12px 0 4px; }
.course-workflow-steps { list-style: decimal; padding-left: 22px; margin: 12px 0; }
.course-workflow-steps li { padding: 0 0 14px 3px; font-size: 13px; line-height: 1.6; }
.course-workflow-steps li > div { display: flex; gap: 15px; justify-content: space-between; align-items: baseline; }
.course-workflow-steps p { font-size: 12px; margin: 5px 0 0; color: var(--guide-muted, var(--muted)); }
.course-workflow-state { flex: none; color: var(--guide-muted, var(--muted)); font-size: 12px; }
.course-workflow-note { color: var(--guide-muted, var(--muted)); font-size: 12px; line-height: 1.65; margin: 8px 0 0; }
.course-workflow-record-links { border-top: 1px solid var(--guide-line, var(--line)); padding-top: 12px; margin-top: 18px; display: flex; flex-direction: column; align-items: flex-start; }
.course-workflow-record-links .text-button { font-size: 13px; min-height: 44px; text-align: left; }
.course-workflow-form fieldset p:last-child { margin-bottom: 0; }
@media(max-width:600px) { .guide-result-card > .course-workflow { padding-inline: 20px; } .course-workflow-next { flex-direction: column; gap: 3px; } .course-workflow-steps li > div { flex-wrap: wrap; gap: 0 10px; } }
@media print { .course-workflow button { display: none; } }

/* Credit hierarchy:
   [Recorded earned] [Target] [REMAINING]   remaining leads; earned and target support it
   [=========-------------------------]     a thicker, calmer bar
   [For high school | For college]          fixed outcome colors from the shared tokens
   Status chips pair color with shape (round = recorded, diamond = needs review) and text. */
.hs-progress { box-shadow: var(--mx-shadow, none); }
.hs-stats > div:nth-child(3) dd { color: var(--mx-diploma, var(--hs-green)); font-size: 38px; letter-spacing: -1px; }
.hs-progress progress { height: 12px; border-radius: 999px; }
.hs-progress progress::-webkit-progress-bar,
.hs-progress progress::-webkit-progress-value,
.hs-progress progress::-moz-progress-bar { border-radius: 999px; }
.hs-status { align-items: center; gap: 6px; font-weight: 600; }
.hs-status::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.hs-status.review::before { border-radius: 1px; transform: rotate(45deg); }
.hs-connected { box-shadow: var(--mx-shadow, none); overflow: hidden; }
.hs-outcome { border-top: 4px solid var(--outcome, transparent); }
.hs-outcome:first-child { --outcome: var(--mx-diploma, var(--hs-green)); }
.hs-outcome:last-child { --outcome: var(--mx-college, var(--hs-green)); }
.hs-outcome h3 { color: var(--outcome, var(--hs-muted)); font-size: 13px; letter-spacing: .2px; }
.grade-alert:not(.failure):not(.info) { border-left-color: var(--mx-uc, #947025); }
@media (max-width: 599px) { .hs-stats > div:nth-child(3) dd { font-size: 30px; } }

/* dark-theme:start (generated by scripts/dark-theme.js; do not edit by hand) */
@media screen and (prefers-color-scheme: dark){
:root:not([data-theme="light"]) .hs-progress,:root:not([data-theme="light"]) .hs-records,:root:not([data-theme="light"]) .hs-connected,:root:not([data-theme="light"]) .hs-form{--hs-paper: var(--guide-card, var(--#0d0d0d));color: var(--hs-ink)}
:root:not([data-theme="light"]) .hs-progress{border: 1px solid #293122;background: #191c15}
:root:not([data-theme="light"]) .hs-progress-head p,:root:not([data-theme="light"]) .hs-records-head p{color: var(--hs-muted)}
:root:not([data-theme="light"]) .hs-stats dt{color: var(--hs-muted)}
:root:not([data-theme="light"]) .hs-stats small{color: var(--hs-muted)}
:root:not([data-theme="light"]) .hs-progress progress{border: 0;accent-color: var(--hs-green);background: #272d22}
:root:not([data-theme="light"]) .hs-progress progress::-webkit-progress-bar{background: #272d22}
:root:not([data-theme="light"]) .hs-progress progress::-webkit-progress-value{background: var(--hs-green)}
:root:not([data-theme="light"]) .hs-progress progress::-moz-progress-bar{background: var(--hs-green)}
:root:not([data-theme="light"]) .hs-progress-note{color: var(--hs-muted)}
:root:not([data-theme="light"]) .hs-details{border: 0;border-top: 1px solid #283022;background: transparent}
:root:not([data-theme="light"]) .hs-details > summary{color: var(--hs-green)}
:root:not([data-theme="light"]) .hs-subject-row{border-bottom: 1px solid #252a20}
:root:not([data-theme="light"]) .hs-subject-row small{color: var(--hs-muted)}
:root:not([data-theme="light"]) .hs-source-links small{color: var(--hs-muted)}
:root:not([data-theme="light"]) .hs-empty{border: 1px dashed #2c3426;color: var(--hs-muted)}
:root:not([data-theme="light"]) .hs-record{border-bottom: 1px solid var(--hs-line)}
:root:not([data-theme="light"]) .hs-record p{color: var(--hs-muted)}
:root:not([data-theme="light"]) .hs-status{background: #1d211a;color: #95aa92}
:root:not([data-theme="light"]) .hs-status.review{background: #231c0f;color: #b6946a}
:root:not([data-theme="light"]) .grade-alert{border: 1px solid #593f06;border-left: 4px solid #907030;background: #1d1606;color: #bea376}
:root:not([data-theme="light"]) .grade-alert.failure{border-color: #71483e;border-left-color: #bb6b5a;background: #1f1613;color: #db8f81}
:root:not([data-theme="light"]) .grade-alert.info{border-color: #2a3029;border-left-color: #60715c;background: #181a17;color: #98ac94}
:root:not([data-theme="light"]) .hs-record .grade-alert-title,:root:not([data-theme="light"]) .hs-outcome .grade-alert-title{color: inherit}
:root:not([data-theme="light"]) .hs-record .grade-alert p,:root:not([data-theme="light"]) .hs-outcome .grade-alert p{color: inherit}
:root:not([data-theme="light"]) .grade-alert a{color: inherit;text-decoration: underline}
:root:not([data-theme="light"]) .hs-connected{border: 1px solid var(--hs-line);background: var(--hs-paper)}
:root:not([data-theme="light"]) .hs-outcome + .hs-outcome{border-left: 1px solid var(--hs-line)}
:root:not([data-theme="light"]) .hs-outcome h3{color: var(--hs-muted)}
:root:not([data-theme="light"]) .hs-outcome p{color: var(--hs-muted)}
:root:not([data-theme="light"]) .hs-row-details{border: 0;background: transparent}
:root:not([data-theme="light"]) .hs-row-details > summary{color: var(--hs-green)}
:root:not([data-theme="light"]) .hs-form fieldset{border: 1px solid var(--hs-line)}
:root:not([data-theme="light"]) .hs-form .hs-check input[type=checkbox]{accent-color: var(--hs-green)}
:root:not([data-theme="light"]) .hs-form .hs-help{color: var(--hs-muted)}
:root:not([data-theme="light"]) .hs-form .hs-form-notice{background: #1d1a12;color: #b39c79}
@media (max-width: 600px){:root:not([data-theme="light"]) .hs-outcome + .hs-outcome{border-left: 0;border-top: 1px solid var(--hs-line)}}
:root:not([data-theme="light"]) .course-workflow{border-top: 1px solid var(--guide-line, var(--line));color: var(--guide-ink, var(--ink))}
:root:not([data-theme="light"]) .course-workflow-label{color: var(--guide-muted, var(--muted))}
:root:not([data-theme="light"]) .course-workflow-next > div > p:last-child{color: var(--guide-muted, var(--muted))}
:root:not([data-theme="light"]) .course-workflow-details{border: 0;background: transparent}
:root:not([data-theme="light"]) .course-workflow-details > summary{color: var(--guide-green, var(--green))}
:root:not([data-theme="light"]) .course-workflow-steps p{color: var(--guide-muted, var(--muted))}
:root:not([data-theme="light"]) .course-workflow-state{color: var(--guide-muted, var(--muted))}
:root:not([data-theme="light"]) .course-workflow-note{color: var(--guide-muted, var(--muted))}
:root:not([data-theme="light"]) .course-workflow-record-links{border-top: 1px solid var(--guide-line, var(--line))}
:root:not([data-theme="light"]) .hs-progress{box-shadow: var(--mx-shadow, none)}
:root:not([data-theme="light"]) .hs-stats > div:nth-child(3) dd{color: var(--mx-diploma, var(--hs-green))}
:root:not([data-theme="light"]) .hs-status::before{background: currentColor}
:root:not([data-theme="light"]) .hs-connected{box-shadow: var(--mx-shadow, none)}
:root:not([data-theme="light"]) .hs-outcome{border-top: 4px solid var(--outcome, transparent)}
:root:not([data-theme="light"]) .hs-outcome h3{color: var(--outcome, var(--hs-muted))}
:root:not([data-theme="light"]) .grade-alert:not(.failure):not(.info){border-left-color: var(--mx-uc, #907030)}
}
@media screen{
:root[data-theme="dark"] .hs-progress,:root[data-theme="dark"] .hs-records,:root[data-theme="dark"] .hs-connected,:root[data-theme="dark"] .hs-form{--hs-paper: var(--guide-card, var(--#0d0d0d));color: var(--hs-ink)}
:root[data-theme="dark"] .hs-progress{border: 1px solid #293122;background: #191c15}
:root[data-theme="dark"] .hs-progress-head p,:root[data-theme="dark"] .hs-records-head p{color: var(--hs-muted)}
:root[data-theme="dark"] .hs-stats dt{color: var(--hs-muted)}
:root[data-theme="dark"] .hs-stats small{color: var(--hs-muted)}
:root[data-theme="dark"] .hs-progress progress{border: 0;accent-color: var(--hs-green);background: #272d22}
:root[data-theme="dark"] .hs-progress progress::-webkit-progress-bar{background: #272d22}
:root[data-theme="dark"] .hs-progress progress::-webkit-progress-value{background: var(--hs-green)}
:root[data-theme="dark"] .hs-progress progress::-moz-progress-bar{background: var(--hs-green)}
:root[data-theme="dark"] .hs-progress-note{color: var(--hs-muted)}
:root[data-theme="dark"] .hs-details{border: 0;border-top: 1px solid #283022;background: transparent}
:root[data-theme="dark"] .hs-details > summary{color: var(--hs-green)}
:root[data-theme="dark"] .hs-subject-row{border-bottom: 1px solid #252a20}
:root[data-theme="dark"] .hs-subject-row small{color: var(--hs-muted)}
:root[data-theme="dark"] .hs-source-links small{color: var(--hs-muted)}
:root[data-theme="dark"] .hs-empty{border: 1px dashed #2c3426;color: var(--hs-muted)}
:root[data-theme="dark"] .hs-record{border-bottom: 1px solid var(--hs-line)}
:root[data-theme="dark"] .hs-record p{color: var(--hs-muted)}
:root[data-theme="dark"] .hs-status{background: #1d211a;color: #95aa92}
:root[data-theme="dark"] .hs-status.review{background: #231c0f;color: #b6946a}
:root[data-theme="dark"] .grade-alert{border: 1px solid #593f06;border-left: 4px solid #907030;background: #1d1606;color: #bea376}
:root[data-theme="dark"] .grade-alert.failure{border-color: #71483e;border-left-color: #bb6b5a;background: #1f1613;color: #db8f81}
:root[data-theme="dark"] .grade-alert.info{border-color: #2a3029;border-left-color: #60715c;background: #181a17;color: #98ac94}
:root[data-theme="dark"] .hs-record .grade-alert-title,:root[data-theme="dark"] .hs-outcome .grade-alert-title{color: inherit}
:root[data-theme="dark"] .hs-record .grade-alert p,:root[data-theme="dark"] .hs-outcome .grade-alert p{color: inherit}
:root[data-theme="dark"] .grade-alert a{color: inherit;text-decoration: underline}
:root[data-theme="dark"] .hs-connected{border: 1px solid var(--hs-line);background: var(--hs-paper)}
:root[data-theme="dark"] .hs-outcome + .hs-outcome{border-left: 1px solid var(--hs-line)}
:root[data-theme="dark"] .hs-outcome h3{color: var(--hs-muted)}
:root[data-theme="dark"] .hs-outcome p{color: var(--hs-muted)}
:root[data-theme="dark"] .hs-row-details{border: 0;background: transparent}
:root[data-theme="dark"] .hs-row-details > summary{color: var(--hs-green)}
:root[data-theme="dark"] .hs-form fieldset{border: 1px solid var(--hs-line)}
:root[data-theme="dark"] .hs-form .hs-check input[type=checkbox]{accent-color: var(--hs-green)}
:root[data-theme="dark"] .hs-form .hs-help{color: var(--hs-muted)}
:root[data-theme="dark"] .hs-form .hs-form-notice{background: #1d1a12;color: #b39c79}
@media (max-width: 600px){:root[data-theme="dark"] .hs-outcome + .hs-outcome{border-left: 0;border-top: 1px solid var(--hs-line)}}
:root[data-theme="dark"] .course-workflow{border-top: 1px solid var(--guide-line, var(--line));color: var(--guide-ink, var(--ink))}
:root[data-theme="dark"] .course-workflow-label{color: var(--guide-muted, var(--muted))}
:root[data-theme="dark"] .course-workflow-next > div > p:last-child{color: var(--guide-muted, var(--muted))}
:root[data-theme="dark"] .course-workflow-details{border: 0;background: transparent}
:root[data-theme="dark"] .course-workflow-details > summary{color: var(--guide-green, var(--green))}
:root[data-theme="dark"] .course-workflow-steps p{color: var(--guide-muted, var(--muted))}
:root[data-theme="dark"] .course-workflow-state{color: var(--guide-muted, var(--muted))}
:root[data-theme="dark"] .course-workflow-note{color: var(--guide-muted, var(--muted))}
:root[data-theme="dark"] .course-workflow-record-links{border-top: 1px solid var(--guide-line, var(--line))}
:root[data-theme="dark"] .hs-progress{box-shadow: var(--mx-shadow, none)}
:root[data-theme="dark"] .hs-stats > div:nth-child(3) dd{color: var(--mx-diploma, var(--hs-green))}
:root[data-theme="dark"] .hs-status::before{background: currentColor}
:root[data-theme="dark"] .hs-connected{box-shadow: var(--mx-shadow, none)}
:root[data-theme="dark"] .hs-outcome{border-top: 4px solid var(--outcome, transparent)}
:root[data-theme="dark"] .hs-outcome h3{color: var(--outcome, var(--hs-muted))}
:root[data-theme="dark"] .grade-alert:not(.failure):not(.info){border-left-color: var(--mx-uc, #907030)}
}
/* dark-theme:end */