/* Served course primary (src/utils/coursePrimary.ts): loads with the document, before any React chunk. */
.cp { --paper:#F6F2EA; --ink:#1d1d1b; --ink-3:#5b5b57; --terra:#D45C30; background:var(--paper); color:var(--ink); font:16px/1.6 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; padding:0 16px 48px; }
.cp * { box-sizing:border-box; }
.cp a { color:var(--terra); text-decoration:none; }
.cp a:hover { text-decoration:underline; }
.cp-crumb { max-width:1100px; margin:0 auto; padding:18px 0; font-size:13px; color:var(--ink-3); }
.cp-hero, .cp-guide { max-width:1100px; margin:0 auto; }
.cp-kicker { font:700 12px/1.4 'JetBrains Mono','SF Mono',monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--terra); margin:12px 0 6px; }
.cp h1 { font:700 clamp(40px,8vw,88px)/0.95 'Source Serif 4',Georgia,serif; letter-spacing:-.03em; margin:0 0 12px; }
.cp-rank { color:var(--ink-3); margin:0 0 18px; }
.cp-para { max-width:760px; font-size:17px; margin:0 0 18px; }
.cp-mps { list-style:none; padding:0; margin:0 0 12px; display:flex; flex-wrap:wrap; gap:10px; }
.cp-mps li { background:#fff; border:1px solid #ddd8cc; padding:10px 14px; font-weight:600; }
.cp-guide h2 { font:600 28px/1.25 'Source Serif 4',Georgia,serif; margin:36px 0 8px; }
.cp-pathway h3 { font:700 13px/1.4 'JetBrains Mono','SF Mono',monospace; letter-spacing:.12em; text-transform:uppercase; color:var(--terra); margin:28px 0 10px; }
.cp-lesson { background:#fff; border:1px solid #ddd8cc; padding:16px 18px; margin:0 0 10px; }
.cp-lesson h4 { font:600 18px/1.25 'Source Serif 4',Georgia,serif; margin:0 0 6px; }
.cp-lesson p { margin:0; font-size:15px; color:#2b2b28; }