/* "Test me against your job" on /brett/work, and the labelled cursor helper (wkn-).
   The panel is one of the artifact's dark device panels, so it is dark in both color schemes. */

/* ---- labelled cursor (js/work/named-cursor.js) ---- */
.wkn-layer{position:fixed;inset:0;z-index:70;pointer-events:none;overflow:hidden}
.wkn-cursor{position:absolute;left:0;top:0;pointer-events:none;will-change:transform;transition:opacity .22s linear;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.wkn-cursor svg{display:block;width:20px;height:26px;overflow:visible}
.wkn-small svg{width:15px;height:20px}
.wkn-tag{position:absolute;left:15px;top:19px;padding:2px 7px 2px;border-radius:0 7px 7px 7px;color:#07090e;font:700 10.5px/1.25 'IBM Plex Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;letter-spacing:.01em;white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.wkn-tag[hidden]{display:none}
.wkn-note{position:absolute;left:15px;top:40px;padding:2px 6px;border-radius:6px;background:rgba(6,8,12,.86);color:#eef2f8;font:500 10.5px/1.3 'IBM Plex Mono',ui-monospace,Consolas,monospace;white-space:nowrap}
.wkn-click svg{animation:wkn-press .22s ease}
.wkn-out,.wkn-fading{opacity:0}
.wkn-line{position:absolute;left:0;top:0;height:0;border-top:2px dotted #7fb0ff;transform-origin:0 0;opacity:.7;transition:opacity .4s linear}
.wkn-lit{outline:2px solid var(--wkn-color,#7fb0ff);outline-offset:3px}
@keyframes wkn-press{40%{transform:scale(.82) translate(1px,1px)}}

/* ---- section ---- */
#m-home > #wk-tieout{max-width:1360px}
#wk-tieout{padding:72px 16px 24px;scroll-margin-top:12px}
#wk-tieout:focus{outline:none}
#m-home .wkt-hd{margin:0 0 22px}
#m-home .wkt-hd .m-h2{margin-bottom:14px;word-spacing:.09em}
#m-home .wkt-sub{font:500 18px/1.38 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--mu);margin:0;max-width:44ch}
#m-home .wkt-nojs{font:500 15px/1.5 'DM Sans',system-ui,sans-serif;color:var(--mu);margin:0}
.wkt-vh{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

#m-home .wkt-panel{--lime:#7fb0ff;--amber:#ffb84d;--red:#ff5d5d;position:relative;isolation:isolate;border-radius:24px;overflow:hidden;color:#eef2f8;
  background:radial-gradient(120% 420px at 18% -80px,#22330f 0%,transparent 70%),radial-gradient(90% 360px at 96% -60px,#1a2140 0%,transparent 72%),#05070b;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 34px 70px -38px rgba(95,150,255,.55),0 1px 0 rgba(255,255,255,.06) inset}
#m-home .wkt-panel::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px)}
#m-home .wkt-bar{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
#m-home .wkt-bar > i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.17)}
#m-home .wkt-bar > i:first-child{background:#ff5f57}
#m-home .wkt-bar > i:nth-child(2){background:#febc2e}
#m-home .wkt-bar > i:nth-child(3){background:#28c840}
#m-home .wkt-bar-t{margin-left:9px;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#aab3c4}
#m-home .wkt-bar-l{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font:500 11px var(--mono);letter-spacing:.06em;color:#aab3c4;white-space:nowrap}
#m-home .wkt-bar-l b{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px var(--lime)}

/* ---- form ---- */
#m-home .wkt-form{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:18px 16px 20px}
#m-home .wkt-lab{display:block;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#aab3c4;margin:0 0 8px}
#m-home .wkt-paper{position:relative;border-radius:14px;overflow:hidden}
#m-home .wkt-paper textarea{display:block;width:100%;min-height:190px;resize:vertical;padding:14px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#0a0e15;color:#eef2f8;font:400 16px/1.5 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;transition:border-color .2s,box-shadow .2s}
#m-home .wkt-paper textarea::placeholder{color:#8b94a7}
#m-home .wkt-paper textarea:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(95,150,255,.2)}
#m-home .wkt-scan{position:absolute;left:0;right:0;top:0;height:42px;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgba(95,150,255,.22) 80%,rgba(95,150,255,.9) 98%,transparent)}
#m-home .wkt-paper.is-scan .wkt-scan{animation:wkt-scan .62s cubic-bezier(.4,0,.5,1) both}
@keyframes wkt-scan{0%{opacity:1;transform:translateY(-42px)}85%{opacity:1}100%{opacity:0;transform:translateY(240px)}}
#m-home .wkt-ctl{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:12px 0 0}
#m-home .wkt-run{min-width:148px;--c:#7fb0ff;box-shadow:0 10px 30px -12px rgba(95,150,255,.8)}
#m-home .wkt-count{font:500 11px var(--mono);color:#8b94a7}
#m-home .wkt-count.is-over{color:var(--amber)}
#m-home .wkt-samples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}
#m-home .wkt-samples-l{font:500 11px var(--mono);color:#8b94a7;margin-right:2px}
#m-home .wkt-sample{min-height:44px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.035);color:#eef2f8;font:600 13.5px 'DM Sans',system-ui,sans-serif;cursor:pointer;text-align:left;transition:border-color .18s,background .18s,color .18s}
#m-home .wkt-sample:hover{border-color:var(--lime);color:var(--lime)}
#m-home .wkt-sample.is-on{border-color:var(--lime);background:rgba(95,150,255,.12);color:var(--lime)}
#m-home .wkt-prompt{margin:14px 0 0;padding:10px 13px;border-radius:12px;border:1px solid rgba(255,184,77,.45);background:rgba(255,184,77,.09);color:#ffd9a0;font:500 14px/1.4 'DM Sans',system-ui,sans-serif}

/* the teaser beside the empty form */
#m-home .wkt-teaser{display:none}
#m-home .wkt-t-lab{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#aab3c4;margin:0 0 10px}
#m-home .wkt-t-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#m-home .wkt-t-list li{display:grid;grid-template-columns:minmax(0,.82fr) 46px minmax(0,1fr);align-items:center;padding:11px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
#m-home .wkt-t-req{font:600 13px/1.32 'DM Sans',system-ui,sans-serif;color:#eef2f8}
#m-home .wkt-t-th{display:block;width:46px;height:40px;overflow:visible}
#m-home .wkt-t-th path{fill:none;stroke:var(--lime);stroke-width:2.2;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 0 4px rgba(95,150,255,.7))}
#m-home .wkt-t-ev{display:block;min-width:0}
#m-home .wkt-t-tag{display:inline-flex;align-items:center;gap:4px;font:700 9.5px var(--mono);letter-spacing:.08em;color:var(--lime);margin:0 0 3px}
#m-home .wkt-t-tag .wkt-ic{width:11px;height:11px}
#m-home .wkt-t-q{display:block;font:400 12px/1.36 'DM Sans',system-ui,sans-serif;color:#c6cedd}
#m-home .wkt-t-q mark{background:linear-gradient(var(--lime),var(--lime)) no-repeat 0 50%/100% 100%;color:#0a0d05;border-radius:2px;padding:0 1px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#m-home .wkt-t-src{margin:10px 0 0;font:500 11px var(--mono);color:#8b94a7}
html.wk-js #m-home .wkt-panel.is-live .wkt-t-th path{animation:wkt-t-draw 6.6s cubic-bezier(.45,0,.55,1) infinite;animation-delay:calc(var(--i,0)*.55s)}
html.wk-js #m-home .wkt-panel.is-live .wkt-t-q mark{animation:wkt-t-mark 6.6s ease infinite;animation-delay:calc(var(--i,0)*.55s)}
@keyframes wkt-t-draw{0%,6%{stroke-dashoffset:100;opacity:1}22%,92%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes wkt-t-mark{0%,20%{background-size:0 100%;color:#c6cedd}30%,100%{background-size:100% 100%;color:#0a0d05}}

/* ---- results ---- */
#m-home .wkt-results{padding:0 16px 22px;scroll-margin-top:14px}
#m-home .wkt-printhead{display:none}
#m-home .wkt-results[hidden]{display:none}
#m-home .wkt-panel.has-results .wkt-paper textarea{min-height:104px;height:104px}
#m-home .wkt-sum{display:grid;gap:12px 22px;padding:16px 0 12px;border-top:1px solid rgba(255,255,255,.08)}
#m-home .wkt-tally{display:flex;gap:18px}
#m-home .wkt-tl{display:grid;gap:3px;min-width:58px}
#m-home .wkt-tl b{font:800 44px/.92 var(--disp);font-stretch:80%;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#m-home .wkt-tl i{font:600 9.5px var(--mono);font-style:normal;letter-spacing:.09em;color:#aab3c4;white-space:nowrap}
#m-home .wkt-tl.is-direct b{color:var(--lime);text-shadow:0 0 24px rgba(95,150,255,.4)}
#m-home .wkt-tl.is-partial b{color:var(--amber)}
#m-home .wkt-tl.is-missing b{color:#c7ced9}
#m-home .wkt-sumtext{min-width:0}
#m-home .wkt-sumline{margin:0 0 5px;font:700 16.5px/1.28 'DM Sans',system-ui,sans-serif;color:#fff}
#m-home .wkt-caveat{margin:0;font:400 12.5px/1.42 'DM Sans',system-ui,sans-serif;color:#aab3c4;max-width:62ch}
#m-home .wkt-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start}
#m-home .wkt-act{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:#eef2f8;font:600 12.5px 'DM Sans',system-ui,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-color .18s,color .18s}
#m-home .wkt-act:hover{border-color:var(--lime);color:var(--lime)}
#m-home .wkt-replay{display:none}
#m-home .wkt-strip{position:relative;display:flex;gap:2px;height:8px;margin:0 0 14px}
#m-home .wkt-results.is-done .wkt-strip::after{content:"";position:absolute;inset:-3px 0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75) 50%,transparent) no-repeat -30% 0/30% 100%;animation:wkt-sheen .9s ease-out both}
@keyframes wkt-sheen{to{background-position:130% 0}}
#m-home .wkt-strip i{flex:1 1 0;min-width:2px;border-radius:2px;background:rgba(255,255,255,.1);transition:background .24s}
#m-home .wkt-strip i.is-on.is-direct{background:var(--lime);box-shadow:0 0 8px rgba(95,150,255,.55)}
#m-home .wkt-strip i.is-on.is-partial{background:var(--amber)}
#m-home .wkt-strip i.is-on.is-missing{background:#7f8a9b}
#m-home .wkt-limits{margin:0 0 12px;font:500 12.5px/1.4 'DM Sans',system-ui,sans-serif;color:var(--amber)}

/* phone first: every row is a card that opens in place */
#m-home .wkt-sheet{position:relative;min-width:0}
#m-home .wkt-gutter,#m-home .wkt-evcol,#m-home .wkt-threads,#m-home .wkt-cursors{display:none}
#m-home .wkt-table,#m-home .wkt-table tbody{display:block;width:100%}
#m-home .wkt-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#m-home .wkt-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.09)}
#m-home .wkt-row td{display:block;padding:0;min-width:0}
#m-home .wkt-c-req{grid-column:1;grid-row:1}
#m-home .wkt-c-st{grid-column:2;grid-row:1}
#m-home .wkt-c-ev{grid-column:1 / -1;grid-row:2}
#m-home .wkt-reqhead{display:flex;gap:9px;align-items:flex-start}
#m-home .wkt-n{flex:none;min-width:17px;padding-top:2px;font:500 11px var(--mono);color:#8b94a7;text-align:right;font-variant-numeric:tabular-nums}
#m-home .wkt-reqbtn{display:flex;align-items:flex-start;gap:7px;flex:1 1 auto;min-width:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
#m-home .wkt-reqtext{min-width:0;font:600 14.5px/1.34 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#eef2f8;overflow-wrap:anywhere}
#m-home .wkt-chev{flex:none;width:12px;height:12px;margin-top:4px;fill:none;stroke:#aab3c4;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
#m-home .wkt-row.is-open .wkt-chev{transform:rotate(180deg)}
#m-home .wkt-meta{margin:5px 0 0;text-align:right;line-height:1.1;font-size:0}
#m-home .wkt-must{font:600 9.5px var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#8b94a7}
#m-home .wkt-must.is-req{color:#d7dce8}
#m-home .wkt-note{margin:5px 0 0 26px;font:400 12.5px/1.42 'DM Sans',system-ui,sans-serif;color:#aab3c4;overflow-wrap:anywhere}
#m-home .wkt-pill{display:flex;width:-moz-fit-content;width:fit-content;margin-left:auto;align-items:center;gap:5px;padding:4px 8px 4px 6px;border-radius:8px;font:700 10px/1.1 var(--mono);letter-spacing:.06em;white-space:nowrap}
#m-home .wkt-row.is-direct .wkt-pill{background:var(--lime);color:#0a0d05}
#m-home .wkt-row.is-partial .wkt-pill{background:rgba(255,184,77,.14);color:var(--amber);box-shadow:inset 0 0 0 1px rgba(255,184,77,.55)}
#m-home .wkt-row.is-missing .wkt-pill{background:rgba(199,206,217,.1);color:#c7ced9;box-shadow:inset 0 0 0 1px rgba(199,206,217,.38)}
#m-home .wkt-ic{display:block;width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
#m-home .wkt-row .wkt-c-ev{display:none!important;position:relative}
#m-home .wkt-row.is-open .wkt-c-ev,#m-home .wkt-row.is-missing .wkt-c-ev{display:block!important}
#m-home .wkt-cites{list-style:none;margin:6px 0 0 26px;padding:0 0 0 12px;display:grid;grid-template-columns:minmax(0,1fr);gap:9px;position:relative}
#m-home .wkt-cites::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;border-radius:2px;background:var(--lime);box-shadow:0 0 8px rgba(95,150,255,.6);transform-origin:0 0}
html.wk-js #m-home .wkt-row.is-open .wkt-cites::before{animation:wkt-grow .36s cubic-bezier(.2,.8,.2,1) both}
@keyframes wkt-grow{from{transform:scaleY(0)}}
#m-home .wkt-row.is-partial .wkt-cites::before{background:var(--amber);box-shadow:0 0 8px rgba(255,184,77,.6)}
#m-home .wkt-xref{display:none}
#m-home .wkt-q{margin:0;font:400 13.5px/1.42 'DM Sans',system-ui,sans-serif;color:#d7dce8;overflow-wrap:anywhere}
#m-home .wkt-q mark,#m-home .wkt-card mark{color:#0a0d05;background:linear-gradient(var(--mk,var(--lime)),var(--mk,var(--lime))) no-repeat 0 50%/100% 100%;border-radius:2px;padding:0 1px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#m-home .wkt-row.is-partial .wkt-q{--mk:var(--amber)}
#m-home .wkt-qorg{display:block;margin-top:3px;font:500 10.5px var(--mono);font-style:normal;color:#aab3c4}
#m-home .wkt-none{display:block;margin:6px 0 0 26px;font:500 11px var(--mono);color:#8b94a7}
#m-home .wkt-row.is-parked .wkt-parked{display:block}
#m-home .wkt-foot{display:grid;gap:10px;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.09)}
#m-home .wkt-aside summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:600 12.5px 'DM Sans',system-ui,sans-serif;color:#aab3c4}
#m-home .wkt-aside ul{list-style:none;margin:8px 0 2px;padding:0;display:grid;gap:5px}
#m-home .wkt-aside li{font:400 12.5px/1.38 'DM Sans',system-ui,sans-serif;color:#aab3c4;overflow-wrap:anywhere}
#m-home .wkt-aside b{font:600 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#d7dce8;margin-right:4px}
#m-home .wkt-deco{margin:0;font:500 11px var(--mono);color:#8b94a7}
#m-home .wkt-hint{margin:0;font:500 12.5px/1.4 'DM Sans',system-ui,sans-serif;color:#c6cedd}
#m-home .wkt-hint-wide{display:none}

/* ---- 600+: more room ---- */
@media (min-width:600px){
  #m-home .wkt-sum{grid-template-columns:auto minmax(0,1fr)}
  #m-home .wkt-actions{grid-column:1 / -1}
  #m-home .wkt-form,#m-home .wkt-results{padding-left:20px;padding-right:20px}
}

/* ---- 900+: table, gutter, evidence column, threads ---- */
@media (min-width:900px){
  #m-home .wkt-paper textarea{font-size:14.5px}
  #m-home .wkt-act{min-height:40px}
  #m-home .wkt-aside summary{min-height:32px;display:list-item}
  #wk-tieout{padding-top:120px;padding-left:24px;padding-right:24px}
  #m-home .wkt-hd{display:grid;grid-template-columns:minmax(0,1fr);max-width:900px}
  #m-home .wkt-sub{font-size:19px;max-width:none}
  #m-home .wkt-bar{padding:14px 22px}
  #m-home .wkt-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;padding:22px 26px 24px;align-items:start}
  #m-home .wkt-teaser{display:block;cursor:pointer}
  #m-home .wkt-panel.has-results .wkt-teaser{display:none}
  #m-home .wkt-panel.has-results .wkt-form{grid-template-columns:minmax(0,1fr)}
  #m-home .wkt-panel.has-results .wkt-pad{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:22px;align-items:start}
  #m-home .wkt-panel.has-results .wkt-lab{grid-column:1 / -1}
  #m-home .wkt-panel.has-results .wkt-paper{grid-column:1;grid-row:2 / span 2}
  #m-home .wkt-panel.has-results .wkt-ctl{grid-column:2;grid-row:2;margin-top:0}
  #m-home .wkt-panel.has-results .wkt-samples{grid-column:2;grid-row:3;margin-top:8px}
  #m-home .wkt-panel.has-results .wkt-samples-l{display:none}
  #m-home .wkt-panel.has-results .wkt-prompt{grid-column:1 / -1}
  #m-home .wkt-results{padding:0 26px 26px}
  #m-home .wkt-sum{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
  #m-home .wkt-actions{grid-column:auto;justify-content:flex-end;max-width:360px}
  #m-home .wkt-replay{display:inline-flex}

  #m-home .wkt-sheet{display:grid;grid-template-columns:minmax(0,1fr) clamp(44px,7.4vw,124px) clamp(270px,28vw,400px);align-items:start}
  #m-home .wkt-gutter{display:block}
  #m-home .wkt-evcol{display:block;min-width:0}
  #m-home .wkt-table{display:table;table-layout:fixed;border-collapse:collapse;width:100%}
  #m-home .wkt-table tbody{display:table-row-group}
  #m-home .wkt-table thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:table-header-group}
  #m-home .wkt-evhead{display:flex;align-items:flex-end}
  #m-home .wkt-pill{margin-left:0}
  #m-home .wkt-table th,#m-home .wkt-evhead{height:34px;padding:0 8px 8px 0;text-align:left;vertical-align:bottom;font:600 10.5px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#aab3c4;border-bottom:1px solid rgba(255,255,255,.14)}
  #m-home .wkt-table th.wkt-c-st{width:118px}
  #m-home .wkt-table th.wkt-c-ev{width:clamp(104px,10.5vw,152px);padding-right:0}
  #m-home .wkt-meta{text-align:left;margin:6px 0 0 1px}
  #m-home .wkt-row{display:table-row;padding:0;border:0;transition:background .16s}
  #m-home .wkt-row td{display:table-cell;padding:11px 8px 11px 0;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.075)}
  #m-home .wkt-row td.wkt-c-ev{padding-right:0;position:relative}
  #m-home .wkt-row .wkt-c-ev,#m-home .wkt-row.is-open .wkt-c-ev,#m-home .wkt-row.is-missing .wkt-c-ev{display:table-cell!important}
  #m-home .wkt-reqbtn:hover .wkt-reqtext{text-decoration:underline;text-decoration-color:rgba(95,150,255,.7);text-underline-offset:3px}
  #m-home .wkt-chev{display:none}
  #m-home .wkt-cites{margin:0;padding:0;gap:5px}
  #m-home .wkt-cites::before{display:none}
  #m-home .wkt-q,#m-home .wkt-qorg{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  #m-home .wkt-xref{display:flex;align-items:center;gap:6px;width:100%;min-width:0;min-height:26px;padding:3px 7px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);color:#c6cedd;text-align:left;cursor:pointer;transition:border-color .18s,background .18s}
  #m-home .wkt-xref b{flex:none;font:700 10.5px var(--mono);color:var(--lime)}
  #m-home .wkt-row.is-partial .wkt-xref b{color:var(--amber)}
  #m-home .wkt-xref span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 10.5px 'DM Sans',system-ui,sans-serif}
  #m-home .wkt-xref:hover,#m-home .wkt-xref.is-grab{border-color:var(--lime);background:rgba(95,150,255,.1)}
  #m-home .wkt-none{margin:4px 0 0;font-size:10.5px}
  #m-home .wkt-parked{left:calc(100% - 72px);top:7px}
  #m-home .wkt-parked b{max-width:118px}
  #m-home .wkt-row.is-parked .wkt-parked svg{animation:wkt-bob 2.4s ease-in-out infinite}
  @media (max-width:1180px){#m-home .wkt-row.is-parked .wkt-none{visibility:hidden}}

  /* the show: the answer is already here, it just settles as the cursor lands */
  #m-home .wkt-row .wkt-pill{transition:opacity .2s}
  #m-home .wkt-row.is-pending .wkt-pill{opacity:.45}
  #m-home .wkt-row.is-pending .wkt-pill .wkt-ic path{stroke-dasharray:100;stroke-dashoffset:100}
  #m-home .wkt-row.is-stamped .wkt-pill{animation:wkt-thunk .34s cubic-bezier(.3,1.6,.5,1)}
  #m-home .wkt-row.is-stamped .wkt-pill .wkt-ic path{stroke-dasharray:100;animation:wkt-tick .34s ease both}
  @keyframes wkt-thunk{0%{transform:scale(1.35)}100%{transform:scale(1)}}
  @keyframes wkt-tick{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
  @keyframes wkt-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

  #m-home .wkt-cards{position:relative;margin-top:0}
  #m-home .wkt-card{position:absolute;left:0;right:0;padding:9px 12px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0b0f16;opacity:.72;transition:opacity .24s,border-color .24s,box-shadow .3s}
  #m-home .wkt-card header{display:flex;gap:7px;align-items:baseline;margin:0 0 3px;font:500 10.5px var(--mono);color:#aab3c4}
  #m-home .wkt-card header b{font-weight:700;color:var(--lime)}
  #m-home .wkt-card.is-partial header b{color:var(--amber)}
  #m-home .wkt-card header span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  #m-home .wkt-card p{margin:0;font:400 12.8px/1.4 'DM Sans',system-ui,sans-serif;color:#d7dce8;overflow-wrap:anywhere}
  #m-home .wkt-card mark{background-size:0 100%;color:inherit;transition:background-size .42s cubic-bezier(.3,.7,.3,1),color .18s linear .1s}
  #m-home .wkt-card.is-lit{opacity:1;border-color:rgba(95,150,255,.32)}
  #m-home .wkt-card.is-partial{--mk:var(--amber)}
  #m-home .wkt-card.is-partial.is-lit{border-color:rgba(255,184,77,.34)}
  #m-home .wkt-card.is-lit mark{background-size:100% 100%;color:#0a0d05}
  #m-home .wkt-card.is-hit{box-shadow:0 0 0 1px rgba(95,150,255,.5),0 0 32px -6px rgba(95,150,255,.7)}
  #m-home .wkt-card.is-partial.is-hit{box-shadow:0 0 0 1px rgba(255,184,77,.5),0 0 32px -6px rgba(255,184,77,.7)}
  #m-home .wkt-card.is-pulse{animation:wkt-pulse .7s ease}
  @keyframes wkt-pulse{30%{box-shadow:0 0 0 2px var(--lime),0 0 34px -4px var(--lime)}}
  #m-home .wkt-port{position:absolute;left:-4px;top:22px;width:7px;height:7px;border-radius:50%;background:#2a3140;box-shadow:0 0 0 2px #05070b;transition:background .2s}
  #m-home .wkt-card.is-lit .wkt-port{background:var(--lime)}
  #m-home .wkt-card.is-partial.is-lit .wkt-port{background:var(--amber)}

  #m-home .wkt-threads{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
  #m-home .wkt-cursors{display:block;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:4}
  #m-home .wkt-th{opacity:0;transition:opacity .2s}
  #m-home .wkt-th.is-on{opacity:1}
  #m-home .wkt-glow{fill:none;stroke:var(--lime);stroke-width:9;stroke-linecap:round;opacity:.3;transition:opacity .5s}
  #m-home .wkt-core{fill:none;stroke:var(--lime);stroke-width:2.2;stroke-linecap:round;transition:opacity .5s}
  #m-home .wkt-th.is-partial .wkt-glow,#m-home .wkt-th.is-partial .wkt-core{stroke:var(--amber)}
  #m-home .wkt-th.is-partial .wkt-core{stroke-dasharray:6 4}
  #m-home .wkt-th.is-settled .wkt-glow{opacity:.1}
  #m-home .wkt-th.is-settled .wkt-core{opacity:.62}
  #m-home .wkt-probe{fill:none;stroke:var(--red);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:3 5;opacity:.9}

  /* reading: point at a row or a passage and only its threads stay lit */
  #m-home .wkt-sheet.has-hot .wkt-th:not(.is-hot){opacity:.3}
  #m-home .wkt-sheet.has-hot .wkt-card:not(.is-hot){opacity:.7}
  #m-home .wkt-row.is-hot{background:rgba(255,255,255,.035)}
  #m-home .wkt-th.is-hot .wkt-glow{opacity:.34}
  #m-home .wkt-th.is-hot .wkt-core{opacity:1;stroke-dasharray:7 5;animation:wkt-flow .7s linear infinite}
  @keyframes wkt-flow{to{stroke-dashoffset:-12}}
  #m-home .wkt-card.is-hot{opacity:1;box-shadow:0 0 0 1px rgba(95,150,255,.42),0 0 24px -8px rgba(95,150,255,.6)}
  #m-home .wkt-card.is-partial.is-hot{box-shadow:0 0 0 1px rgba(255,184,77,.42),0 0 24px -8px rgba(255,184,77,.6)}

  #m-home .wkt-foot{margin-top:18px}
  #m-home .wkt-hint-wide{display:inline}
  #m-home .wkt-hint-narrow{display:none}

  /* the finish */
  #m-home .wkt-results.is-done .wkt-tl.is-direct b{animation:wkt-glowb 1s ease}
  @keyframes wkt-glowb{30%{text-shadow:0 0 34px rgba(95,150,255,1)}}
}

/* the moment the posting is read: one beam down the sheet */
#m-home .wkt-beam{display:none}
@media (min-width:900px){
  #m-home .wkt-sheet.is-reading .wkt-beam{display:block;position:absolute;left:-26px;right:-26px;top:0;height:120px;margin-top:-120px;pointer-events:none;z-index:1;background:linear-gradient(180deg,transparent,rgba(95,150,255,.09) 70%,rgba(95,150,255,.34) 98%,rgba(95,150,255,.85));animation:wkt-beam 1s cubic-bezier(.4,0,.6,1) both}
  @keyframes wkt-beam{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
}
/* sparks and ripples live in the cursor layer */
.wkt-sp{position:absolute;width:5px;height:5px;border-radius:50%;pointer-events:none;box-shadow:0 0 8px currentColor}
.wkt-rip{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid;pointer-events:none;animation:wkt-rip .5s cubic-bezier(.2,.7,.3,1) both}
@keyframes wkt-rip{from{transform:scale(.2);opacity:.9}to{transform:scale(1.4);opacity:0}}

/* ---- reduced motion and the plain version: same answer, nothing moves ---- */
@media (prefers-reduced-motion:reduce){
  #m-home .wkt-t-th path,#m-home .wkt-t-q mark,#m-home .wkt-scan,#m-home .wkt-th.is-hot .wkt-core,#m-home .wkt-row .wkt-pill,#m-home .wkt-row .wkt-pill .wkt-ic path,#m-home .wkt-parked svg,#m-home .wkt-cites::before,#m-home .wkt-tl b{animation:none!important;transition:none!important}
  #m-home .wkt-card,#m-home .wkt-card mark,#m-home .wkt-th,#m-home .wkt-glow,#m-home .wkt-core{transition:none!important}
}
html[data-still] #m-home .wkt-t-th path,html[data-still] #m-home .wkt-t-q mark,:root[data-plain] #m-home .wkt-t-th path,:root[data-plain] #m-home .wkt-t-q mark{animation:none!important}

/* ---- printing the schedule: the results only, black on white, quotes in the table ---- */
@media print{
  html[data-print-target="tieout"],html[data-print-target="tieout"] body{background:#fff!important;width:auto!important;height:auto!important;overflow:visible!important}
  html[data-print-target="tieout"] body>:not(#portfolio),
  html[data-print-target="tieout"] #portfolio>:not(#m-home),
  html[data-print-target="tieout"] #m-home>:not(#wk-tieout),
  html[data-print-target="tieout"] #wk-tieout>:not(.wkt-panel),
  html[data-print-target="tieout"] .wkt-panel>:not(.wkt-results),
  html[data-print-target="tieout"] #m-home .wkt-actions,
  html[data-print-target="tieout"] #m-home .wkt-strip,
  html[data-print-target="tieout"] #m-home .wkt-evcol,
  html[data-print-target="tieout"] #m-home .wkt-gutter,
  html[data-print-target="tieout"] #m-home .wkt-threads,
  html[data-print-target="tieout"] #m-home .wkt-cursors,
  html[data-print-target="tieout"] #m-home .wkt-xref,
  html[data-print-target="tieout"] #m-home .wkt-parked,
  html[data-print-target="tieout"] #m-home .wkt-deco,
  html[data-print-target="tieout"] #m-home .wkt-hint,
  html[data-print-target="tieout"] #m-home .wkt-beam,
  html[data-print-target="tieout"] #m-home .wkt-aside,
  html[data-print-target="tieout"] #m-home .wkt-chev{display:none!important}
  html[data-print-target="tieout"] #portfolio,html[data-print-target="tieout"] #m-home,html[data-print-target="tieout"] #wk-tieout{margin:0!important;padding:0!important;max-width:none!important;background:#fff!important;color:#000!important}
  html[data-print-target="tieout"] #m-home .wkt-panel{background:#fff!important;color:#000!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
  html[data-print-target="tieout"] #m-home .wkt-panel::after{display:none!important}
  html[data-print-target="tieout"] #m-home .wkt-results{padding:0!important;display:block!important}
  html[data-print-target="tieout"] #m-home .wkt-sum{display:block!important;border:0!important;padding:0 0 8pt!important}
  html[data-print-target="tieout"] #m-home .wkt-tally{display:none!important}
  html[data-print-target="tieout"] #m-home .wkt-sumline,html[data-print-target="tieout"] #m-home .wkt-caveat{color:#000!important}
  html[data-print-target="tieout"] #m-home .wkt-sheet{display:block!important}
  html[data-print-target="tieout"] #m-home .wkt-table{display:table!important;width:100%!important;table-layout:fixed;border-collapse:collapse}
  html[data-print-target="tieout"] #m-home .wkt-table thead{display:table-header-group!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important}
  html[data-print-target="tieout"] #m-home .wkt-table tbody{display:table-row-group!important}
  html[data-print-target="tieout"] #m-home .wkt-row{display:table-row!important;break-inside:avoid;page-break-inside:avoid;border:0!important;background:none!important}
  html[data-print-target="tieout"] #m-home .wkt-table th,html[data-print-target="tieout"] #m-home .wkt-row td{display:table-cell!important;vertical-align:top;padding:4pt 6pt 4pt 0!important;color:#000!important;border-bottom:.5pt solid #999!important;font:400 9pt/1.32 Arial,Helvetica,sans-serif!important;width:auto!important}
  html[data-print-target="tieout"] #m-home .wkt-row.is-open td.wkt-c-ev,html[data-print-target="tieout"] #m-home .wkt-row.is-missing td.wkt-c-ev,html[data-print-target="tieout"] #m-home .wkt-row td.wkt-c-ev{display:table-cell!important}
  html[data-print-target="tieout"] #m-home .wkt-table th{text-align:left!important;font-weight:700!important}
  html[data-print-target="tieout"] #m-home .wkt-printhead{display:block!important;margin:0 0 4pt;font:400 8.5pt Arial,Helvetica,sans-serif;color:#000}
  html[data-print-target="tieout"] #m-home .wkt-table th.wkt-c-req{width:44%!important}
  html[data-print-target="tieout"] #m-home .wkt-table th.wkt-c-st{width:13%!important}
  html[data-print-target="tieout"] #m-home .wkt-reqtext,html[data-print-target="tieout"] #m-home .wkt-reqbtn,html[data-print-target="tieout"] #m-home .wkt-note,html[data-print-target="tieout"] #m-home .wkt-must,html[data-print-target="tieout"] #m-home .wkt-n,html[data-print-target="tieout"] #m-home .wkt-none{color:#000!important;font-family:Arial,Helvetica,sans-serif!important}
  html[data-print-target="tieout"] #m-home .wkt-pill{background:none!important;color:#000!important;box-shadow:none!important;padding:0!important;margin:0!important;opacity:1!important;font:700 8pt Arial,Helvetica,sans-serif!important}
  html[data-print-target="tieout"] #m-home .wkt-meta{text-align:left!important;margin:2pt 0 0!important;font-size:7pt!important}
  html[data-print-target="tieout"] #m-home .wkt-must{font:400 7pt Arial,Helvetica,sans-serif!important}
  html[data-print-target="tieout"] #m-home .wkt-reqtext{font:700 9.5pt/1.3 Arial,Helvetica,sans-serif!important}
  html[data-print-target="tieout"] #m-home .wkt-note{font:400 8.5pt/1.3 Arial,Helvetica,sans-serif!important;margin:2pt 0 0 26px!important}
  html[data-print-target="tieout"] #m-home .wkt-none{margin:0!important;font:400 8.5pt Arial,Helvetica,sans-serif!important}
  html[data-print-target="tieout"] #m-home .wkt-ic{display:none!important}
  html[data-print-target="tieout"] #m-home .wkt-cites{margin:0!important;padding:0!important;display:block!important}
  html[data-print-target="tieout"] #m-home .wkt-cites::before{display:none!important}
  html[data-print-target="tieout"] #m-home .wkt-q,html[data-print-target="tieout"] #m-home .wkt-qorg{position:static!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;overflow:visible!important;white-space:normal!important;color:#000!important;display:block!important;font:400 8.5pt/1.3 Arial,Helvetica,sans-serif!important}
  html[data-print-target="tieout"] #m-home .wkt-q mark{background:none!important;color:#000!important;font-weight:700;padding:0!important}
  html[data-print-target="tieout"] #m-home .wkt-qorg{font-style:italic!important;margin-bottom:3pt!important}
  html[data-print-target="tieout"] #m-home .wkt-foot{border:0!important}
}