@import url("https://fonts.googleapis.com/css2?family=Anton&family=JetBrains+Mono:wght@400;500;700&display=swap");
/* ════════════════════════════════════════════════════════════════════════════
   COACH DEVELOPMENT ON THE V2 COURSE LOOK · 5 Oct 2026
   Owner: *"do the same for all courses / development."* The coach's course player
   (desk/desk-codev.jsx, .cv-*) takes the member courses' V2 reading (p1/course-v2.css):
   reading-size body, Barlow Condensed 900 heads, Anton for the loud numbers, Mono
   for figures, iron callouts with the blue edge, 4px blue-topped cards, numbered
   blue rounds, the app's four zone hues. Paint only — loaded after desk.css; every
   rule is one class deeper than desk.css so it wins without !important.
   ════════════════════════════════════════════════════════════════════════════ */
.dk .cv-p,.dk .cv-h,.dk .cv-lib{--v-anton:"Anton",Impact,sans-serif;--v-el:#075DC6;--v-elb:#4FA8FF;--v-eld:#044399;--v-elt:#E5EFFC;--v-iron:#0A0A0A}
/* the page */
.dk .cv-p .cv-pw{max-width:880px;padding:34px 40px 34px}
.dk .cv-p .cv-ph{font-size:36px;line-height:1.02}
.dk .cv-p .cv-prule{height:4px;width:80px;margin:16px 0 24px}
.dk .cv-p .cv-k{font-family:var(--f-mono);font-weight:700;letter-spacing:.04em;font-size:9.5px;border-radius:3px}
.dk .cv-p .cv-read{max-width:70ch}
.dk .cv-p .cv-rb{margin-bottom:22px}
.dk .cv-p .cv-read p{font-size:15.5px;line-height:1.7;margin:0 0 14px}
.dk .cv-p .cv-read p b,.dk .cv-p .cv-read p strong{font-weight:700}
.dk .cv-p .cv-vcap,.dk .cv-p .cv-note,.dk .cv-p .cv-cap,.dk .cv-p .cv-tnote{font-size:13px;line-height:1.6}
/* the rail */
.dk .cv-p .cv-rhero h3 span{font-size:23px}
.dk .cv-p .cv-rr.on{box-shadow:inset 3px 0 0 var(--v-el);border-radius:0 4px 4px 0}
/* cards */
.dk .cv-p .cv-grid{gap:12px}
.dk .cv-p .cv-gi{background:#fff;border-top:4px solid var(--v-el);padding:16px 18px}
.dk .cv-p .cv-gi h5{font-size:18px;margin-bottom:7px}
.dk .cv-p .cv-gi p{font-size:13.5px;line-height:1.55}
.dk .cv-p .cv-gn{font-size:10.5px;font-weight:700;color:var(--v-el)}
.dk .cv-p .cv-figs .cv-fig h5{font-size:16px}
.dk .cv-p .cv-figs .cv-fig p{font-size:13px;line-height:1.55}
.dk .cv-p .cv-fig img{border-radius:4px}
/* callout = iron, blue edge; quote = loud */
.dk .cv-p .cv-call{background:var(--v-iron);border:0;border-left:4px solid var(--v-el);border-radius:0 4px 4px 0;padding:16px 20px}
.dk .cv-p .cv-call .ct{color:var(--v-elb);font-size:17px;margin-bottom:6px}
.dk .cv-p .cv-call p{color:#E8E8E8;font-size:14px;line-height:1.6}
.dk .cv-p .cv-call p b,.dk .cv-p .cv-call p strong{color:#fff}
.dk .cv-p .cv-quote{background:#fff;border-left:4px solid var(--v-el);border-radius:0 4px 4px 0;padding:16px 20px}
.dk .cv-p .cv-quote p{font-size:24px;line-height:1.15}
.dk .cv-p .cv-quote p b{font-size:12px}
/* numbered list = blue rounds */
.dk .cv-p .cv-ol{gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:4px;overflow:hidden}
.dk .cv-p .cv-ol li{grid-template-columns:24px 1fr;gap:14px;align-items:start;background:#fff;padding:13px 16px;font-size:14px;line-height:1.55}
.dk .cv-p .cv-ol .n{width:24px;height:24px;border-radius:999px;background:var(--v-el);color:#fff;display:grid;place-items:center;font-size:11px}
.dk .cv-p .cv-ol i{font-size:13px;line-height:1.55}
/* tables, chain, zones */
.dk .cv-p .cv-tbl{font-size:13.5px}
.dk .cv-p .cv-tbl th{font-size:12px;padding:10px 12px}
.dk .cv-p .cv-tbl td{padding:10px 12px}
.dk .cv-p .cv-chain{background:#fff;padding:16px}
.dk .cv-p .cv-zone{background:#fff;padding:14px 15px 16px}
.dk .cv-p .cv-zbar{height:6px;background:#B23B3B}
.dk .cv-p .cv-zone.z-well .cv-zbar{background:#D8B24A}
.dk .cv-p .cv-zone.z-fit .cv-zbar{background:#16C46A}
.dk .cv-p .cv-zone.z-ath .cv-zbar{background:#075DC6}
.dk .cv-p .cv-zone h5{font-size:17px}
.dk .cv-p .cv-zone p{font-size:13px;line-height:1.55}
/* the exam */
.dk .cv-p .cv-exres b{font-family:var(--v-anton);font-weight:400;font-size:52px;letter-spacing:.01em}
.dk .cv-p .cv-q{border-radius:4px;padding:18px 20px}
.dk .cv-p .cv-qq{font-size:15.5px;line-height:1.5}
.dk .cv-p .cv-opt{font-size:14px;padding:12px 14px}
.dk .cv-p .cv-why{font-size:13px;line-height:1.55}
.dk .cv-p .cv-fin{border-radius:4px}
/* the course page + library */
.dk .cv-h .cv-bnr{border-bottom-width:4px}
.dk .cv-h .cv-mn{color:var(--v-el)}
.dk .cv-h .cv-m{border-radius:4px}
.dk .cv-h .cv-mt b{font-size:18px}
.dk .cv-h .cv-st,.dk .cv-lib .cv-lc{border-radius:4px}
.dk .cv-lib .cv-lcb{border-top:4px solid var(--v-el)}
/* ════ [7.89] LESS SCROLLING, AN EXAM THAT FITS THE PAGE, THE FINAL (owner, 6 Oct 2026) ════
   The read page was a 70ch column inside a 1060px pane, so a three-card grid was three
   narrow towers and every second page scrolled. Prose keeps its reading measure; cards,
   figures, tables and the zones take the pane's width. The exam was a run-on paragraph
   at 12.5px across the whole pane: now a cover (three tiles + the rules) and one
   question at a time. */
.dk .dk-nav{overflow-x:hidden}
.dk .cv-p .cv-pw{max-width:1060px;padding:28px 44px 30px}
.dk .cv-p .cv-ph{font-size:34px}
.dk .cv-p .cv-prule{margin:12px 0 20px}
.dk .cv-p .cv-read{max-width:none}
.dk .cv-p .cv-read .cv-rb>p,.dk .cv-p .cv-read .cv-rb>.dk-lab{max-width:70ch}
.dk .cv-p .cv-read .cv-call,.dk .cv-p .cv-read .cv-quote,.dk .cv-p .cv-read .cv-ol{max-width:80ch}
.dk .cv-p .cv-rb{margin-bottom:20px}
.dk .cv-p .cv-gi{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;align-content:start;padding:14px 16px 15px}
.dk .cv-p .cv-gi>.cv-gic{width:26px;height:26px;margin:0 0 8px}
.dk .cv-p .cv-gi>.cv-gn{margin:0 0 8px}
.dk .cv-p .cv-gi>h5,.dk .cv-p .cv-gi>p{grid-column:1/-1}
.dk .cv-p .cv-rr .t b{font-size:13px}
.dk .cv-p .cv-rr.static{cursor:default}
.dk .cv-p .cv-rr.static:hover{background:none}
.dk .cv-p .cv-rcap{font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dk-sub);padding:6px 10px 4px}
/* the exam cover */
.dk .cv-p .cv-x{max-width:780px}
.dk .cv-p .cv-xcov{display:grid;gap:18px}
.dk .cv-p .cv-xtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dk .cv-p .cv-xtiles>div{background:#fff;border:1px solid var(--dk-line);border-top:4px solid var(--v-el);border-radius:4px;padding:14px 16px 13px}
.dk .cv-p .cv-xtiles b{display:block;font-family:var(--v-anton);font-weight:400;font-size:42px;line-height:1;color:var(--v-iron)}
.dk .cv-p .cv-xtiles span{display:block;margin-top:7px;font-family:var(--f-mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dk-mut)}
.dk .cv-p .cv-xrules{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dk .cv-p .cv-xrules li{display:grid;grid-template-columns:8px minmax(0,1fr);gap:14px;font-size:14.5px;line-height:1.55;color:var(--dk-fg);text-wrap:pretty}
.dk .cv-p .cv-xrules li::before{content:"";width:8px;height:8px;background:var(--v-el);margin-top:8px}
.dk .cv-p .cv-xcov .cv-links{margin-top:2px;gap:12px}
.dk .cv-p .cv-x .cv-links .dk-mut{font-size:12.5px}
.dk .cv-p .cv-xnone{font-size:14px;line-height:1.6;color:var(--dk-mut);margin:0}
/* the result */
.dk .cv-p .cv-xres{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--dk-line);border-top:4px solid var(--turf);border-radius:4px;padding:18px 20px}
.dk .cv-p .cv-xres.no{border-top-color:var(--rust)}
.dk .cv-p .cv-xres .sc b{display:block;font-family:var(--v-anton);font-weight:400;font-size:58px;line-height:.95}
.dk .cv-p .cv-xres.ok .sc b{color:var(--turf-deep)}
.dk .cv-p .cv-xres.no .sc b{color:var(--rust-deep)}
.dk .cv-p .cv-xres .sc span{display:block;margin-top:6px;font-family:var(--f-mono);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dk-mut)}
.dk .cv-p .cv-xres .tx p{font-size:14px;line-height:1.55;margin:5px 0 0;text-wrap:pretty}
.dk .cv-p .cv-x .cv-talk{margin-top:14px;padding:14px 16px}
.dk .cv-p .cv-x .cv-talk li{font-size:13.5px;line-height:1.5}
/* one question at a time */
.dk .cv-p .cv-xbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.dk .cv-p .cv-xbar .dk-lab{margin-left:auto}
.dk .cv-p .cv-xstrip{display:flex;flex-wrap:wrap;gap:5px}
.dk .cv-p .cv-xd{width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid var(--dk-line2);border-radius:4px;background:#fff;font-family:var(--f-mono);font-size:11.5px;font-weight:700;color:var(--dk-mut)}
.dk .cv-p .cv-xd:hover{border-color:var(--v-el);color:var(--v-el)}
.dk .cv-p .cv-xd.ans{background:var(--v-iron);border-color:var(--v-iron);color:#fff}
.dk .cv-p .cv-xd.good{background:var(--turf);border-color:var(--turf);color:#fff}
.dk .cv-p .cv-xd.bad{background:var(--rust);border-color:var(--rust);color:#fff}
.dk .cv-p .cv-xd.on{box-shadow:0 0 0 2px var(--dk-bg),0 0 0 4px var(--v-el)}
.dk .cv-p .cv-x.live .cv-q{background:#fff;margin:0}
.dk .cv-p .cv-x.live .cv-qq{font-size:17px;line-height:1.45;margin:8px 0 14px}
.dk .cv-p .cv-xnav{display:flex;align-items:center;gap:14px;margin-top:14px}
.dk .cv-p .cv-xnav .h{flex:1 1 auto;min-width:0;font-size:12.5px;line-height:1.45;color:var(--dk-mut);text-align:center;text-wrap:pretty}
.dk .cv-p .cv-xleave{background:none;border:0;padding:0;font:inherit;color:var(--dk-mut);text-decoration:underline;text-underline-offset:3px}
.dk .cv-p .cv-xleave:hover{color:var(--v-el)}
.dk .cv-h .cv-m.final .cv-mhd{cursor:pointer}