/* Tacksheet sheet kit 1.8.0 - built-in style Comic (comic), on the none kit theme.
   Link it after the kit stylesheet with body data-tk-theme="none" data-tk-style="comic".
   Fonts: /kit/1.8.0/fonts/LICENSES-styles.txt. */
/* Comic: a comic book page. Panels in black gutters, a cover logo with 3D extrude, a corner box,
   yellow caption boxes, speech balloons, Ben-Day dots in CMYK, a POW! burst for the stamp. */
@font-face{font-family:"Bangers";src:url(/kit/1.8.0/fonts/bangers-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Comic Neue";src:url(/kit/1.8.0/fonts/comic-neue-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Comic Neue";src:url(/kit/1.8.0/fonts/comic-neue-700.woff2) format("woff2");font-weight:700;font-display:swap}

body[data-tk-theme]{
  --cm-ink:#111111;--cm-paper:#fffdf4;--cm-yellow:#ffdc2e;--cm-cyan:#00a3e0;--cm-magenta:#e4007c;--cm-red:#d01f27;--cm-blue:#1849b0;--cm-sky:#2f8fe0;
  --cm-letter:"Comic Neue","Comic Sans MS","Chalkboard SE",cursive;
  --cm-bang:"Bangers","Impact","Haettenschweiler",sans-serif;
  --cm-publisher:"Tacksheet Comics";
  --cm-issue:"No. 1";--cm-price:"25\00A2";
  --cm-dots-c:radial-gradient(circle,var(--cm-tc) 0 30%,transparent 33%) 0 0/9px 9px,radial-gradient(circle,var(--cm-tc) 0 30%,transparent 33%) 4.5px 4.5px/9px 9px;
  --cm-dots-m:radial-gradient(circle,var(--cm-tm) 0 30%,transparent 33%) 0 0/9px 9px,radial-gradient(circle,var(--cm-tm) 0 30%,transparent 33%) 4.5px 4.5px/9px 9px;
  --cm-dots-y:radial-gradient(circle,var(--cm-ty) 0 32%,transparent 35%) 0 0/9px 9px,radial-gradient(circle,var(--cm-ty) 0 32%,transparent 35%) 4.5px 4.5px/9px 9px;
  --cm-panel-shadow:6px 6px 0 var(--cm-ink);
  --cm-tc:#9fdcf7;--cm-ty:#ffe98a;--cm-tm:#ffc2df;--cm-tg:#b9ecc6;--cm-panel:#ffffff;
  --cm-page:radial-gradient(circle,rgba(228,0,124,.55) 0 28%,transparent 31%) 0 0/12px 12px,radial-gradient(circle,rgba(228,0,124,.55) 0 28%,transparent 31%) 6px 6px/12px 12px,#ffd84a;
  --tk-bg:var(--cm-yellow);--tk-bg-soft:#eef9ff;--tk-fg:var(--cm-ink);--tk-muted:#3d3d3d;
  --tk-accent:var(--cm-blue);--tk-accent-2:var(--cm-red);--tk-accent-ink:#ffffff;
  --tk-card:#ffffff;--tk-border:var(--cm-ink);--tk-rule:var(--cm-ink);--tk-mark:rgba(255,220,46,.4);
  --tk-field:#ffffff;--tk-control:var(--cm-ink);--tk-positive:#0e7a32;--tk-negative:var(--cm-red);
  --tk-note:var(--cm-ink);--tk-tip:#0e7a32;--tk-warning:var(--cm-red);--tk-decision:var(--cm-blue);--tk-risk:var(--cm-red);
  --tk-font-head:var(--cm-bang);--tk-font-body:var(--cm-letter);--tk-font-mono:"IBM Plex Mono",ui-monospace,monospace;
  --tk-font-data:var(--cm-letter);--tk-font-hand:var(--cm-letter);
  --tk-head-weight:400;--tk-head-tracking:.02em;--tk-head-leading:1;
  --tk-size-body:1.1rem;--tk-size-h1:clamp(3rem,1.4rem + 5.4vw,6.8rem);--tk-size-h2:clamp(1.8rem,1.4rem + 1.4vw,2.6rem);--tk-size-h3:1.5rem;
  --tk-radius:0px;--tk-chart-radius:0;--tk-grid:rgba(17,17,17,.18);--tk-shadow:var(--cm-panel-shadow);
  --tk-code-bg:#ffffff;--tk-code-fg:var(--cm-ink);--tk-tok-k:var(--cm-magenta);--tk-tok-s:#0e7a32;--tk-tok-c:#5b5b5b;--tk-tok-n:var(--cm-blue);--tk-tok-f:var(--cm-red);
  --tk-c1:#e8262d;--tk-c2:#1f6fd1;--tk-c3:#ffc400;--tk-c4:#2bab4b;--tk-c5:#e4007c;--tk-c6:#f68b1f;--tk-c7:#00a3e0;--tk-c8:#7b3fa0;
  --tk-ramp:#fff4b8,#ffd23f,#ff8a1f,#e8262d,#7a0d12;
  --tk-film:multiply;--tk-paper-obj:#ffffff;--tk-kraft:var(--cm-yellow);
  --tk-ink-cobalt:var(--cm-blue);--tk-ink-vermilion:var(--cm-red);--tk-ink-plum:var(--cm-magenta);--tk-ink-black:var(--cm-ink);
  --tk-stamp-cobalt:var(--cm-red);--tk-stamp-vermilion:var(--cm-red);--tk-stamp-plum:var(--cm-red);
  --tk-mark-sunflower:rgba(255,220,46,.85);--tk-measure:44rem;
  --tk-page-width:min(max(43rem,80vw),80rem);
  background:var(--cm-page);
  line-height:1.55;
}
body[data-tk-theme] :where(:not(tk-screen *, tk-note *))::selection{background:var(--cm-yellow);color:var(--cm-ink)}
body[data-tk-theme] :focus-visible:where(:not(tk-screen *, tk-note *)){outline:3px solid var(--cm-magenta);outline-offset:3px;border-radius:0}
body[data-tk-theme] a:where(:not(tk-screen *, tk-note *)){color:var(--cm-blue);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.16em;text-decoration-color:currentColor}
body[data-tk-theme] a:hover:where(:not(tk-screen *, tk-note *)){color:var(--cm-red);background:var(--cm-yellow)}
body[data-tk-theme] strong:where(:not(tk-screen *, tk-note *)){font-weight:700}

/* The page: panels set in thick black gutters. */
body[data-tk-theme] tk-page:where(:not(tk-screen *, tk-note *)){display:flex;flex-direction:column;gap:14px;margin:2rem auto 3rem;padding:14px;background:var(--cm-ink);box-shadow:10px 10px 0 rgba(17,17,17,.35)}
body[data-tk-theme] tk-page>*:where(:not(tk-screen *, tk-note *)){margin:0!important}
/* Loose blocks: anything written straight into the page, between the panels, is a plain panel too, so no text sits in the black gutter. */
body[data-tk-theme] tk-page>:not(tk-hero,tk-section,tk-page-section,tk-toc,tk-progress,tk-stats,tk-grid,tk-callout,tk-details,tk-code,tk-slip,tk-stamp,tk-torn,tk-tear,tk-taped,tk-image,tk-feedback,tk-question,tk-form,tk-vote,tk-request-info,tk-annotate-feedback,tk-lightbox,tk-state,tk-compute,blockquote,hr,script,style,template,link,meta,noscript):where(:not(tk-screen *, tk-note *)){box-sizing:border-box;max-width:none;padding:1rem clamp(1.1rem,2.6vw,2.2rem);background:var(--cm-paper);border:4px solid var(--cm-ink);color:var(--cm-ink)}
body[data-tk-theme] tk-page>:is(ul,ol):where(:not(tk-screen *, tk-note *)){padding-left:clamp(2.4rem,4vw,3.2rem)}
body[data-tk-theme] tk-page:where(:not(tk-screen *, tk-note *))::after{content:"The End?";align-self:flex-end;background:var(--cm-yellow);border:3px solid var(--cm-ink);outline:3px solid var(--cm-yellow);padding:.3rem 1rem .2rem;
  font:400 1.6rem/1 var(--cm-bang);letter-spacing:.06em;transform:rotate(-2deg)}

/* ============ THE COVER ============
   Knobs (see notes): data-hero on body or tk-hero picks the cover art; --comic-hero-a / --comic-hero-b
   recolour it; --comic-hero-image puts the agent's own picture behind the comic framing. */
body[data-tk-theme] tk-hero:where(:not(tk-screen *, tk-note *)){--_a:var(--comic-hero-a,#1d7fd6);--_b:var(--comic-hero-b,#43a7f2);--_ink:var(--cm-ink);
  position:relative;isolation:isolate;overflow:hidden;padding:clamp(5.6rem,9vw,7.5rem) clamp(1.2rem,4vw,3.4rem) 2.4rem;border:4px solid var(--cm-ink);text-align:center;
  background:var(--_b)}
body[data-tk-theme] tk-hero>*:where(:not(tk-screen *, tk-note *)){position:relative;z-index:1}
/* The art layer: one pseudo element the variants repaint (masks and filters stay off the content). */
body[data-tk-theme] tk-hero:where(:not(tk-screen *, tk-note *))::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.28) 0 26%,transparent 29%) 0 0/10px 10px,
    repeating-conic-gradient(from -4deg at 50% 46%,var(--_a) 0 7.5deg,var(--_b) 7.5deg 15deg)}
/* Speed lines: horizontal streaks that thin out to the left, as if the cover is moving. */
:is(body[data-tk-theme][data-hero="speed"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="speed"]):where(:not(tk-screen *, tk-note *)){--_a:var(--comic-hero-a,#d01f27);--_b:var(--comic-hero-b,#ff7a2e);
  background:linear-gradient(90deg,var(--_b),var(--_a))}
:is(body[data-tk-theme][data-hero="speed"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="speed"]):where(:not(tk-screen *, tk-note *))::after{
  background:repeating-linear-gradient(0deg,transparent 0 13px,rgba(255,255,255,.75) 13px 15px,transparent 15px 31px),
    repeating-linear-gradient(0deg,transparent 0 7px,rgba(17,17,17,.55) 7px 8px,transparent 8px 23px),
    repeating-linear-gradient(0deg,transparent 0 37px,rgba(255,255,255,.9) 37px 41px,transparent 41px 59px);
  -webkit-mask:linear-gradient(90deg,transparent 4%,#000 70%);mask:linear-gradient(90deg,transparent 4%,#000 70%)}
/* Focus lines: manga-style rays converging on the title, the centre left clear. */
:is(body[data-tk-theme][data-hero="focus"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="focus"]):where(:not(tk-screen *, tk-note *)){--_a:var(--comic-hero-a,#111111);--_b:var(--comic-hero-b,#fffdf4);background:var(--_b)}
:is(body[data-tk-theme][data-hero="focus"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="focus"]):where(:not(tk-screen *, tk-note *))::after{
  background:repeating-conic-gradient(from 1deg at 50% 45%,var(--_a) 0 .9deg,transparent .9deg 4.7deg),repeating-conic-gradient(from 0deg at 50% 45%,var(--_a) 0 .5deg,transparent .5deg 2.9deg);
  -webkit-mask:radial-gradient(ellipse 52% 46% at 50% 45%,transparent 45%,#000 100%);mask:radial-gradient(ellipse 52% 46% at 50% 45%,transparent 45%,#000 100%)}
/* City skyline at dusk: sky gradient, halftone glow, an ink skyline with lit windows. */
:is(body[data-tk-theme][data-hero="skyline"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="skyline"]):where(:not(tk-screen *, tk-note *)){--_a:var(--comic-hero-a,#3a1f8f);--_b:var(--comic-hero-b,#ff8a3d);
  background:linear-gradient(180deg,var(--_a) 8%,var(--_b) 92%)}
:is(body[data-tk-theme][data-hero="skyline"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="skyline"]):where(:not(tk-screen *, tk-note *))::after{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='260' viewBox='0 0 1200 260' preserveAspectRatio='xMidYMax slice'%3E%3Cg fill='%23111'%3E%3Crect x='0' y='176' width='52' height='84'/%3E%3Crect x='51' y='33' width='101' height='227'/%3E%3Crect x='99.5' y='7' width='3' height='26'/%3E%3Crect x='151' y='90' width='52' height='170'/%3E%3Crect x='202' y='147' width='67' height='113'/%3E%3Crect x='233.5' y='121' width='3' height='26'/%3E%3Crect x='268' y='172' width='44' height='88'/%3E%3Crect x='311' y='173' width='51' height='87'/%3E%3Crect x='365' y='90' width='46' height='170'/%3E%3Crect x='414' y='115' width='87' height='145'/%3E%3Crect x='455.5' y='89' width='3' height='26'/%3E%3Crect x='504' y='150' width='47' height='110'/%3E%3Crect x='525.5' y='124' width='3' height='26'/%3E%3Crect x='550' y='21' width='80' height='239'/%3E%3Crect x='629' y='170' width='84' height='90'/%3E%3Crect x='712' y='133' width='104' height='127'/%3E%3Crect x='815' y='126' width='83' height='134'/%3E%3Crect x='901' y='114' width='67' height='146'/%3E%3Cpath d='M907 114h54l-27 -20z'/%3E%3Crect x='971' y='105' width='86' height='155'/%3E%3Crect x='1056' y='97' width='58' height='163'/%3E%3Crect x='1113' y='178' width='48' height='82'/%3E%3Cpath d='M1119 178h35l-17.5 -26z'/%3E%3Crect x='1160' y='133' width='55' height='127'/%3E%3Crect x='1185.5' y='107' width='3' height='26'/%3E%3C/g%3E%3Cg fill='%23ffdc2e'%3E%3Crect x='20' y='204' width='6' height='8'/%3E%3Crect x='33' y='204' width='6' height='8'/%3E%3Crect x='7' y='236' width='6' height='8'/%3E%3Crect x='97' y='45' width='6' height='8'/%3E%3Crect x='123' y='77' width='6' height='8'/%3E%3Crect x='136' y='109' width='6' height='8'/%3E%3Crect x='58' y='125' width='6' height='8'/%3E%3Crect x='84' y='125' width='6' height='8'/%3E%3Crect x='58' y='141' width='6' height='8'/%3E%3Crect x='84' y='141' width='6' height='8'/%3E%3Crect x='97' y='173' width='6' height='8'/%3E%3Crect x='123' y='189' width='6' height='8'/%3E%3Crect x='123' y='205' width='6' height='8'/%3E%3Crect x='123' y='221' width='6' height='8'/%3E%3Crect x='171' y='118' width='6' height='8'/%3E%3Crect x='158' y='134' width='6' height='8'/%3E%3Crect x='171' y='134' width='6' height='8'/%3E%3Crect x='158' y='150' width='6' height='8'/%3E%3Crect x='184' y='166' width='6' height='8'/%3E%3Crect x='158' y='182' width='6' height='8'/%3E%3Crect x='171' y='230' width='6' height='8'/%3E%3Crect x='248' y='159' width='6' height='8'/%3E%3Crect x='235' y='175' width='6' height='8'/%3E%3Crect x='248' y='175' width='6' height='8'/%3E%3Crect x='209' y='223' width='6' height='8'/%3E%3Crect x='301' y='184' width='6' height='8'/%3E%3Crect x='301' y='216' width='6' height='8'/%3E%3Crect x='275' y='232' width='6' height='8'/%3E%3Crect x='331' y='249' width='6' height='8'/%3E%3Crect x='372' y='134' width='6' height='8'/%3E%3Crect x='372' y='166' width='6' height='8'/%3E%3Crect x='385' y='182' width='6' height='8'/%3E%3Crect x='372' y='214' width='6' height='8'/%3E%3Crect x='385' y='214' width='6' height='8'/%3E%3Crect x='398' y='230' width='6' height='8'/%3E%3Crect x='398' y='246' width='6' height='8'/%3E%3Crect x='421' y='159' width='6' height='8'/%3E%3Crect x='434' y='191' width='6' height='8'/%3E%3Crect x='473' y='191' width='6' height='8'/%3E%3Crect x='447' y='207' width='6' height='8'/%3E%3Crect x='447' y='223' width='6' height='8'/%3E%3Crect x='524' y='162' width='6' height='8'/%3E%3Crect x='524' y='210' width='6' height='8'/%3E%3Crect x='524' y='226' width='6' height='8'/%3E%3Crect x='524' y='242' width='6' height='8'/%3E%3Crect x='537' y='242' width='6' height='8'/%3E%3Crect x='557' y='49' width='6' height='8'/%3E%3Crect x='557' y='113' width='6' height='8'/%3E%3Crect x='596' y='129' width='6' height='8'/%3E%3Crect x='570' y='145' width='6' height='8'/%3E%3Crect x='570' y='161' width='6' height='8'/%3E%3Crect x='570' y='177' width='6' height='8'/%3E%3Crect x='570' y='193' width='6' height='8'/%3E%3Crect x='596' y='209' width='6' height='8'/%3E%3Crect x='688' y='182' width='6' height='8'/%3E%3Crect x='662' y='198' width='6' height='8'/%3E%3Crect x='636' y='214' width='6' height='8'/%3E%3Crect x='649' y='230' width='6' height='8'/%3E%3Crect x='688' y='230' width='6' height='8'/%3E%3Crect x='701' y='246' width='6' height='8'/%3E%3Crect x='758' y='145' width='6' height='8'/%3E%3Crect x='771' y='177' width='6' height='8'/%3E%3Crect x='797' y='177' width='6' height='8'/%3E%3Crect x='732' y='193' width='6' height='8'/%3E%3Crect x='797' y='209' width='6' height='8'/%3E%3Crect x='719' y='225' width='6' height='8'/%3E%3Crect x='784' y='225' width='6' height='8'/%3E%3Crect x='822' y='154' width='6' height='8'/%3E%3Crect x='874' y='170' width='6' height='8'/%3E%3Crect x='835' y='186' width='6' height='8'/%3E%3Crect x='874' y='202' width='6' height='8'/%3E%3Crect x='887' y='218' width='6' height='8'/%3E%3Crect x='861' y='234' width='6' height='8'/%3E%3Crect x='934' y='126' width='6' height='8'/%3E%3Crect x='947' y='126' width='6' height='8'/%3E%3Crect x='921' y='142' width='6' height='8'/%3E%3Crect x='908' y='158' width='6' height='8'/%3E%3Crect x='921' y='158' width='6' height='8'/%3E%3Crect x='908' y='238' width='6' height='8'/%3E%3Crect x='947' y='238' width='6' height='8'/%3E%3Crect x='1017' y='117' width='6' height='8'/%3E%3Crect x='1030' y='181' width='6' height='8'/%3E%3Crect x='1043' y='181' width='6' height='8'/%3E%3Crect x='991' y='229' width='6' height='8'/%3E%3Crect x='1043' y='229' width='6' height='8'/%3E%3Crect x='1043' y='245' width='6' height='8'/%3E%3Crect x='1102' y='125' width='6' height='8'/%3E%3Crect x='1089' y='157' width='6' height='8'/%3E%3Crect x='1063' y='173' width='6' height='8'/%3E%3Crect x='1102' y='189' width='6' height='8'/%3E%3Crect x='1089' y='205' width='6' height='8'/%3E%3Crect x='1120' y='190' width='6' height='8'/%3E%3Crect x='1146' y='222' width='6' height='8'/%3E%3Crect x='1120' y='238' width='6' height='8'/%3E%3Crect x='1180' y='145' width='6' height='8'/%3E%3C/g%3E%3C/svg%3E") 50% 100%/max(100%,62rem) auto no-repeat,
    radial-gradient(circle at 78% 22%,#fff6c8 0 3.2rem,transparent 3.3rem),
    radial-gradient(circle,rgba(255,255,255,.22) 0 26%,transparent 29%) 0 0/10px 10px}
/* Explosion: a three-colour burst behind the logo. */
:is(body[data-tk-theme][data-hero="boom"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="boom"]):where(:not(tk-screen *, tk-note *)){--_a:var(--comic-hero-a,#ffdc2e);--_b:var(--comic-hero-b,#2f8fe0);background:var(--_b)}
:is(body[data-tk-theme][data-hero="boom"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="boom"]):where(:not(tk-screen *, tk-note *))::after{
  background:radial-gradient(circle,rgba(17,17,17,.3) 0 24%,transparent 27%) 0 0/9px 9px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='600' viewBox='0 0 1000 600' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M1123 292L897 341L1083 404L773 385L1019 521L734 461L792 561L652 509L611 586L533 531L463 602L418 520L294 557L285 505L168 526L252 414L25 463L202 356L-119 358L133 304L34 258L141 227L116 182L215 161L59 24L323 141L238 -34L415 97L446 6L517 122L652 -32L636 103L847 1L732 148L979 86L812 201L1105 187L892 258Z' fill='%23e8262d' stroke='%23111' stroke-width='7' stroke-linejoin='round'/%3E%3Cpath d='M843 296L719 324L913 406L731 384L742 433L627 418L641 494L551 453L503 524L448 442L348 536L374 406L281 433L316 371L73 407L232 327L200 293L229 270L189 232L312 222L173 114L345 157L383 125L448 149L502 83L546 147L614 137L630 190L787 118L716 214L938 188L724 270Z' fill='%23ff8a1f' stroke='%23111' stroke-width='7' stroke-linejoin='round'/%3E%3Cpath d='M766 297L669 328L772 382L616 362L674 437L567 396L534 469L475 406L420 434L416 374L330 387L359 344L238 340L319 298L191 249L355 259L332 216L408 226L395 149L485 220L533 130L554 211L629 197L625 233L735 223L669 277Z' fill='%23ffdc2e' stroke='none' stroke-width='7' stroke-linejoin='round'/%3E%3C/svg%3E") 50% 45%/cover no-repeat}
/* Halftone: dots that grow across the cover from --comic-hero-a to --comic-hero-b. */
:is(body[data-tk-theme][data-hero="halftone"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="halftone"]):where(:not(tk-screen *, tk-note *)){--_a:var(--comic-hero-a,#e4007c);--_b:var(--comic-hero-b,#ffdc2e);
  background:linear-gradient(120deg,var(--_b) 20%,var(--_a) 100%)}
:is(body[data-tk-theme][data-hero="halftone"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="halftone"]):where(:not(tk-screen *, tk-note *))::after{
  background:linear-gradient(120deg,#fff 12%,rgba(255,255,255,0) 95%),radial-gradient(circle,#000 0,#fff 72%) 0 0/16px 16px,radial-gradient(circle,#000 0,#fff 72%) 8px 8px/16px 16px;
  filter:contrast(22);mix-blend-mode:multiply;opacity:.42}
/* Plain: one flat ink with a fine dot screen, for covers that should stay calm. */
:is(body[data-tk-theme][data-hero="plain"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="plain"]):where(:not(tk-screen *, tk-note *)){--_a:var(--comic-hero-a,#ffffff);--_b:var(--comic-hero-b,#2bab4b);background:var(--_b)}
:is(body[data-tk-theme][data-hero="plain"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="plain"]):where(:not(tk-screen *, tk-note *))::after{
  background:radial-gradient(circle,color-mix(in srgb,var(--_a) 30%,transparent) 0 22%,transparent 25%) 0 0/8px 8px}
/* Image: the agent's picture behind the framing, printed through a dot screen. */
:is(body[data-tk-theme][data-hero="image"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="image"]):where(:not(tk-screen *, tk-note *)){--_b:var(--comic-hero-b,#111);
  background:var(--comic-hero-image,none) var(--comic-hero-position,50% 50%)/cover no-repeat,var(--_b)}
:is(body[data-tk-theme][data-hero="image"] tk-hero:not([data-hero]),body[data-tk-theme] tk-hero[data-hero="image"]):where(:not(tk-screen *, tk-note *))::after{
  background:radial-gradient(circle,rgba(17,17,17,.45) 0 22%,transparent 25%) 0 0/7px 7px,
    radial-gradient(ellipse 60% 55% at 50% 45%,rgba(0,0,0,0),rgba(0,0,0,.35));mix-blend-mode:multiply}
/* Corner box: publisher, issue and price. */
body[data-tk-theme] tk-hero:where(:not(tk-screen *, tk-note *))::before{content:var(--cm-publisher) "\A" var(--cm-issue) "  \00B7  " var(--cm-price);white-space:pre;position:absolute;top:0;left:0;z-index:2;
  background:#fff;border-right:4px solid var(--cm-ink);border-bottom:4px solid var(--cm-ink);padding:.55rem .9rem .45rem;text-align:left;
  font:400 1.15rem/1.05 var(--cm-bang);letter-spacing:.05em;color:var(--cm-ink)}
body[data-tk-theme] tk-hero tk-tape-title:where(:not(tk-screen *, tk-note *)){margin:0 auto 1.6rem;max-width:none}
body[data-tk-theme] tk-hero h1:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-hero tk-tape-title>h1:where(:not(tk-screen *, tk-note *)){display:block!important;max-width:min(100%,10.5em)!important;margin:0 auto!important;padding:0!important;
  font:400 var(--tk-size-h1)/.92 var(--cm-bang)!important;letter-spacing:.025em;color:var(--cm-yellow)!important;text-transform:uppercase;
  -webkit-text-stroke:3px var(--cm-ink);paint-order:stroke fill;transform:skewX(-9deg);
  text-shadow:1px 1px 0 var(--cm-red),2px 2px 0 var(--cm-red),3px 3px 0 var(--cm-red),4px 4px 0 var(--cm-red),5px 5px 0 var(--cm-red),6px 6px 0 var(--cm-red),7px 7px 0 var(--cm-red),8px 8px 0 var(--cm-ink),9px 9px 0 var(--cm-ink),10px 10px 0 var(--cm-ink)!important}
body[data-tk-theme] tk-hero h1:where(:not(tk-screen *, tk-note *))::before,body[data-tk-theme] tk-hero h1 .tk-tape-line:where(:not(tk-screen *, tk-note *))::before{content:none!important}
body[data-tk-theme] tk-hero h1 .tk-tape-line:where(:not(tk-screen *, tk-note *)){display:block;margin:0 auto!important;padding:0!important;max-width:none}
body[data-tk-theme] tk-hero h1 .tk-tape-ink:where(:not(tk-screen *, tk-note *)){transform:none!important}
body[data-tk-theme] tk-hero h1 .tk-tape-line:nth-child(even):where(:not(tk-screen *, tk-note *)){color:#fff}
/* Dek: a yellow caption box. Byline: the credits strip. */
body[data-tk-theme] tk-hero p.tk-dek:where(:not(tk-screen *, tk-note *)){display:inline-block;max-width:34rem;margin:1.4rem auto 0;padding:.7rem 1rem;background:var(--cm-yellow);border:3px solid var(--cm-ink);box-shadow:5px 5px 0 var(--cm-ink);
  font:700 1.08rem/1.35 var(--cm-letter);text-transform:uppercase;letter-spacing:.02em;color:var(--cm-ink);text-align:left;transform:rotate(-1deg)}
body[data-tk-theme] tk-hero .tk-byline:where(:not(tk-screen *, tk-note *)){justify-content:center;margin:1.6rem auto 0;width:fit-content;max-width:100%;background:#fff;border:3px solid var(--cm-ink);padding:.35rem .9rem;
  font:700 .82rem/1.3 var(--cm-letter);letter-spacing:.06em;text-transform:uppercase;color:var(--cm-ink)}
body[data-tk-theme] tk-hero .tk-byline:where(:not(tk-screen *, tk-note *))::before{content:var(--cm-publisher) " proudly presents \2014";width:auto;height:auto;background:none;color:var(--cm-red)}
/* The stamp: a POW! burst. */
body[data-tk-theme] tk-stamp:where(:not(tk-screen *, tk-note *)){position:relative;display:inline-block;--stamp:var(--cm-red);filter:drop-shadow(5px 5px 0 var(--cm-ink));vertical-align:middle}
body[data-tk-theme] tk-stamp:where(:not(tk-screen *, tk-note *))::before{content:"";position:absolute;inset:0;background:var(--cm-ink);
  clip-path:polygon(50.0% 4.1%,58.0% 14.9%,69.5% 9.5%,72.4% 21.9%,87.5% 20.1%,82.4% 34.4%,93.3% 40.1%,86.0% 50.0%,96.0% 60.5%,82.4% 65.6%,86.1% 78.8%,72.4% 78.1%,69.2% 90.0%,58.0% 85.1%,50.0% 97.0%,42.0% 85.1%,30.8% 89.8%,27.6% 78.1%,13.6% 79.1%,17.6% 65.6%,6.7% 59.9%,14.0% 50.0%,6.6% 40.1%,17.6% 34.4%,13.6% 21.0%,27.6% 21.9%,28.8% 5.9%,42.0% 14.9%);transform:rotate(var(--tilt,-6deg))}
body[data-tk-theme] tk-stamp .tk-stamp-face:where(:not(tk-screen *, tk-note *)){position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;width:15rem;height:10.5rem;padding:0 2.6rem;margin:0;
  border:0;border-radius:0;outline:0;background:radial-gradient(circle,#ffe17a 0 30%,transparent 33%) 0 0/8px 8px,var(--cm-red);color:var(--cm-yellow);
  clip-path:polygon(50.0% 9%,57.5% 18.5%,68.5% 14.5%,70.8% 25.5%,83.5% 24.5%,79.4% 36.8%,88.6% 41.8%,82.0% 50.0%,90.5% 58.8%,79.4% 63.2%,82.0% 74.5%,70.8% 74.5%,68.2% 85.5%,57.5% 81.5%,50.0% 91.5%,42.5% 81.5%,31.8% 85.3%,29.2% 74.5%,17.6% 75.3%,20.6% 63.2%,11.7% 58.6%,18.0% 50.0%,11.6% 41.7%,20.6% 36.8%,17.6% 25.2%,29.2% 25.5%,30.6% 11%,42.5% 18.5%);
  -webkit-mask:none;mask:none;mix-blend-mode:normal;opacity:1;transform:rotate(var(--tilt,-6deg));
  font:400 2.1rem/.95 var(--cm-bang);letter-spacing:.04em;text-transform:uppercase;-webkit-text-stroke:2px var(--cm-ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--cm-ink)}
body[data-tk-theme] tk-stamp .tk-stamp-word:where(:not(tk-screen *, tk-note *))::after{content:"!"}
body[data-tk-theme] tk-stamp .tk-stamp-date:where(:not(tk-screen *, tk-note *)){font:700 .78rem/1 var(--cm-letter);letter-spacing:.06em;-webkit-text-stroke:0;text-shadow:none;color:#fff;background:var(--cm-ink);padding:.15rem .35rem;margin-top:.2rem}
body[data-tk-theme] tk-hero>tk-stamp:where(:not(tk-screen *, tk-note *)){position:absolute;right:clamp(.4rem,3vw,3rem);bottom:4.4rem;z-index:3;margin:0}
@media(min-width:901px){
  body[data-tk-theme] tk-hero:has(>tk-stamp) p.tk-dek:where(:not(tk-screen *, tk-note *)){display:block;width:fit-content;max-width:min(34rem,calc(100% - 16rem));margin-left:0}
  body[data-tk-theme] tk-hero:has(>tk-stamp) .tk-byline:where(:not(tk-screen *, tk-note *)){margin-left:0;max-width:calc(100% - 16rem)}
}
@keyframes cm-pow{0%{opacity:0;transform:rotate(var(--tilt,-6deg)) scale(.2)}70%{opacity:1;transform:rotate(calc(var(--tilt,-6deg) + 4deg)) scale(1.15)}100%{transform:rotate(var(--tilt,-6deg)) scale(1)}}
body[data-tk-theme] tk-stamp .tk-stamp-face:where(:not(tk-screen *, tk-note *)){animation:cm-pow .5s cubic-bezier(.3,1.6,.5,1) .3s both}

/* ============ PANELS ============ */
/* Panel scheme (data-panels on body): cmyk (default), pulp, noir. Each section takes the next ink;
   data-panel on a tk-section picks one (cyan, yellow, magenta, green, paper). */
body[data-tk-theme][data-panels="pulp"]{--cm-ink:#1f1a14;--cm-paper:#f6ecd2;--cm-panel:#f8f0dc;--cm-yellow:#f2c84b;--cm-red:#b8321f;--cm-blue:#1d4f91;--cm-magenta:#a3305f;
  --cm-tc:#bfd6cf;--cm-ty:#ecd08a;--cm-tm:#e9b39f;--cm-tg:#cbd5a1;--tk-c1:#b8321f;--tk-c2:#1d4f91;--tk-c3:#d9a21b;--tk-c4:#4f7d3a;
  --cm-page:radial-gradient(circle,rgba(184,50,31,.32) 0 26%,transparent 29%) 0 0/11px 11px,radial-gradient(circle,rgba(184,50,31,.32) 0 26%,transparent 29%) 5.5px 5.5px/11px 11px,#e7d6ac}
body[data-tk-theme][data-panels="noir"]{--cm-paper:#ffffff;--cm-yellow:#f1ede2;--cm-blue:#1a1a1a;--cm-magenta:#d01f27;--tk-accent:#1a1a1a;--tk-decision:#1a1a1a;
  --cm-tc:#d2d2d2;--cm-ty:#e2e2e2;--cm-tm:#c4c4c4;--cm-tg:#dadada;--tk-c1:#d01f27;--tk-c2:#1a1a1a;--tk-c3:#8a8a8a;--tk-c4:#c9c9c9;
  --cm-page:radial-gradient(circle,#3b3b3b 0 28%,transparent 31%) 0 0/10px 10px,radial-gradient(circle,#3b3b3b 0 28%,transparent 31%) 5px 5px/10px 10px,#161616}
body[data-tk-theme] tk-section:where(:not(tk-screen *, tk-note *)){position:relative;border:4px solid var(--cm-ink);padding:0 clamp(1.1rem,2.6vw,2.2rem) 1.8rem;--cm-tone:transparent;
  --cm-screen:radial-gradient(circle,var(--cm-tone) 0 22%,transparent 25%) 0 0/9px 9px,radial-gradient(circle,var(--cm-tone) 0 22%,transparent 25%) 4.5px 4.5px/9px 9px;
  background:var(--cm-screen),var(--cm-panel)}
body[data-tk-theme] tk-section:nth-of-type(4n+1):where(:not(tk-screen *, tk-note *)){--cm-tone:transparent;--cm-panel:var(--cm-paper)}
body[data-tk-theme] tk-section:nth-of-type(4n+2):where(:not(tk-screen *, tk-note *)){--cm-tone:var(--cm-tc)}
body[data-tk-theme] tk-section:nth-of-type(4n+3):where(:not(tk-screen *, tk-note *)){--cm-tone:var(--cm-ty)}
body[data-tk-theme] tk-section:nth-of-type(4n):where(:not(tk-screen *, tk-note *)){--cm-tone:var(--cm-tm)}
body[data-tk-theme] tk-section[data-panel="cyan"]:where(:not(tk-screen *, tk-note *)){--cm-tone:var(--cm-tc)}
body[data-tk-theme] tk-section[data-panel="yellow"]:where(:not(tk-screen *, tk-note *)){--cm-tone:var(--cm-ty)}
body[data-tk-theme] tk-section[data-panel="magenta"]:where(:not(tk-screen *, tk-note *)){--cm-tone:var(--cm-tm)}
body[data-tk-theme] tk-section[data-panel="green"]:where(:not(tk-screen *, tk-note *)){--cm-tone:var(--cm-tg)}
body[data-tk-theme] tk-section[data-panel="paper"]:where(:not(tk-screen *, tk-note *)){--cm-tone:transparent;--cm-panel:var(--cm-paper)}
/* Panel texture (data-pattern on body or a tk-section): dots (default), hatch, speed, burst, plain. */
body[data-tk-theme] :is(tk-section[data-pattern="hatch"],[data-pattern="hatch"] tk-section:not([data-pattern])):where(:not(tk-screen *, tk-note *)){--cm-screen:repeating-linear-gradient(-45deg,var(--cm-tone) 0 2px,transparent 2px 7px)}
body[data-tk-theme] :is(tk-section[data-pattern="speed"],[data-pattern="speed"] tk-section:not([data-pattern])):where(:not(tk-screen *, tk-note *)){--cm-screen:repeating-linear-gradient(0deg,transparent 0 9px,var(--cm-tone) 9px 11px,transparent 11px 26px),repeating-linear-gradient(0deg,transparent 0 17px,var(--cm-tone) 17px 18px,transparent 18px 23px)}
body[data-tk-theme] :is(tk-section[data-pattern="burst"],[data-pattern="burst"] tk-section:not([data-pattern])):where(:not(tk-screen *, tk-note *)){--cm-screen:repeating-conic-gradient(from 0deg at 100% 0%,var(--cm-tone) 0 3deg,transparent 3deg 7deg)}
body[data-tk-theme] :is(tk-section[data-pattern="plain"],[data-pattern="plain"] tk-section:not([data-pattern])):where(:not(tk-screen *, tk-note *)){--cm-screen:linear-gradient(transparent,transparent)}
/* The heading is a narration caption pinned to the panel's corner. */
body[data-tk-theme] tk-section>h2:where(:not(tk-screen *, tk-note *)){display:inline-block;margin:0 0 1.4rem calc(-1 * clamp(1.1rem,2.6vw,2.2rem));padding:.55rem 1.1rem .4rem;border:0;border-right:4px solid var(--cm-ink);border-bottom:4px solid var(--cm-ink);
  background:var(--cm-yellow);font:400 var(--tk-size-h2)/1 var(--cm-bang);letter-spacing:.04em;text-transform:uppercase;color:var(--cm-ink)}
body[data-tk-theme] tk-section>h2:where(:not(tk-screen *, tk-note *)){align-items:center;gap:.45em}
body[data-tk-theme] tk-section:not([unnumbered])>h2:where(:not(tk-screen *, tk-note *)){display:inline-flex}
body[data-tk-theme] tk-section:not([unnumbered])>h2:where(:not(tk-screen *, tk-note *))::before{content:counter(tk-sec);display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.45em;height:1.45em;margin:0;
  border:3px solid var(--cm-ink);border-radius:50%;background:var(--cm-red);color:#fff;font:400 .78em/1 var(--cm-bang);letter-spacing:0;box-shadow:2px 2px 0 var(--cm-ink)}
/* Caption tone (data-caption on body): narration (default), plain (no jokes, for serious content), loud. */
body[data-tk-theme][data-caption="loud"] tk-section>h2:where(:not(tk-screen *, tk-note *)){background:var(--cm-red);color:var(--cm-yellow);-webkit-text-stroke:1.5px var(--cm-ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--cm-ink);
  transform:rotate(-1.5deg);transform-origin:0 0;font-size:calc(var(--tk-size-h2) * 1.15)}
body[data-tk-theme][data-caption="loud"] tk-section:not([unnumbered])>h2:where(:not(tk-screen *, tk-note *))::before{background:var(--cm-yellow);color:var(--cm-ink);-webkit-text-stroke:0;text-shadow:none}
body[data-tk-theme][data-caption="loud"] tk-section>p:where(:not(tk-screen *, tk-note *)){font-size:1.16rem}
body[data-tk-theme][data-caption="plain"] tk-section>h2:where(:not(tk-screen *, tk-note *)){background:#fff}
body[data-tk-theme][data-caption="plain"] tk-torn:where(:not(tk-screen *, tk-note *))::before,body[data-tk-theme][data-caption="plain"] .tk-feedback h3:where(:not(tk-screen *, tk-note *))::before,body[data-tk-theme][data-caption="plain"] tk-stamp .tk-stamp-word:where(:not(tk-screen *, tk-note *))::after,body[data-tk-theme][data-caption="plain"] tk-hero .tk-byline:where(:not(tk-screen *, tk-note *))::before{content:none!important}
body[data-tk-theme][data-caption="plain"] tk-code:where(:not(tk-screen *, tk-note *))::before{content:attr(language)}
body[data-tk-theme] tk-section>h2 .tk-anchor:where(:not(tk-screen *, tk-note *)){font-size:.5em;color:var(--cm-ink)}
body[data-tk-theme] tk-section h3:where(:not(tk-screen *, tk-note *)){font:400 1.5rem/1.05 var(--cm-bang);letter-spacing:.04em;text-transform:uppercase}
body[data-tk-theme] tk-section>p:where(:not(tk-screen *, tk-note *)){font-size:1.12rem;max-width:var(--tk-measure)}
body[data-tk-theme] tk-section>:is(h2+p,h2+tk-slip+p):where(:not(tk-screen *, tk-note *))::first-letter{font:400 3.6em/.8 var(--cm-bang);float:left;margin:.08em .12em 0 0;color:var(--cm-red);-webkit-text-stroke:1.5px var(--cm-ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--cm-ink)}
body[data-tk-theme] tk-section>:is(h2+p,h2+tk-slip+p):where(:not(tk-screen *, tk-note *)){display:flow-root}
@supports (initial-letter:2){body[data-tk-theme] tk-section>:is(h2+p,h2+tk-slip+p):where(:not(tk-screen *, tk-note *))::first-letter{float:none;initial-letter:2;margin:0 .06em 0 0}}
body[data-tk-theme] tk-mark:is(:not([kind]),[kind="highlight"]):where(:not(tk-screen *, tk-note *)){background:var(--cm-yellow);border-radius:0;padding:0 .2em;margin:0;font-weight:700;box-shadow:2px 2px 0 var(--cm-ink)}
body[data-tk-theme] tk-mark[kind="underline"]:where(:not(tk-screen *, tk-note *)){text-decoration:underline 3px var(--cm-red);text-decoration-style:wavy;text-underline-offset:.22em;font-weight:700}

/* The slip: a speech balloon, the speaker's name under the tail. */
body[data-tk-theme] tk-slip:where(:not(tk-screen *, tk-note *)){--tilt:0deg;padding:0;margin:1rem 0 2.6rem;max-width:21rem}
body[data-tk-theme] tk-slip:where(:not(tk-screen *, tk-note *))::before{content:none!important}
body[data-tk-theme] tk-slip>.tk-slip-shadow:where(:not(tk-screen *, tk-note *)){filter:drop-shadow(4px 4px 0 var(--cm-ink))}
body[data-tk-theme] tk-slip .tk-paper:where(:not(tk-screen *, tk-note *)){position:relative;transform:none;-webkit-mask:none;mask:none;background:#fff;border:3px solid var(--cm-ink);border-radius:50% / 42%;
  padding:1.5rem 1.8rem 1.4rem;color:var(--cm-ink);font:700 1.05rem/1.3 var(--cm-letter);text-transform:uppercase;text-align:center}
body[data-tk-theme] tk-slip .tk-paper:where(:not(tk-screen *, tk-note *))::after{content:"";position:absolute;left:22%;bottom:-1.45rem;width:1.6rem;height:1.6rem;background:#fff;border-right:3px solid var(--cm-ink);
  clip-path:polygon(0 0,100% 0,100% 100%);border-top:0;box-shadow:inset -3px 0 0 var(--cm-ink)}
body[data-tk-theme] tk-slip .tk-paper:where(:not(tk-screen *, tk-note *))::before{content:"";position:absolute;left:calc(22% - 3px);bottom:-1.75rem;width:calc(1.6rem + 6px);height:calc(1.6rem + 6px);background:var(--cm-ink);clip-path:polygon(0 0,100% 0,100% 100%)}
body[data-tk-theme] tk-slip .tk-paper :is(p,li):where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-slip .tk-paper a:where(:not(tk-screen *, tk-note *)){color:var(--cm-ink)}
body[data-tk-theme] tk-slip .tk-from:where(:not(tk-screen *, tk-note *)){position:absolute;left:calc(22% + 2.4rem);bottom:-2.1rem;text-align:left;font:400 1rem/1 var(--cm-bang);letter-spacing:.06em;color:var(--cm-ink);background:var(--cm-yellow);padding:.15rem .4rem;border:2px solid var(--cm-ink)}

/* ============ STATS: four little panels, each in a different ink ============ */
body[data-tk-theme] tk-stats:where(:not(tk-screen *, tk-note *)){gap:12px;margin:1.6rem 0;border:0;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr))}
body[data-tk-theme] tk-stat:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-stats>tk-stat:first-child:where(:not(tk-screen *, tk-note *)){position:relative;padding:1rem 1rem .9rem;border:3px solid var(--cm-ink);box-shadow:5px 5px 0 var(--cm-ink);background:var(--cm-dots-c),#fff;text-align:center}
body[data-tk-theme] tk-stats>tk-stat:nth-child(4n+2):where(:not(tk-screen *, tk-note *)){background:var(--cm-dots-m),#fff}
body[data-tk-theme] tk-stats>tk-stat:nth-child(4n+3):where(:not(tk-screen *, tk-note *)){background:var(--cm-dots-y),#fff}
body[data-tk-theme] tk-stats>tk-stat:nth-child(4n):where(:not(tk-screen *, tk-note *)){background:radial-gradient(circle,var(--cm-tg) 0 30%,transparent 33%) 0 0/9px 9px,radial-gradient(circle,var(--cm-tg) 0 30%,transparent 33%) 4.5px 4.5px/9px 9px,#fff}
body[data-tk-theme] tk-stats>tk-stat:nth-child(odd):where(:not(tk-screen *, tk-note *)){transform:rotate(-1deg)}
body[data-tk-theme] tk-stats>tk-stat:nth-child(even):where(:not(tk-screen *, tk-note *)){transform:rotate(1deg)}
body[data-tk-theme] tk-stat .tk-value:where(:not(tk-screen *, tk-note *)){font:400 clamp(2.4rem,1.8rem + 1.6vw,3.4rem)/1 var(--cm-bang);letter-spacing:.03em;color:#fff;-webkit-text-stroke:2.5px var(--cm-ink);paint-order:stroke fill;
  text-shadow:2px 2px 0 var(--cm-ink),3px 3px 0 var(--cm-ink),4px 4px 0 var(--cm-ink);white-space:nowrap;margin:0 0 .4rem}
body[data-tk-theme] tk-stats>tk-stat:nth-child(4n+1) .tk-value:where(:not(tk-screen *, tk-note *)){color:var(--cm-yellow)}
body[data-tk-theme] tk-stats>tk-stat:nth-child(4n+2) .tk-value:where(:not(tk-screen *, tk-note *)){color:#fff}
body[data-tk-theme] tk-stats>tk-stat:nth-child(4n+3) .tk-value:where(:not(tk-screen *, tk-note *)){color:#5ec8f2}
body[data-tk-theme] tk-stats>tk-stat:nth-child(4n) .tk-value:where(:not(tk-screen *, tk-note *)){color:#ff7cb8}
body[data-tk-theme] tk-stat .tk-label:where(:not(tk-screen *, tk-note *)){display:inline-block;background:var(--cm-ink);color:#fff;font:700 .78rem/1.2 var(--cm-letter);letter-spacing:.06em;text-transform:uppercase;padding:.2rem .45rem}
body[data-tk-theme] tk-stat .tk-delta:where(:not(tk-screen *, tk-note *)){display:inline-block;font:700 .9rem/1.3 var(--cm-letter);margin-top:.5rem;background:#fff;border:2px solid var(--cm-ink);padding:.1rem .4rem}
body[data-tk-theme] tk-stat[data-trend="up"] .tk-delta:where(:not(tk-screen *, tk-note *))::before{content:"\25B2  ";color:inherit}

/* ============ CARDS AND CHARTS ============ */
body[data-tk-theme] tk-grid:where(:not(tk-screen *, tk-note *)){gap:18px;margin:1.6rem 0}
body[data-tk-theme] tk-card:where(:not(tk-screen *, tk-note *)){position:relative;background:#fff;border:3px solid var(--cm-ink);box-shadow:var(--cm-panel-shadow);padding:0 1rem 1rem;margin:0}
body[data-tk-theme] tk-card>h3:first-child:where(:not(tk-screen *, tk-note *)){display:inline-block;margin:0 0 .4rem -1rem;padding:.35rem .7rem .25rem;background:var(--cm-yellow);border-right:3px solid var(--cm-ink);border-bottom:3px solid var(--cm-ink);
  font:400 1.2rem/1 var(--cm-bang);letter-spacing:.05em}
body[data-tk-theme] tk-chart .tk-title:where(:not(tk-screen *, tk-note *)){font:400 1.3rem/1 var(--cm-bang);letter-spacing:.05em}
body[data-tk-theme] tk-chart .tk-sub:where(:not(tk-screen *, tk-note *)){font:700 .9rem/1.3 var(--cm-letter);color:var(--tk-muted);margin:.2rem 0 .4rem}
body[data-tk-theme] tk-chart .tk-canvas:where(:not(tk-screen *, tk-note *)){background:#fff}
body[data-tk-theme] tk-chart details.tk-fallback summary:where(:not(tk-screen *, tk-note *)){font:400 1rem/1 var(--cm-bang);letter-spacing:.08em;color:var(--cm-blue)}
body[data-tk-theme] tk-chart table:where(:not(tk-screen *, tk-note *)){font-family:var(--cm-letter);font-weight:700}

/* ============ CALLOUTS: speech balloons ============ */
body[data-tk-theme] tk-callout:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-callout[data-kind]:where(:not(tk-screen *, tk-note *)){position:relative;max-width:40rem;margin:1.8rem 0 3rem;padding:1.4rem 2rem 1.3rem;background:#fff;border:3px solid var(--cm-ink);border-radius:2.4rem;
  box-shadow:5px 5px 0 var(--cm-ink);font:700 1.08rem/1.4 var(--cm-letter)}
body[data-tk-theme] tk-callout:where(:not(tk-screen *, tk-note *))::before{content:"";position:absolute;left:2.6rem;bottom:-1.55rem;width:1.7rem;height:1.6rem;background:var(--cm-ink);clip-path:polygon(0 0,100% 0,8% 100%)}
body[data-tk-theme] tk-callout:where(:not(tk-screen *, tk-note *))::after{content:"";position:absolute;left:calc(2.6rem + 3px);bottom:-1.05rem;width:1.2rem;height:1.15rem;background:#fff;clip-path:polygon(0 0,100% 0,8% 100%)}
body[data-tk-theme] tk-callout strong.tk-label:where(:not(tk-screen *, tk-note *)){float:none;position:absolute;top:-1rem;right:1.6rem;margin:0;transform:rotate(3deg);opacity:1;border:3px solid var(--cm-ink);border-radius:0;
  background:var(--k);color:#fff;font:400 1.05rem/1 var(--cm-bang);letter-spacing:.08em;padding:.3rem .6rem .2rem}
body[data-tk-theme] tk-callout[data-kind="warning"]:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-callout[data-kind="risk"]:where(:not(tk-screen *, tk-note *)){border-width:4px;background:radial-gradient(circle,#ffd0d2 0 28%,transparent 31%) 0 0/8px 8px,#fff;border-radius:.6rem}
body[data-tk-theme] tk-callout[data-kind="warning"]:where(:not(tk-screen *, tk-note *))::before,body[data-tk-theme] tk-callout[data-kind="risk"]:where(:not(tk-screen *, tk-note *))::before{clip-path:polygon(0 0,100% 0,60% 40%,90% 50%,10% 100%,35% 45%,5% 35%)}
body[data-tk-theme] tk-callout[data-kind="warning"]:where(:not(tk-screen *, tk-note *))::after,body[data-tk-theme] tk-callout[data-kind="risk"]:where(:not(tk-screen *, tk-note *))::after{content:none}
body[data-tk-theme] tk-callout p:first-of-type strong:first-child:where(:not(tk-screen *, tk-note *)){font:400 1.25em/1 var(--cm-bang);letter-spacing:.05em;color:var(--k);margin-right:.2em}
body[data-tk-theme] tk-callout>p:where(:not(tk-screen *, tk-note *)){max-width:none}
body[data-tk-theme] tk-details details>:is(p,ul,ol):where(:not(tk-screen *, tk-note *)){max-width:var(--tk-measure)}

/* ============ TABLE ============ */
body[data-tk-theme] tk-table:where(:not(tk-screen *, tk-note *)){background:#fff;border:3px solid var(--cm-ink);box-shadow:var(--cm-panel-shadow);margin:1.8rem 0}
body[data-tk-theme] tk-table table:where(:not(tk-screen *, tk-note *)){font:700 1rem/1.3 var(--cm-letter);font-variant-numeric:tabular-nums}
body[data-tk-theme] tk-table thead th:where(:not(tk-screen *, tk-note *)){background:var(--cm-yellow);font:400 1.05rem/1 var(--cm-bang);letter-spacing:.06em;color:var(--cm-ink);border-bottom:3px solid var(--cm-ink);padding:.55rem .7rem}
body[data-tk-theme] tk-table :is(th,td):where(:not(tk-screen *, tk-note *)){padding:.55rem .7rem;border-bottom:2px solid var(--cm-ink)}
body[data-tk-theme] tk-table :is(th,td):first-child:where(:not(tk-screen *, tk-note *)){padding-left:.8rem}
body[data-tk-theme] tk-table :is(th,td):last-child:where(:not(tk-screen *, tk-note *)){padding-right:.8rem}
body[data-tk-theme] tk-table td+td:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-table th+th:where(:not(tk-screen *, tk-note *)){border-left:2px solid var(--cm-ink)}
body[data-tk-theme] tk-table tbody tr:nth-child(even):where(:not(tk-screen *, tk-note *)){background:var(--cm-dots-c),#fff}
body[data-tk-theme] tk-table tbody tr:last-child td:where(:not(tk-screen *, tk-note *)){border-bottom:0}
body[data-tk-theme] tk-table tbody tr:hover:where(:not(tk-screen *, tk-note *)){background:var(--cm-yellow)}
body[data-tk-theme] tk-table th[aria-sort] button:where(:not(tk-screen *, tk-note *))::after{color:var(--cm-red)}

/* ============ FIELD NOTES: a pop-art panel, a balloon, the code ============ */
body[data-tk-theme] tk-taped:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-taped[at]:where(:not(tk-screen *, tk-note *)){width:auto;max-width:100%;margin:0;padding:0}
body[data-tk-theme] tk-taped:where(:not(tk-screen *, tk-note *))::before,body[data-tk-theme] tk-taped:where(:not(tk-screen *, tk-note *))::after{content:none!important}
body[data-tk-theme] tk-taped>.tk-print:where(:not(tk-screen *, tk-note *)){position:relative;transform:none;background:#fff;padding:0;border:4px solid var(--cm-ink);box-shadow:var(--cm-panel-shadow)}
body[data-tk-theme] tk-taped>.tk-print:where(:not(tk-screen *, tk-note *))::after{content:none}
body[data-tk-theme][data-photo="pop"] tk-taped:not([data-photo])>.tk-print:where(:not(tk-screen *, tk-note *))::after,body[data-tk-theme] tk-taped[data-photo="pop"]>.tk-print:where(:not(tk-screen *, tk-note *))::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(228,0,124,.45) 0 26%,transparent 29%) 0 0/7px 7px;mix-blend-mode:multiply;opacity:1;pointer-events:none}
body[data-tk-theme] tk-taped img:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-image img:where(:not(tk-screen *, tk-note *)){display:block;width:100%}
body[data-tk-theme] tk-image:where(:not(tk-screen *, tk-note *)){display:block;position:relative}
body[data-tk-theme] :is(tk-taped,tk-image) figcaption:where(:not(tk-screen *, tk-note *)){position:absolute;top:.6rem;left:.6rem;z-index:1;max-width:70%;background:var(--cm-yellow);border:3px solid var(--cm-ink);padding:.35rem .6rem;
  font:700 .88rem/1.25 var(--cm-letter);text-transform:uppercase;color:var(--cm-ink)}
body[data-tk-theme] blockquote:where(:not(tk-screen *, tk-note *)){position:relative;margin:2rem 0 2.8rem;padding:1.3rem 1.6rem;background:#fff;border:3px solid var(--cm-ink);border-radius:50% / 40%;box-shadow:4px 4px 0 var(--cm-ink);
  font:700 1.15rem/1.3 var(--cm-letter);text-transform:uppercase;text-align:center;letter-spacing:.01em}
body[data-tk-theme] blockquote:where(:not(tk-screen *, tk-note *))::before{content:"";position:absolute;right:22%;bottom:-1.6rem;width:1.6rem;height:1.6rem;background:var(--cm-ink);clip-path:polygon(0 0,100% 0,95% 100%)}
body[data-tk-theme] blockquote:where(:not(tk-screen *, tk-note *))::after{content:"";position:absolute;right:calc(22% + 4px);bottom:-1.05rem;width:1.1rem;height:1.15rem;background:#fff;clip-path:polygon(0 0,100% 0,95% 100%)}
body[data-tk-theme] .tk-note:where(:not(tk-screen *, tk-note *)){font:400 1rem/1.2 var(--cm-bang);letter-spacing:.06em;color:var(--cm-ink)}
body[data-tk-theme] .tk-feedback .tk-note:not(.tk-feedback>.tk-note):where(:not(tk-screen *, tk-note *)){font:700 .92rem/1.35 var(--cm-letter);letter-spacing:0}
body[data-tk-theme] tk-split>div>blockquote+p.tk-note:where(:not(tk-screen *, tk-note *)){text-align:right;margin-right:calc(22% - 2rem)}
body[data-tk-theme] code:not(pre code):where(:not(tk-screen *, tk-note *)){background:var(--cm-yellow);border:1.5px solid var(--cm-ink);border-radius:0;font-weight:500;padding:0 .25em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body[data-tk-theme] tk-code:where(:not(tk-screen *, tk-note *)){border:3px solid var(--cm-ink);box-shadow:var(--cm-panel-shadow);background:#fff}
body[data-tk-theme] tk-code pre:where(:not(tk-screen *, tk-note *)){background:transparent;padding:2.8rem 1.2rem 1.2rem;font-size:.86rem;font-weight:500}
body[data-tk-theme] tk-code:where(:not(tk-screen *, tk-note *))::before{content:"Meanwhile, in the " attr(language) " lab\2026";top:0;left:0;opacity:1;background:var(--cm-yellow);border-right:3px solid var(--cm-ink);border-bottom:3px solid var(--cm-ink);
  padding:.35rem .7rem;font:700 .82rem/1.2 var(--cm-letter);text-transform:uppercase;letter-spacing:.04em;color:var(--cm-ink)}
body[data-tk-theme] tk-code .tk-copy:where(:not(tk-screen *, tk-note *)){font:400 1rem/1 var(--cm-bang);letter-spacing:.08em;opacity:1;color:var(--cm-blue)}
body[data-tk-theme] tk-details:where(:not(tk-screen *, tk-note *)){background:#fff;border:3px solid var(--cm-ink);box-shadow:4px 4px 0 var(--cm-ink);margin:1rem 0;padding:0 1rem}
body[data-tk-theme] tk-details summary:where(:not(tk-screen *, tk-note *)){font:400 1.3rem/1.1 var(--cm-bang);letter-spacing:.05em}
body[data-tk-theme] tk-details summary:where(:not(tk-screen *, tk-note *))::after{content:"+";display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--cm-red);color:#fff;border:2.5px solid var(--cm-ink);border-radius:50%;
  font:700 1.35rem/1 var(--cm-letter);box-shadow:2px 2px 0 var(--cm-ink)}
body[data-tk-theme] tk-details details[open]>summary:where(:not(tk-screen *, tk-note *))::after{content:"\2212";background:var(--cm-blue)}

/* ============ TRANSITION (tk-torn): a "Meanwhile..." caption ============ */
body[data-tk-theme] tk-torn:where(:not(tk-screen *, tk-note *)){transform:rotate(-1deg);-webkit-mask:none;mask:none;align-self:center;padding:.5rem 1.4rem .35rem;background:var(--cm-yellow);color:var(--cm-ink);border:4px solid var(--cm-ink);
  box-shadow:6px 6px 0 #fff;font:400 clamp(1.8rem,1.4rem + 1.6vw,2.8rem)/1 var(--cm-bang);letter-spacing:.06em;text-transform:uppercase}
body[data-tk-theme] tk-torn:where(:not(tk-screen *, tk-note *))::before{content:"Meanwhile\2026";display:inline-block;vertical-align:.35em;margin-right:.6em;font:700 .9rem/1.2 var(--cm-letter);letter-spacing:.04em;text-transform:none;margin-bottom:.2rem}

/* ============ CONTROLS: chunky, inked, pressable ============ */
body[data-tk-theme] .tk-controls:where(:not(tk-screen *, tk-note *)){gap:1.4rem 2rem;padding:1.2rem;margin:1.4rem 0;background:#fff;border:3px solid var(--cm-ink);box-shadow:var(--cm-panel-shadow)}
body[data-tk-theme] .tk-field label:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-radio-group legend:where(:not(tk-screen *, tk-note *)){font:400 1.15rem/1 var(--cm-bang);letter-spacing:.06em;color:var(--cm-ink)}
body[data-tk-theme] .tk-field output:where(:not(tk-screen *, tk-note *)){font:400 1.5rem/1 var(--cm-bang);color:var(--cm-red);top:-.3rem}
body[data-tk-theme] input[type="range"]:where(:not(tk-screen *, tk-note *))::-webkit-slider-runnable-track{height:12px;border-radius:6px;border:2.5px solid var(--cm-ink);background:linear-gradient(90deg,var(--cm-red) var(--tk-fill),#fff var(--tk-fill))}
body[data-tk-theme] input[type="range"]:where(:not(tk-screen *, tk-note *))::-webkit-slider-thumb{width:26px;height:26px;margin-top:-9.5px;border-radius:50%;background:var(--cm-yellow);border:3px solid var(--cm-ink);box-shadow:2px 2px 0 var(--cm-ink)}
body[data-tk-theme] input[type="range"]:focus-visible:where(:not(tk-screen *, tk-note *))::-webkit-slider-thumb{box-shadow:2px 2px 0 var(--cm-ink),0 0 0 5px var(--cm-magenta)}
body[data-tk-theme] input[type="range"]:where(:not(tk-screen *, tk-note *))::-moz-range-track{height:8px;border:2.5px solid var(--cm-ink);background:#fff}
body[data-tk-theme] input[type="range"]:where(:not(tk-screen *, tk-note *))::-moz-range-progress{height:8px;background:var(--cm-red)}
body[data-tk-theme] input[type="range"]:where(:not(tk-screen *, tk-note *))::-moz-range-thumb{width:20px;height:20px;background:var(--cm-yellow);border:3px solid var(--cm-ink)}
body[data-tk-theme] :is(tk-select select,tk-search input,tk-number input,tk-date input,.tk-feedback :is(textarea,input[type="text"],input[type="number"],select)):where(:not(tk-screen *, tk-note *)){
  border:3px solid var(--cm-ink);border-radius:0;background-color:#fff;font:700 1.05rem/1.2 var(--cm-letter);box-shadow:4px 4px 0 var(--cm-ink)}
body[data-tk-theme] :is(tk-select select,tk-search input,.tk-feedback :is(textarea,input,select)):focus:where(:not(tk-screen *, tk-note *)){border-color:var(--cm-ink);box-shadow:4px 4px 0 var(--cm-ink),0 0 0 4px var(--cm-magenta)}
body[data-tk-theme] tk-select select:where(:not(tk-screen *, tk-note *)){background-image:linear-gradient(45deg,transparent 50%,var(--cm-ink) 50%),linear-gradient(135deg,var(--cm-ink) 50%,transparent 50%);background-size:.45rem .45rem}
body[data-tk-theme] tk-toggle button:where(:not(tk-screen *, tk-note *)){font:400 1.15rem/1 var(--cm-bang);letter-spacing:.06em}
body[data-tk-theme] tk-toggle .tk-track:where(:not(tk-screen *, tk-note *)){width:3.2rem;height:1.7rem;background:#fff;border:3px solid var(--cm-ink);box-shadow:2px 2px 0 var(--cm-ink)}
body[data-tk-theme] tk-toggle .tk-track:where(:not(tk-screen *, tk-note *))::after{top:.12rem;left:.12rem;width:1.05rem;height:1.05rem;background:var(--cm-ink);box-shadow:none}
body[data-tk-theme] tk-toggle [aria-checked="true"] .tk-track:where(:not(tk-screen *, tk-note *)){background:var(--cm-red)}
body[data-tk-theme] tk-toggle [aria-checked="true"] .tk-track:where(:not(tk-screen *, tk-note *))::after{background:var(--cm-yellow);border:2px solid var(--cm-ink);transform:translateX(1.45rem)}
body[data-tk-theme] tk-radio-group fieldset:where(:not(tk-screen *, tk-note *)){gap:.6rem}
body[data-tk-theme] tk-radio-group label:where(:not(tk-screen *, tk-note *)){flex:1 1 4.2rem;padding-left:.4rem;padding-right:.4rem;margin:0;border:3px solid var(--cm-ink);border-radius:0!important;background:#fff;box-shadow:3px 3px 0 var(--cm-ink);font:400 1.15rem/1 var(--cm-bang);letter-spacing:.06em;transition:transform .08s,box-shadow .08s}
body[data-tk-theme] tk-radio-group label:hover:where(:not(tk-screen *, tk-note *)){background:var(--cm-yellow)}
body[data-tk-theme] tk-radio-group label:has(input:checked):where(:not(tk-screen *, tk-note *)){background:var(--cm-red);border-color:var(--cm-ink);color:#fff;transform:translate(3px,3px);box-shadow:none;text-shadow:1px 1px 0 var(--cm-ink)}
body[data-tk-theme] tk-radio-group label:has(input:focus-visible):where(:not(tk-screen *, tk-note *)){outline:3px solid var(--cm-magenta);outline-offset:3px}
body[data-tk-theme] tk-text:where(:not(tk-screen *, tk-note *)){font:400 1.35em/1 var(--cm-bang);color:var(--cm-red);letter-spacing:.04em}
/* The reply: a mail-in coupon from the back pages. */
body[data-tk-theme] .tk-feedback:where(:not(tk-screen *, tk-note *)){position:relative;max-width:40rem;border:3px dashed var(--cm-ink);border-radius:0;background:#fff;
  box-shadow:none;padding:1.4rem 1.4rem 1.2rem;margin:2rem 0 .6rem;outline:3px solid var(--cm-ink);outline-offset:5px}
/* Questions are small caption boxes, so they lead the answers under them. */
body[data-tk-theme] .tk-feedback :is(legend,label:not(fieldset label)):where(:not(tk-screen *, tk-note *)){display:block;width:fit-content;max-width:100%;box-sizing:border-box;margin-bottom:.5rem;padding:.2rem .55rem .15rem;background:var(--cm-yellow);border:2px solid var(--cm-ink);box-shadow:2px 2px 0 var(--cm-ink);font:700 1.12rem/1.3 var(--cm-letter);color:var(--cm-ink)}
body[data-tk-theme] .tk-feedback label:not(fieldset label):has(>input[type="checkbox"]):where(:not(tk-screen *, tk-note *)){display:flex;width:auto;background:none;border:0;box-shadow:none;padding:0}
body[data-tk-theme] .tk-feedback h3:where(:not(tk-screen *, tk-note *)){font:400 1.9rem/1 var(--cm-bang);letter-spacing:.04em;text-transform:uppercase;margin:0 0 1rem}
body[data-tk-theme] .tk-feedback fieldset label:where(:not(tk-screen *, tk-note *)){border:3px solid var(--cm-ink);border-top-width:0;background:#fff;font:700 1.05rem/1.3 var(--cm-letter);border-radius:0!important}
body[data-tk-theme] .tk-feedback fieldset legend+label:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] .tk-feedback fieldset>label:first-child:where(:not(tk-screen *, tk-note *)){border-top-width:3px}
body[data-tk-theme] .tk-feedback fieldset label:has(input:checked):where(:not(tk-screen *, tk-note *)){background:var(--cm-yellow)}
body[data-tk-theme] .tk-feedback input[type="radio"]:where(:not(tk-screen *, tk-note *)){width:1.3rem;height:1.3rem;border:3px solid var(--cm-ink)}
body[data-tk-theme] .tk-feedback input[type="radio"]:where(:not(tk-screen *, tk-note *))::before{background:var(--cm-red);width:.6rem;height:.6rem}
body[data-tk-theme] .tk-feedback button.tk-submit:where(:not(tk-screen *, tk-note *)){background:var(--cm-red);color:#fff;border:3px solid var(--cm-ink);border-radius:0;box-shadow:4px 4px 0 var(--cm-ink);font:400 1.35rem/1 var(--cm-bang);letter-spacing:.08em;padding:.7rem 1.4rem;text-shadow:1px 1px 0 var(--cm-ink)}
body[data-tk-theme] .tk-feedback button.tk-submit:hover:not(:disabled):where(:not(tk-screen *, tk-note *)){background:var(--cm-blue);filter:none}
body[data-tk-theme] .tk-feedback button.tk-submit:active:not(:disabled):where(:not(tk-screen *, tk-note *)){transform:translate(4px,4px);box-shadow:none}
body[data-tk-theme] .tk-feedback>.tk-note:where(:not(tk-screen *, tk-note *)){font:700 .8rem/1.3 var(--cm-letter);border-top:2px dashed var(--cm-ink);color:var(--cm-ink)}
body[data-tk-theme] tk-progress:where(:not(tk-screen *, tk-note *)){height:8px;background:var(--cm-ink)}
body[data-tk-theme] tk-progress i:where(:not(tk-screen *, tk-note *)){background:repeating-linear-gradient(-45deg,var(--cm-yellow) 0 8px,var(--cm-red) 8px 16px)}

/* ============ CONTENTS: a panel like the rest, its title a caption box ============ */
body[data-tk-theme] tk-toc:where(:not(tk-screen *, tk-note *)){background:var(--cm-paper);border:4px solid var(--cm-ink);padding:0 clamp(1.1rem,2.6vw,2.2rem) .8rem;font-size:1rem}
body[data-tk-theme] tk-toc>strong:where(:not(tk-screen *, tk-note *)){display:block;width:fit-content;margin:0 0 .6rem calc(-1 * clamp(1.1rem,2.6vw,2.2rem));padding:.45rem 1rem .35rem;background:var(--cm-yellow);border-right:4px solid var(--cm-ink);border-bottom:4px solid var(--cm-ink);font:400 1.5rem/1 var(--cm-bang);letter-spacing:.05em;text-transform:uppercase;color:var(--cm-ink)}
body[data-tk-theme] tk-toc li:where(:not(tk-screen *, tk-note *)){border-bottom:2px dotted var(--cm-ink)}
body[data-tk-theme] tk-toc li:last-child:where(:not(tk-screen *, tk-note *)){border-bottom:0}
body[data-tk-theme] tk-toc li a:where(:not(tk-screen *, tk-note *)){color:var(--cm-ink);font-weight:700;text-decoration:none}
body[data-tk-theme] tk-toc li a:hover:where(:not(tk-screen *, tk-note *)){color:var(--cm-red);background:none}
body[data-tk-theme] tk-toc li a:where(:not(tk-screen *, tk-note *))::before{font:400 1.1rem/1 var(--cm-bang);color:var(--cm-red);min-width:1.6rem}
body[data-tk-theme] tk-toc .tk-toggle:where(:not(tk-screen *, tk-note *)){color:var(--cm-ink);font:400 1.4rem/1 var(--cm-bang);letter-spacing:.05em}
body[data-tk-theme] tk-toc .tk-toggle:where(:not(tk-screen *, tk-note *))::after{color:var(--cm-red)}

/* ============ PHONE ============ */
@media(max-width:900px){
  body[data-tk-theme] tk-hero>tk-stamp:where(:not(tk-screen *, tk-note *)){position:relative;right:auto;bottom:auto;display:block;width:max-content;margin:1.4rem auto 0}
}
@media(max-width:640px){
  body[data-tk-theme] tk-page:where(:not(tk-screen *, tk-note *)){margin:0;padding:8px;gap:8px;box-shadow:none}
  body[data-tk-theme] tk-hero:where(:not(tk-screen *, tk-note *)){padding:6.2rem .9rem 1.6rem}
  body[data-tk-theme] tk-hero:where(:not(tk-screen *, tk-note *))::before{font-size:.95rem}
  body[data-tk-theme] tk-hero h1:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-hero tk-tape-title>h1:where(:not(tk-screen *, tk-note *)){font-size:clamp(2.6rem,13vw,3.6rem)!important;line-height:1.02!important;-webkit-text-stroke:2px var(--cm-ink);
    text-shadow:1px 1px 0 var(--cm-red),2px 2px 0 var(--cm-red),3px 3px 0 var(--cm-red),4px 4px 0 var(--cm-red),5px 5px 0 var(--cm-ink),6px 6px 0 var(--cm-ink)!important}
  body[data-tk-theme] tk-hero p.tk-dek:where(:not(tk-screen *, tk-note *)){font-size:.98rem}
  body[data-tk-theme] tk-stamp .tk-stamp-face:where(:not(tk-screen *, tk-note *)){width:13rem;height:9.2rem;font-size:1.8rem}
  body[data-tk-theme] tk-section:where(:not(tk-screen *, tk-note *)){padding:0 .9rem 1.4rem;border-width:3px}
  body[data-tk-theme] tk-section>h2:where(:not(tk-screen *, tk-note *)){margin-left:-.9rem}
  body[data-tk-theme] tk-card>h3:first-child:where(:not(tk-screen *, tk-note *)){margin-left:-1rem}
  body[data-tk-theme] tk-stats:where(:not(tk-screen *, tk-note *)){grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-tk-theme] tk-stat:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-stats>tk-stat:first-child:where(:not(tk-screen *, tk-note *)){padding:.8rem .5rem}
  body[data-tk-theme] tk-stat .tk-value:where(:not(tk-screen *, tk-note *)){font-size:2.2rem}
  body[data-tk-theme] tk-callout:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-callout[data-kind]:where(:not(tk-screen *, tk-note *)){padding:1.5rem 1.2rem 1.2rem;border-radius:1.6rem}
  body[data-tk-theme] tk-callout[data-kind="warning"]:where(:not(tk-screen *, tk-note *)){border-radius:.6rem}
  body[data-tk-theme] tk-toc:where(:not(tk-screen *, tk-note *)){padding:0 .9rem .6rem;border-width:3px}
  body[data-tk-theme] tk-toc>strong:where(:not(tk-screen *, tk-note *)){margin-left:-.9rem}
  body[data-tk-theme] tk-toc[data-collapsible]>strong:where(:not(tk-screen *, tk-note *)){display:none}
  /* Stacked tables: each row is its own small inked panel, no frame around the stack, no rules inside. */
  body[data-tk-theme] tk-table[stack]:where(:not(tk-screen *, tk-note *)){background:none;border:0;box-shadow:none}
  body[data-tk-theme] tk-table[stack] tbody tr:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-table[stack] tbody tr:nth-child(even):where(:not(tk-screen *, tk-note *)){background:#fff;border:3px solid var(--cm-ink);box-shadow:4px 4px 0 var(--cm-ink);margin:0 4px 1rem 0}
  body[data-tk-theme] tk-table[stack] tbody tr:hover:where(:not(tk-screen *, tk-note *)){background:var(--cm-yellow)}
  body[data-tk-theme] tk-table[stack] tbody tr td:where(:not(tk-screen *, tk-note *)){border-left:0;border-bottom:2px dotted var(--cm-ink);padding:.5rem 0}
  body[data-tk-theme] tk-table[stack] tbody tr td:last-child:where(:not(tk-screen *, tk-note *)){border-bottom:0}
  body[data-tk-theme] tk-table[stack] td:where(:not(tk-screen *, tk-note *))::before{font:700 .85rem/1.4 var(--cm-letter);letter-spacing:.03em;text-transform:uppercase;color:var(--cm-ink)}
  body[data-tk-theme] tk-torn:where(:not(tk-screen *, tk-note *)){font-size:1.9rem}
}
@media(prefers-reduced-motion:reduce){body[data-tk-theme] tk-stamp .tk-stamp-face:where(:not(tk-screen *, tk-note *)){animation:none}}
/* Photos (data-photo on body or one tk-taped/tk-image) keep their colours: natural is the default. pop prints them in the
   scheme (cyan duotone through magenta dots in cmyk, sepia in pulp, black and white in noir); mono is black and white. */
body[data-tk-theme][data-photo="pop"] :is(tk-taped,tk-image):not([data-photo]) img:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] :is(tk-taped,tk-image)[data-photo="pop"] img:where(:not(tk-screen *, tk-note *)){filter:sepia(1) saturate(3.2) hue-rotate(168deg) contrast(1.35) brightness(1.05)}
body[data-tk-theme][data-panels="pulp"][data-photo="pop"] :is(tk-taped,tk-image):not([data-photo]) img:where(:not(tk-screen *, tk-note *)),body[data-tk-theme][data-panels="pulp"] :is(tk-taped,tk-image)[data-photo="pop"] img:where(:not(tk-screen *, tk-note *)){filter:sepia(.85) contrast(1.15) saturate(1.2)}
body[data-tk-theme][data-panels="noir"][data-photo="pop"] :is(tk-taped,tk-image):not([data-photo]) img:where(:not(tk-screen *, tk-note *)),body[data-tk-theme][data-panels="noir"] :is(tk-taped,tk-image)[data-photo="pop"] img:where(:not(tk-screen *, tk-note *)){filter:grayscale(1) contrast(1.45)}
body[data-tk-theme][data-photo="mono"] :is(tk-taped,tk-image):not([data-photo]) img:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] :is(tk-taped,tk-image)[data-photo="mono"] img:where(:not(tk-screen *, tk-note *)){filter:grayscale(1) contrast(1.35)}
body[data-tk-theme] :is(tk-taped,tk-image)[data-photo="natural"] img:where(:not(tk-screen *, tk-note *)){filter:none}
/* 1.7.0: answers that join a form: plain inked panels; only the form that sends them keeps the clip-out coupon frame. */
/* A joined question is a single-ruled panel (no dashed coupon, no second frame); missing turns the frame red and
   shouts in Bangers beside a red burst; open answers are yellow caption chips; the count runs on a Ben-Day bar. */
body[data-tk-theme] .tk-feedback.tk-joined:where(:not(tk-screen *, tk-note *)){border:3px solid var(--cm-ink);outline:0;box-shadow:5px 5px 0 var(--cm-ink);padding:1.1rem 1.2rem 1rem;margin:1.8rem 0 1.2rem}
body[data-tk-theme] .tk-feedback.tk-joined>h3:where(:not(tk-screen *, tk-note *)){font-size:1.65rem;margin-bottom:.8rem}
body[data-tk-theme] .tk-feedback h3>.tk-required:where(:not(tk-screen *, tk-note *)){color:#3d3d3d;font:700 .52em/1 var(--cm-letter);letter-spacing:0;text-transform:none;vertical-align:.15em}
body[data-tk-theme] .tk-feedback.tk-joined[data-tk-answer="missing"]:where(:not(tk-screen *, tk-note *)){border-color:var(--cm-red);outline:3px solid var(--cm-red);outline-offset:4px;box-shadow:none}
body[data-tk-theme] .tk-feedback.tk-joined.tk-answer-flash:where(:not(tk-screen *, tk-note *)){box-shadow:5px 5px 0 var(--cm-ink),0 0 0 8px rgba(0,163,224,.45)}
/* the state */
body[data-tk-theme] .tk-feedback>.tk-answer-state:where(:not(tk-screen *, tk-note *)){max-width:none;margin-top:.9rem;color:#3d3d3d;font:700 .95rem/1.3 var(--cm-letter)}
body[data-tk-theme] .tk-feedback .tk-answer-dot:where(:not(tk-screen *, tk-note *)){width:1rem;height:1rem;border:3px solid var(--cm-ink)}
body[data-tk-theme] .tk-feedback:is([data-tk-answer="answered"],[data-tk-answer="sent"])>.tk-answer-state:where(:not(tk-screen *, tk-note *)){color:var(--cm-ink)}
body[data-tk-theme] .tk-feedback:is([data-tk-answer="answered"],[data-tk-answer="sent"]) .tk-answer-dot:where(:not(tk-screen *, tk-note *)){border-color:var(--cm-ink);background:var(--cm-yellow);box-shadow:inset 0 0 0 3px var(--cm-yellow),inset 0 0 0 10px var(--cm-ink)}
body[data-tk-theme] .tk-feedback[data-tk-answer="sent"] .tk-answer-dot:where(:not(tk-screen *, tk-note *)){background:var(--cm-ink);box-shadow:none}
body[data-tk-theme] .tk-feedback[data-tk-answer="missing"]>.tk-answer-state:where(:not(tk-screen *, tk-note *)){color:var(--cm-red);font:400 1.2rem/1.1 var(--cm-bang);letter-spacing:.06em;text-transform:uppercase}
body[data-tk-theme] .tk-feedback[data-tk-answer="missing"] .tk-answer-dot:where(:not(tk-screen *, tk-note *)){width:1.5rem;height:1.5rem;border:0;border-radius:0;background:var(--cm-red);
  clip-path:polygon(50% 0,61% 30%,93% 18%,74% 45%,100% 62%,68% 66%,72% 100%,50% 76%,26% 98%,30% 66%,0 60%,26% 44%,8% 16%,39% 30%)}
/* secondary buttons: an inked button for Go to Send, yellow caption chips for the open answers */
body[data-tk-theme] .tk-feedback .tk-answer-go:where(:not(tk-screen *, tk-note *)){padding:0 .85rem;border:3px solid var(--cm-ink);background:#fff;color:var(--cm-ink);box-shadow:3px 3px 0 var(--cm-ink);
  font:400 1.15rem/1 var(--cm-bang);letter-spacing:.08em;text-decoration:none}
body[data-tk-theme] .tk-feedback .tk-answer-go:hover:where(:not(tk-screen *, tk-note *)){background:var(--cm-yellow)}
body[data-tk-theme] .tk-feedback .tk-answer-go:active:where(:not(tk-screen *, tk-note *)){transform:translate(3px,3px);box-shadow:none}
body[data-tk-theme] .tk-answers-jump:where(:not(tk-screen *, tk-note *)){border:2px solid var(--cm-ink);border-radius:0;background:var(--cm-yellow);color:var(--cm-ink);box-shadow:2px 2px 0 var(--cm-ink);font:700 1rem/1.25 var(--cm-letter)}
body[data-tk-theme] .tk-answers-jump:hover:not(:disabled):where(:not(tk-screen *, tk-note *)){background:#fff}
body[data-tk-theme] .tk-answers-jump:active:not(:disabled):where(:not(tk-screen *, tk-note *)){transform:translate(2px,2px);box-shadow:none}
body[data-tk-theme] .tk-answers-jump.tk-answers-must:where(:not(tk-screen *, tk-note *)){border-width:3px;box-shadow:3px 3px 0 var(--cm-red);padding:calc(.4rem - 1px) calc(.85rem - 1px)}
body[data-tk-theme] .tk-answers-req:where(:not(tk-screen *, tk-note *)){color:var(--cm-ink);font-weight:400}
/* the count and its bar */
body[data-tk-theme] .tk-answers-count:where(:not(tk-screen *, tk-note *)){color:var(--cm-ink);font:700 1.05rem/1.3 var(--cm-letter)}
body[data-tk-theme] .tk-answers-count strong:where(:not(tk-screen *, tk-note *)){font:400 1.45em/1 var(--cm-bang);letter-spacing:.05em}
body[data-tk-theme] .tk-answers-bar:where(:not(tk-screen *, tk-note *)){height:1rem;border:3px solid var(--cm-ink);border-radius:0;background:#fff}
body[data-tk-theme] .tk-answers-bar>span:where(:not(tk-screen *, tk-note *)){background:radial-gradient(circle,rgba(255,255,255,.35) 0 28%,transparent 31%) 0 0/7px 7px,var(--cm-blue)}
body[data-tk-theme] .tk-answers[data-tk-answers="all"] .tk-answers-bar>span:where(:not(tk-screen *, tk-note *)){background:radial-gradient(circle,rgba(255,255,255,.35) 0 28%,transparent 31%) 0 0/7px 7px,var(--tk-positive)}
body[data-tk-theme] .tk-answers-open:where(:not(tk-screen *, tk-note *)){color:#3d3d3d;font:700 1rem/1.3 var(--cm-letter)}
body[data-tk-theme] .tk-feedback .tk-scale button[aria-pressed="true"]:hover:not(:disabled):where(:not(tk-screen *, tk-note *)){background:var(--tk-accent);color:var(--tk-accent-ink)}
@media(max-width:640px){body[data-tk-theme] .tk-feedback.tk-joined:where(:not(tk-screen *, tk-note *)){padding:1rem .95rem .95rem;box-shadow:4px 4px 0 var(--cm-ink)}}
/* forced colours: open dots stay hollow, answered and missing fill, the bar and buttons keep their edges */
@media(forced-colors:active){body[data-tk-theme] .tk-feedback .tk-answer-dot:where(:not(tk-screen *, tk-note *)){forced-color-adjust:none;border-color:CanvasText;background:Canvas;box-shadow:none;clip-path:none;border-radius:50%}
  body[data-tk-theme] .tk-feedback:is([data-tk-answer="answered"],[data-tk-answer="sent"],[data-tk-answer="missing"]) .tk-answer-dot:where(:not(tk-screen *, tk-note *)){background:CanvasText}
  body[data-tk-theme] .tk-feedback.tk-joined[data-tk-answer="missing"]:where(:not(tk-screen *, tk-note *)){outline:2px solid Mark;outline-offset:3px}
  body[data-tk-theme] .tk-answers-bar>span:where(:not(tk-screen *, tk-note *)){forced-color-adjust:none;background:CanvasText}
  body[data-tk-theme] :is(.tk-feedback .tk-answer-go,.tk-answers-jump):where(:not(tk-screen *, tk-note *)){border:1px solid ButtonText}}