/* Keep all original content; compact disclosures on phones. */
.course-fold>summary{list-style:none;cursor:pointer;position:relative}
.course-fold>summary::-webkit-details-marker{display:none}
.course-fold>summary:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:2px}
.phase.course-fold{display:block}
.phase.course-fold>summary{display:grid;grid-template-columns:70px 1fr 20px;gap:1rem;align-items:start}
.phase.course-fold .phase-days{font:.7rem/1.6 var(--sans,Arial,sans-serif);letter-spacing:.08em;padding-top:.35rem}
.phase.course-fold .fold-body{padding-left:86px}
.fold-mark{display:inline-block!important;position:relative;width:18px;height:18px;margin:.35rem 0 0!important;padding:0!important;font-size:0!important;flex-shrink:0}
.fold-mark::before,.fold-mark::after{content:"";position:absolute;top:8px;left:2px;width:14px;height:1px;background:currentColor}
.fold-mark::after{transform:rotate(90deg);transition:transform .25s ease}
.course-fold[open]>summary .fold-mark::after{transform:rotate(0)}
.included-card.course-fold>summary{display:grid;grid-template-columns:1fr 20px;gap:.6rem;align-items:start}
.included-card.course-fold .included-symbol{grid-column:1/-1;display:block;margin:0 0 1.5rem;font-size:1.4rem}
.included-card.course-fold summary b{display:block;font:400 2rem/1.12 var(--serif);letter-spacing:-.03em}
.included-card.course-fold p{margin:.8rem 0 0}
@media(max-width:680px){
 .phase.course-fold{padding:1.1rem 0!important;min-height:0}
 .phase.course-fold>summary{grid-template-columns:58px 1fr 18px;gap:.7rem;min-height:44px;align-items:center}
 .phase.course-fold h3{font-size:1.4rem;line-height:1.12;margin:0}
 .phase.course-fold .phase-days{font-size:.6rem;padding-top:0}
 .phase.course-fold .fold-body{padding-left:calc(58px + .7rem)}
 .phase.course-fold .fold-body p{font-size:.92rem;line-height:1.6;margin:.8rem 0 0}
 .included-grid:has(.course-fold){gap:.6rem}
 .included-card.course-fold{padding:1rem;min-height:0;border-radius:5px}
 .included-card.course-fold>summary{grid-template-columns:20px 1fr 18px;align-items:center;gap:.75rem;min-height:44px}
 .included-card.course-fold .included-symbol{grid-column:auto;font-size:.95rem;margin:0}
 .included-card.course-fold summary b{font-size:1.35rem;line-height:1.2}
 .included-card.course-fold .fold-body p{font-size:.92rem;line-height:1.6}
 .course-fold .fold-mark{margin:0!important}
 /* Lower object-position shifts the subject to the right within a cover crop. */
 .back-theme.motion-course .course-hero>figure img{object-position:calc(55% + 21vw) center}
 .back-theme.motion-course .course-hero::before{background:linear-gradient(90deg,rgba(43,34,29,.6),rgba(43,34,29,.1)),linear-gradient(180deg,rgba(43,34,29,.18),rgba(43,34,29,.45) 35%,rgba(43,34,29,.8))}
}
@media(prefers-reduced-motion:reduce){.fold-mark::after{transition:none}}

/* Remove inherited title margins so the icon, title and toggle share a centre. */
.included-card.course-fold summary b{margin:0}
@media(max-width:680px){
 .included-card.course-fold>summary{align-items:center}
 .included-card.course-fold .included-symbol{display:flex;align-items:center;justify-content:center;align-self:center;line-height:1;margin:0}
 .included-card.course-fold .fold-mark{align-self:center}
}