@import url("https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800&family=Barlow+Condensed:wght@700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap");
/* ════════════════════════════════════════════════════════════════════════════
   EVERY MEMBER COURSE ON THE V2 SYSTEM ("the Annotated Barbell", _ds/ib-v2) · 5 Oct 2026
   Owner: *"view what we did for the nutrition program course … update the 30 day
   onramp to use that styling, then do the same for all courses."* The nutrition
   course's 7.59b look, lifted out of nutrition-course.css so every course the reader
   draws wears it (On-Ramp · Nutrition Coaching · Trial Week). The reader puts `.v2`
   on `.cd-p` / `.cd-mods` unless a course says `ds:'v1'`. Tokens are V2's own: iron
   + white, electric blue acts, green/yellow/red only for STATE, Anton for loud
   numbers, Barlow Condensed 900 headings, Inter body, JetBrains Mono for figures.
   nutrition-course.css keeps only the nutrition read-out blocks (.nc-*).
   ════════════════════════════════════════════════════════════════════════════ */
.cd-p.v2,.cd-mods.v2{--v-iron:#0A0A0A;--v-steel:#1A1A1A;--v-gun:#2A2A2A;--v-silver:#9A9A9A;--v-chalk:#F5F5F5;--v-ink:#111;--v-mut:#5C5C5C;--v-hair:#E4E4E4;--v-el:#075DC6;--v-elb:#4FA8FF;--v-eld:#044399;--v-elt:#E5EFFC;--v-red:#E31B23;--v-redd:#A3131A;--v-redt:#FCE8E8;--v-grn:#1E9E62;--v-grnd:#0F6B45;--v-grnt:#E4F2E8;--v-yel:#D9A21B;--v-yeld:#8A6206;--v-yelt:#F8EED6;--v-anton:"Anton",Impact,sans-serif;--v-cond:"Barlow Condensed",sans-serif;--v-body:"Inter",system-ui,sans-serif;--v-mono:"JetBrains Mono",ui-monospace,monospace;--zs:#B23B3B;--zw:#D8B24A;--zf:#16C46A;--za:#075DC6;--z-sick:#B23B3B;--z-well:#D8B24A;--z-fit:#16C46A;--z-ath:#075DC6}
.cd-p.v2 .cd-prose,.cd-p.v2 .cd-prose p{font-family:var(--v-body)}
.cd-p.v2 .cd-prose h4,.cd-p.v2 h2{font-family:var(--v-cond);font-weight:900}
.cd-p.v2 .cd-prule{background:var(--v-el);height:4px;width:80px}
.cd-p.v2 .cd-mrail,.cd-p.v2 .cd-pmain,.cd-mods.v2{border-radius:4px}
.cd-p.v2 .cd-k{font-family:var(--v-mono);font-weight:700;letter-spacing:.04em;border-radius:3px}
/* the rail hero goes iron, like the brand's dark surface */
.cd-p.v2 .cd-rhero{background:var(--v-iron);color:#fff;border-bottom:0}
.cd-p.v2 .cd-rhero h3{color:var(--v-elb);font-family:var(--v-cond)}
.cd-p.v2 .cd-rhero h3 span{color:#fff}
.cd-p.v2 .cd-rhero .k,.cd-p.v2 .cd-rhero .p,.cd-p.v2 .cd-rwk{color:var(--v-silver)}
.cd-p.v2 .cd-rhero .p em{font-family:var(--v-mono);letter-spacing:0}
.cd-p.v2 .cd-rhero .cd-back{color:var(--v-silver)}.cd-p.v2 .cd-rhero .cd-back:hover{color:#fff}
.cd-p.v2 .cd-rr.on{background:var(--v-elt);border-left-color:var(--v-el)}
/* the module list */
.cd-mods.v2 .cd-mod{border-radius:0}
.cd-mods.v2 .cd-phase{background:var(--v-iron);color:#fff;border-bottom:0;font-family:var(--v-cond);font-size:12px;letter-spacing:.12em}
.cd-mods.v2 .cd-mn{font-family:var(--v-mono);font-weight:700;font-size:13px;color:var(--v-el)}
.cd-mods.v2 .cd-mmeta{font-family:var(--v-mono);font-weight:500}
.cd-mods.v2 .cd-mod.on{background:var(--v-elt);border-left-color:var(--v-el)}
/* the shared blocks, recoloured */
.cd-p.v2 .cd-nums{border-radius:4px}
.cd-p.v2 .cd-nums>div{background:#fff}
.cd-p.v2 .cd-nums>div>b{font-family:var(--v-anton);font-weight:400;color:var(--v-el);letter-spacing:.01em}
.cd-p.v2 .cd-gridb .c{border-top:4px solid var(--v-el);border-radius:4px}
.cd-p.v2 .cd-gridb .c>b{font-family:var(--v-cond);font-size:18px}
.cd-p.v2 .cd-stepsb{border-radius:4px}
.cd-p.v2 .cd-stepsb .r::before{content:counter(s);left:14px;top:13px;width:24px;height:24px;border-radius:999px;background:var(--v-el);color:#fff;display:grid;place-items:center;font-family:var(--v-mono);font-size:12px;font-weight:700}
.cd-p.v2 .cd-call{background:var(--v-iron);border-left:4px solid var(--v-el);border-radius:0 4px 4px 0}
.cd-p.v2 .cd-call b{color:var(--v-elb);font-family:var(--v-cond);font-size:17px}
.cd-p.v2 .cd-call p,.cd-p.v2 .cd-prose .cd-call p{color:#E8E8E8}
.cd-p.v2 .cd-prose .cd-call p strong,.cd-p.v2 .cd-prose .cd-call p b{color:#fff}
.cd-p.v2 .cd-tbl th{background:var(--v-iron);color:#fff;font-family:var(--v-cond);border-bottom:0}
.cd-p.v2 .cd-tbl{border-radius:4px}
/* the road: each stage wears its class-plan phase colour (7.69d) */
.cd-p.v2 .cd-road{border-radius:4px}
.cd-p.v2 .cd-road .st{border-top-width:4px}
.cd-p.v2 .cd-road .n{font-family:var(--v-mono);font-weight:700;font-size:20px}
.cd-p.v2 .cd-road .st:nth-child(1){border-top-color:#7B1E4A}.cd-p.v2 .cd-road .st:nth-child(2){border-top-color:#C2392D}.cd-p.v2 .cd-road .st:nth-child(3){border-top-color:#F08A30}.cd-p.v2 .cd-road .st:nth-child(4){border-top-color:#127A6E}.cd-p.v2 .cd-road .st:nth-child(5){border-top-color:#2E6FA8}
.cd-p.v2 .cd-road .st.on .n{color:var(--v-elb)}
.cd-p.v2 .cd-road i{font-family:var(--v-mono);letter-spacing:.06em;border-radius:3px}
/* hierarchy + stack */
.cd-p.v2 .cd-pyr{border-radius:4px}
.cd-p.v2 .cd-pyr .ti{border-radius:3px}
.cd-p.v2 .cd-stack .c{border-top-width:4px;border-radius:4px}
.cd-p.v2 .cd-stack .n{font-family:var(--v-mono);font-weight:700;letter-spacing:.04em}
.cd-p.v2 .cd-stack .c>b{font-family:var(--v-cond)}
.cd-p.v2 .cd-stack em{font-family:var(--v-mono);font-weight:500;letter-spacing:.04em;text-transform:none}
.cd-p.v2 .cd-stack .lv{border-top-width:4px;border-radius:4px}
/* screenshots, video, write-in */
.cd-p.v2 .cd-shot{background:var(--v-chalk);border-color:var(--v-hair);border-radius:4px}
.cd-p.v2 .cd-shot img{border-radius:3px}
.cd-p.v2 .cd-vslot{border-radius:4px;border-left:4px solid var(--v-el)}
.cd-p.v2 .cd-vslot i{font-family:var(--v-mono);font-weight:500;letter-spacing:.04em;text-transform:none;border-radius:3px}
.cd-p.v2 .cd-write{border-top-width:4px;border-radius:4px}
.cd-p.v2 .cd-write .wh>i{font-family:var(--v-mono);font-weight:500;letter-spacing:.02em;text-transform:none;border-radius:3px}
.cd-p.v2 .cd-write textarea{border-radius:3px}
/* lists, jobs, the finish */
.cd-p.v2 .cd-ol{border-radius:4px}
.cd-p.v2 .cd-ol li::before{font-family:var(--v-mono);font-weight:700;font-size:12px}
.cd-p.v2 .cd-keys li::before{border-radius:1px}
.cd-p.v2 .cd-job{border-radius:4px}
.cd-p.v2 .cd-job.done{background:var(--v-grnt);border-color:#BFDDCB}
.cd-p.v2 .cd-fin{border-radius:4px;background:var(--v-grnt)}
.cd-p.v2 .cd-fin .ck{background:var(--v-grn)}
.cd-p.v2 .cd-scan{border-radius:4px}
.cd-p.v2 .cd-scan .n div b{font-family:var(--v-anton);font-weight:400}
/* photographs: V2 shows them as they are, no hero grade */
.cd-p.v2 .cd-photo{margin:0;border:1px solid var(--v-hair);border-radius:4px;overflow:hidden;background:#111}
.cd-p.v2 .cd-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 35%;filter:none}
.cd-p.v2 .cd-photo figcaption:empty{display:none}
