/* A compact invitation; the complete reading order opens on request. */
.reading-trail.course-compact{display:block;padding:38px max(32px,calc((100vw - 1210px)/2));scroll-margin-top:20px}
.course-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px 50px;align-items:center}
.course-compact h2{font-size:clamp(30px,3.5vw,40px);line-height:1.15;margin:10px 0 14px}
.reading-trail .course-intro p{max-width:58ch;margin:0;color:#e1e5d8;line-height:1.75}
.course-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.course-actions .course-begin{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;background:#e4be7f;color:#17372b;font-size:14px;line-height:1.5;white-space:normal}
.reading-trail .course-actions .course-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:auto;min-height:46px;padding:12px 18px;border:1px solid #dfc59580;border-radius:6px;background:transparent;color:#f9f2e2;font:14px/1.5 Georgia,serif;text-align:center}
.course-toggle svg{width:16px;height:16px;flex-shrink:0;transition:transform 200ms ease-out}
.course-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.course-begin:focus-visible,.course-toggle:focus-visible{outline:2px solid #f0cf96;outline-offset:4px}
.course-actions .course-begin:hover{background:#f0cf96}.reading-trail .course-toggle:hover{background:#ffffff0b;color:#fff8e9}
.course-panel{position:relative;isolation:isolate;margin-top:28px;padding:20px 30px 24px;border-top:1px solid #c4b28f66;background:#17372b;overflow:hidden}
.course-panel:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.24;background:url('illustrations/course-pilgrim-path-v1.png') 70% center/cover no-repeat;pointer-events:none}
.reading-trail .course-panel>ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;align-items:stretch}
.reading-trail .course-panel li{min-width:0;border-color:#f9f2e233}
.reading-trail .course-panel .course-route{height:100%;min-height:82px;gap:16px;padding:17px 0}
.course-panel .course-route strong{font-size:20px;line-height:1.4;color:#fff8e9}
.course-panel .course-route small{color:#e7e5d7;line-height:1.5}
.course-panel .course-number{color:#f0cf96}
.reading-trail .course-panel .course-overview-note{max-width:70ch;margin:24px 0 10px;color:#f1ebdc}
.reading-trail .course-panel .course-status{max-width:70ch;margin:0 0 4px;color:#f1ebdc}
.reading-trail .course-panel .course-reset{width:auto;min-height:44px;padding:9px 0;color:#f9f2e2}
@media(max-width:1000px){.course-intro{grid-template-columns:1fr;gap:24px}.course-actions{align-items:stretch}}
@media(max-width:740px){.reading-trail.course-compact{padding:30px 20px}.course-compact h2{font-size:32px}.course-panel{padding:12px 20px 20px;margin-top:24px}.reading-trail .course-panel>ol{grid-template-columns:minmax(0,1fr)}.course-panel:before{background-position:right top;background-size:auto 620px}.course-panel .course-route strong{font-size:19px}.course-actions{gap:10px}.course-actions .course-begin,.reading-trail .course-actions .course-toggle{flex:1 1 180px}}
@media(prefers-reduced-motion:reduce){.course-toggle svg{transition:none}}