/* How we check (tracks 09 and 10), direction B. Rewritten Wed 4 Nov 2026 by Claude (builder B2-2). Prefix ckb- for the page,
   ck-m* and ck-ev* for builder L's board markup (kept). Marks are plain words in a ruled table: Pass in ink, Caution in the
   one accent (read this first), Pending quiet. Old styles: checks.css.bak-2026-11-04-B2. */
.ckb-hero { padding: clamp(48px, 7vw, 110px) 0 clamp(56px, 7vw, 100px); }
.ckb-hero-in { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 32px clamp(32px, 5vw, 80px); align-items: end; margin-bottom: clamp(48px, 6vw, 88px); }
.ckb-hero .b-h1 { font-size: clamp(60px, 8.6vw, 156px); }
.ckb-hero .b-lead { margin-top: 0; }
.ckb-reports dt a, .ckb-sum a { color: var(--b-fg); text-decoration-color: var(--b-acc); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.ckb-reports > div { flex: 1 1 220px; }
.ckb-reports dt { max-width: 34ch; }
.ckb-moral { margin: 24px 0 0; max-width: 80ch; text-transform: none; letter-spacing: .04em; }
@media (max-width: 900px) { .ckb-hero-in { grid-template-columns: 1fr; } .ckb-hero .b-h1 { font-size: clamp(54px, 15vw, 110px); } }

/* seven checks: numbered poster list */
.ckb-list { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--b-fg); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(24px, 4vw, 64px); }
.ckb-list li { display: grid; grid-template-columns: clamp(76px, 8vw, 130px) minmax(0, 1fr); gap: 6px 20px; padding: clamp(22px, 2.6vw, 34px) 0; border-bottom: 2px solid var(--b-fg); scroll-margin-top: 140px; }
.ckb-n { font: 900 clamp(60px, 6.4vw, 110px)/.8 var(--b-disp); color: var(--b-acc); }
.ckb-h { margin: 0; font: 900 clamp(32px, 3vw, 52px)/.92 var(--b-disp); text-transform: uppercase; }
.ckb-p { margin: 10px 0 0; max-width: 52ch; }
.ckb-ex { margin: 10px 0 0; max-width: 56ch; font-size: 15px; color: var(--b-mute); }
.ckb-ex b { margin-right: 6px; font: 400 var(--b-fs-5)/1 var(--b-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--b-fg); }
.ckb-list li:target .ckb-h { color: var(--b-acc); }
.ckb-verdict { margin-top: clamp(36px, 5vw, 64px); }
.ckb-vline { margin: 0; max-width: 70ch; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.5; }
.ckb-vline b { font: 900 1.4em/1 var(--b-disp); text-transform: uppercase; margin-right: 4px; }
.ckb-vline b:nth-of-type(2) { color: var(--b-acc); }
@media (max-width: 900px) { .ckb-list { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .ckb-list li { grid-template-columns: 1fr; } }

/* tally */
.ckb-tally { margin-bottom: 20px; }
.ckb-tally .ckb-acc dd { color: var(--b-acc); }
.ckb-sum { margin: 0 0 26px; text-transform: none; letter-spacing: .04em; }

/* the board (builder L's markup) */
.ckb-matrix { border-top: 3px solid var(--b-fg); }
.ck-mrow { display: grid; grid-template-columns: minmax(180px, 1.6fr) repeat(7, minmax(0, 1fr)) minmax(90px, .8fr); align-items: center; min-height: 58px; border-bottom: 1px solid var(--b-line); }
.ckb-matrix:not(.all) .ck-fold { display: none; }
.ck-mhead { min-height: 0; padding: 14px 0 12px; align-items: end; border-bottom: 2px solid var(--b-fg); }
.ck-mhead > span { font: 600 12px/1.25 var(--b-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--b-mute); }
.ck-mcol a { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; color: inherit; text-decoration: none; }
.ck-mcol i { font: 900 26px/.9 var(--b-disp); font-style: normal; color: var(--b-acc); }
.ck-mcol b { font-weight: 600; }
.ck-mcol a:hover b { color: var(--b-fg); }
.ck-mname { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 10px 0; min-width: 0; }
.ck-mname b { font-weight: 600; font-size: 16px; line-height: 1.25; }
.ck-mname small { font-size: 13px; color: var(--b-mute); }
.ck-mc { display: flex; justify-content: center; }
.ck-mark { appearance: none; border: 0; background: none; padding: 10px 6px; min-height: 44px; cursor: pointer; color: var(--b-fg); font: 600 14px/1 var(--b-sans); }
.ck-mark[data-m=caution] { color: #c2410c; }
.ck-mark[data-m=pending] { color: var(--b-mute); font-weight: 400; font-style: italic; }
.ck-mark:hover .ck-mk-w, .ck-mark[aria-expanded=true] .ck-mk-w { text-decoration: underline; text-decoration-color: var(--b-acc); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.ck-mark:focus-visible { outline: 3px solid var(--b-fg); outline-offset: 1px; }
.ck-mark[aria-expanded=true] { background: var(--b-card); }
.ck-mk-s { display: none; }
.ck-mv { display: flex; justify-content: flex-end; }
.ckb-v { font: 900 22px/1 var(--b-disp); text-transform: uppercase; white-space: nowrap; }
.ckb-v[data-v=amber] { color: var(--b-acc); }
.ck-ev { padding: 18px 20px 22px; border-bottom: 2px solid var(--b-fg); background: var(--b-card); }
.ck-ev p { margin: 0; max-width: 64ch; }
.ck-ev-k { margin-bottom: 8px !important; font: 400 var(--b-fs-5)/1.4 var(--b-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--b-mute); }
.ck-ev-k span { color: var(--b-fg); }
.ck-ev-t { font-size: 18px; line-height: 1.5; }
.ck-ev-c { margin-top: 8px !important; color: var(--b-mute); }
.ck-ev-f { display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: center; margin-top: 14px !important; }
.ck-ev-f a { font-weight: 600; text-decoration-color: var(--b-acc); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.ck-empty { padding: 20px 0; color: var(--b-mute); }
.ckb-more { margin: 22px 0 0; }
.ckb-why { margin: 28px 0 0; max-width: 72ch; color: var(--b-mute); font-size: 15px; }
.ckb-own { margin-top: 28px; border-top: 2px solid var(--b-fg); padding-top: 14px; }
.ckb-own summary { cursor: pointer; font: 900 28px/1.1 var(--b-disp); text-transform: uppercase; }
.ckb-own summary .b-date { margin-left: 10px; font-size: 13px; }
.ckb-own > p { color: var(--b-mute); max-width: 64ch; }
.ckb-own-list { list-style: none; margin: 0; padding: 0; columns: 2 320px; column-gap: 40px; }
.ckb-own-list li { break-inside: avoid; padding: 8px 0; border-bottom: 1px solid var(--b-line); font-size: 15px; color: var(--b-mute); }
.ckb-own-list b { display: block; color: var(--b-fg); }

/* phone: each skill becomes a stacked card with its seven marks in two columns */
@media (max-width: 900px) {
  .ck-mhead { display: none; }
  .ck-mrow { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; padding: 16px 0 12px; border-bottom: 2px solid var(--b-fg); }
  .ck-mname { grid-column: 1 / 2; grid-row: 1; padding: 0 0 8px; }
  .ck-mv { grid-column: 2 / 3; grid-row: 1; align-self: start; }
  .ck-mc { justify-content: flex-start; border-top: 1px solid var(--b-line); }
  .ck-mark { width: 100%; display: flex; justify-content: space-between; gap: 8px; padding: 10px 0; text-align: left; }
  .ck-mk-s { display: inline; font-weight: 400; font-style: normal; color: var(--b-mute); }
}

/* never list */
.ckb-pairs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(24px, 4vw, 64px); border-top: 2px solid var(--b-fg); }
.ckb-pairs li { padding: 20px 0; border-bottom: 1px solid var(--b-line); }
.ckb-pairs p { margin: 0; color: var(--b-mute); }
.ckb-pairs p + p { margin-top: 6px; color: var(--b-fg); font-size: clamp(18px, 1.4vw, 21px); font-weight: 600; }
.ckb-pairs b { margin-right: 6px; font: 900 1.25em/1 var(--b-disp); text-transform: uppercase; color: var(--b-acc); }
@media (max-width: 760px) { .ckb-pairs { grid-template-columns: 1fr; } }