/* FIX108 - Dispatch course (landing + lessons) skinned to match the other courses (xc.css look). Loaded by header.php only on dispatch-course* pages. style.css is never touched. */
:root{--dx-ink:#0F1724;--dx-navy:#002868;--dx-red:#B22234;--dx-gold:#C8A84B;--dx-line:#DDE3ED;--dx-paper:#F7F9FC;--dx-muted:#6B7689;--dx-d:'Bebas Neue','Arial Narrow',Impact,sans-serif}

/* ---------- lessons and other dispatch pages (everything that is not the landing page) ---------- */
main:not(.cp) .hero{background:var(--dx-paper);color:var(--dx-ink);padding:30px 0 24px;border-bottom:1px solid var(--dx-line)}
main:not(.cp) .hero::before,main:not(.cp) .hero::after{display:none}
main:not(.cp) .hero .crumb,main:not(.cp) .hero .crumb a{color:var(--dx-muted);font-weight:400;font-size:14px}
main:not(.cp) .hero .crumb a{color:var(--dx-navy)}
main:not(.cp) .hero h1{font-family:var(--dx-d);font-weight:400;font-size:clamp(32px,4.6vw,54px);line-height:1.02;color:var(--dx-ink);letter-spacing:0;margin:6px 0 8px}
main:not(.cp) .hero .lede{color:#2B3444;font-size:17px;max-width:46em}
main:not(.cp) .hero .c-chips span{background:#fff;color:var(--dx-ink);border:1px solid var(--dx-line);font-weight:600}
main:not(.cp) .hero + .stripe,main:not(.cp) .stripe{display:none}
main:not(.cp) .c-sec{padding-top:36px}
main:not(.cp) .c-sec .c-grid{grid-template-columns:300px minmax(0,1fr);gap:44px}
main:not(.cp) .c-side{background:#fff;border:1px solid var(--dx-line);border-radius:12px;padding:16px;font-size:14.5px}
main:not(.cp) .c-toc summary{font-weight:800;color:var(--dx-ink)}
main:not(.cp) .c-mod{color:var(--dx-muted)}
main:not(.cp) .c-list a{color:var(--dx-ink);padding:8px 6px;font-size:14.5px;border-radius:8px}
main:not(.cp) .c-list a:hover{background:var(--dx-paper);color:var(--dx-ink)}
main:not(.cp) .c-list a.on{background:#E8EEF9;color:var(--dx-ink);font-weight:800}
main:not(.cp) .c-n{width:24px;height:24px;flex:0 0 24px;background:#fff;border:2px solid var(--dx-line);color:var(--dx-muted);font-weight:800}
main:not(.cp) .c-list a.on .c-n{background:#fff;border-color:var(--dx-navy);color:var(--dx-navy)}
main:not(.cp) .c-list a.done .c-n{background:#14733E;border-color:#14733E}
main:not(.cp) .c-home{color:var(--dx-navy)}
main:not(.cp) .c-main{max-width:760px}
main:not(.cp) .c-main p,main:not(.cp) .c-main li{font-size:17px;line-height:1.75;color:#2B3444}
main:not(.cp) .c-main h2{font-family:var(--dx-d);font-weight:400;font-size:34px;line-height:1.1;color:var(--dx-ink);margin:38px 0 12px}
main:not(.cp) .c-main h3{font-size:21px;color:var(--dx-ink);margin:28px 0 8px}
main:not(.cp) .c-main h2:first-child{margin-top:8px}
@media(max-width:900px){main:not(.cp) .c-sec .c-grid{grid-template-columns:minmax(0,1fr)}main:not(.cp) .c-side{position:static;max-height:none}}

/* ---------- landing page (.cp) ---------- */
.cp .sec{padding:60px 0}
.cp .sec-white{background:#fff}
.cp .sec:not(.sec-white){background:var(--dx-paper)}
.cp h2{font-family:var(--dx-d);font-weight:400;font-size:clamp(34px,4.4vw,52px);line-height:1.05;color:var(--dx-ink);letter-spacing:0;text-wrap:balance}
.cp .eyebrow{display:none}
.cp .hero{background:linear-gradient(135deg,#1B1A3C 0%,#001A4A 38%,#002868 100%);padding:44px 0 52px;color:#D3DDF0}
.cp .hero h1{font-family:var(--dx-d);font-weight:400;font-size:clamp(46px,6.2vw,92px);line-height:.98;color:#fff;letter-spacing:0}
.cp .hero .crumb,.cp .hero .crumb a{color:#B9C4DA;font-weight:400;font-size:14px}
.cp .hero .c-hook{color:#fff;font-weight:600}
.cp .hero .lede{color:#D3DDF0}
.cp .c-facts{display:block;margin:20px 0 0;padding:0;background:none;border:0;border-radius:0;font-weight:800;color:#E2C96A;font-size:16px;line-height:1.7}
.cp .c-facts li{display:inline;padding:0;border:0;font:inherit;color:inherit}
.cp .c-facts li+li::before{content:" \00b7 ";color:#E2C96A}
.cp .c-facts b{display:inline;font:inherit;margin:0 3px 0 0;color:inherit}
.cp .hero .ctr-price{color:#B9C4DA;font-size:14px}.cp .hero .ctr-price b{color:#E2C96A}
.cp .c-hero-img{border:0;border-radius:12px;box-shadow:none}
.cp .cof{background:#001A4A;border:0;padding:14px 0}
.cp .cof-text b{font-family:var(--dx-d);font-weight:400;font-size:30px;color:#E2C96A}
.cp .cof-text span{font-family:inherit;color:#D3DDF0}
.cp .cof-clock b{font-family:inherit;color:#E2C96A}
.cp .ctr-ledger{background:#fff;border-bottom:1px solid var(--dx-line)}
.cp .ctr-ledger li{border-color:var(--dx-line)}
.cp .ctr-ledger b{font-family:var(--dx-d);font-weight:400;font-size:30px;color:var(--dx-red)}
.cp .ctr-ledger span{font-family:inherit;color:#2B3444}
/* columns like the other courses: a coloured rule on top, no box */
.cp .cau-card{background:transparent;border:0;border-top:3px solid var(--dx-red);border-radius:0;box-shadow:none;padding:16px 0 0}
.cp .cau-card h3{font-family:inherit;font-weight:800;font-size:20px;line-height:1.25;color:var(--dx-ink)}
.cp .cau-hook{color:var(--dx-navy)}
.cp .acard,.cp .c-card{background:#fff;border:1px solid var(--dx-line);border-top:3px solid var(--dx-gold);border-radius:0 0 10px 10px;box-shadow:none}
.cp .acard h3,.cp .c-card h3{font-family:inherit;font-weight:800;font-size:18px;line-height:1.3}
.cp .acard:hover,.cp .c-card:hover{border-color:var(--dx-gold);box-shadow:0 10px 24px -16px rgba(0,26,74,.5)}
.cp .c-modhd{margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--dx-ink)}
.cp .ctr-no,.cp .ctr-yes{border-radius:10px}
.cp .cmid,.cp .ctr-end{background:#002868;color:#D3DDF0;padding:48px 0}
.cp .cmid-box{background:transparent;border:0;box-shadow:none;color:#D3DDF0}
.cp .cmid h2,.cp .ctr-end h2,.cp .cta h2{color:#fff}
.cp .stripe{display:none}
@media(max-width:700px){.cp .sec{padding:38px 0}.cp .hero{padding:28px 0 34px}}
main:not(.cp) .hero-grid{padding:12px 0 0}
main:not(.cp) .hero .lede{margin-bottom:0}