/* RAIDER Cockpit (cockpit-A) — shell, shared widgets, Board, Dossier, Score Lab, public /board skin.
   Tokens only (tokens.css); extends base.css. cockpit-B adds its own rules in cockpit-b.css. */

/* ───────── shell ───────── */
.ck-body { --wrap-max: 100000px; --ck-rail-w: 208px; --ck-top-h: 52px; --ck-tabs-h: 0px; --ck-stick: calc(var(--banner-h) + var(--ck-top-h)); --ck-pad: clamp(16px, 2.1vw, 32px); }
.ck-body rd-nav { display: block; position: sticky; top: 0; z-index: 70; }
.ck-body rd-nav .rd-top { position: static; border-bottom: 0; -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--void); }
.ck-body rd-nav .rd-nav { display: none; }
.ck { display: grid; grid-template-columns: var(--ck-rail-w) minmax(0, 1fr); min-height: calc(100dvh - var(--banner-h)); }
.ck-col { min-width: 0; display: flex; flex-direction: column; }
.ck-main { flex: 1; min-width: 0; padding: 22px var(--ck-pad) 56px; outline: none; }
.ck-noscript { padding: 40px 0; color: var(--text-2); }
.ck-body [hidden], .ck-board [hidden] { display: none !important; }
.ck-view { animation: ck-in var(--t-med) var(--ease) both; }
@keyframes ck-in { from { opacity: 0; transform: translateY(4px); } }
.ck-view :is(h1, h2)[tabindex="-1"]:focus, .ck-main:focus, [data-res]:focus { outline: none; }

/* rail */
.ck-rail { position: sticky; top: var(--banner-h); height: calc(100dvh - var(--banner-h)); z-index: 40; display: flex; flex-direction: column; background: var(--ink-0); border-right: 1px solid var(--hair); overflow: hidden auto; }
.ck-brand { flex: none; display: flex; align-items: center; gap: 10px; height: var(--ck-top-h); padding: 0 16px 0 18px; border-bottom: 1px solid var(--hair); color: var(--text); text-decoration: none; }
.ck-mark { height: 24px; width: auto; flex: none; }
.ck-brand__w { font: 800 20px/1 var(--font-display); letter-spacing: .05em; text-transform: uppercase; }
.ck-brand__s { margin-left: auto; padding: 4px 6px 3px; font: 500 9px/1 var(--font-mono); letter-spacing: .2em; text-transform: uppercase; color: var(--raid); border: 1px solid color-mix(in srgb, var(--raid) 45%, transparent); }
.ck-nav { flex: 1; padding: 16px 10px 10px; }
.ck-nav ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
.ck-nav__sec { display: flex; align-items: center; gap: 8px; margin: 0 8px 8px; font: 500 9.5px/1 var(--font-mono); letter-spacing: .22em; text-transform: uppercase; color: var(--text-3); }
.ck-nav__sec::after { content: ""; flex: 1; height: 1px; background: var(--hair); }
p.ck-nav__site { margin-top: 22px; }
.ck-nav__a { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 40px; padding: 8px 10px; border: 0; background: none; cursor: pointer; color: var(--text-2); text-decoration: none; text-align: left; font: 500 11.5px/1.15 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; transition: color var(--t-fast) var(--ease), background var(--t-fast) var(--ease); }
.ck-nav__a:hover { color: var(--text); background: var(--ink-2); }
.ck-nav__a .ck-ico { flex: none; color: var(--text-3); transition: color var(--t-fast) var(--ease); }
.ck-nav__a:hover .ck-ico { color: var(--text); }
.ck-nav__a[aria-current="page"] { color: var(--text); background: var(--ink-2); }
.ck-nav__a[aria-current="page"]::before { content: ""; position: absolute; left: -10px; top: 7px; bottom: 7px; width: 2px; background: var(--raid); }
.ck-nav__a[aria-current="page"] .ck-ico { color: var(--raid); }
.ck-nav__l { flex: 1; min-width: 0; display: grid; gap: 4px; }
.ck-nav__l small { font: 400 10px/1.2 var(--font-mono); letter-spacing: .03em; text-transform: none; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck-nav__k { font: 500 9.5px/1 var(--font-mono); letter-spacing: .1em; color: var(--text-3); opacity: 0; transition: opacity var(--t-fast) var(--ease); }
.ck-nav__a:hover .ck-nav__k, .ck-nav__a:focus-visible .ck-nav__k { opacity: 1; }
.ck-nav__a:focus-visible { outline-offset: -2px; }
.ck-rail__foot { flex: none; display: grid; gap: 1px; padding: 10px; border-top: 1px solid var(--hair); }
.ck-rail__meta { margin: 8px 10px 4px; font: 400 9.5px/1.4 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text-3); }

/* top bar */
.ck-top { position: sticky; top: var(--banner-h); z-index: 50; display: flex; align-items: center; gap: 16px; height: var(--ck-top-h); padding: 0 var(--ck-pad); background: color-mix(in srgb, var(--bg) 88%, transparent); -webkit-backdrop-filter: blur(12px) saturate(1.15); backdrop-filter: blur(12px) saturate(1.15); border-bottom: 1px solid var(--hair); }
.ck-top__brand { display: none; color: var(--text); }
.ck-crumbs { min-width: 0; flex: none; max-width: 34%; }
.ck-crumbs ol { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; font: 500 11px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); white-space: nowrap; }
.ck-crumbs li { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ck-crumbs li + li::before { content: "/"; margin-right: 8px; color: var(--text-4); }
.ck-crumbs a { color: var(--text-3); text-decoration: none; } .ck-crumbs a:hover { color: var(--text); }
.ck-crumbs [aria-current] { color: var(--text); }
.ck-search { position: relative; flex: 0 1 460px; min-width: 180px; height: 34px; margin-inline: auto; display: flex; align-items: center; background: var(--ink-0); border: 1px solid var(--hair-2); transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease); }
.ck-search:hover { border-color: var(--text-4); }
.ck-search:focus-within { border-color: var(--raid); box-shadow: 0 0 0 3px var(--raid-glow); }
.ck-search__ic { position: absolute; left: 10px; color: var(--text-3); pointer-events: none; }
.ck-search__in { flex: 1; min-width: 0; height: 100%; padding: 0 34px; background: transparent; border: 0; outline: none; font: 400 12.5px/1 var(--font-mono); color: var(--text); }
.ck-search__in::placeholder { color: var(--text-4); }
.ck-search__k { position: absolute; right: 8px; transition: opacity var(--t-fast); }
.ck-search:focus-within .ck-search__k { opacity: 0; }
.ck-pop { position: absolute; z-index: 80; background: var(--ink-2); border: 1px solid var(--hair-2); box-shadow: 0 18px 48px rgba(0, 0, 0, .55); }
.ck-search__pop { top: calc(100% + 6px); left: -1px; right: -1px; display: flex; flex-direction: column; max-height: min(64vh, 480px); }
.ck-pop__foot { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0; max-width: none; padding: 8px 12px; border-top: 1px solid var(--hair); font: 400 10px/1 var(--font-mono); letter-spacing: .06em; color: var(--text-3); }
.ck-pop__foot .kbd + .kbd { margin-left: 3px; }
.ck-top__r { flex: none; display: flex; align-items: center; gap: 8px; }
.ck-tbtn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 34px; height: 34px; padding: 0 9px; border: 1px solid var(--hair-2); background: transparent; cursor: pointer; color: var(--text-2); text-decoration: none; font: 500 11px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; transition: color var(--t-fast), border-color var(--t-fast); }
.ck-tbtn:hover { color: var(--text); border-color: var(--text-3); }
.ck-tbtn .kbd { border: 0; background: none; padding: 0; min-width: 0; color: inherit; font-size: 10.5px; }
.ck-tbtn--find { display: none; }
.ck-tbtn--ops { color: var(--mint); border-color: color-mix(in srgb, var(--mint) 38%, transparent); }
.ck-tbtn--keys { font-size: 13px; }
.ck-mode { height: 24px; }

/* kill-risk mini + popover */
.ck-krwrap { position: relative; }
.ck-krbtn { display: inline-flex; align-items: center; height: 34px; padding: 0 10px; border: 1px solid var(--hair-2); background: transparent; cursor: pointer; color: var(--text-2); }
.ck-krbtn:hover, .ck-krbtn[aria-expanded="true"] { border-color: var(--text-3); }
.ck-kr { display: inline-flex; align-items: center; gap: 8px; font: 500 10.5px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.ck-kr__lbl { color: var(--text-3); }
.ck-kr__ticks { display: inline-flex; gap: 1.5px; }
.ck-kr__ticks i { width: 2px; height: 11px; background: var(--surface-3); }
.ck-kr--go .ck-kr__ticks i.on { background: var(--mint); } .ck-kr--delay .ck-kr__ticks i.on { background: var(--amber); }
.ck-kr b { color: var(--text); font-weight: 600; letter-spacing: .02em; }
.ck-kr--go .ck-kr__v { color: var(--mint); } .ck-kr--delay .ck-kr__v { color: var(--amber); }
.ck-krpop { top: calc(100% + 8px); right: 0; width: min(340px, calc(100vw - 24px)); max-height: calc(100vh - 96px); overflow-y: auto; padding: 14px 16px 12px; display: grid; gap: 10px; }   /* taller now (the history and the gate's Mondays): it scrolls on a short screen instead of running off it */
.ck-krpop p { margin: 0; }
.ck-krpop__h { display: flex; align-items: center; justify-content: space-between; }
.ck-krpop__big { font-size: 14px; color: var(--text-2); }
.ck-krpop__big b { font: 800 26px/1 var(--font-display); color: var(--text); margin-right: 4px; }
.ck-krpop__rule { font: 400 10.5px/1.5 var(--font-mono); color: var(--text-3); }
.ck-krpop__q { display: flex; flex-wrap: wrap; gap: 4px 10px; font: 500 11px/1.2 var(--font-mono); }
.ck-krpop__q a { color: var(--text-2); text-decoration: none; } .ck-krpop__q a:hover { color: var(--raid); }
.ck-krpop__note { padding-top: 10px; border-top: 1px solid var(--hair); font: 400 10.5px/1.5 var(--font-mono); color: var(--text-3); }
/* the counter over time (D5): the line, the bar it has to reach, and in a live run the Mondays of the supply gate */
.ck-krh { display: grid; gap: 7px; padding-top: 10px; border-top: 1px solid var(--hair); }
.ck-krh p { margin: 0; }
.ck-krh__eb { font: 600 10px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); }
.ck-krh__sp { position: relative; width: 300px; max-width: 100%; height: 46px; }
.ck-krh__sp svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ck-krh__bar line { stroke: var(--amber); stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
.ck-krh__need { position: absolute; right: 0; top: -1px; padding: 1px 4px; font: 500 10px/1.2 var(--font-mono); color: var(--amber); background: var(--ink-1); }
.ck-krh__n, .ck-krh__gate { font: 400 11px/1.5 var(--font-mono); color: var(--text-2); }
.ck-krh__n b, .ck-krh__gate b { color: var(--text); }
.ck-krh__gate.is-two-in-a-row { color: var(--mint); }
.ck-krh__mon { display: flex; flex-wrap: wrap; gap: 4px 6px; margin: 0; padding: 0; list-style: none; }
.ck-krh__mon li { padding: 3px 6px; border: 1px solid var(--hair-2); font: 500 10.5px/1.3 var(--font-mono); color: var(--text-2); }
.ck-krh__mon li.is-at { border-color: var(--mint); }
.ck-krh__mon li.is-under { border-style: dashed; }
.ck-krh__mon li.is-missing { border-style: dotted; color: var(--text-3); }
.ck-krh__w, .ck-krh__ev { color: var(--text-3); }
.ck-krh__ev { font: 400 10px/1.5 var(--font-mono); }
.ck-eyebrow { font: 500 10px/1 var(--font-mono); letter-spacing: .18em; text-transform: uppercase; color: var(--text-3); margin: 0; }

/* search results (top bar + palette) */
.ck-opts { list-style: none; margin: 0; padding: 6px; overflow-y: auto; overscroll-behavior: contain; }
.ck-opt { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; grid-template-areas: "ic t k" "ic s k"; align-items: center; column-gap: 10px; row-gap: 3px; padding: 8px 10px 8px 8px; border-left: 2px solid transparent; cursor: pointer; }
.ck-opt.is-active { background: var(--ink-3); border-left-color: var(--raid); }
.ck-opt__ic, .ck-opt__sc { grid-area: ic; justify-self: center; }
.ck-opt__ic { color: var(--text-3); display: grid; }
.ck-opt.is-active .ck-opt__ic { color: var(--text); }
.ck-opt__sc { font: 800 17px/1 var(--font-display); letter-spacing: .01em; }
.ck-opt__t { grid-area: t; min-width: 0; font: 500 13px/1.25 var(--font-sans); color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck-opt__t mark { background: none; color: var(--raid); font-weight: 600; }
.ck-opt__s { grid-area: s; min-width: 0; font: 400 10.5px/1.25 var(--font-mono); letter-spacing: .04em; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck-opt__k { grid-area: k; padding: 3px 5px; border: 1px solid var(--hair-2); font: 500 9px/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text-3); }
.ck-opt-empty { padding: 18px 14px; font: 400 12px/1.5 var(--font-mono); color: var(--text-3); }

/* dialogs: palette + keyboard map */
.ck-dlg { padding: 0; border: 1px solid var(--hair-2); background: var(--ink-2); color: var(--text); box-shadow: 0 30px 90px rgba(0, 0, 0, .65); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
.ck-dlg::backdrop { background: rgba(4, 6, 8, .68); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.ck-dlg[open] { animation: ck-dlg var(--t-med) var(--ease); }
@keyframes ck-dlg { from { opacity: 0; transform: translateY(-6px) scale(.99); } }
.ck-pal { width: 660px; margin: 11vh auto auto; }
.ck-pal__bar { display: flex; align-items: center; gap: 12px; height: 56px; padding: 0 16px; border-bottom: 1px solid var(--hair); color: var(--text-3); }
.ck-pal__in { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: none; font: 400 16px/1 var(--font-mono); color: var(--text); }
.ck-pal__in::placeholder { color: var(--text-4); }
.ck-pal__list { max-height: min(54vh, 460px); }
.ck-pal__foot { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 10px 16px; border-top: 1px solid var(--hair); font: 400 10.5px/1 var(--font-mono); color: var(--text-3); }
.ck-pal__foot .kbd + .kbd { margin-left: 3px; }
.ck-pal__demo { margin-left: auto; letter-spacing: .14em; text-transform: uppercase; }
.ck-keys { width: 780px; }
.ck-keys__h { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--hair); }
.ck-keys__h h2 { font-size: 30px; }
.ck-keys__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 36px; padding: 22px 20px; }
.ck-keys h3 { margin: 0 0 12px; font: 600 10.5px/1 var(--font-mono); letter-spacing: .2em; color: var(--raid); }
.ck-keys dl { display: grid; gap: 7px; margin: 0; }
.ck-keys dl div { display: grid; grid-template-columns: 104px 1fr; align-items: center; gap: 12px; }
.ck-keys dt { display: flex; align-items: center; gap: 4px; color: var(--text-3); font: 400 11px/1 var(--font-mono); }
.ck-keys dd { margin: 0; font-size: 13px; color: var(--text-2); }
.ck-keys__foot { margin: 0; max-width: none; padding: 12px 20px; border-top: 1px solid var(--hair); font: 400 11px/1.5 var(--font-mono); color: var(--text-3); }

/* toast */
.ck-toast { position: fixed; left: 50%; bottom: calc(24px + var(--ck-tabs-h, 0px)); z-index: 200; max-width: calc(100vw - 32px); padding: 10px 14px; background: var(--ink-3); border: 1px solid var(--hair-2); border-left: 2px solid var(--raid); font: 500 11.5px/1.35 var(--font-mono); letter-spacing: .05em; color: var(--text); opacity: 0; translate: -50% 10px; pointer-events: none; transition: opacity var(--t-fast) var(--ease), translate var(--t-fast) var(--ease); }
.ck-toast.is-on { opacity: 1; translate: -50% 0; }
.ck-toast--ok { border-left-color: var(--mint); } .ck-toast--warn { border-left-color: var(--amber); }

/* ───────── shared widgets ───────── */
.ck-panel { position: relative; min-width: 0; background: var(--surface); border: 1px solid var(--hair); }
.ck-ph { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; min-height: 46px; padding: 10px 16px; border-bottom: 1px solid var(--hair); }
.ck-ph__t { display: flex; align-items: center; gap: 10px; margin: 0; font: 600 11px/1.1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text); }
.ck-ph__n { font-weight: 500; color: var(--raid); }
.ck-ph__meta { font: 400 10.5px/1.3 var(--font-mono); letter-spacing: .05em; color: var(--text-3); }
.ck-ph__v { font: 800 22px/1 var(--font-display); letter-spacing: .01em; }
.ck-ph__r { margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ck-pb { padding: 16px; }
.ck-verdict { display: inline-flex; align-items: center; justify-content: center; height: 22px; min-width: 60px; padding: 0 8px 0 9px; border: 1px solid currentColor; font: 600 10px/1 var(--font-mono); letter-spacing: .16em; white-space: nowrap; clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%, 0 6px); }
.ck-verdict--raid { color: var(--raid-ink); background: var(--raid); border-color: var(--raid); }
.ck-verdict--watch { color: var(--amber); background: color-mix(in srgb, var(--amber) 9%, transparent); }
.ck-verdict--pass { color: var(--steel); }
.ck-verdict--never { color: var(--loss); background: color-mix(in srgb, var(--loss) 9%, transparent); }
.ck-verdict--lg { height: 30px; min-width: 86px; font-size: 12.5px; clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%, 0 8px); }
.ck-verdict--xl { height: 40px; min-width: 116px; font-size: 16px; letter-spacing: .22em; clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px); }
.ck-status { display: inline-flex; align-items: center; gap: 7px; font: 500 10px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--tc, var(--steel)); white-space: nowrap; vertical-align: middle; }
.ck-status::before { content: ""; flex: none; width: 6px; height: 6px; background: currentColor; }
.ck-tone--steel { --tc: var(--steel); } .ck-tone--raid { --tc: var(--raid); } .ck-tone--amber { --tc: var(--amber); } .ck-tone--mint { --tc: var(--mint); } .ck-tone--loss { --tc: var(--loss); }
.ck-simtag { display: inline-block; margin-left: 6px; padding: 2px 4px 1px; vertical-align: middle; font: 600 8.5px/1 var(--font-mono); letter-spacing: .12em; color: var(--cold); border: 1px solid color-mix(in srgb, var(--cold) 55%, transparent); }
.ck-venue { font: 500 10px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); }
.ck-score { display: inline-grid; justify-items: end; gap: 5px; vertical-align: middle; }
.ck-score b { font: 800 22px/1 var(--font-display); letter-spacing: .01em; color: var(--c); font-variant-numeric: tabular-nums; }
.ck-score i { position: relative; display: block; width: 56px; height: 3px; background: var(--surface-3); }
.ck-score i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: calc(var(--v) * 100%); background: var(--c); }
.ck-score.is-muted b { text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: color-mix(in srgb, var(--loss) 70%, transparent); }
.ck-score--sm b { font-size: 17px; } .ck-score--sm i { width: 40px; }
.ck-score--xl { justify-items: start; } .ck-score--xl b { font-size: 46px; } .ck-score--xl i { width: 100%; min-width: 120px; height: 4px; }
.ck-meter { position: relative; display: block; height: 4px; background: var(--surface-3); overflow: hidden; }
.ck-meter i { position: absolute; inset: 0 auto 0 0; width: calc(var(--v) * 100%); background: var(--c); transition: width var(--t-slow) var(--ease); }
.ck-rbar { position: relative; display: block; width: 52px; height: 3px; margin: 6px 0 0 auto; background: var(--surface-3); }
.ck-rbar i { position: absolute; inset: 0 auto 0 0; width: calc(var(--r) * 100%); background: var(--amber); }
.ck-rbar s { position: absolute; top: -2px; bottom: -2px; left: calc(var(--t) * 100%); width: 1px; background: var(--text-4); }
.ck-spark2 { position: relative; display: inline-block; vertical-align: middle; }
.ck-spark2 > svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.ck-spark2.is-pending, .ck-spark2.is-empty { background: linear-gradient(var(--hair-2), var(--hair-2)) center / 100% 1px no-repeat; }
.ck-spark2.is-pending { animation: ck-pulse 1.2s ease-in-out infinite alternate; }
@keyframes ck-pulse { to { opacity: .35; } }
.ck-kv { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin: 0; }
.ck-kv > div { display: grid; gap: 5px; min-width: 0; }
.ck-kv dt { font: 500 9.5px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); }
.ck-kv dd { margin: 0; font: 500 13px/1.2 var(--font-mono); color: var(--text); }
.ck-kv dd small { color: var(--text-3); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; }

/* checks: gates, never-touch, prime */
.ck-checks { list-style: none; margin: 0; padding: 0; display: grid; }
.ck-checks li { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; grid-template-areas: "mk l v" "mk n n"; column-gap: 10px; row-gap: 3px; align-items: baseline; padding: 9px 0; border-bottom: 1px solid var(--hair); }
.ck-checks li:last-child { border-bottom: 0; }
.ck-mk { grid-area: mk; display: grid; place-items: center; width: 18px; height: 18px; font: 600 11px/1 var(--font-mono); border: 1px solid currentColor; align-self: center; }
.ck-ck__l { grid-area: l; font-size: 13px; color: var(--text); min-width: 0; }
.ck-ck__l small { display: block; margin-top: 3px; font: 400 11px/1.4 var(--font-mono); color: var(--text-3); }
.ck-ck__v { grid-area: v; font: 500 12px/1 var(--font-mono); color: var(--text-2); text-align: right; }
.ck-ck__n { grid-area: n; font: 400 10.5px/1.3 var(--font-mono); letter-spacing: .04em; color: var(--text-3); }
.ck-checks .is-pass .ck-mk { color: var(--mint); background: color-mix(in srgb, var(--mint) 10%, transparent); }
.ck-checks .is-fail .ck-mk { color: var(--loss); }
.ck-checks .is-fail .ck-ck__v { color: var(--loss); }
.ck-checks--prime .is-fail .ck-mk { color: var(--steel); } .ck-checks--prime .is-fail .ck-ck__l { color: var(--text-2); }
.ck-checks--never li { grid-template-areas: "mk l v"; }
.ck-checks--never .is-hit { background: color-mix(in srgb, var(--loss) 7%, transparent); box-shadow: inset 2px 0 0 var(--loss); padding-left: 8px; }
.ck-checks--never .is-hit .ck-mk, .ck-checks--never .is-hit .ck-ck__v { color: var(--loss); }
.ck-checks--never .is-clear .ck-mk { color: var(--text-4); border-color: var(--hair-2); }
.ck-checks--never .is-clear .ck-ck__v { color: var(--text-3); text-transform: uppercase; letter-spacing: .12em; font-size: 10px; }

/* factor tables */
.ck-ft-wrap { overflow-x: auto; }
.ck-ft { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.ck-ft th, .ck-ft td { padding: 9px 10px; border-bottom: 1px solid var(--hair); text-align: left; vertical-align: middle; }
.ck-ft thead th { font: 500 9.5px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); background: var(--ink-1); white-space: nowrap; }
.ck-ft tbody th { font-weight: 500; color: var(--text); min-width: 150px; }
.ck-ft tbody tr:last-child > * { border-bottom: 0; }
.ck-ft .r { text-align: right; }
.ck-ft__raw { font-family: var(--font-mono); color: var(--text-2); white-space: nowrap; }
.ck-ft__v { min-width: 96px; } .ck-ft__v .num { display: block; margin-bottom: 5px; font: 600 12.5px/1 var(--font-mono); }
.ck-ft__w { font-family: var(--font-mono); color: var(--text-3); white-space: nowrap; }
.ck-ft__note { color: var(--text-3); font-size: 12px; line-height: 1.4; min-width: 180px; }

/* states */
.ck-state { display: flex; align-items: flex-start; gap: 18px; padding: clamp(20px, 4vw, 36px); background: var(--ink-0); border: 1px dashed var(--hair-2); }
.ck-state__glyph { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--hair-2); color: var(--text-3); }
.ck-state--error .ck-state__glyph { color: var(--amber); border-color: color-mix(in srgb, var(--amber) 40%, transparent); }
.ck-state--na .ck-state__glyph { color: var(--cold); border-color: color-mix(in srgb, var(--cold) 40%, transparent); }
.ck-state__code { margin: 2px 0 8px; font: 500 10px/1 var(--font-mono); letter-spacing: .22em; color: var(--text-3); }
.ck-state__t { margin: 0 0 8px; font-size: clamp(22px, 2.4vw, 30px); }
.ck-state__p { margin: 0 0 16px; font-size: 14px; color: var(--text-2); }
.ck-state__acts { display: flex; flex-wrap: wrap; gap: 10px; }
.ck-state__acts:empty { display: none; }
.ck-skel { display: grid; gap: 14px; padding: 22px; background: var(--surface); border: 1px solid var(--hair); }
.ck-skel i, .is-skel { display: block; height: 14px; width: var(--w, 60%); background: linear-gradient(90deg, var(--ink-3) 0%, var(--ink-4) 50%, var(--ink-3) 100%) 0 0 / 200% 100%; animation: ck-shimmer 1.4s linear infinite; }
.is-skel { height: .9em; color: transparent !important; }
@keyframes ck-shimmer { to { background-position: -200% 0; } }

/* view header */
.ck-vh { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 32px; margin-bottom: 18px; }
.ck-vh__t { margin: 10px 0 8px; font-size: clamp(34px, 3.4vw, 50px); }
.ck-vh__d { margin: 0; font-size: 13.5px; color: var(--text-2); max-width: 78ch; }
.ck-vh__d b { color: var(--text); font-weight: 500; }
.ck-vh__r { display: flex; align-items: center; gap: 16px; padding-bottom: 4px; }
.ck-vh__r--key { flex-direction: column; align-items: flex-end; gap: 12px; }
.ck-vkey { display: grid; grid-template-columns: repeat(2, auto); gap: 8px 22px; margin: 0; padding: 0; list-style: none; }
.ck-vkey li { display: flex; align-items: center; gap: 10px; font: 400 10.5px/1.2 var(--font-mono); color: var(--text-3); white-space: nowrap; }
.ck-vkey .ck-verdict { min-width: 58px; }

/* ───────── board ───────── */
.ck-board { container: board / inline-size; }
.ck-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.4fr); margin-bottom: 14px; background: var(--surface); border: 1px solid var(--hair); }
.ck-stat { display: grid; align-content: start; gap: 9px; min-width: 0; padding: 16px 18px 15px; border-left: 1px solid var(--hair); }
.ck-stat:first-child { border-left: 0; }
.ck-stat__k { font: 500 10px/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text-3); }
.ck-stat__v { font: 800 clamp(30px, 2.7vw, 40px)/1 var(--font-display); letter-spacing: .01em; font-variant-numeric: tabular-nums; }
.ck-stat__v.is-skel { width: 60%; height: 36px; }
.ck-stat__v small { margin-left: 6px; font: 500 11px/1 var(--font-mono); letter-spacing: .12em; color: var(--text-3); }
.ck-stat__d { font: 400 10.5px/1.4 var(--font-mono); color: var(--text-3); }
.ck-stat--kr { display: flex; align-items: center; gap: 14px; padding-block: 10px; }
.ck-krarc { flex: none; height: auto; }
.ck-stat__kr { flex: 1 1 0; display: grid; justify-items: start; gap: 7px; min-width: 0; }
.ck-krv { font: 800 26px/1 var(--font-display); letter-spacing: .05em; color: var(--text-3); }
.ck-krv--go { color: var(--mint); } .ck-krv--delay { color: var(--amber); }
.ck-stat__krq { display: none; }
.ck-stat__krq p { display: flex; flex-wrap: wrap; gap: 2px 12px; margin: 8px 0 0; max-width: 46ch; font: 500 11px/1.9 var(--font-mono); letter-spacing: .06em; }
.ck-stat__krq a { color: var(--text-2); text-decoration: none; } .ck-stat__krq a:hover { color: var(--raid); }

.ck-filters { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-bottom: 12px; padding: 10px 12px; background: var(--ink-0); border: 1px solid var(--hair); }
.ck-fsearch { position: relative; flex: 0 1 230px; min-width: 170px; }
.ck-fsearch .ck-ico { position: absolute; left: 10px; top: 50%; translate: 0 -50%; color: var(--text-3); pointer-events: none; }
.ck-fsearch input, .ck-fsel select { width: 100%; height: 34px; padding: 0 10px 0 32px; background: var(--surface); border: 1px solid var(--hair-2); border-radius: 0; outline: none; font: 400 12px/1 var(--font-mono); color: var(--text); }
.ck-fsearch input::placeholder { color: var(--text-4); }
.ck-fsearch input:focus, .ck-fsel select:focus { border-color: var(--raid); box-shadow: 0 0 0 3px var(--raid-glow); }
.ck-vchips { display: inline-flex; border: 1px solid var(--hair-2); }
.ck-vchip { --c: var(--steel); display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 10px; border: 0; background: transparent; cursor: pointer; font: 500 10.5px/1 var(--font-mono); letter-spacing: .14em; color: var(--text-3); transition: background var(--t-fast), color var(--t-fast); }
.ck-vchip + .ck-vchip { border-left: 1px solid var(--hair-2); }
.ck-vchip i { width: 7px; height: 7px; background: var(--c); }
.ck-vchip .num { letter-spacing: 0; color: var(--text-3); }
.ck-vchip--raid { --c: var(--raid); } .ck-vchip--watch { --c: var(--amber); } .ck-vchip--never { --c: var(--loss); }
.ck-vchip:hover { color: var(--text); background: var(--ink-2); }
.ck-vchip[aria-pressed="true"] { color: var(--text); background: color-mix(in srgb, var(--c) 14%, transparent); box-shadow: inset 0 -2px 0 var(--c); }
.ck-vchip[aria-pressed="true"] .num { color: var(--text-2); }
.ck-fmore { display: contents; }
.ck-fmore-btn, .ck-filters .ck-fsort { display: none; }
.ck-vchips { order: 1; } .ck-fend { order: 2; } .ck-fmore > * { order: 4; } .ck-freset { order: 5; }
.ck-fbreak { order: 3; flex-basis: 100%; height: 0; margin: 0 -12px; border-top: 1px solid var(--hair); }
.ck-fsel { display: inline-flex; align-items: center; gap: 8px; }
.ck-fsel > span, .ck-frange > span { font: 500 9.5px/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text-3); white-space: nowrap; }
.ck-fsel select { width: auto; max-width: 170px; padding: 0 30px 0 10px; cursor: pointer; appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%); background-position: calc(100% - 15px) 14px, calc(100% - 10px) 14px; background-size: 5px 5px; background-repeat: no-repeat; }
.ck-frange { position: relative; display: grid; gap: 1px; min-width: 168px; }
.ck-frange b { font-weight: 500; letter-spacing: .04em; color: var(--amber); }
.ck-frange input { height: 22px; }
.ck-frange__gate { position: absolute; left: calc(7px + var(--g) * (100% - 14px)); bottom: 1px; width: 1px; height: 7px; background: var(--raid); pointer-events: none; }
.ck-freset { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px; border: 1px dashed var(--hair-2); background: none; cursor: pointer; font: 500 10.5px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--text-2); }
.ck-freset:hover { color: var(--text); border-color: var(--raid); }
.ck-fend { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.ck-fcount { font: 500 11px/1 var(--font-mono); letter-spacing: .06em; color: var(--text-3); white-space: nowrap; }
.ck-seg { display: inline-flex; border: 1px solid var(--hair-2); }
.ck-seg button { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px; border: 0; background: none; cursor: pointer; font: 500 10.5px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); }
.ck-seg button + button { border-left: 1px solid var(--hair-2); }
.ck-seg button:hover { color: var(--text); }
.ck-seg button[aria-pressed="true"] { color: var(--text); background: var(--ink-3); box-shadow: inset 0 -2px 0 var(--raid); }

/* board table */
.ck-tablewrap { position: relative; }
.ck-tablewrap.is-overflow { overflow-x: auto; }
.ck-tablewrap.is-overflow .ck-tbl thead th { top: 0; }
.ck-scrollhint { display: none; }
.has-overflow .ck-scrollhint { position: absolute; right: 0; top: 47px; z-index: 4; display: flex; align-items: center; gap: 4px; margin: 0; padding: 4px 8px; background: var(--raid); color: var(--raid-ink); font: 600 9.5px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; pointer-events: none; }
.ck-tbl { font-size: 13px; table-layout: fixed; }
.ck-tbl thead th { top: var(--ck-stick); z-index: 3; height: 40px; padding: 0; vertical-align: bottom; background: var(--ink-2); }
.ck-sort, .ck-th { display: flex; align-items: flex-end; gap: 5px; width: 100%; padding: 0 8px 11px; border: 0; background: none; font: 500 9.5px/1.15 var(--font-mono); letter-spacing: .13em; text-transform: uppercase; color: var(--text-3); text-align: left; white-space: nowrap; }
.ck-sort { cursor: pointer; } .ck-sort:hover { color: var(--text); }
.ck-th__s { display: grid; gap: 3px; }
.ck-sort small, .ck-th small { font-size: 8px; letter-spacing: .14em; color: var(--text-3); }
.ck-tbl th.r .ck-th__s { justify-items: end; }
.ck-sort i { font-style: normal; font-size: 7.5px; line-height: 1.4; opacity: 0; transition: opacity var(--t-fast); }
.ck-sort:hover i { opacity: .55; }
.ck-sort.is-on { color: var(--text); } .ck-sort.is-on i { opacity: 1; color: var(--raid); }
.ck-tbl th.r .ck-sort, .ck-tbl th.r .ck-th { justify-content: flex-end; text-align: right; }
.ck-tbl tbody td, .ck-tbl tbody th { height: 54px; padding: 7px 8px; border-bottom: 1px solid var(--hair); }
.ck-row { cursor: pointer; scroll-margin-top: calc(var(--ck-stick) + 44px); scroll-margin-bottom: calc(var(--ck-tabs-h) + 16px); }
.ck-tbl tbody .ck-row:hover { background: color-mix(in srgb, var(--text) 3.5%, transparent); }
.ck-tbl tbody .ck-row.is-sel { background: var(--ink-3); box-shadow: inset 2px 0 0 var(--raid); }
.ck-row.is-sel .c-rank { color: var(--raid); }
.ck-row.is-never .c-token b { color: var(--text-2); }
.ck-tbl thead th { height: 46px; }
.ck-tbl .c-rank { width: 42px; padding-left: 14px; font: 500 11px/1 var(--font-mono); color: var(--text-3); }
.ck-tbl thead .c-rank .ck-sort { padding-left: 14px; }
.ck-tbl .c-token { text-align: left; font-weight: inherit; overflow: hidden; }
.ck-tok { display: flex; align-items: baseline; gap: 8px; min-width: 0; color: var(--text); text-decoration: none; }
.ck-tok b { flex: none; font: 600 13px/1.2 var(--font-mono); letter-spacing: .04em; transition: color var(--t-fast); }
.ck-tok__n { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 12.5px/1.2 var(--font-sans); color: var(--text-2); }
.ck-tok:hover b, .ck-row:hover .ck-tok b { color: var(--raid); }
.ck-tok:focus-visible { outline-offset: 4px; }
.ck-tok__m { display: block; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 9.5px/1.2 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); }
.ck-tok__age { display: none; }
.ck-tok__b { display: none; margin-left: 4px; font: 400 11.5px/1.2 var(--font-sans); letter-spacing: 0; text-transform: none; color: var(--text-3); }
.ck-tbl td.num, .ck-tbl td[class*="c-"] { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.ck-tbl .c-age { width: 56px; } .ck-tbl .c-tre { width: 84px; } .ck-tbl .c-cap { width: 76px; }
.ck-tbl .c-age, .ck-tbl .c-cap { color: var(--text-2); }
.ck-tbl .c-disc, .ck-tbl .c-clean, .ck-tbl .c-reach { width: 60px; } .ck-tbl .c-capt { width: 64px; }
.ck-tbl .c-disc, .ck-tbl .c-capt, .ck-tbl .c-clean, .ck-tbl .c-reach { color: var(--text-2); }
.ck-tbl .c-capt small { display: block; margin-top: 4px; font: 500 8.5px/1 var(--font-mono); letter-spacing: .14em; color: var(--text-3); }
.ck-tbl .is-zero { color: var(--text-3); } .ck-tbl .is-full { color: var(--text); }
.ck-tbl .c-ratio { width: 80px; }
.ck-tbl .c-score { width: 90px; padding-right: 14px; }
.ck-tbl .c-verdict { width: 82px; }
.ck-tbl .c-status { width: 150px; }
.ck-tbl .c-status .ck-status { letter-spacing: .09em; }
.ck-tbl .c-trend { width: 114px; padding-right: 14px; }
.ck-tbl tbody tr:last-child > * { border-bottom: 0; }
.ck-board__foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 24px; margin: 14px 0 0; max-width: none; font: 400 11px/1.5 var(--font-mono); color: var(--text-3); }
.ck-board__foot > span { display: inline-flex; align-items: center; gap: 10px; }
.ck-hintkeys .kbd { margin-right: 2px; }

/* map */
.ck-map { display: grid; grid-template-columns: minmax(0, 1fr) 290px; }
.ck-map__plot { min-width: 0; padding: 14px 10px 6px; }
.ck-map__plot svg { width: 100%; height: auto; }
.bm-pt { cursor: pointer; outline: none; }
.bm-pt circle { transition: fill-opacity var(--t-fast), stroke-width var(--t-fast); }
.bm-pt:hover circle, .bm-pt.is-on circle { fill-opacity: .6; stroke-width: 2.5; }
.bm-pt:focus-visible circle { stroke: var(--text); stroke-width: 2.5; stroke-dasharray: 3 2; }
.ck-map__insp { display: grid; align-content: start; gap: 12px; padding: 18px; border-left: 1px solid var(--hair); background: var(--ink-1); }
.ck-insp__t { font-size: 44px; margin: 2px 0 0; }
.ck-insp__n { margin: 0; font-size: 13px; color: var(--text-2); }
.ck-insp__score { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-block: 1px solid var(--hair); }
.ck-insp__go { justify-self: start; margin-top: 4px; }
.ck-map__legend { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; padding: 10px 16px; border-top: 1px solid var(--hair); font: 500 10px/1.2 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); }
.ck-map__legend i { display: inline-block; width: 10px; height: 10px; margin-right: 7px; vertical-align: -1px; border-radius: 50%; border: 1.5px solid var(--c); background: color-mix(in srgb, var(--c) 30%, transparent); }
.ck-map__zone i { border-radius: 0; border: 0; background: color-mix(in srgb, var(--raid) 16%, transparent); }
.ck-map__kbd { margin-left: auto; color: var(--text-3); letter-spacing: .06em; text-transform: none; }

/* container tiers: drop low-priority columns before anything scrolls */
@container board (min-width: 1420px) { .ck-tok__b { display: inline; } }
@container board (max-width: 1219px) { .ck-tbl .c-age { display: none; } .ck-tok__age { display: inline; } }
@container board (max-width: 1139px) { .ck-tbl .c-trend { display: none; } }
@container board (max-width: 1040px) { .ck-vkey { display: none; } }
@container board (max-width: 1080px) { .ck-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) repeat(2, minmax(0, 1fr)); } .ck-stat--kr { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--hair); } .ck-stat__krq { display: block; margin-left: auto; padding-left: 24px; border-left: 1px solid var(--hair); align-self: stretch; } }
@container board (max-width: 1019px) { .ck-tbl .c-disc, .ck-tbl .c-reach { display: none; } }
@container board (max-width: 960px) { .ck-map { grid-template-columns: minmax(0, 1fr); } .ck-map__insp { border-left: 0; border-top: 1px solid var(--hair); grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; } .ck-map__insp > :is(.ck-kv, .ck-insp__go) { grid-column: 2; } .ck-map__insp > :is(.ck-eyebrow, .ck-insp__t, .ck-insp__n, .ck-insp__score) { grid-column: 1; } }
@container board (max-width: 899px) { .ck-tbl .c-clean, .ck-tbl .c-cap { display: none; } }
@container board (max-width: 840px) { .ck-fend { margin-left: 0; width: 100%; justify-content: space-between; } }
@container board (max-width: 440px) { .ck-seg button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .ck-fcount { font-size: 10.5px; } }
@container board (max-width: 719px) {
  .ck-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ck-stat:nth-child(3) { border-left: 0; } .ck-stat:nth-child(n+3) { border-top: 1px solid var(--hair); }
  .ck-stat { padding: 13px 14px; }
  .ck-stat--kr { flex-wrap: wrap; } .ck-stat__krq { margin-left: 0; padding: 10px 0 0; border-left: 0; border-top: 1px solid var(--hair); flex-basis: 100%; }
  .ck-fsearch { flex: 1 1 100%; }
  .ck-fbreak { display: none; } .ck-fmore-btn { order: 2; } .ck-fend { order: 3; flex: 1 1 auto; width: auto; justify-content: flex-end; } .ck-fmore { order: 4; } .ck-freset { order: 5; }
  .ck-vchips { flex: 1 1 auto; } .ck-vchip { flex: 1; justify-content: center; height: 42px; padding: 0 6px; gap: 5px; }
  .ck-fmore-btn { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px; border: 1px solid var(--hair-2); background: none; color: var(--text-2); cursor: pointer; font: 500 10.5px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
  .ck-fmore-btn b { color: var(--raid); font-weight: 600; } .ck-fmore-btn[aria-expanded="true"] { border-color: var(--raid); color: var(--text); }
  .ck-fmore { display: none; }
  .ck-filters.is-open .ck-fmore { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; }
  .ck-fsel { display: grid; gap: 6px; } .ck-fsel select { max-width: none; width: 100%; height: 44px; background-position: calc(100% - 15px) 19px, calc(100% - 10px) 19px; }
  .ck-fsort { display: grid; } .ck-frange input { height: 44px; } .ck-frange__gate { bottom: 9px; }
  .ck-fsearch input { height: 44px; } .ck-freset { height: 44px; } .ck-seg button { height: 42px; }
  .ck-board__foot .ck-hintkeys { display: none; }
  .ck-seg button { min-width: 44px; justify-content: center; padding: 0 10px; }
  /* table → cards */
  .ck-tbl thead { display: none; }
  .ck-tbl, .ck-tbl tbody { display: block; }
  .ck-tbl tbody .ck-row { display: grid; grid-template-columns: 26px repeat(12, minmax(0, 1fr)); align-items: start; row-gap: 10px; padding: 14px 14px 14px 10px; border-bottom: 1px solid var(--hair); }
  .ck-tbl tbody .ck-row > * { display: block; height: auto; padding: 0; border: 0; width: auto; min-width: 0; max-width: none; }
  .ck-tbl tbody .c-rank { grid-column: 1; grid-row: 1 / span 4; padding: 3px 0 0; }
  .ck-tbl tbody .c-token { grid-column: 2 / span 8; grid-row: 1; }
  .ck-tbl tbody .c-score { grid-column: 10 / span 4; grid-row: 1; padding: 0; }
  .ck-tbl tbody .c-tre { grid-column: 2 / span 4; grid-row: 2; text-align: left; }
  .ck-tbl tbody .c-cap { display: block; grid-column: 6 / span 4; grid-row: 2; text-align: left; }
  .ck-tbl tbody .c-ratio { grid-column: 10 / span 4; grid-row: 2; }
  .ck-tbl tbody .c-disc, .ck-tbl tbody .c-capt, .ck-tbl tbody .c-clean, .ck-tbl tbody .c-reach { display: block; grid-row: 3; text-align: left; }
  .ck-tbl tbody .c-disc { grid-column: 2 / span 3; } .ck-tbl tbody .c-capt { grid-column: 5 / span 3; } .ck-tbl tbody .c-clean { grid-column: 8 / span 3; } .ck-tbl tbody .c-reach { grid-column: 11 / span 3; }
  .ck-tbl tbody .c-capt small { display: inline; margin-left: 5px; }
  .ck-tbl tbody .c-verdict { grid-column: 2 / span 4; grid-row: 4; }
  .ck-tbl tbody .c-status { grid-column: 6 / span 8; grid-row: 4; align-self: center; text-align: right; }
  .ck-tbl tbody .c-trend, .ck-tbl tbody .c-age { display: none; }
  .ck-tbl tbody td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 4px; font: 500 8.5px/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text-3); }
  .ck-tbl tbody .c-ratio > span:first-child { display: block; text-align: right; }
  .ck-tbl tbody .ck-rbar { margin-left: auto; }
  .ck-map__insp { grid-template-columns: minmax(0, 1fr); } .ck-map__insp > * { grid-column: 1 !important; }
  .ck-map__kbd { display: none; }
}

/* ───────── dossier ───────── */
.ck-dossier { container: dossier / inline-size; }
.ck-dnav { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; }
.ck-dnav__back { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 10px 0 6px; border: 1px solid transparent; color: var(--text-2); text-decoration: none; font: 500 11px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
.ck-dnav__back:hover { color: var(--text); border-color: var(--hair-2); }
.ck-dnav__pos { font: 500 10.5px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); }
.ck-dnav__pos b { color: var(--text); font-weight: 600; }
.ck-dnav__pn { display: flex; gap: 6px; margin-left: auto; }
.ck-tbtn.is-off { opacity: .3; cursor: default; }
.ck-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); grid-template-areas: "id score" "kv score" "acts score"; align-content: start; column-gap: 36px; margin-bottom: 14px; padding: 24px 28px 26px; background: var(--surface); border: 1px solid var(--hair); }
.ck-hero__id { grid-area: id; position: relative; min-width: 0; }
.ck-hero__id .eyebrow { margin: 0; }
.ck-hero__tk { margin: 12px 0 4px; font-size: clamp(56px, 5.8vw, 96px); letter-spacing: .01em; }
.ck-hero__name { margin: 0 0 14px; font-size: 18px; color: var(--text-2); }
.ck-hero__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-bottom: 14px; }
.ck-hero__meta { display: flex; flex-wrap: wrap; gap: 6px 0; margin: 0 0 12px; max-width: none; font: 500 10.5px/1.4 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); }
.ck-hero__meta span + span::before { content: "·"; margin: 0 10px; color: var(--text-4); }
.ck-hero__blurb { margin: 0 0 18px; max-width: 62ch; font-size: 15px; color: var(--text-2); }
.ck-stamp { position: absolute; top: 34px; right: 4px; font-size: clamp(26px, 2.4vw, 38px); pointer-events: none; }
.ck-stamp--raid { color: var(--raid); } .ck-stamp--amber { color: var(--amber); } .ck-stamp--steel { color: var(--steel); } .ck-stamp--loss { color: var(--loss); }
.ck-hero__kv { grid-area: kv; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 20px; padding: 14px 0; border-block: 1px solid var(--hair); }
.ck-hero__kv dd { display: grid; gap: 5px; font-size: 15px; }
.ck-hero__kv dd small { font: 400 10.5px/1.2 var(--font-mono); letter-spacing: .02em; text-transform: none; color: var(--text-3); }
.ck-hero__acts { grid-area: acts; }
.ck-hero__btns { display: flex; flex-wrap: wrap; gap: 10px; }
.ck-hero__btns .btn { padding: 0 16px; letter-spacing: .1em; }
.ck-hero__warn { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; max-width: none; font: 400 11.5px/1.45 var(--font-mono); color: var(--amber); }
.ck-hero__warn .ck-ico { flex: none; }
.ck-hero__score { grid-area: score; display: grid; align-content: start; gap: 14px; min-width: 0; padding-left: 34px; border-left: 1px solid var(--hair); }
.ck-hero__big { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px 22px; }
.ck-hero__big b { font: 900 clamp(88px, 8.4vw, 136px)/.8 var(--font-display); letter-spacing: -.005em; }
.ck-hero__big b.is-struck { text-decoration: line-through; text-decoration-color: var(--loss); text-decoration-thickness: 5px; }
.ck-hero__bigside { display: grid; justify-items: start; gap: 10px; padding-bottom: 4px; }
.ck-hero__bigside small { max-width: 26ch; font: 400 11px/1.45 var(--font-mono); color: var(--text-3); }
.ck-hero__eq { padding-top: 14px; border-top: 1px solid var(--hair); }
.ck-hero__eq svg { width: 100%; height: auto; }
.ck-hero__eqnote { margin: 0; max-width: none; font: 400 11px/1.5 var(--font-mono); color: var(--text-3); }
.ck-glance { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 6px 0 0; border: 1px solid var(--hair); background: var(--ink-1); }
.ck-glance > div { display: grid; gap: 7px; padding: 12px 14px; border-left: 1px solid var(--hair); min-width: 0; }
.ck-glance > div:first-child { border-left: 0; }
.ck-glance dt { font: 500 9.5px/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text-3); white-space: nowrap; }
.ck-glance dd { margin: 0; font: 800 24px/1 var(--font-display); text-transform: uppercase; letter-spacing: .02em; }
.ck-glance dd small { font: 500 11px/1 var(--font-mono); color: var(--text-3); }
.ck-dgrid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; align-items: start; }
.ck-dthesis { grid-column: span 5; } .ck-dchart { grid-column: span 7; }
.ck-dcap, .ck-dclean { grid-column: span 6; }
.ck-dreach, .ck-dgates, .ck-decon { grid-column: span 4; }
.ck-dnever, .ck-dprime { grid-column: span 6; }
.ck-dgrid > .ck-panel { align-self: stretch; }
.ck-dsens { grid-column: 1 / -1; }
.ck-sens__cols { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 26px; align-items: start; }
.ck-sens__tbl { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.ck-sens__tbl th, .ck-sens__tbl td { padding: 8px 10px; border-bottom: 1px solid var(--hair); text-align: left; vertical-align: middle; }
.ck-sens__tbl thead th { font: 500 9.5px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); background: var(--ink-1); white-space: nowrap; }
.ck-sens__tbl tbody th { font-weight: 500; color: var(--text); min-width: 150px; }
.ck-sens__vd { white-space: nowrap; }
/* "no change" is shown by a quieter badge (no fill, a hairline border), never by fading the word: a faded RAID or PASS was 3.4 to 3.9:1 */
.ck-sens__vd.is-same .ck-verdict { background: transparent; border-color: var(--hair-2); }
.ck-sens__vd.is-same .ck-verdict--raid { color: var(--raid); }
.ck-sens__tbl td.num { font-family: var(--font-mono); color: var(--text-2); white-space: nowrap; }
.ck-sens__tbl td.num b { color: var(--text); font-weight: 600; }
.ck-sens__tbl tbody tr:last-child > * { border-bottom: 0; }
.ck-sens__tbl tr.is-flip > * { background: color-mix(in srgb, var(--raid) 7%, transparent); }
.ck-sens__tbl tr.is-flip > :first-child { box-shadow: inset 3px 0 0 var(--raid); }
.ck-sens__arr { color: var(--text-3); padding: 0 2px; }
.ck-sens__up { color: var(--mint); margin-left: 4px; } .ck-sens__dn { color: var(--loss); margin-left: 4px; } .ck-sens__eq { color: var(--text-3); margin-left: 4px; font-size: 10.5px; }
.ck-sens__side .ck-eyebrow { margin: 0 0 12px; }
.ck-sens__tips { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; border-top: 1px solid var(--hair); }
.ck-sens__tips li { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "l w" "v w"; gap: 2px 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--hair); }
.ck-sens__tl { grid-area: l; font: 600 12.5px/1.25 var(--font-sans); color: var(--text); }
.ck-sens__tv { grid-area: v; font: 400 12px/1.3 var(--font-mono); color: var(--text-2); }
.ck-sens__tv b { color: var(--text); font-weight: 600; } .ck-sens__tv small { color: var(--text-3); margin-left: 4px; font-size: 11px; }
.ck-sens__tw { grid-area: w; }
.ck-sens__fine { margin: 12px 0 0; font: 400 11.5px/1.5 var(--font-mono); color: var(--text-3); }
.ck-sens__never { margin: 0; padding: 4px 0 0; font: 500 14px/1.5 var(--font-sans); color: var(--text); max-width: 70ch; }
.ck-ph__v small { font: 500 11px/1 var(--font-mono); color: var(--text-3); margin-left: 2px; }
.ck-thesis__h { margin: 0 0 16px; max-width: none; font: 800 clamp(24px, 2.2vw, 32px)/1.02 var(--font-display); letter-spacing: .005em; text-transform: uppercase; color: var(--text); }
.ck-thesis__b { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.ck-thesis__b li { position: relative; padding-left: 18px; font: 400 12.5px/1.5 var(--font-mono); color: var(--text-2); }
.ck-thesis__b li::before { content: ""; position: absolute; left: 0; top: .72em; width: 9px; height: 1px; background: var(--raid); }
.ck-dchart__plot svg { width: 100%; height: auto; }
.ck-dchart__none { margin: 0; padding: 40px 0; text-align: center; font: 400 12px/1.4 var(--font-mono); color: var(--text-3); }
.ck-dchart__legend { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 10px; font: 500 10px/1.3 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); }
.ck-dchart__legend i { display: inline-block; width: 14px; height: 2px; margin-right: 8px; vertical-align: middle; }
.ck-dchart__legend b { margin-left: 6px; font-weight: 500; letter-spacing: 0; color: var(--text); }
.lg-a i { background: var(--amber); } .lg-b i { background: var(--steel); } .lg-z i { width: 12px; height: 10px; background: color-mix(in srgb, var(--raid) 24%, transparent); }
.ck-formula { margin: 0; max-width: none; padding: 10px 16px; background: var(--ink-1); border-bottom: 1px solid var(--hair); font: 400 11.5px/1.4 var(--font-mono); color: var(--text-3); }
.ck-formula b { font-weight: 500; color: var(--text); }
.ck-pnote { margin: 0; max-width: none; padding: 12px 16px; border-top: 1px solid var(--hair); font: 400 11.5px/1.5 var(--font-mono); color: var(--text-3); }
.ck-pb .ck-pnote { margin-top: 12px; padding: 12px 0 0; }
/* holder concentration (LIVE dossier, panel 04): an approximation block that never enters the score */
.ck-conc { display: grid; gap: 14px; padding: 16px; border-top: 1px solid var(--hair); }
.ck-conc--none { gap: 8px; }
.ck-conc__h { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
.ck-conc__kv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ck-conc__kv dd { font-size: 15px; }
.ck-conc__legend { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: -6px 0 0; padding: 0; list-style: none; font: 400 11.5px/1.3 var(--font-mono); color: var(--text-2); }
.ck-conc__legend b { font-weight: 500; color: var(--text); }
.ck-conc__scale { margin-left: auto; color: var(--text-3); }
.ck-conc__sw { display: inline-block; width: 9px; height: 9px; margin-right: 6px; vertical-align: -1px; }
.ck-conc__tbl tbody th { min-width: 0; width: 3em; color: var(--text-3); font-weight: 400; }
.ck-conc__bar { display: flex; height: 8px; overflow: hidden; background: var(--ink-1); border: 1px solid var(--hair); }
.ck-conc__seg { display: block; height: 100%; }
.ck-conc__seg--pda { background: var(--steel); }
.ck-conc__seg--key { background: var(--amber); }
.ck-conc__seg--treasury { background: var(--mint); }
.ck-conc__seg--unknown { background: var(--text-3); opacity: .5; }
.ck-conc__check { margin: 0; max-width: none; padding: 10px 12px; border-left: 2px solid var(--amber); background: color-mix(in srgb, var(--amber) 8%, transparent); font: 400 12px/1.5 var(--font-mono); color: var(--text-2); }
.ck-conc__a { font: 500 12px/1 var(--font-mono); color: var(--text); }
.ck-conc .ck-pnote { padding: 0; border-top: 0; }
.ck-reach__bars svg { width: 100%; height: auto; }
.ck-kv--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 14px; }
.ck-kv--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ck-dchart__kv { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--hair); }
.ck-rb { display: grid; gap: 14px; }
.ck-rb__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 6px 12px; }
.ck-rb__row span { font: 500 10.5px/1.3 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--text-2); }
.ck-rb__row small { display: block; margin-top: 3px; font-size: 10px; letter-spacing: .02em; text-transform: none; color: var(--text-3); }
.ck-rb__row b { font: 500 14px/1 var(--font-mono); color: var(--text); }
.ck-rb__row i { grid-column: 1 / -1; position: relative; height: 8px; background: var(--surface-3); }
.ck-rb__row i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: calc(var(--w) * 100%); background: var(--c); }
.ck-decon { box-shadow: inset 0 2px 0 var(--cold); }
.ck-econ { display: grid; margin: 0; }
.ck-econ > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--hair-2); }
.ck-econ dt { font-size: 13px; color: var(--text-2); }
.ck-econ dt small { display: block; margin-top: 3px; font: 400 10px/1.3 var(--font-mono); color: var(--text-3); }
.ck-econ dd { margin: 0; font: 500 14px/1 var(--font-mono); white-space: nowrap; }
.ck-econ > .ck-econ__net { border-bottom: 0; }
.ck-econ__net dt { font-weight: 500; color: var(--text); }
.ck-econ__net dd { font: 800 26px/1 var(--font-display); }
.ck-goat { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; margin: 10px 0 0; max-width: none; padding: 12px 14px; border: 1px solid var(--hair-2); background: var(--ink-1); }
.ck-goat span { font: 500 10.5px/1.2 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-2); }
.ck-goat b { grid-column: 2; grid-row: 1 / span 2; font: 900 34px/1 var(--font-display); text-transform: uppercase; color: var(--text-3); }
.ck-goat small { font: 400 10.5px/1.3 var(--font-mono); color: var(--text-3); }
.ck-goat.is-yes { border-color: color-mix(in srgb, var(--mint) 45%, transparent); } .ck-goat.is-yes b { color: var(--mint); }
.ck-dfoot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 16px 0 0; max-width: none; font: 400 11px/1.5 var(--font-mono); color: var(--text-3); }
.ck-dfoot a { color: var(--text-3); }
@container dossier (max-width: 1100px) {
  .ck-dthesis, .ck-dchart, .ck-dcap, .ck-dclean { grid-column: 1 / -1; }
  .ck-dreach, .ck-dgates { grid-column: span 6; } .ck-decon { grid-column: 1 / -1; }
}
@container dossier (max-width: 760px) {
  .ck-hero { grid-template-columns: minmax(0, 1fr); grid-template-areas: "id" "score" "kv" "acts"; padding: 18px 16px 20px; }
  .ck-hero__score { padding: 16px 0 18px; margin-bottom: 16px; border-left: 0; border-top: 1px solid var(--hair); }
  .ck-hero__kv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ck-stamp { top: 46px; }
  .ck-hero__meta { gap: 6px 14px; } .ck-hero__meta span + span::before { display: none; }
  .ck-hero__btns .btn { flex: 1 1 auto; }
  .ck-dgrid > .ck-panel { grid-column: 1 / -1; }
  .ck-ft__note { display: none; }
  .ck-ft thead th:last-child { display: none; }
  .ck-dnav__pos { display: none; }
  .ck-kv--4, .ck-glance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ck-glance > div:nth-child(3) { border-left: 0; } .ck-glance > div:nth-child(n+3) { border-top: 1px solid var(--hair); }
}

/* ───────── score lab ───────── */
.ck-lab { container: lab / inline-size; }
.ck-lab .ck-vh__r { flex-wrap: wrap; }
.ck-lab__grid { display: grid; grid-template-columns: minmax(330px, 430px) minmax(0, 1fr); gap: 16px; align-items: start; }
.ck-lab__in { display: grid; gap: 12px; min-width: 0; }
.ck-lpresets { padding: 12px; background: var(--ink-0); border: 1px solid var(--hair); }
.ck-lpresets__k { margin-left: 8px; color: var(--text-3); letter-spacing: .08em; text-transform: none; }
.ck-lpresets__row { display: grid; grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 6px; margin-top: 10px; }
.ck-lpre { display: grid; align-content: start; gap: 5px; min-height: 44px; padding: 9px 10px; border: 1px solid var(--hair-2); background: var(--surface); color: var(--text-2); text-align: left; cursor: pointer; transition: border-color var(--t-fast), background var(--t-fast); }
.ck-lpre b { display: flex; gap: 7px; font: 500 10.5px/1.25 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--text); }
.ck-lpre b .num { color: var(--text-3); }
.ck-lpre small { font: 400 10px/1.25 var(--font-mono); color: var(--text-3); }
.ck-lpre:hover { border-color: var(--text-3); }
.ck-lpre[aria-pressed="true"] { background: var(--ink-3); border-color: var(--raid); box-shadow: inset 2px 0 0 var(--raid); }
.ck-lpre[aria-pressed="true"] b .num { color: var(--raid); }
.ck-lform { display: grid; gap: 12px; }
.ck-lgroup { background: var(--surface); border: 1px solid var(--hair); }
.ck-lgroup__t { display: flex; align-items: baseline; gap: 10px; margin: 0; padding: 12px 14px; border-bottom: 1px solid var(--hair); font: 600 11px/1.1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text); }
.ck-lgroup__t small { margin-left: auto; font: 400 10px/1.2 var(--font-mono); letter-spacing: .03em; text-transform: none; color: var(--text-3); }
.ck-lf { position: relative; min-width: 0; margin: 0; padding: 11px 14px; border: 0; border-bottom: 1px solid var(--hair); }
.ck-lf:last-child { border-bottom: 0; }
.ck-lf__top { display: flex; align-items: center; gap: 10px; min-height: 28px; }
.ck-lf__top label, .ck-lf legend { font: 500 10.5px/1.25 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--text-2); }
.ck-lf__ro { display: inline-flex; align-items: baseline; gap: 5px; margin-left: auto; font: 500 11px/1 var(--font-mono); white-space: nowrap; }
.ck-lf__ro b { font-weight: 600; }
.ck-lf__ro i { font-style: normal; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); }
.ck-lf__arrow { color: var(--text-4); }
.ck-lf__val { display: inline-flex; align-items: baseline; gap: 5px; }
.ck-lf__in { width: 74px; height: 28px; padding: 0 7px; background: var(--ink-0); border: 1px solid var(--hair-2); border-radius: 0; text-align: right; font: 500 13px/1 var(--font-mono); color: var(--text); -moz-appearance: textfield; appearance: textfield; }
.ck-lf__in::-webkit-inner-spin-button, .ck-lf__in::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.ck-lf__in:focus { outline: none; border-color: var(--raid); box-shadow: 0 0 0 3px var(--raid-glow); }
.ck-lf__val small { min-width: 30px; font: 500 9.5px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--text-3); }
.ck-lf--num input[type="range"] { display: block; margin-top: 4px; }
.ck-lf__hint { margin: 3px 0 0; max-width: none; font: 400 10.5px/1.4 var(--font-mono); color: var(--text-3); }
.ck-lf__hint:empty { display: none; }
.ck-lf--sw { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; }
.ck-lf--sw .ck-lf__hint { flex-basis: 100%; }
.ck-sw { position: relative; display: inline-flex; align-items: center; gap: 12px; min-height: 30px; cursor: pointer; font: 500 13px/1.3 var(--font-sans); color: var(--text); }
.ck-sw input { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
.ck-sw i { position: relative; flex: none; width: 34px; height: 18px; background: var(--ink-0); border: 1px solid var(--hair-2); transition: background var(--t-fast), border-color var(--t-fast); }
.ck-sw i::after { content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; background: var(--text-3); transition: transform var(--t-fast) var(--ease), background var(--t-fast); }
.ck-sw input:checked + i { background: color-mix(in srgb, var(--raid) 22%, transparent); border-color: var(--raid); }
.ck-sw input:checked + i::after { transform: translateX(16px); background: var(--raid); }
.ck-sw input:focus-visible + i { outline: 2px solid var(--raid); outline-offset: 2px; }
.ck-lf--sw.is-danger input:checked + i { background: color-mix(in srgb, var(--loss) 22%, transparent); border-color: var(--loss); }
.ck-lf--sw.is-danger input:checked + i::after { background: var(--loss); }
.ck-lf--seg legend { float: left; padding: 0; margin: 8px 0 0; }
.ck-lf--seg > .ck-lf__ro { position: absolute; top: 19px; right: 14px; }
.ck-lseg { clear: both; display: flex; padding-top: 8px; }
.ck-lseg label { position: relative; flex: 1; min-width: 0; }
.ck-lseg input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.ck-lseg span { display: flex; align-items: center; justify-content: center; height: 32px; padding: 0 6px; border: 1px solid var(--hair-2); border-left-width: 0; font: 500 10px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck-lseg label:first-child span { border-left-width: 1px; }
.ck-lseg label:hover span { color: var(--text); }
.ck-lseg input:checked + span { background: var(--ink-3); color: var(--text); box-shadow: inset 0 -2px 0 var(--raid); }
.ck-lseg input:focus-visible + span { outline: 2px solid var(--raid); outline-offset: -2px; }
.ck-lres { scroll-margin-top: calc(var(--ck-stick) + 56px); position: sticky; top: calc(var(--ck-stick) + 14px); display: flex; flex-direction: column; max-height: calc(100dvh - var(--ck-stick) - 28px); box-shadow: inset 0 2px 0 var(--cold); }
.ck-lres__body { flex: 1; display: grid; align-content: start; gap: 18px; min-height: 0; overflow: auto; padding: 16px 18px; overscroll-behavior: contain; }
.ck-lres__body.is-stale > :not(.ck-state) { opacity: .4; filter: grayscale(.7); }
.ck-lres__top { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
.ck-lres__gauge { flex: none; }
.ck-lres__v { display: grid; justify-items: start; gap: 12px; flex: 1; min-width: 200px; }
.ck-lres__v p { margin: 0; max-width: 46ch; font: 400 12.5px/1.55 var(--font-mono); color: var(--text-2); }
.ck-lres__eq svg { width: 100%; max-width: 600px; height: auto; }
.ck-lres__two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }
.ck-lres__h { display: flex; align-items: center; gap: 10px; margin: 0 0 2px; padding-bottom: 8px; border-bottom: 1px solid var(--hair-2); font: 600 10.5px/1.2 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text-2); }
.ck-lres__h > span:last-child { margin-left: auto; }
.ck-lres__econ { padding: 12px 14px; background: var(--ink-1); border: 1px solid var(--hair); }
.ck-lres__econ .ck-lres__h { border: 0; padding: 0; }
.ck-lres__econ p { margin: 8px 0 0; max-width: none; font: 400 12px/1.6 var(--font-mono); color: var(--text-3); }
.ck-lres__econ b { font-weight: 500; color: var(--text); }
.ck-lres__econ b.amber { color: var(--amber); } .ck-lres__econ b.mint { color: var(--mint); } .ck-lres__econ b.loss { color: var(--loss); }
.ck-lres__more { border-top: 1px solid var(--hair); }
.ck-lres__more summary { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; list-style: none; font: 600 10.5px/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text-2); }
.ck-lres__more summary::-webkit-details-marker { display: none; }
.ck-lres__more summary::before { content: "+"; width: 12px; color: var(--raid); font-weight: 500; }
.ck-lres__more[open] summary::before { content: "−"; }
.ck-lres__more summary span { margin-left: auto; color: var(--text); }
.ck-lres__more summary:hover { color: var(--text); }
.ck-lres__more > :not(summary) { margin-bottom: 14px; }
.ck-lres__acts { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 18px; border-top: 1px solid var(--hair); background: var(--ink-1); }
.ck-lres__acts .btn { gap: 8px; }
.ck-lmini { display: none; }
@container lab (max-width: 880px) {
  .ck-lab__grid { grid-template-columns: minmax(0, 1fr); }
  .ck-lres { position: static; max-height: none; }
  .ck-lres__body { overflow: visible; }
  .ck-lmini { position: sticky; top: var(--ck-stick); z-index: 6; display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding: 8px 12px; background: color-mix(in srgb, var(--ink-2) 94%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid var(--hair-2); box-shadow: inset 0 2px 0 var(--cold); font: 500 10.5px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--text-3); }
  .ck-lmini b { font: 800 26px/1 var(--font-display); letter-spacing: .01em; }
  .ck-lmini > span { white-space: nowrap; }
  .ck-lmini:empty { display: none; }
  .ck-lmini__go { margin-left: auto; min-height: 36px; padding: 0 12px; border: 1px solid var(--hair-2); background: none; cursor: pointer; font: 500 10.5px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--text-2); }
}
@container lab (max-width: 560px) {
  .ck-lres__two { grid-template-columns: minmax(0, 1fr); }
  .ck-lres__top { justify-content: center; }
  .ck-lmini__p { display: none; }
  .ck-ft__note { display: none; } .ck-ft thead th:last-child { display: none; }
}

/* ───────── public /board skin ───────── */
.pb-body { --ck-stick: calc(var(--banner-h) + var(--nav-h) + 1px); --ck-tabs-h: 0px; }
.pb-hero { position: relative; padding-top: clamp(36px, 6vw, 72px); padding-bottom: clamp(20px, 3vw, 32px); }
.pb-hero__t { margin: 16px 0 18px; font-size: var(--fs-3xl); }
.pb-hero__row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px 40px; }
.pb-hero__lead { margin: 0; max-width: 64ch; font-size: 16px; }
.pb-hero__lead b { color: var(--text); font-weight: 500; }
.pb-hero__acts { display: flex; flex-wrap: wrap; gap: 10px; }
.pb-board { padding-bottom: 24px; }
.pb-body .ck-board__foot { padding-bottom: 8px; }

/* ───────── responsive shell ───────── */
@media (max-width: 1279px) {
  .ck-body { --ck-rail-w: 64px; }
  .ck-brand { justify-content: center; padding: 0; }
  .ck-brand__w, .ck-brand__s, .ck-nav__sec, .ck-nav__l, .ck-nav__k, .ck-rail__meta { display: none; }
  .ck-nav { padding: 12px 8px; } .ck-rail__foot { padding: 8px; }
  .ck-nav__a { justify-content: center; padding: 0; min-height: 44px; }
  .ck-nav__a[aria-current="page"]::before { left: -8px; }
  .ck-nav__site { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--hair); }
  p.ck-nav__site { display: none; }
}
@media (max-width: 1100px) { .ck-kr__lbl { display: none; } }
@media (max-width: 950px) { .ck-tbtn--pal { display: none; } .ck-kr__ticks { display: none; } .ck-top { gap: 10px; } .ck-tbtn--ops span, .ck-mode__x { display: none; } } /* 768 to 950 px: icon-only Ops and a short Demo chip, or the "?" runs off the edge (it did, by 20 px, at 768 and again at 921) */
@media (max-width: 759px) {
  .ck-body { --ck-top-h: 48px; --ck-tabs-h: 62px; --ck-pad: 16px; }
  .ck { grid-template-columns: minmax(0, 1fr); }
  .ck-rail { position: fixed; inset: auto 0 0 0; top: auto; height: calc(var(--ck-tabs-h) + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); z-index: 60; flex-direction: row; overflow: visible; border-right: 0; border-top: 1px solid var(--hair); background: color-mix(in srgb, var(--ink-0) 94%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
  .ck-brand, .ck-nav__sec, ul.ck-nav__site, .ck-rail__foot { display: none; }
  .ck-nav { flex: 1; padding: 0; }
  .ck-nav__desk { grid-template-columns: repeat(5, minmax(0, 1fr)); height: 100%; gap: 0; }
  .ck-nav__desk .ck-nav__a { flex-direction: column; justify-content: center; gap: 6px; height: var(--ck-tabs-h); min-height: 44px; padding: 4px 2px 2px; font-size: 9px; letter-spacing: .1em; text-align: center; }
  .ck-nav__desk .ck-nav__l { display: block; flex: none; white-space: nowrap; }
  .ck-nav__desk .ck-nav__a:hover { background: none; }
  .ck-nav__a[aria-current="page"] { background: none; }
  .ck-nav__a[aria-current="page"]::before { left: 22%; right: 22%; top: 0; bottom: auto; width: auto; height: 2px; }
  .ck-main { padding: 16px var(--ck-pad) calc(var(--ck-tabs-h) + 32px + env(safe-area-inset-bottom)); }
  .ck-top { gap: 8px; padding: 0 8px 0 14px; }
  .ck-top__brand { display: inline-flex; }
  .ck-top__brand .ck-mark { height: 22px; }
  .ck-crumbs__root { display: none; } .ck-crumbs li:nth-child(2)::before { display: none; }
  .ck-crumbs { flex: 1; }
  .ck-search, .ck-tbtn--pal, .ck-tbtn--keys, .ck-tbtn--ops, .ck-kr__lbl, .ck-kr__ticks { display: none; }
  .ck-tbtn--find { display: inline-flex; width: 44px; height: 44px; }
  .ck-krbtn { height: 44px; padding: 0 8px; }
  .ck-mode__x { display: none; }
  .ck-pal { margin: 8px auto auto; width: calc(100vw - 16px); }
  .ck-keys__grid { grid-template-columns: minmax(0, 1fr); }
  /* 44px touch targets */
  .ck-top__brand { align-items: center; justify-content: center; width: 36px; height: 44px; }
  .ck-view .link-arrow, .ck-dnav__back, .ck-dnav .ck-tbtn { min-height: 44px; }
  .ck-vchip, .ck-seg button { height: 44px; }
  .ck-lres__acts .btn, .ck-lmini__go, .ck-hero__btns .btn { min-height: 44px; }
  .ck-lf--num input[type="range"], .ck-frange input { height: 44px; }
  .ck-lf__in { height: 44px; width: 84px; } .ck-lseg span { height: 44px; } .ck-sw { min-height: 44px; }
  .ck-krpop__q a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; }
}
@media (max-width: 380px) { .ck-nav__desk .ck-nav__a { font-size: 8.5px; letter-spacing: .06em; } }
@media (prefers-reduced-motion: reduce) { .ck-view, .ck-dlg[open] { animation: none; } .ck-skel i, .is-skel, .ck-spark2.is-pending { animation: none; } }
@media (max-width: 980px) { .ck-sens__cols { grid-template-columns: minmax(0, 1fr); gap: 20px; } }
@media (max-width: 700px) {
  .ck-sens__tbl, .ck-sens__tbl tbody { display: block; }
  .ck-sens__tbl thead { display: none; }
  .ck-sens__tbl tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "l v" "f s"; gap: 4px 12px; align-items: center; padding: 10px 12px; border-bottom: 1px solid var(--hair); }
  .ck-sens__tbl tbody tr:last-child { border-bottom: 0; }
  .ck-sens__tbl th, .ck-sens__tbl td { display: block; padding: 0; border: 0; background: none !important; box-shadow: none !important; }
  .ck-sens__tbl tbody th { grid-area: l; min-width: 0; }
  .ck-sens__tbl td:nth-child(2) { grid-area: f; white-space: normal; font-size: 12px; }
  .ck-sens__tbl td:nth-child(3) { grid-area: s; justify-self: end; font-size: 12px; }
  .ck-sens__tbl td:nth-child(4) { grid-area: v; justify-self: end; }
  .ck-sens__tbl tr.is-flip { background: color-mix(in srgb, var(--raid) 7%, transparent); box-shadow: inset 3px 0 0 var(--raid); }
}
/* ───────── compare view (#/compare) and the board's compare tray ───────── */
.ck-cmp { display: grid; gap: 16px; }
.ck-cmp__pick { padding: 14px 18px 12px; }
.ck-cmp__row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
.ck-cmp__lab { font: 500 10px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); }
.ck-cmp__row .select { min-width: min(100%, 300px); flex: 1 1 260px; max-width: 420px; }
.ck-cmp__note { margin: 10px 0 0; font: 400 11.5px/1.5 var(--font-mono); color: var(--text-3); }
.ck-cmp__tp { padding: 0; }
.ck-cmp__wrap { overflow-x: auto; }
.ck-cmp__tbl { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.ck-cmp__tbl th, .ck-cmp__tbl td { text-align: left; vertical-align: top; }
.ck-cmp__corner, .ck-cmp__rl { width: 210px; }
.ck-cmp__tbl thead th { background: var(--ink-1); border-bottom: 1px solid var(--hair-2); padding: 14px 14px 12px; z-index: 3; }
.ck-cmp__hid { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ck-cmp__tk { font: 800 clamp(24px, 2.4vw, 34px)/1 var(--font-display); letter-spacing: .01em; text-transform: uppercase; color: var(--text); }
.ck-cmp__x { appearance: none; display: inline-grid; place-items: center; width: 26px; height: 26px; padding: 0; border: 1px solid var(--hair-2); background: transparent; color: var(--text-3); cursor: pointer; }
.ck-cmp__x:hover, .ck-cmp__x:focus-visible { color: var(--text); border-color: var(--text-3); }
.ck-cmp__nm { display: block; margin: 4px 0 10px; font: 400 12.5px/1.3 var(--font-sans); color: var(--text-2); }
.ck-cmp__vd { display: flex; align-items: center; gap: 12px; }
.ck-cmp__sc { font: 700 22px/1 var(--font-mono); color: var(--text); } .ck-cmp__sc.is-struck { color: var(--fog); text-decoration: line-through; }
.ck-cmp__ac { display: flex; gap: 14px; margin-top: 10px; font: 500 11px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.ck-cmp__ac a { color: var(--text-2); text-decoration: none; border-bottom: 1px solid var(--hair-2); padding-bottom: 2px; } .ck-cmp__ac a:hover { color: var(--text); border-color: var(--text-3); }
.ck-cmp__sec th { padding: 11px 14px; background: var(--ink-1); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); font: 500 9.5px/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--text-3); }
.ck-cmp__rl { padding: 10px 14px; font: 500 13px/1.3 var(--font-sans); color: var(--text); border-bottom: 1px solid var(--hair); }
.ck-cmp__rl small { display: block; margin-top: 3px; font: 400 11px/1.35 var(--font-mono); color: var(--text-3); }
.ck-cmp__c { padding: 10px 14px; border-bottom: 1px solid var(--hair); font: 400 13px/1.35 var(--font-sans); color: var(--text-2); }
.ck-cmp__c .num { display: inline-block; font: 600 13px/1.2 var(--font-mono); color: var(--text); }
.ck-cmp__c .ck-meter { display: block; margin-top: 6px; max-width: 150px; }
.ck-cmp__c.is-best { background: color-mix(in srgb, var(--mint) 9%, transparent); box-shadow: inset 3px 0 0 var(--mint); }
.ck-cmp__c.is-best .num { color: var(--mint); }
.ck-cmp__yes { font: 600 12px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--mint); } .ck-cmp__no { font: 600 12px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--loss); }
.ck-cmp__tips { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font: 400 11.5px/1.4 var(--font-mono); color: var(--text-2); }
.ck-cmp__wait { font: 400 11.5px/1.4 var(--font-mono); color: var(--text-3); }
.ck-cmp__tp .ck-pnote { border-top: 1px solid var(--hair); }
.ck-cmp__empty .ck-pb { padding: 22px 20px; } .ck-cmp__eh { margin: 0 0 6px; font: 800 24px/1.05 var(--font-display); text-transform: uppercase; color: var(--text); } .ck-cmp__ep { margin: 0 0 16px; color: var(--text-2); max-width: 62ch; }
@media (min-width: 901px) { .ck-cmp__wrap { overflow: visible; } .ck-cmp__tbl thead th { position: sticky; top: 56px; } }
@media (max-width: 900px) {
  .ck-cmp__tbl { table-layout: auto; min-width: calc(118px + var(--cols, 3) * 158px); }
  .ck-cmp__corner, .ck-cmp__rl { width: 118px; min-width: 118px; position: sticky; left: 0; z-index: 2; background: var(--ink-0, #0b0e11); }
  .ck-cmp__rl { padding: 10px; font-size: 12px; } .ck-cmp__rl small { display: none; }
  .ck-cmp__sec th { position: sticky; left: 0; }
  .ck-cmp__hid .ck-cmp__tk { font-size: 24px; }
}
/* the board: a + next to each rank, and the tray that opens the comparison */
.ck-cmpb { appearance: none; margin-left: 7px; width: 20px; height: 20px; padding: 0; border: 1px solid var(--hair-2); background: transparent; color: var(--text-3); font: 600 12px/1 var(--font-mono); cursor: pointer; vertical-align: middle; }
.ck-cmpb:hover, .ck-cmpb:focus-visible { color: var(--text); border-color: var(--text-3); }
.ck-cmpb[aria-pressed="true"] { background: var(--cold); border-color: var(--cold); color: var(--ink-0, #0b0e11); }
.ck-cmptray { position: sticky; bottom: 14px; z-index: 30; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; width: max-content; max-width: 100%; margin: 14px auto 0; padding: 8px 10px 8px 14px; background: var(--ink-1); border: 1px solid var(--hair-2); box-shadow: 0 10px 30px rgba(0, 0, 0, .5); }
.ck-cmptray[hidden] { display: none; }
.ck-cmptray__l { font: 500 10px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); } .ck-cmptray__h { font: 400 11.5px/1 var(--font-mono); color: var(--text-3); }
.ck-cmptray ul { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; }
.ck-cmptray li { display: inline-flex; align-items: center; gap: 2px; padding: 3px 3px 3px 9px; border: 1px solid var(--hair-2); font: 600 12px/1 var(--font-mono); color: var(--text); }
.ck-cmptray li button { appearance: none; border: 0; background: transparent; color: var(--text-3); cursor: pointer; padding: 2px 6px; font: 600 14px/1 var(--font-mono); } .ck-cmptray li button:hover { color: var(--text); }
@media (max-width: 900px) { .ck-cmptray { bottom: 76px; } }
/* ───────── movers (board) and the rank block (dossier): DEMO, derived from the synthetic series ───────── */
.ck-movers { margin: 0 0 14px; }
.ck-movers[hidden] { display: none; }
.ck-mv__seg { margin-left: 10px; }
.ck-mv__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ck-mv__c .ck-eyebrow { margin: 0 0 8px; }
.ck-mv__l, .ck-mv__f, .ck-mv__f ul { list-style: none; margin: 0; padding: 0; }
.ck-mv__l, .ck-mv__f { border-top: 1px solid var(--hair); }
.ck-mv__l li, .ck-mv__f > li { border-bottom: 1px solid var(--hair); }
.ck-mv__f > li { display: grid; gap: 2px; padding: 8px 0 2px; }
.ck-mv__a { display: grid; grid-template-columns: 56px 66px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 2px; color: var(--text); text-decoration: none; }
.ck-mv__f .ck-mv__a { grid-template-columns: 66px minmax(0, 1fr); }
.ck-mv__a:hover, .ck-mv__a:focus-visible { background: color-mix(in srgb, var(--text) 5%, transparent); }
.ck-mv__d { font: 600 11.5px/1 var(--font-mono); color: var(--text-3); } .ck-mv__d.is-up { color: var(--mint); } .ck-mv__d.is-dn { color: var(--loss); }
.ck-mv__tk { font: 800 15px/1 var(--font-display); text-transform: uppercase; letter-spacing: .02em; }
.ck-mv__r { font: 400 12px/1 var(--font-mono); color: var(--text-2); white-space: nowrap; } .ck-mv__s { font: 400 12px/1 var(--font-mono); color: var(--text-3); white-space: nowrap; }
.ck-mv__none { margin: 0; padding: 10px 0; font: 400 12px/1.5 var(--font-mono); color: var(--text-3); }
.ck-mv__t { font: 500 10px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; } .is-join .ck-mv__t { color: var(--mint); } .is-left .ck-mv__t { color: var(--loss); }
.ck-mv__note { margin: 14px 0 0; font: 400 11.5px/1.5 var(--font-mono); color: var(--text-3); }
@media (max-width: 900px) { .ck-mv__cols { grid-template-columns: minmax(0, 1fr); gap: 18px; } .ck-mv__a { grid-template-columns: 50px 60px minmax(0, 1fr) auto; } .ck-mv__seg { margin-left: 0; } }
.ck-rankhist { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--hair); }
.ck-rankhist[hidden] { display: none; }
.ck-rankhist__t { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.ck-rankhist__t b { font: 800 28px/1 var(--font-display); color: var(--text); } .ck-rankhist__m { font: 400 12px/1 var(--font-mono); color: var(--text-2); }
.ck-rankhist__sp { margin: 8px 0 4px; max-width: 360px; } .ck-rankhist__sp svg { width: 100%; height: 44px; display: block; }
.ck-rankhist__n { margin: 4px 0 0; font: 400 11.5px/1.5 var(--font-mono); color: var(--text-3); }

/* ───────── export (board CSV / JSON) ───────── */
.ck-exp button { padding: 0 10px; }
@container board (max-width: 440px) { .ck-exp button span { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: nowrap; } } /* two identical download icons say nothing: keep CSV / JSON written out on a phone */
.ck-printnote { display: none; }

/* ───────── print: the board and a dossier on paper ─────────
   The cockpit is dark and a browser prints without backgrounds, so light text on a dark ground would come out as white on white. On paper the base tokens are remapped to ink on white and the
   signal colours to their deep variants; the chrome (rail, top bar, filters, buttons, toasts) is left out; panels do not break across pages. The DEMO / LIVE · DRAFT chips and the footer line stay. */
@media print {
  :root {
    --void: #fff; --ink-0: #fff; --ink-1: #fff; --ink-2: #fff; --ink-3: #f4f4f4; --ink-4: #ececec; --line: #cfcfcf; --line-2: #a8a8a8;
    --bone: #111; --bone-2: #2a2a2a; --steel: #444; --fog: #666; --text-4: #555;
    --raid: #b02a0a; --raid-hi: #b02a0a; --raid-lo: #b02a0a; --raid-ink: #fff; --amber: #7a4f00; --mint: #0a6847; --cold: #1b5e8c; --loss: #a8231b;
    color-scheme: light;
  }
  html { -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* keep the colour of the score tiles and badges even when the print dialog has "background graphics" off */
  html, body, .ck-body { background: #fff !important; color: #111 !important; }
  .ck-rail, .ck-top, .ck-cmptray, .ck-filters, .ck-hintkeys, .ck-scrollhint, .ck-dnav, .ck-hero__btns, .ck-cmpb, .ck-toast, .ck-exp, dialog, [data-movers] .ck-seg { display: none !important; }
  .ck { display: block; min-height: 0; }
  .ck-col { display: block; }
  .ck-main { padding: 0; }
  .ck-hero { display: block; padding: 14px 0; }
  .ck-hero__score { margin-top: 12px; }
  .ck-dgrid { display: block; }
  .ck-dgrid > .ck-panel { margin-bottom: 10px; }
  .ck-panel, .ck-hero, .ck-stat, .ck-tbl tr { break-inside: avoid; }
  .ck-tbl thead { display: table-header-group; }
  .ck-hero, .ck-panel, .ck-stat, .ck-tpanel, .frame, .grain { box-shadow: none !important; background-image: none !important; background-color: #fff !important; }
  .ck-hero::before, .ck-hero::after, .ck-panel::before, .ck-panel::after, .grain::before, .grain::after { display: none !important; }
  .ck-view, .reveal { animation: none !important; opacity: 1 !important; transform: none !important; }
  .ck-printnote { display: block; margin: 0 0 10px; font: 500 10px/1.4 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: #444; }
  a { color: inherit; text-decoration: none; }
  @page { margin: 14mm; }
}