.course-description-preview{padding:1.35rem 1.5rem .75rem;color:var(--text-body);font-size:.95rem;line-height:2.2}
.course-description-preview[hidden]{display:none}
.course-description-disclosure>summary{position:relative;z-index:5;top:auto;bottom:auto;left:auto;right:auto;margin:0;border:1px solid rgba(8,127,118,.18);border-radius:.9rem;background:rgba(255,255,255,.72);box-shadow:0 .5rem 1.2rem rgba(16,65,59,.08);backdrop-filter:blur(10px);transition:box-shadow .2s ease,background-color .2s ease,transform .2s ease}
.course-description-disclosure.is-floating{position:relative}
.course-description-disclosure.is-floating::before{content:"";display:block;height:var(--course-description-summary-height,0px)}
.course-description-disclosure.is-floating-fixed>summary{position:fixed;top:var(--course-description-summary-top);left:var(--course-description-summary-left);right:auto;bottom:auto;width:var(--course-description-summary-width);margin:0}
.course-description-disclosure.is-floating-end>summary{position:absolute;top:auto;left:0;right:0;bottom:0;width:auto;margin:0}
.course-description-disclosure>summary:hover{box-shadow:0 .65rem 1.5rem rgba(16,65,59,.12)}
.course-description-disclosure>summary:focus-visible{outline:3px solid rgba(8,127,118,.28);outline-offset:3px}
.course-description-disclosure.is-short>summary{display:none}
.course-description-disclosure.is-collapsible:not([open]) .course-description{display:none}
.course-description-disclosure.is-collapsible[open] .course-description{animation:course-description-reveal .2s ease both}
.course-description-disclosure.is-collapsible .course-description{padding-bottom:1.8rem}
.course-description-disclosure.is-short .course-description{padding-bottom:1.8rem}
@keyframes course-description-reveal{from{opacity:.45;transform:translateY(-.25rem)}to{opacity:1;transform:none}}
body.is-dimmed .course-description-preview{color:var(--text-body)}
body.is-dimmed .course-description-disclosure>summary{background:rgba(30,41,59,.78);border-color:rgba(99,214,197,.24);box-shadow:0 .5rem 1.2rem rgba(0,0,0,.18)}
@media(max-width:760px){.course-description-disclosure>summary{padding-inline:1rem}.course-description-disclosure.is-collapsible[open] .course-description{animation:none}}
@media(max-width:760px){.course-description-preview{padding-inline:1rem;font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.course-description-disclosure>summary,.course-description-disclosure.is-collapsible[open] .course-description{transition:none;animation:none}}