/* Tacksheet sheet kit 1.8.0 - built-in style Magazine (magazine), on the none kit theme.
   Link it after the kit stylesheet with body data-tk-theme="none" data-tk-style="magazine".
   Fonts: /kit/1.8.0/fonts/LICENSES-styles.txt. */
/* Magazine: reading a printed feature on screen. Caslon on warm paper. A cover spread (the picture, or a grainy
   mesh-gradient plate, bleeds off the left page; headline, standfirst and byline set on the right page with a
   binding shadow between them). Department openers: a double rule, spot art, the title and a section numeral.
   Body text in justified columns with hairline column rules on wide screens, a drop cap and a small-caps first
   line at every opening, indented paragraphs, a diamond end mark. Pull quotes break the columns; sidebars are
   boxed; Businessweek figures; picture spreads with a gutter shadow; full-bleed pictures with a pointer caption
   and a coloured credit; a running foot at the foot of each section, verso and recto in turn; a
   contents page from tk-toc. Every picture slot with no picture gets a grainy mesh-gradient plate.
   Knobs (body, or any section / card / hero for a local change):
     data-mg-palette="dune" (default) | "lagoon" | "rose" | "moss" | "lapis" | "dusk" | "ember" | "mono"
       or a custom palette: --mg-ground, --mg-1 (light), --mg-2 (mid), --mg-3 (deep), --mg-4 (glow)
     data-mg-shape="sun" (default) | "horizon" | "bloom" | "ribbon" | "eclipse"   the plate's composition
     --mg-x, --mg-y: where the light sits (percentages, e.g. --mg-x:30%)
     data-mg-grain="soft" | "heavy" (default) | "none"
     data-mg-spot="off" on body or a section: no spot art beside section openers
     data-mg-cover="spread" (default) | "stack"           body or tk-hero: cover spread, or plate above a centred title
     data-mg-columns="auto" (default) | "1" | "2" | "3"   body or tk-section: text columns on wide screens, only ever
       for plain running prose (paragraphs, pull quotes, postcards, taped pictures; never lists, tables, charts, forms
       or callouts); auto sets two for three to six paragraphs and keeps seven or more in one long-read column
     data-mg-opener="plate"                                tk-section: a wide plate opens the department
     data-mg-paper="tint"                                  tk-section: the section is printed on tinted stock
     data-mg-numbers="giant" (default) | "row"            body or tk-stats: one oversized figure, or a ruled row
     data-mg-foot="docks"                                  tk-section: a short word printed in the section's running foot
   Real media always wins: a hero, card or slot with an <img> shows the picture, not the plate. */
@font-face{font-family:"Libre Caslon Display";src:url(/kit/1.8.0/fonts/libre-caslon-display-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(/kit/1.8.0/fonts/libre-caslon-text-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(/kit/1.8.0/fonts/libre-caslon-text-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(/kit/1.8.0/fonts/libre-caslon-text-700.woff2) format("woff2");font-weight:700;font-display:swap}

body[data-tk-theme]{
  --mz-paper:#FBF8F2;--mz-ink:#1B1A17;--mz-muted:#5F5A52;--mz-rule:#1B1A17;--mz-hair:#D9D2C5;
  --mz-disp:"Libre Caslon Display","Libre Caslon Text",Georgia,serif;--mz-text:"Libre Caslon Text",Georgia,serif;--mz-sans:"Archivo",system-ui,sans-serif;
  --mg-noise-soft:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --mg-noise-heavy:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feComponentTransfer><feFuncR type='discrete' tableValues='0 .2 .5 .8 1'/><feFuncG type='discrete' tableValues='0 .2 .5 .8 1'/><feFuncB type='discrete' tableValues='0 .2 .5 .8 1'/></feComponentTransfer><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0' intercept='.9'/></feComponentTransfer></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --mg-noise:var(--mg-noise-heavy);--mg-blend:soft-light,normal,normal,normal,normal,normal,normal;
  --mg-ground:#F2E5D9;--mg-1:#F7CDAA;--mg-2:#DB8A5C;--mg-3:#7F3624;--mg-4:#FCE6C4;
  --tk-bg:var(--mz-paper);--tk-bg-soft:#F2EDE3;--tk-fg:var(--mz-ink);--tk-muted:var(--mz-muted);
  --tk-accent:var(--mz-ink);--tk-accent-2:var(--mg-3);--tk-accent-ink:#FBF8F2;--tk-accent-2-text:color-mix(in oklab,var(--mg-3) 70%,var(--mz-ink));
  --tk-card:#FFFDF9;--tk-border:var(--mz-hair);--tk-rule:var(--mz-ink);--tk-mark:color-mix(in oklab,var(--mg-1) 70%,transparent);
  --tk-field:#FFFDF9;--tk-control:#B9B1A4;--tk-positive:#2F6B46;--tk-negative:#9C2F23;
  --tk-note:var(--mz-muted);--tk-tip:#2F6B46;--tk-warning:#8A5A12;--tk-decision:var(--mz-ink);--tk-risk:#9C2F23;
  --tk-font-head:var(--mz-disp);--tk-font-body:var(--mz-text);--tk-font-mono:"IBM Plex Mono",ui-monospace,monospace;--tk-font-data:var(--mz-sans);--tk-font-hand:var(--mz-text);
  --tk-head-weight:400;--tk-head-tracking:-.005em;--tk-head-leading:1.06;
  --tk-size-body:1.08rem;--tk-size-h1:clamp(2.5rem,1.4rem + 4.4vw,5.6rem);--tk-size-h2:clamp(1.8rem,1.3rem + 1.8vw,2.8rem);--tk-size-h3:1.3rem;
  --tk-radius:0px;--tk-chart-radius:0;--tk-grid:rgba(27,26,23,.1);--tk-shadow:none;--tk-lift:none;
  --tk-code-bg:#F3EEE5;--tk-code-fg:#1B1A17;--tk-tok-k:#7F3624;--tk-tok-s:#2F5F4A;--tk-tok-c:#665F55;--tk-tok-n:#2E4A8C;--tk-tok-f:#1B1A17;
  --tk-c1:color-mix(in oklab,var(--mg-3) 80%,#000);--tk-c2:var(--mg-2);--tk-c3:#5E6E62;--tk-c4:#B49A6A;--tk-c5:#8B6B8E;--tk-c6:#C9A27A;--tk-c7:#4D6A85;--tk-c8:#9C8F7E;
  --tk-ramp:var(--mg-4),var(--mg-1),var(--mg-2),var(--mg-3),#1B1A17;
  --tk-texture:none;--tk-film:multiply;--tk-paper-obj:#FFFDF9;
  --tk-page-width:min(max(43rem,80vw),84rem);--mz-col:39rem;
  overflow-x:clip;font-variant-numeric:lining-nums;
}
body[data-tk-theme][data-mg-grain="soft"]{--mg-noise:var(--mg-noise-soft)}
body[data-tk-theme][data-mg-grain="none"]{--mg-noise:linear-gradient(transparent,transparent)}

/* ---------- Palettes: on body, or on any section, card or hero ---------- */
body[data-tk-theme]:is([data-mg-palette="lagoon"]),body[data-tk-theme] [data-mg-palette="lagoon"]:where(:not(tk-screen *, tk-note *)){--mg-ground:#D8E8E7;--mg-1:#A5D6D2;--mg-2:#3D8EA0;--mg-3:#123F55;--mg-4:#F6DDAA}
body[data-tk-theme]:is([data-mg-palette="rose"]),body[data-tk-theme] [data-mg-palette="rose"]:where(:not(tk-screen *, tk-note *)){--mg-ground:#F5E8E8;--mg-1:#F2BACA;--mg-2:#D46A8E;--mg-3:#5E2242;--mg-4:#FCE5D6}
body[data-tk-theme]:is([data-mg-palette="moss"]),body[data-tk-theme] [data-mg-palette="moss"]:where(:not(tk-screen *, tk-note *)){--mg-ground:#E5EDDA;--mg-1:#BBD592;--mg-2:#5C8D48;--mg-3:#1D402D;--mg-4:#EFE7B6}
body[data-tk-theme]:is([data-mg-palette="lapis"]),body[data-tk-theme] [data-mg-palette="lapis"]:where(:not(tk-screen *, tk-note *)){--mg-ground:#E6E9F4;--mg-1:#ADBCEE;--mg-2:#4D66C8;--mg-3:#18265F;--mg-4:#F3D8C6}
body[data-tk-theme]:is([data-mg-palette="dusk"]),body[data-tk-theme] [data-mg-palette="dusk"]:where(:not(tk-screen *, tk-note *)){--mg-ground:#EBDCE4;--mg-1:#F5C3B4;--mg-2:#9E5F8E;--mg-3:#33204A;--mg-4:#FBE3C6}
body[data-tk-theme]:is([data-mg-palette="ember"]),body[data-tk-theme] [data-mg-palette="ember"]:where(:not(tk-screen *, tk-note *)){--mg-ground:#1A1210;--mg-1:#F29A6B;--mg-2:#C23B32;--mg-3:#3B0F1B;--mg-4:#FFD9A3}
body[data-tk-theme]:is([data-mg-palette="mono"]),body[data-tk-theme] [data-mg-palette="mono"]:where(:not(tk-screen *, tk-note *)){--mg-ground:#ECE9E4;--mg-1:#D3CEC6;--mg-2:#8E887E;--mg-3:#37332E;--mg-4:#F8F5EF}

/* ---------- The plates: soft forms that enter from off-frame, in Oklab, with grain ---------- */
body[data-tk-theme] :is(tk-hero,tk-section,tk-card,tk-slip,tk-callout,.tk-feedback,tk-torn,tk-stats,tk-image,tk-figure):where(:not(tk-screen *, tk-note *)){
  --mg-sun:var(--mg-noise) 0 0/220px 220px,
    radial-gradient(in oklab 9% 26% at var(--mg-x,64%) 72%,color-mix(in oklab,var(--mg-4) 85%,transparent),transparent 100%),
    linear-gradient(in oklab 180deg,transparent 0 62%,color-mix(in oklab,var(--mg-2) 80%,var(--mg-4)) 62.6%,var(--mg-2) 68%,var(--mg-3) 100%),
    radial-gradient(circle at var(--mg-x,64%) var(--mg-y,50%),color-mix(in oklab,var(--mg-4) 70%,#fff) 0 14%,color-mix(in oklab,var(--mg-4) 75%,transparent) 15.5%,transparent 32%),
    radial-gradient(in oklab 80% 60% at var(--mg-x,64%) 62%,color-mix(in oklab,var(--mg-4) 80%,var(--mg-1)),transparent 75%),
    linear-gradient(in oklab 180deg,color-mix(in oklab,var(--mg-2) 70%,var(--mg-1)) 0%,var(--mg-1) 38%,color-mix(in oklab,var(--mg-4) 60%,var(--mg-1)) 62%);
  --mg-horizon:var(--mg-noise) 0 0/220px 220px,
    radial-gradient(in oklab 75% 55% at 18% 112%,var(--mg-3) 0 44%,transparent 58%),
    radial-gradient(in oklab 85% 48% at 92% 106%,color-mix(in oklab,var(--mg-3) 55%,var(--mg-2)) 0 44%,transparent 60%),
    radial-gradient(in oklab 120% 50% at 54% 100%,var(--mg-2) 0 40%,transparent 62%),
    radial-gradient(in oklab 60% 50% at var(--mg-x,72%) var(--mg-y,22%),var(--mg-4),transparent 70%),
    linear-gradient(in oklab 180deg,var(--mg-ground),var(--mg-1) 78%);
  --mg-bloom:var(--mg-noise) 0 0/220px 220px,
    radial-gradient(in oklab 80% 95% at 104% 106%,var(--mg-3) 0 18%,var(--mg-2) 42%,transparent 76%),
    radial-gradient(in oklab 65% 80% at -6% -8%,var(--mg-1) 0 30%,transparent 76%),
    radial-gradient(in oklab 40% 55% at var(--mg-x,74%) var(--mg-y,28%),var(--mg-4) 0 10%,transparent 70%),
    var(--mg-ground);
  --mg-ribbon:var(--mg-noise) 0 0/220px 220px,
    radial-gradient(in oklab 40% 60% at var(--mg-x,30%) var(--mg-y,70%),color-mix(in oklab,var(--mg-4) 80%,transparent),transparent 70%),
    linear-gradient(in oklab var(--mg-angle,116deg),transparent 18%,color-mix(in oklab,var(--mg-1) 70%,transparent) 32%,var(--mg-2) 44%,var(--mg-3) 51%,var(--mg-2) 58%,color-mix(in oklab,var(--mg-4) 80%,transparent) 68%,transparent 82%),
    radial-gradient(in oklab 80% 80% at 100% 0%,var(--mg-1),transparent 70%),
    var(--mg-ground);
  --mg-eclipse:var(--mg-noise) 0 0/220px 220px,
    radial-gradient(in oklab circle at var(--mg-x,62%) var(--mg-y,48%),var(--mg-3) 0 19%,var(--mg-4) 20.5%,var(--mg-1) 23%,var(--mg-2) 28%,transparent 46%),
    radial-gradient(in oklab 70% 60% at 100% 100%,color-mix(in oklab,var(--mg-2) 60%,transparent),transparent 70%),
    linear-gradient(in oklab 160deg,var(--mg-3),color-mix(in oklab,var(--mg-3) 70%,#000));
  --mg-art:var(--mg-sun)}
body[data-tk-theme] :is(tk-hero,tk-section,tk-card,tk-slip,tk-callout,.tk-feedback,tk-torn,tk-stats,tk-image,tk-figure)[data-mg-shape="horizon"]:where(:not(tk-screen *, tk-note *)),body[data-tk-theme][data-mg-shape="horizon"] tk-hero:where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-horizon)}
body[data-tk-theme] :is(tk-hero,tk-section,tk-card,tk-slip,tk-callout,.tk-feedback,tk-torn,tk-stats,tk-image,tk-figure)[data-mg-shape="bloom"]:where(:not(tk-screen *, tk-note *)),body[data-tk-theme][data-mg-shape="bloom"] tk-hero:where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-bloom)}
body[data-tk-theme] :is(tk-hero,tk-section,tk-card,tk-slip,tk-callout,.tk-feedback,tk-torn,tk-stats,tk-image,tk-figure)[data-mg-shape="ribbon"]:where(:not(tk-screen *, tk-note *)),body[data-tk-theme][data-mg-shape="ribbon"] tk-hero:where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-ribbon)}
body[data-tk-theme] :is(tk-hero,tk-section,tk-card,tk-slip,tk-callout,.tk-feedback,tk-torn,tk-stats,tk-image,tk-figure)[data-mg-shape="eclipse"]:where(:not(tk-screen *, tk-note *)),body[data-tk-theme][data-mg-shape="eclipse"] tk-hero:where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-eclipse)}
body[data-tk-theme] :is(tk-hero,tk-section,tk-card,tk-slip,tk-callout,.tk-feedback,tk-torn,tk-stats,tk-image,tk-figure)[data-mg-shape="sun"]:where(:not(tk-screen *, tk-note *)),body[data-tk-theme][data-mg-shape="sun"] tk-hero:where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-sun)}

body[data-tk-theme] :where(:not(tk-screen *, tk-note *))::selection{background:color-mix(in oklab,var(--mg-1) 75%,transparent);color:var(--mz-ink)}
body[data-tk-theme] :focus-visible:where(:not(tk-screen *, tk-note *)){outline:2px solid var(--mz-ink);outline-offset:3px;border-radius:0}
body[data-tk-theme] tk-progress:where(:not(tk-screen *, tk-note *)){height:2px;background:transparent}
body[data-tk-theme] tk-progress i:where(:not(tk-screen *, tk-note *)){background:var(--mz-ink)}


body[data-tk-theme] :where(:not(tk-screen *, tk-note *))::selection{background:color-mix(in oklab,var(--mg-1) 75%,transparent);color:var(--mz-ink)}
body[data-tk-theme] :focus-visible:where(:not(tk-screen *, tk-note *)){outline:2px solid var(--mz-ink);outline-offset:3px;border-radius:0}
body[data-tk-theme] tk-progress:where(:not(tk-screen *, tk-note *)){height:2px;background:transparent}
body[data-tk-theme] tk-progress i:where(:not(tk-screen *, tk-note *)){background:var(--mz-ink)}
body[data-tk-theme] tk-page:where(:not(tk-screen *, tk-note *)){counter-reset:tk-sec mz-page 10;padding-inline:var(--mz-pad);--mz-pad:1.35rem;--mz-bleed:calc((min(var(--tk-page-width), 100vw) - 100vw) / 2 - var(--mz-pad))}
@media(max-width:640px){body[data-tk-theme] tk-page:where(:not(tk-screen *, tk-note *)){--mz-pad:1.05rem}}

/* ================= THE COVER ================= */
/* stack (and every phone): the plate, then the headline under it */
body[data-tk-theme] tk-hero:where(:not(tk-screen *, tk-note *)){display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(1rem,2.4vw,2rem) 0 2.4rem;margin:0 0 4.4rem;border:0;
  border-bottom:1px solid var(--mz-rule);box-shadow:0 5px 0 -4px var(--mz-paper),0 5px 0 -3px var(--mz-rule);--plate-h:clamp(15rem,36vw,33rem)}
body[data-tk-theme] tk-hero:where(:not(tk-screen *, tk-note *))::before{content:"";order:-2;align-self:stretch;height:var(--plate-h);margin:0 0 2.6rem;background:var(--mg-art);background-blend-mode:var(--mg-blend)}
body[data-tk-theme] tk-hero:where(:not(tk-screen *, tk-note *))::after{content:none}
body[data-tk-theme] tk-hero:has(img,video):where(:not(tk-screen *, tk-note *))::before{content:none}
body[data-tk-theme] tk-hero>:is(tk-image,tk-figure,figure,img,tk-video,tk-taped,tk-compare):where(:not(tk-screen *, tk-note *)){order:-1;align-self:stretch;margin:0 0 2.6rem;max-width:none;width:auto}
body[data-tk-theme] tk-hero>:is(tk-image,tk-figure,figure) img:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-hero>img:where(:not(tk-screen *, tk-note *)){width:100%;height:var(--plate-h);object-fit:cover;display:block}
body[data-tk-theme] :is(tk-tape-title>:is(h1,h2,h3),tk-tape-title .tk-tape-line,tk-taped,tk-slip):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-tape-title:where(:not(tk-screen *, tk-note *)){margin:0 0 1.2rem;--tilt:0deg}
body[data-tk-theme] tk-tape-title>:is(h1,h2,h3):where(:not(tk-screen *, tk-note *)){color:var(--mz-ink)!important;padding:0;max-width:none}
body[data-tk-theme] tk-hero tk-tape-title>h1:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-hero tk-tape-title[data-tk-length]>h1:where(:not(tk-screen *, tk-note *)){font:400 var(--tk-size-h1)/1.02 var(--mz-disp);letter-spacing:-.012em;max-width:17ch;margin:0 auto;text-wrap:balance}
body[data-tk-theme] tk-hero tk-tape-title[data-tk-length="long"]>h1:where(:not(tk-screen *, tk-note *)){font-size:clamp(2.2rem,1.2rem + 3.4vw,4.4rem)}
body[data-tk-theme] tk-tape-title .tk-tape-line:where(:not(tk-screen *, tk-note *)){display:inline;padding:0;margin:0}
body[data-tk-theme] tk-tape-title .tk-tape-ink:where(:not(tk-screen *, tk-note *)){display:inline;transform:none}
body[data-tk-theme] tk-tape-title>.tk-tape-measure:where(:not(tk-screen *, tk-note *)){padding:0!important}
/* the standfirst: roman Caslon, a second voice under the headline */
body[data-tk-theme] tk-hero p.tk-dek:where(:not(tk-screen *, tk-note *)){max-width:34rem;margin:0 auto 1.4rem;font:400 clamp(1.18rem,1rem + .6vw,1.5rem)/1.42 var(--mz-text);color:#3D3A34;text-wrap:pretty}
/* the byline: italic, under a short rule */
body[data-tk-theme] tk-hero .tk-byline:where(:not(tk-screen *, tk-note *)){display:block;margin:0;padding-top:.9rem;font:italic 400 1rem/1.4 var(--mz-text);letter-spacing:0;text-transform:none;color:var(--mz-ink);
  background:linear-gradient(var(--mz-rule),var(--mz-rule)) 50% 0/2.6rem 1px no-repeat}
body[data-tk-theme] tk-hero .tk-byline:where(:not(tk-screen *, tk-note *))::before{content:none}
/* the stamp: a round seal resting on the plate's corner */
body[data-tk-theme] tk-stamp:where(:not(tk-screen *, tk-note *)){--stamp:var(--mz-ink);margin:.4rem .5rem}
body[data-tk-theme] tk-stamp .tk-stamp-face:where(:not(tk-screen *, tk-note *)){-webkit-mask:none;mask:none;mix-blend-mode:normal;opacity:1;width:7.4rem;aspect-ratio:1;border-radius:50%;border:1px solid var(--mz-ink);
  outline:1px solid var(--mz-ink);outline-offset:-6px;background:var(--mz-paper);color:var(--mz-ink);padding:.6rem;gap:.35rem;font:400 .9rem/1 var(--mz-disp);letter-spacing:.2em;
  transform:rotate(calc(var(--tilt,-6deg) * .6))}
body[data-tk-theme] tk-stamp .tk-stamp-date:where(:not(tk-screen *, tk-note *)){font:italic 400 .8rem/1 var(--mz-text);letter-spacing:.02em;text-transform:none}
body[data-tk-theme] tk-hero tk-stamp:where(:not(tk-screen *, tk-note *)){position:absolute;top:calc(clamp(1rem,2.4vw,2rem) + var(--plate-h) - 4.2rem);right:clamp(1rem,4vw,3rem);margin:0;z-index:2}
@media(max-width:959px){
  /* phones and tablets: the cover plate runs edge to edge, the copy sets left like a feature page */
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]):where(:not(tk-screen *, tk-note *)){align-items:flex-start;text-align:left;padding-top:0;--plate-h:min(30rem,62vw + 6rem)}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]):where(:not(tk-screen *, tk-note *))::before,
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"])>:is(tk-image,tk-figure,figure,img,tk-video,tk-taped,tk-compare):where(:not(tk-screen *, tk-note *)){margin-inline:var(--mz-bleed);margin-top:-1rem}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]) tk-tape-title>h1:where(:not(tk-screen *, tk-note *)){margin:0;max-width:14ch}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]) p.tk-dek:where(:not(tk-screen *, tk-note *)){margin:0 0 1.3rem}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]) .tk-byline:where(:not(tk-screen *, tk-note *)){background-position:0 0}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]) tk-stamp:where(:not(tk-screen *, tk-note *)){top:calc(var(--plate-h) - 4.4rem);right:.4rem}}
@media(max-width:640px){
  body[data-tk-theme] tk-stamp .tk-stamp-face:where(:not(tk-screen *, tk-note *)){width:6.8rem;font-size:.78rem;letter-spacing:.05em}
  body[data-tk-theme] tk-hero tk-tape-title>h1:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-hero tk-tape-title[data-tk-length]>h1:where(:not(tk-screen *, tk-note *)){font-size:2.6rem}
  body[data-tk-theme][data-mg-cover="stack"] tk-hero:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-hero[data-mg-cover="stack"]:where(:not(tk-screen *, tk-note *)){--plate-h:15rem}
  body[data-tk-theme][data-mg-cover="stack"] tk-hero tk-stamp:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-hero[data-mg-cover="stack"] tk-stamp:where(:not(tk-screen *, tk-note *)){top:calc(1rem + var(--plate-h) - 3.6rem);right:.6rem}}
/* spread: the picture bleeds off the left page, the copy sits low on the right page, a binding shadow between */
@media(min-width:960px){
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]):where(:not(tk-screen *, tk-note *)){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto;
    column-gap:var(--mz-gutter);--mz-gutter:clamp(2.8rem,5vw,5.5rem);align-items:start;justify-items:start;text-align:left;min-height:clamp(34rem,84vh,50rem);
    margin:-1.5rem 0 5.5rem;padding:0;box-shadow:none;border-bottom:1px solid var(--mz-rule)}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]):where(:not(tk-screen *, tk-note *))::before,
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"])>:is(tk-image,tk-figure,figure,img,tk-video,tk-taped,tk-compare):where(:not(tk-screen *, tk-note *)){grid-column:1;grid-row:1/-1;align-self:stretch;justify-self:stretch;
    height:auto;min-height:0;margin:0 0 0 var(--mz-bleed);width:auto}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"])>:is(tk-image,tk-figure,figure) img:where(:not(tk-screen *, tk-note *)){height:100%;min-height:30rem}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]):where(:not(tk-screen *, tk-note *))::after{content:"";position:static;border:0;grid-column:1;grid-row:1/-1;justify-self:end;align-self:stretch;width:4.5rem;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(40,24,12,.07) 70%,rgba(40,24,12,.16))}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]) tk-tape-title:where(:not(tk-screen *, tk-note *)){grid-column:2;grid-row:2;margin:0 0 1.8rem}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]) tk-tape-title>h1:where(:not(tk-screen *, tk-note *)){margin:0;max-width:11ch;font-size:clamp(3.2rem,1.2rem + 4vw,6rem);line-height:.98;text-wrap:balance}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]) tk-tape-title[data-tk-length="long"]>h1:where(:not(tk-screen *, tk-note *)){max-width:14ch;font-size:clamp(2.6rem,1rem + 3.2vw,4.6rem)}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]) p.tk-dek:where(:not(tk-screen *, tk-note *)){grid-column:2;grid-row:3;margin:0 0 1.8rem;max-width:28rem}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]) .tk-byline:where(:not(tk-screen *, tk-note *)){grid-column:2;grid-row:4;margin:0 0 2.6rem;background-position:0 0}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"]) tk-stamp:where(:not(tk-screen *, tk-note *)){top:auto;right:auto;bottom:2.4rem;left:calc((100% - var(--mz-gutter)) * 1.1 / 2.1 - 3.7rem)}}

/* ================= DEPARTMENTS ================= */
/* each section is a department: an opener rule, then columns, then a folio. Phones and long reads get one column. */
body[data-tk-theme] tk-section:where(:not(tk-screen *, tk-note *)){position:relative;margin:0 0 5rem;counter-increment:mz-page 4;column-gap:clamp(1.8rem,3vw,2.8rem);column-rule:1px solid var(--mz-hair)}
body[data-tk-theme] tk-section>*:where(:not(tk-screen *, tk-note *)){max-width:none}
body[data-tk-theme] tk-section>:is(p,h3,h4,ul,ol,blockquote,tk-details,tk-callout,tk-code,.tk-controls,tk-question,tk-feedback,tk-form,tk-vote,tk-request-info):where(:not(tk-screen *, tk-note *)),
body[data-tk-theme] tk-section>tk-state+*:where(:not(tk-screen *, tk-note *)){max-width:var(--mz-col);margin-inline:auto}
/* opener: a heavy rule over a hairline, spot art, the title, the section numeral on the right */
body[data-tk-theme] tk-section>h2:where(:not(tk-screen *, tk-note *)){column-span:all;display:flex;align-items:center;gap:1.1rem;max-width:none;margin:0 0 2.2rem;padding:1.2rem 0 1rem;border:0;border-top:3px solid var(--mz-rule);
  background:linear-gradient(var(--mz-rule),var(--mz-rule)) 0 3px/100% 1px no-repeat;font:400 var(--tk-size-h2)/1.04 var(--mz-disp);letter-spacing:-.008em;text-align:left;text-wrap:balance}
body[data-tk-theme] tk-section>h2:where(:not(tk-screen *, tk-note *))::before{content:counter(tk-sec,decimal-leading-zero);order:3;margin-left:auto;align-self:flex-start;padding-left:1rem;font:italic 400 clamp(1.4rem,1rem + 1vw,2.1rem)/1 var(--mz-text);color:var(--tk-accent-2-text)}
body[data-tk-theme] tk-section>h2 .tk-anchor:where(:not(tk-screen *, tk-note *)){order:2;font:400 .36em var(--mz-sans);color:var(--mz-muted)}
body[data-tk-theme] tk-section>h2:where(:not(tk-screen *, tk-note *))::after{content:"";order:-1;flex:none;width:clamp(3.4rem,5vw,4.8rem);aspect-ratio:1;border-radius:50%;background:var(--mg-art);background-blend-mode:var(--mg-blend)}
body[data-tk-theme] tk-section:nth-of-type(4n+1):where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-bloom)}
body[data-tk-theme] tk-section:nth-of-type(4n+2):where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-horizon)}
body[data-tk-theme] tk-section:nth-of-type(4n+3):where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-eclipse)}
body[data-tk-theme] tk-section:nth-of-type(4n+4):where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-ribbon)}
body[data-tk-theme] tk-section:nth-of-type(even)>h2:where(:not(tk-screen *, tk-note *))::after{border-radius:50% 50% 0 0 / 60% 60% 0 0;aspect-ratio:4/5}
body[data-tk-theme]:is([data-mg-spot="off"]) tk-section>h2:where(:not(tk-screen *, tk-note *))::after,body[data-tk-theme] tk-section[data-mg-spot="off"]>h2:where(:not(tk-screen *, tk-note *))::after{content:none}
/* opener plate: a wide plate opens the department, like a part-title page */
body[data-tk-theme] tk-section[data-mg-opener="plate"]:where(:not(tk-screen *, tk-note *))::before{content:"";display:block;column-span:all;height:clamp(9rem,6rem + 14vw,20rem);margin:0 0 1.6rem;background:var(--mg-art);background-blend-mode:var(--mg-blend)}
body[data-tk-theme] tk-section[data-mg-opener="plate"]>h2:where(:not(tk-screen *, tk-note *))::after{content:none}
/* tinted stock: the section is printed on the palette's ground, edge to edge */
body[data-tk-theme] tk-section[data-mg-paper="tint"]:where(:not(tk-screen *, tk-note *)){--mz-paper:color-mix(in oklab,var(--mg-1) 26%,#FBF8F2);--tk-card:color-mix(in oklab,var(--mg-1) 10%,#FFFDF9);
  background:var(--mz-paper);box-shadow:0 0 0 100vmax var(--mz-paper);clip-path:inset(-3rem -100vmax);padding-block:.5rem;margin-block:7rem}

/* the running foot: folio and the section's id word, verso (left) and recto (right) in turn */
body[data-tk-theme] tk-section:where(:not(tk-screen *, tk-note *))::after{content:attr(data-mg-foot);display:block;column-span:all;margin:3.2rem 0 0;padding:.7rem 0 0;border-top:1px solid var(--mz-hair);
  font:600 .78rem/1 var(--mz-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mz-muted);text-align:left}
body[data-tk-theme] tk-section:nth-of-type(odd):where(:not(tk-screen *, tk-note *))::after{text-align:right}

/* body copy: indented paragraphs, no gap between them, as in print */
body[data-tk-theme] :is(tk-section,tk-split>div)>p:where(:not(tk-screen *, tk-note *)){font:400 var(--tk-size-body)/1.64 var(--mz-text);hyphens:auto;margin-block:0 0;text-wrap:pretty}
body[data-tk-theme] tk-section>p+p:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-split>div>p+p:where(:not(tk-screen *, tk-note *)){text-indent:1.4em}
body[data-tk-theme] tk-section>:is(p,ul,ol,h3):has(+:not(p,ul,ol,h3,h4,script,tk-state)):where(:not(tk-screen *, tk-note *)){margin-bottom:1.6rem}
/* openings: a drop cap and a small-caps first line at each department; the first department's cap takes the palette */
body[data-tk-theme] tk-section>h2+p:has(+p):not(:has(code,kbd,samp,tk-kbd)):where(:not(tk-screen *, tk-note *))::first-line{font-variant-caps:all-small-caps;letter-spacing:.07em}
body[data-tk-theme] tk-section>h2+p:has(+p):where(:not(tk-screen *, tk-note *))::first-letter{initial-letter:3;-webkit-initial-letter:3;margin:0 .14em 0 0;font-family:var(--mz-disp);font-weight:400;color:var(--mg-3);
  font-variant-caps:normal;letter-spacing:0}
body[data-tk-theme] tk-section:first-of-type>h2+p:has(+p):where(:not(tk-screen *, tk-note *))::first-letter{initial-letter:4;-webkit-initial-letter:4;
  background:linear-gradient(in oklab 160deg,var(--mg-2),var(--mg-3) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@supports not ((initial-letter:3) or (-webkit-initial-letter:3)){
  body[data-tk-theme] tk-section>h2+p:has(+p):where(:not(tk-screen *, tk-note *))::first-letter{float:left;font-size:3.5em;line-height:.84;margin:.05em .1em 0 0}}
/* the end mark: a diamond in the palette's deep colour */
body[data-tk-theme] tk-section:is(:has(+tk-torn),:last-of-type)>p:last-child:where(:not(tk-screen *, tk-note *))::after{content:"";display:inline-block;width:.62em;height:.62em;margin-left:.45em;vertical-align:-.02em;background:var(--mg-3);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
body[data-tk-theme] h3:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-section h3:where(:not(tk-screen *, tk-note *)){font:400 var(--tk-size-h3)/1.2 var(--mz-disp);letter-spacing:0;break-after:avoid}
body[data-tk-theme] tk-section>h3:where(:not(tk-screen *, tk-note *)){margin-top:2rem;margin-bottom:.7rem}
body[data-tk-theme] strong:where(:not(tk-screen *, tk-note *)){font-weight:700}
body[data-tk-theme] a:where(:not(tk-screen *, tk-note *)){color:var(--mz-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--mg-2)}
body[data-tk-theme] a:hover:where(:not(tk-screen *, tk-note *)){color:var(--tk-accent-2-text);text-decoration-thickness:2px}
body[data-tk-theme] code:not(pre code):where(:not(tk-screen *, tk-note *)){background:#F1EBE0;border-radius:0;font-size:.82em}
body[data-tk-theme] tk-mark:is(:not([kind]),[kind="highlight"]):where(:not(tk-screen *, tk-note *)){background:linear-gradient(in oklab 90deg,color-mix(in oklab,var(--mg-1) 70%,transparent),color-mix(in oklab,var(--mg-4) 80%,transparent)) 0 62%/100% 70% no-repeat;color:inherit;padding:0 .08em}
body[data-tk-theme] tk-mark[kind="underline"]:where(:not(tk-screen *, tk-note *)){text-decoration:underline;text-decoration-style:solid;text-decoration-color:var(--mg-2);text-decoration-thickness:.12em;text-underline-offset:.16em}

/* pull quote: italic Caslon between 2px rules, breaking the columns, its mark hanging in the first column */
body[data-tk-theme] blockquote:where(:not(tk-screen *, tk-note *)){margin:2.6rem auto;padding:1.3rem 0 1.4rem;border:0;border-block:2px solid var(--mz-rule);text-align:left;
  font:italic 400 clamp(1.5rem,1.1rem + 1.3vw,2.4rem)/1.24 var(--mz-text);letter-spacing:-.008em;color:var(--mz-ink);text-wrap:balance}
body[data-tk-theme] blockquote:where(:not(tk-screen *, tk-note *))::before{content:"\201C";display:block;margin:0 0 -.35em;font:400 3.6rem/1 var(--mz-disp);color:var(--mg-2)}
body[data-tk-theme] tk-section>blockquote+p.tk-note:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-split>div>blockquote+p.tk-note:where(:not(tk-screen *, tk-note *)){margin-top:-1.6rem;margin-bottom:1.8rem;text-indent:0}
body[data-tk-theme] .tk-note:where(:not(tk-screen *, tk-note *)){font:italic 400 .94rem/1.45 var(--mz-text);letter-spacing:0;text-transform:none;color:var(--mz-muted)}
/* a pull quote's credit line: small capitals in the sans, like a printed attribution */
body[data-tk-theme] blockquote+p.tk-note:where(:not(tk-screen *, tk-note *)){font:600 .78rem/1.4 var(--mz-sans);font-style:normal;letter-spacing:.12em;text-transform:uppercase}

/* sidebars: boxes on the palette's ground, the label run in */
body[data-tk-theme] tk-callout:where(:not(tk-screen *, tk-note *)){break-inside:avoid;border:0;border-radius:0;box-shadow:none;margin:1.8rem auto;padding:1rem 1.15rem 1.1rem;border-top:3px solid var(--mg-3);
  background:color-mix(in oklab,var(--mg-4) 38%,var(--mz-paper));font:400 1rem/1.55 var(--mz-text)}
body[data-tk-theme] tk-callout strong.tk-label:where(:not(tk-screen *, tk-note *)){float:none;display:inline;margin:0 .55em 0 0;border:0;background:none;padding:0;transform:none;rotate:0deg;box-shadow:none;
  font:700 .78rem/1 var(--mz-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tk-accent-2-text);opacity:1}
body[data-tk-theme] tk-callout>p:first-of-type:where(:not(tk-screen *, tk-note *)){display:inline}
body[data-tk-theme] tk-callout p:first-of-type strong:first-child:where(:not(tk-screen *, tk-note *)){color:inherit}
body[data-tk-theme] tk-callout[data-kind="warning"]:where(:not(tk-screen *, tk-note *)){border-top-color:#8A5A12;font-style:italic}
body[data-tk-theme] tk-callout[data-kind="warning"] strong.tk-label:where(:not(tk-screen *, tk-note *)){font-style:normal}
/* the editor's note: one framed decision with an eclipse roundel */
body[data-tk-theme] tk-callout[data-kind="decision"]:where(:not(tk-screen *, tk-note *)){column-span:all;position:relative;max-width:46rem;padding:1.6rem 1.8rem 1.5rem 7.6rem;border:1px solid var(--mz-rule);outline:1px solid var(--mz-rule);outline-offset:3px;
  background:#FFFDF9;font:400 1.14rem/1.55 var(--mz-text);margin:2.8rem auto}
body[data-tk-theme] tk-callout[data-kind="decision"] strong.tk-label:where(:not(tk-screen *, tk-note *)){display:none}
body[data-tk-theme] tk-callout[data-kind="decision"]:where(:not(tk-screen *, tk-note *))::before{content:"";position:absolute;left:1.6rem;top:1.6rem;width:4.6rem;aspect-ratio:1;border-radius:50%;background:var(--mg-eclipse);background-blend-mode:var(--mg-blend)}
@media(max-width:560px){body[data-tk-theme] tk-callout[data-kind="decision"]:where(:not(tk-screen *, tk-note *)){padding:5.6rem 1.2rem 1.2rem}
  body[data-tk-theme] tk-callout[data-kind="decision"]:where(:not(tk-screen *, tk-note *))::before{left:1.2rem;top:1.2rem;width:3.6rem}}

/* ================= FIGURES: Businessweek numbers ================= */
body[data-tk-theme] tk-stats:where(:not(tk-screen *, tk-note *)){column-span:all;max-width:none;margin:3rem 0;border:0;gap:0}
body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"]):where(:not(tk-screen *, tk-note *)){display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:clamp(1.6rem,4vw,3.6rem);
  border-top:3px solid var(--mz-rule);border-bottom:1px solid var(--mz-rule);padding:0}
body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"])>tk-stat:where(:not(tk-screen *, tk-note *)){grid-column:2;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:1.2rem;
  padding:1rem 0 .9rem;border:0;border-top:1px solid var(--mz-hair);text-align:left;background:none}
body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"])>tk-stat:nth-child(2):where(:not(tk-screen *, tk-note *)){border-top:0}
body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"])>tk-stat>.tk-value:where(:not(tk-screen *, tk-note *)){grid-row:1/3;margin:0;font:400 clamp(2rem,1.4rem + 1.4vw,2.9rem)/1 var(--mz-disp);color:var(--mz-ink);min-width:4.6ch}
body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"])>tk-stat>.tk-label:where(:not(tk-screen *, tk-note *)){font:italic 400 1.02rem/1.25 var(--mz-text);color:var(--mz-ink)}
body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"])>tk-stat>.tk-delta:where(:not(tk-screen *, tk-note *)){margin:.3rem 0 0;font:400 .9rem/1.35 var(--mz-text);letter-spacing:0;text-transform:none}
body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"])>tk-stat:first-child:where(:not(tk-screen *, tk-note *)){grid-column:1;grid-row:1/span 12;display:flex;flex-direction:column;justify-content:center;
  padding:1.6rem 0 1.4rem;border:0;border-right:1px solid var(--mz-hair);padding-right:clamp(1rem,3vw,2.4rem)}
body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"])>tk-stat:first-child>.tk-value:where(:not(tk-screen *, tk-note *)){font:400 clamp(3.6rem,1.6rem + 5vw,8rem)/.9 var(--mz-disp);text-wrap:balance;letter-spacing:-.035em;color:var(--mg-3);margin:0 0 1rem;min-width:0}
body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"])>tk-stat:first-child>.tk-label:where(:not(tk-screen *, tk-note *)){font:400 clamp(1.2rem,1rem + .5vw,1.5rem)/1.2 var(--mz-disp)}
@media(max-width:640px){
  body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"]):where(:not(tk-screen *, tk-note *)){grid-template-columns:minmax(0,1fr)}
  body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"])>tk-stat:where(:not(tk-screen *, tk-note *)){grid-column:1}
  body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"])>tk-stat:first-child:where(:not(tk-screen *, tk-note *)){grid-row:auto;border-right:0;padding-right:0;border-bottom:1px solid var(--mz-rule)}
  body[data-tk-theme]:not([data-mg-numbers="row"]) tk-stats:not([data-mg-numbers="row"])>tk-stat:nth-child(2):where(:not(tk-screen *, tk-note *)){border-top:0}}
/* row: the ruled row of figures */
body[data-tk-theme]:is([data-mg-numbers="row"]) tk-stats:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-stats[data-mg-numbers="row"]:where(:not(tk-screen *, tk-note *)){max-width:60rem;margin:2.8rem auto;border-block:1px solid var(--mz-rule);box-shadow:0 -4px 0 -3px var(--mz-rule),0 4px 0 -3px var(--mz-rule);
  grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr))}
body[data-tk-theme]:is([data-mg-numbers="row"]) tk-stat:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-stats[data-mg-numbers="row"]>tk-stat:where(:not(tk-screen *, tk-note *)){padding:1.4rem 1.1rem 1.3rem;border:0;border-left:1px solid var(--mz-hair);text-align:center}
body[data-tk-theme]:is([data-mg-numbers="row"]) tk-stats>tk-stat:first-child:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-stats[data-mg-numbers="row"]>tk-stat:first-child:where(:not(tk-screen *, tk-note *)){border-left:0}
body[data-tk-theme]:is([data-mg-numbers="row"]) tk-stat .tk-value:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-stats[data-mg-numbers="row"] .tk-value:where(:not(tk-screen *, tk-note *)){font:400 max(2.4rem,min(3.6rem,24cqi))/1 var(--mz-disp);letter-spacing:-.01em;color:var(--mz-ink);margin:0 0 .5rem}
body[data-tk-theme]:is([data-mg-numbers="row"]) tk-stat .tk-label:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-stats[data-mg-numbers="row"] .tk-label:where(:not(tk-screen *, tk-note *)){font:italic 400 .98rem/1.3 var(--mz-text);color:var(--mz-ink)}
body[data-tk-theme]:is([data-mg-numbers="row"]) tk-stat .tk-delta:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-stats[data-mg-numbers="row"] .tk-delta:where(:not(tk-screen *, tk-note *)){font:400 .9rem/1.35 var(--mz-text);letter-spacing:0;text-transform:none;margin-top:.5rem}

/* ================= PICTURES ================= */
body[data-tk-theme] tk-taped:where(:not(tk-screen *, tk-note *)){width:auto;max-width:100%;margin:.4rem 0 2rem;padding:0}
body[data-tk-theme] tk-taped>.tk-print:where(:not(tk-screen *, tk-note *)){transform:none;background:transparent;padding:0;box-shadow:none}
body[data-tk-theme] tk-taped>.tk-print:where(:not(tk-screen *, tk-note *))::after{content:none}
body[data-tk-theme] :is(tk-taped,tk-image,tk-figure) img:where(:not(tk-screen *, tk-note *)){border-radius:0;display:block;width:100%}
body[data-tk-theme] :is(tk-taped,tk-image,tk-figure,tk-gallery) figcaption:where(:not(tk-screen *, tk-note *)){max-width:none;margin:.6rem 0 0;padding:0;color:var(--mz-muted);font:400 .8rem/1.4 var(--mz-sans);letter-spacing:.01em;text-align:left}
body[data-tk-theme] :is(tk-taped,tk-figure,tk-gallery) figcaption:where(:not(tk-screen *, tk-note *))::before{content:"\2191\2002";color:var(--mg-3)}
/* a free-standing picture is full bleed; its caption keeps to the page with a pointer, the credit in the palette colour */
body[data-tk-theme] tk-image:where(:not(tk-screen *, tk-note *)){column-span:all;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1.4rem;max-width:none;margin:3.4rem var(--mz-bleed)}
body[data-tk-theme] tk-image>figure:where(:not(tk-screen *, tk-note *)){grid-column:1/-1;margin:0}
body[data-tk-theme] tk-image:is([caption],[credit])>figure>figcaption:where(:not(tk-screen *, tk-note *)){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-tk-theme] tk-image[caption]:where(:not(tk-screen *, tk-note *))::before{content:"\2191\2002" attr(caption) / "";grid-column:1;padding:.7rem 0 0 calc(-1 * var(--mz-bleed));font:400 .8rem/1.4 var(--mz-sans);color:var(--mz-muted)}
body[data-tk-theme] tk-image[credit]:where(:not(tk-screen *, tk-note *))::after{content:attr(credit) / "";grid-column:2;padding:.7rem calc(-1 * var(--mz-bleed)) 0 0;font:600 .78rem/1.5 var(--mz-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tk-accent-2-text)}
body[data-tk-theme] tk-image:not([caption])[credit]:where(:not(tk-screen *, tk-note *))::after{grid-column:1/-1;text-align:right}
body[data-tk-theme] tk-hero>tk-image:where(:not(tk-screen *, tk-note *)){margin-bottom:2.6rem;display:grid}
body[data-tk-theme] tk-hero>tk-image[credit]:where(:not(tk-screen *, tk-note *))::after{padding-right:0}
@media(min-width:960px){body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"])>tk-image:where(:not(tk-screen *, tk-note *)){grid-template-rows:1fr auto;margin-bottom:0}
  body[data-tk-theme]:not([data-mg-cover="stack"]) tk-hero:not([data-mg-cover="stack"])>tk-image[credit]:where(:not(tk-screen *, tk-note *))::after{padding:.6rem 0 0;grid-column:1/-1;text-align:right}}
body[data-tk-theme] tk-image img:where(:not(tk-screen *, tk-note *)){max-height:44rem;object-fit:cover}
/* an empty slot (tk-image or tk-figure with no picture yet) shows a plate */
body[data-tk-theme] :is(tk-image,tk-figure):not(:has(img,video)):where(:not(tk-screen *, tk-note *))::before{content:"";display:block;aspect-ratio:16/9;background:var(--mg-art);background-blend-mode:var(--mg-blend)}
body[data-tk-theme] tk-gallery:where(:not(tk-screen *, tk-note *)){column-span:all}
body[data-tk-theme] tk-gallery .tk-grid:where(:not(tk-screen *, tk-note *)){gap:1rem}
body[data-tk-theme] tk-gallery img:where(:not(tk-screen *, tk-note *)){border-radius:0}
body[data-tk-theme] tk-gallery:not([data-layout]) .tk-grid>:first-child:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-gallery[data-layout="grid"] .tk-grid>:first-child:where(:not(tk-screen *, tk-note *)){grid-column:span 2;grid-row:span 2}
body[data-tk-theme] tk-gallery:not([data-layout]) .tk-grid>:first-child img:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-gallery[data-layout="grid"] .tk-grid>:first-child img:where(:not(tk-screen *, tk-note *)){aspect-ratio:auto;height:100%}
/* a picture beside text is a spread: the picture takes its page to the edge, a binding shadow at the gutter */
body[data-tk-theme] tk-split:where(:not(tk-screen *, tk-note *)){column-span:all;gap:clamp(1.5rem,4vw,3.6rem);max-width:60rem;margin:2.6rem auto}
@media(min-width:960px){
  body[data-tk-theme] tk-split:has(>div>:is(tk-taped,tk-image,figure,img)):where(:not(tk-screen *, tk-note *)){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2.6rem,5vw,5rem);max-width:none;align-items:stretch;margin:4rem 0}
  body[data-tk-theme] tk-split>div:has(>:is(tk-taped,tk-image,figure,img):first-child):where(:not(tk-screen *, tk-note *)){position:relative;display:flex;flex-direction:column}
  body[data-tk-theme] tk-split>div:first-child:has(>:is(tk-taped,tk-image,figure,img):first-child):where(:not(tk-screen *, tk-note *)){margin-left:var(--mz-bleed)}
  body[data-tk-theme] tk-split>div:last-child:has(>:is(tk-taped,tk-image,figure,img):first-child):where(:not(tk-screen *, tk-note *)){margin-right:var(--mz-bleed)}
  body[data-tk-theme] tk-split>div>:is(tk-taped,tk-image,figure):first-child:where(:not(tk-screen *, tk-note *)){flex:1;display:flex;flex-direction:column;margin:0}
  body[data-tk-theme] tk-split>div>:is(tk-taped,tk-image,figure):first-child :is(.tk-print,figure):where(:not(tk-screen *, tk-note *)){flex:1;display:flex;flex-direction:column;margin:0}
  body[data-tk-theme] tk-split>div>:is(tk-taped,tk-image,figure):first-child img:where(:not(tk-screen *, tk-note *)){flex:1;height:100%;min-height:30rem;max-height:none;object-fit:cover}
  body[data-tk-theme] tk-split>div:first-child>:is(tk-taped,tk-image):first-child :is(.tk-print,figure):where(:not(tk-screen *, tk-note *)){position:relative}
  body[data-tk-theme] tk-split>div:first-child>:is(tk-taped,tk-image):first-child :is(.tk-print,figure):where(:not(tk-screen *, tk-note *))::after{content:""!important;position:absolute;inset:0 0 auto auto;height:var(--spine-h,100%);width:4rem;pointer-events:none;border:0;transform:none;
    background:linear-gradient(90deg,transparent,rgba(40,24,12,.07) 70%,rgba(40,24,12,.18))}
  body[data-tk-theme] tk-split>div:first-child>tk-image:first-child figure:where(:not(tk-screen *, tk-note *))::after{height:100%}
  body[data-tk-theme] tk-split>div:first-child>tk-taped:first-child .tk-print:where(:not(tk-screen *, tk-note *))::after{height:calc(100% - 2.2rem)}
  body[data-tk-theme] tk-split>div>tk-image:first-child:where(:not(tk-screen *, tk-note *)){margin:0;display:flex;flex-direction:column}
  body[data-tk-theme] tk-split>div>tk-image:first-child:where(:not(tk-screen *, tk-note *))::before{order:2;padding-left:calc(-1 * var(--mz-bleed))}
  body[data-tk-theme] tk-split>div>tk-image:first-child:where(:not(tk-screen *, tk-note *))::after{order:3;padding:.2rem 0 0 calc(-1 * var(--mz-bleed));text-align:left}
  body[data-tk-theme] tk-split>div:not(:has(>:is(tk-taped,tk-image,figure,img):first-child)):where(:not(tk-screen *, tk-note *)){align-self:center;padding-block:2rem}}
body[data-tk-theme] tk-split>div>blockquote:where(:not(tk-screen *, tk-note *)){font-size:clamp(1.35rem,1.1rem + .8vw,1.8rem);margin:2rem 0}

/* ================= CONTENTS: tk-toc as the contents page ================= */
body[data-tk-theme] tk-toc:where(:not(tk-screen *, tk-note *)){column-span:all;margin:0 0 4.6rem;padding:1.1rem 0 0;border-top:3px solid var(--mz-rule);background:linear-gradient(var(--mz-rule),var(--mz-rule)) 0 3px/100% 1px no-repeat;font-size:1rem}
body[data-tk-theme] tk-toc strong:where(:not(tk-screen *, tk-note *)){font:400 clamp(1.8rem,1.3rem + 1.6vw,2.8rem)/1.05 var(--mz-disp);margin:0 0 1.2rem}
body[data-tk-theme] tk-toc ol:where(:not(tk-screen *, tk-note *)){column-width:22rem;column-gap:3rem;column-rule:1px solid var(--mz-hair)}
body[data-tk-theme] tk-toc li:where(:not(tk-screen *, tk-note *)){break-inside:avoid;border-bottom:1px solid var(--mz-hair)}
body[data-tk-theme] tk-toc li a:where(:not(tk-screen *, tk-note *)){display:grid;grid-template-columns:3.6rem 1fr;align-items:baseline;gap:.6rem;padding:.8rem 0;font:400 clamp(1.25rem,1.1rem + .5vw,1.6rem)/1.2 var(--mz-disp);color:var(--mz-ink);text-decoration:none}
body[data-tk-theme] tk-toc li a:where(:not(tk-screen *, tk-note *))::before{content:counter(tk-toc);min-width:0;font:italic 400 2.3rem/1 var(--mz-text);color:var(--tk-accent-2-text)}
body[data-tk-theme] tk-toc li a:hover:where(:not(tk-screen *, tk-note *)){color:var(--tk-accent-2-text);text-decoration:underline;text-decoration-color:var(--mg-2)}
body[data-tk-theme] tk-toc li a[data-depth="3"]:where(:not(tk-screen *, tk-note *)){padding-left:4.2rem;font:italic 400 1rem/1.3 var(--mz-text);color:var(--mz-muted)}

/* ================= THE BREAK: a page turn, a word between diamonds ================= */
body[data-tk-theme] tk-torn:where(:not(tk-screen *, tk-note *)){max-width:none;margin:5rem auto;padding:0;min-height:0;transform:none;-webkit-mask:none;mask:none;background:none;color:var(--mz-ink);
  display:flex;align-items:center;gap:1.1rem;font:italic 400 1.5rem/1 var(--mz-disp);letter-spacing:0;text-transform:none}
body[data-tk-theme] tk-torn:where(:not(tk-screen *, tk-note *))::before,body[data-tk-theme] tk-torn:where(:not(tk-screen *, tk-note *))::after{content:"";flex:1;height:.7rem;-webkit-mask:none;mask:none;
  background:linear-gradient(var(--mz-rule),var(--mz-rule)) 0 50%/calc(100% - 1.4rem) 1px no-repeat,radial-gradient(circle,var(--mg-2) 0 .3rem,transparent .33rem) 100% 50%/.7rem .7rem no-repeat}
body[data-tk-theme] tk-torn:where(:not(tk-screen *, tk-note *))::after{background:linear-gradient(var(--mz-rule),var(--mz-rule)) 100% 50%/calc(100% - 1.4rem) 1px no-repeat,radial-gradient(circle,var(--mg-2) 0 .3rem,transparent .33rem) 0 50%/.7rem .7rem no-repeat}
/* ================= CARDS: picture slots; charts keep a plain frame ================= */
body[data-tk-theme] tk-grid:where(:not(tk-screen *, tk-note *)){gap:clamp(1.2rem,3vw,2.4rem);max-width:64rem;margin:2.4rem auto}
body[data-tk-theme] tk-card:where(:not(tk-screen *, tk-note *)){background:transparent;border:0;border-top:1px solid var(--mz-rule);padding:1rem 0 0;box-shadow:none}
body[data-tk-theme] tk-card:not(:has(tk-chart,img,video,tk-table)):where(:not(tk-screen *, tk-note *))::before{content:"";display:block;aspect-ratio:3/2;margin:-.2rem 0 1rem;background:var(--mg-art);background-blend-mode:var(--mg-blend)}
body[data-tk-theme] tk-grid>tk-card:nth-child(3n+1):where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-horizon)}
body[data-tk-theme] tk-grid>tk-card:nth-child(3n+2):where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-ribbon)}
body[data-tk-theme] tk-grid>tk-card:nth-child(3n+3):where(:not(tk-screen *, tk-note *)){--mg-art:var(--mg-sun)}
body[data-tk-theme] tk-card:has(img)>:is(img,tk-image,figure):first-child:where(:not(tk-screen *, tk-note *)){margin:-.2rem 0 1rem}
body[data-tk-theme] tk-card img:where(:not(tk-screen *, tk-note *)){display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
body[data-tk-theme] tk-card>h3:first-child:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-card>img+h3:where(:not(tk-screen *, tk-note *)){font:400 1.5rem/1.15 var(--mz-disp);margin:0 0 .5rem}
body[data-tk-theme] tk-chart .tk-sub:where(:not(tk-screen *, tk-note *)){font:italic 400 .92rem/1.3 var(--mz-text);color:var(--mz-muted)}
body[data-tk-theme] tk-chart details.tk-fallback summary:where(:not(tk-screen *, tk-note *)){font:600 .78rem var(--mz-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mz-muted)}

/* ================= TABLE ================= */
body[data-tk-theme] tk-table:where(:not(tk-screen *, tk-note *)){max-width:60rem;margin:2.6rem auto}
body[data-tk-theme] tk-table .tk-wrap:where(:not(tk-screen *, tk-note *)){border-block:1px solid var(--mz-rule)}
body[data-tk-theme] tk-table table:where(:not(tk-screen *, tk-note *)){font:400 .98rem/1.35 var(--mz-text)}
body[data-tk-theme] tk-table thead th:where(:not(tk-screen *, tk-note *)){font:600 .8rem/1.25 var(--mz-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--mz-ink);border-bottom:1px solid var(--mz-rule);padding:.8rem .75rem .6rem;background:transparent}
body[data-tk-theme] tk-table th button:where(:not(tk-screen *, tk-note *)){font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
body[data-tk-theme] tk-table td:where(:not(tk-screen *, tk-note *)){border-bottom:1px solid var(--mz-hair);padding:.65rem .75rem}
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 td:first-child:where(:not(tk-screen *, tk-note *)){font-style:italic}
body[data-tk-theme] tk-table .tk-num:where(:not(tk-screen *, tk-note *)){font-variant-numeric:tabular-nums lining-nums}
body[data-tk-theme] tk-table tbody tr:hover:where(:not(tk-screen *, tk-note *)){background:color-mix(in oklab,var(--mg-4) 45%,transparent)}

/* ================= THE SLIP: a postcard with a stamp ================= */
body[data-tk-theme] tk-slip:where(:not(tk-screen *, tk-note *)){max-width:18rem;padding:0;margin:1rem 0 1.6rem}
body[data-tk-theme] tk-slip>.tk-slip-shadow:where(:not(tk-screen *, tk-note *)){filter:drop-shadow(0 10px 14px rgba(60,40,20,.14))}
body[data-tk-theme] tk-slip .tk-paper:where(:not(tk-screen *, tk-note *)){transform:rotate(var(--slip-tilt,-1.2deg));-webkit-mask:none;mask:none;background:#FFFDF9;border:1px solid #E3DBCD;color:var(--mz-ink);
  padding:1.2rem 5.2rem 1rem 1.15rem;font:italic 400 1.02rem/1.5 var(--mz-text);min-height:7.2rem}
body[data-tk-theme] tk-slip .tk-paper:where(:not(tk-screen *, tk-note *))::before{content:"";position:absolute;right:.9rem;top:.9rem;width:3.4rem;height:4.1rem;background:var(--mg-sun);background-blend-mode:var(--mg-blend);
  -webkit-mask:linear-gradient(#000,#000) 50% 50%/calc(100% - 7px) calc(100% - 7px) no-repeat,radial-gradient(circle,transparent 2.2px,#000 2.6px) -3.5px -3.5px/7px 7px;
  mask:linear-gradient(#000,#000) 50% 50%/calc(100% - 7px) calc(100% - 7px) no-repeat,radial-gradient(circle,transparent 2.2px,#000 2.6px) -3.5px -3.5px/7px 7px}
body[data-tk-theme] tk-slip .tk-paper :is(p,li,a,strong):where(:not(tk-screen *, tk-note *)){color:var(--mz-ink)}
body[data-tk-theme] tk-slip .tk-from:where(:not(tk-screen *, tk-note *)){text-align:left;margin-top:.6rem;color:var(--mz-muted);font:600 .78rem/1.25 var(--mz-sans);letter-spacing:.12em;text-transform:uppercase;font-style:normal}
@media(min-width:900px){body[data-tk-theme] tk-slip[float="right"]:where(:not(tk-screen *, tk-note *)){margin-right:0;width:min(18rem,30%)}}

/* ================= CODE, NOTES ================= */
body[data-tk-theme] tk-code:where(:not(tk-screen *, tk-note *)){max-width:var(--mz-col);margin-inline:auto}
body[data-tk-theme] tk-code pre:where(:not(tk-screen *, tk-note *)){border-radius:0;border-top:1px solid var(--mz-rule);padding:2.4rem 1.2rem 1.2rem;font-size:.86rem}
body[data-tk-theme] tk-code:where(:not(tk-screen *, tk-note *))::before{font:600 .78rem var(--mz-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mz-muted);opacity:1}
body[data-tk-theme] tk-code .tk-copy:where(:not(tk-screen *, tk-note *)){font:600 .78rem var(--mz-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mz-ink);opacity:1}
body[data-tk-theme] tk-details:where(:not(tk-screen *, tk-note *)){border-top:1px solid var(--mz-hair);border-bottom:0;margin-block:0}
body[data-tk-theme] tk-details:last-of-type:where(:not(tk-screen *, tk-note *)){border-bottom:1px solid var(--mz-hair);margin-bottom:2rem}
body[data-tk-theme] tk-details summary:where(:not(tk-screen *, tk-note *)){font:italic 400 1.08rem/1.35 var(--mz-text);padding:.85rem 0}
body[data-tk-theme] tk-details summary:where(:not(tk-screen *, tk-note *))::after{content:"+";font:400 1.4rem/1 var(--mz-disp);color:var(--tk-accent-2-text)}
body[data-tk-theme] tk-details details[open]>summary:where(:not(tk-screen *, tk-note *))::after{content:"\2013"}

/* ================= CONTROLS: quiet and exact ================= */
body[data-tk-theme] .tk-controls:where(:not(tk-screen *, tk-note *)){border:0;border-block:1px solid var(--mz-rule);padding:1.4rem 0;gap:1.4rem 2.4rem;max-width:var(--mz-col)}
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:600 .8rem/1.25 var(--mz-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mz-ink)}
body[data-tk-theme] .tk-field output:where(:not(tk-screen *, tk-note *)){font:400 1.3rem/1 var(--mz-disp);color:var(--mz-ink);top:-.45rem}
body[data-tk-theme] input[type="range"]:where(:not(tk-screen *, tk-note *))::-webkit-slider-runnable-track{height:1px;border-radius:0;background:linear-gradient(90deg,var(--mz-ink) var(--tk-fill),#B9B1A4 var(--tk-fill))}
body[data-tk-theme] input[type="range"]:where(:not(tk-screen *, tk-note *))::-moz-range-track{height:1px;background:#B9B1A4}
body[data-tk-theme] input[type="range"]:where(:not(tk-screen *, tk-note *))::-moz-range-progress{height:1px;background:var(--mz-ink)}
body[data-tk-theme] input[type="range"]:where(:not(tk-screen *, tk-note *))::-webkit-slider-thumb{width:18px;height:18px;margin-top:-9px;border-radius:50%;border:1px solid var(--mz-ink);background:var(--mg-art,#fff);background:radial-gradient(in oklab circle at 35% 35%,var(--mg-4),var(--mg-2) 70%,var(--mg-3));box-shadow:0 0 0 3px var(--mz-paper)}
body[data-tk-theme] input[type="range"]:where(:not(tk-screen *, tk-note *))::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:1px solid var(--mz-ink);background:var(--mg-2)}
body[data-tk-theme] input[type="range"]:focus-visible:where(:not(tk-screen *, tk-note *))::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--mz-paper),0 0 0 4px var(--mz-ink)}
body[data-tk-theme] :is(tk-select select,tk-search input,tk-number input,tk-date input):where(:not(tk-screen *, tk-note *)){border:0;border-bottom:1px solid var(--mz-ink);border-radius:0;background-color:transparent;font:italic 400 1.05rem var(--mz-text);padding-left:0}
body[data-tk-theme] tk-toggle button:where(:not(tk-screen *, tk-note *)){font:italic 400 1rem var(--mz-text)}
body[data-tk-theme] tk-toggle .tk-track:where(:not(tk-screen *, tk-note *)){border:1px solid var(--mz-ink);background:transparent}
body[data-tk-theme] tk-toggle .tk-track:where(:not(tk-screen *, tk-note *))::after{background:var(--mz-ink);box-shadow:none}
body[data-tk-theme] tk-toggle [aria-checked="true"] .tk-track:where(:not(tk-screen *, tk-note *)){background:var(--mg-2);border-color:var(--mz-ink)}
body[data-tk-theme] tk-toggle [aria-checked="true"] .tk-track:where(:not(tk-screen *, tk-note *))::after{background:var(--mz-paper)}
body[data-tk-theme] tk-radio-group label:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-radio-group legend+label:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-radio-group label:last-child:where(:not(tk-screen *, tk-note *)){border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;
  font:italic 400 1.02rem var(--mz-text);margin:0 .4rem 0 0;padding:.35rem .3rem}
body[data-tk-theme] tk-radio-group label:has(input:checked):where(:not(tk-screen *, tk-note *)){border-bottom:2px solid var(--mz-ink);background:transparent;color:var(--mz-ink);font-style:normal}
body[data-tk-theme] tk-radio-group label:hover:where(:not(tk-screen *, tk-note *)){border-bottom-color:var(--mg-2)}
body[data-tk-theme] tk-text:where(:not(tk-screen *, tk-note *)){font-family:var(--mz-disp);font-size:1.12em}

/* ================= LETTERS: the reply card ================= */
body[data-tk-theme] .tk-feedback:where(:not(tk-screen *, tk-note *)){background:#FFFDF9;border:1px solid var(--mz-rule);border-radius:0;box-shadow:none;padding:1.8rem 1.8rem 1.4rem;margin:2.6rem auto;max-width:var(--mz-col)}
body[data-tk-theme] .tk-feedback h3:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] .tk-feedback h4:where(:not(tk-screen *, tk-note *)){font:400 1.7rem/1.15 var(--mz-disp);text-align:center;margin-bottom:1.2rem}
body[data-tk-theme] .tk-feedback fieldset label:where(:not(tk-screen *, tk-note *)){border-color:var(--mz-hair);border-radius:0;background:transparent;font:400 1.02rem/1.4 var(--mz-text)}
body[data-tk-theme] .tk-feedback fieldset label:has(input:checked):where(:not(tk-screen *, tk-note *)){background:color-mix(in oklab,var(--mg-4) 55%,transparent);border-color:var(--mz-ink)}
body[data-tk-theme] .tk-feedback input[type="radio"]:where(:not(tk-screen *, tk-note *)){border-color:var(--mz-ink)}
body[data-tk-theme] .tk-feedback input[type="radio"]:where(:not(tk-screen *, tk-note *))::before{background:var(--mz-ink)}
body[data-tk-theme] .tk-feedback :is(textarea,input[type="text"],input[type="number"],select):where(:not(tk-screen *, tk-note *)){border-radius:0;border-color:var(--mz-ink);font-family:var(--mz-text)}
body[data-tk-theme] .tk-feedback button.tk-submit:where(:not(tk-screen *, tk-note *)){background:var(--mz-ink);color:var(--mz-paper);border:0;border-radius:999px;padding:.8rem 1.6rem;font:600 .82rem/1 var(--mz-sans);letter-spacing:.14em;text-transform:uppercase}
body[data-tk-theme] .tk-feedback button.tk-submit:hover:not(:disabled):where(:not(tk-screen *, tk-note *)){background:var(--tk-accent-2-text)}
body[data-tk-theme] .tk-feedback button.tk-submit:disabled:where(:not(tk-screen *, tk-note *)){background:transparent;color:var(--mz-muted);border:1px solid #B9B1A4}
body[data-tk-theme] .tk-feedback .tk-actions:where(:not(tk-screen *, tk-note *)){justify-content:center}
body[data-tk-theme] .tk-feedback>.tk-note:where(:not(tk-screen *, tk-note *)){text-align:center;font:italic 400 .9rem var(--mz-text)}

/* ================= ROUND 3 LAYOUT: what spans, what flows in columns ================= */
body[data-tk-theme] tk-section>:not(p,h3,h4,ul,ol,dl,tk-slip,tk-callout,tk-taped,blockquote,script,tk-state,tk-mark,tk-text):where(:not(tk-screen *, tk-note *)){column-span:all}
body[data-tk-theme] tk-grid:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-table:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-chart:where(:not(tk-screen *, tk-note *)){column-span:all}
body[data-tk-theme] tk-section>:is(tk-grid,tk-table):where(:not(tk-screen *, tk-note *)){max-width:none;margin-inline:0}
body[data-tk-theme] tk-image>figure:where(:not(tk-screen *, tk-note *)){grid-row:1}
body[data-tk-theme] tk-image:where(:not(tk-screen *, tk-note *))::before,body[data-tk-theme] tk-image:where(:not(tk-screen *, tk-note *))::after{grid-row:2}
body[data-tk-theme] tk-code pre:where(:not(tk-screen *, tk-note *)){white-space:pre;overflow-x:auto}
/* columns on wide screens */
@media(min-width:760px){
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state))):where(:not(tk-screen *, tk-note *)){column-count:2}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>:is(p,h3,h4,ul,ol,tk-callout:not([data-kind="decision"])):where(:not(tk-screen *, tk-note *)){max-width:none;margin-inline:0}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>p:where(:not(tk-screen *, tk-note *)){text-align:justify}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>:is(tk-code,tk-details,.tk-controls,tk-question,tk-feedback,tk-form,tk-vote,tk-request-info,.tk-feedback):where(:not(tk-screen *, tk-note *)),:is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>tk-state+*:where(:not(tk-screen *, tk-note *)){column-span:all;margin-inline:0;max-width:46rem}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>p:not(:is(p,ul,ol,h3,h4,tk-callout:not([data-kind="decision"]),tk-taped)+p):not(:has(+:is(p,ul,ol,h3,h4,tk-callout:not([data-kind="decision"]),tk-taped))):where(:not(tk-screen *, tk-note *)),:is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>tk-callout:not([data-kind="decision"]):not(:is(p,ul,ol,h3,h4,tk-callout:not([data-kind="decision"]),tk-taped)+tk-callout):not(:has(+:is(p,ul,ol,h3,h4,tk-callout:not([data-kind="decision"]),tk-taped))):where(:not(tk-screen *, tk-note *)){column-span:all;max-width:46rem;margin-inline:0;text-align:left}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>blockquote:where(:not(tk-screen *, tk-note *)){column-span:all;max-width:none;margin:2.8rem 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);column-gap:clamp(1.8rem,3vw,2.8rem);align-items:start}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>blockquote:where(:not(tk-screen *, tk-note *))::before{margin:0;justify-self:end;font-size:clamp(5rem,3rem + 4vw,8rem);line-height:.78}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>blockquote+p.tk-note:where(:not(tk-screen *, tk-note *)){column-span:all;margin:-1.8rem 0 2rem;max-width:none;text-align:right}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>tk-slip:where(:not(tk-screen *, tk-note *)){float:none;width:auto;max-width:20rem;margin:0 0 1.6rem;break-inside:avoid}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>tk-taped:where(:not(tk-screen *, tk-note *)){break-inside:avoid}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>tk-question .tk-feedback:where(:not(tk-screen *, tk-note *)){margin-left:0}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state)))>tk-callout[data-kind="decision"]:where(:not(tk-screen *, tk-note *)){margin-left:0}}
@media(min-width:1180px){
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state))):where(:not(tk-screen *, tk-note *)){--mz-rail:0rem}
  :is(body[data-tk-theme][data-mg-columns="3"] tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section[data-mg-columns="3"]):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state))):where(:not(tk-screen *, tk-note *)){column-count:3}
  /* a postcard (tk-slip) goes to a rail beside two columns */
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state))):has(>tk-slip):where(:not(tk-screen *, tk-note *)){column-count:2;--mz-rail:clamp(15rem,22cqw,19rem);padding-right:var(--mz-rail)}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state))):has(>tk-slip)>tk-slip:where(:not(tk-screen *, tk-note *)){position:absolute;right:0;width:calc(var(--mz-rail) - 2.4rem);max-width:none;margin:.2rem 0 0}
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state))):has(>tk-slip)>:not(p,h3,h4,ul,ol,dl,tk-slip,tk-callout,tk-taped,script,tk-state,tk-mark,tk-text,tk-code,tk-details,.tk-controls,tk-question,tk-feedback,tk-form,tk-vote,tk-request-info,.tk-feedback):where(:not(tk-screen *, tk-note *)),
  :is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state))):has(>tk-slip):where(:not(tk-screen *, tk-note *))::after,:is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):has(>p:nth-of-type(3)):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])):not(:has(>:not(h2,p,blockquote,tk-slip,tk-taped,tk-stamp,script,style,tk-state))):has(>tk-slip):where(:not(tk-screen *, tk-note *))::before{margin-right:calc(-1 * var(--mz-rail))}
  /* long reads (one column): the text sits left of centre, pull quotes and postcards hang in the right margin */
  body[data-tk-theme] tk-section:not(:is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])))>:is(p,h3,h4,ul,ol,tk-details,tk-callout:not([data-kind="decision"]),tk-code,.tk-controls,tk-question,tk-feedback,tk-form,.tk-feedback):where(:not(tk-screen *, tk-note *)){margin-left:max(0px,calc(50% - var(--mz-col) / 2 - 6rem));margin-right:auto}
  body[data-tk-theme] tk-section:not(:is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])))>blockquote:where(:not(tk-screen *, tk-note *)){float:right;clear:right;width:min(17rem,calc(50% - var(--mz-col) / 2 + 3rem));margin:.5rem 0 1.6rem 1rem;padding:1rem 0 1.1rem;font-size:1.5rem;line-height:1.26}
  body[data-tk-theme] tk-section:not(:is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])))>blockquote:where(:not(tk-screen *, tk-note *))::before{font-size:3rem}
  body[data-tk-theme] tk-section:not(:is(body[data-tk-theme]:is(:not([data-mg-columns]),[data-mg-columns="auto"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]):not(:has(>p:nth-of-type(7))),body[data-tk-theme]:is([data-mg-columns="2"],[data-mg-columns="3"]) tk-section:is(:not([data-mg-columns]),[data-mg-columns="auto"]),body[data-tk-theme] tk-section:is([data-mg-columns="2"],[data-mg-columns="3"])))>blockquote+p.tk-note:where(:not(tk-screen *, tk-note *)){float:right;clear:right;width:min(17rem,calc(50% - var(--mz-col) / 2 + 3rem));margin:-1rem 0 1rem}}
@media(max-width:759px){
  body[data-tk-theme] tk-section>blockquote:where(:not(tk-screen *, tk-note *)){font-size:1.55rem}
  body[data-tk-theme] tk-image:where(:not(tk-screen *, tk-note *)){margin-block:2.4rem}
  body[data-tk-theme] tk-section:where(:not(tk-screen *, tk-note *))::after{margin-top:2.4rem}}
body[data-tk-theme] .tk-feedback>.tk-note:where(:not(tk-screen *, tk-note *)){text-transform:none;letter-spacing:0}
body[data-tk-theme] :is(tk-form,tk-question,tk-vote,tk-request-info)>.tk-feedback:where(:not(tk-screen *, tk-note *)){margin-inline:0;max-width:none}
/* lists: never split an item between columns; a little air between a paragraph and the list it introduces */
body[data-tk-theme] tk-section li:where(:not(tk-screen *, tk-note *)){break-inside:avoid}
body[data-tk-theme] tk-section>p+:is(ul,ol):where(:not(tk-screen *, tk-note *)){margin-top:.7rem}
/* a section that is not plain prose reads in one column, set flush left at the reading measure like a single paragraph */
@media(min-width:760px){body[data-tk-theme] tk-section:not(:has(>p:nth-of-type(7)))>:is(p,h3,h4,ul,ol,dl,tk-callout,tk-details,tk-code,.tk-controls,tk-question,tk-feedback,tk-form,tk-vote,tk-request-info,.tk-feedback):where(:not(tk-screen *, tk-note *)){max-width:46rem;margin-inline:0}}
@media(min-width:960px){body[data-tk-theme] tk-split>div:first-child>tk-taped:first-child figcaption:where(:not(tk-screen *, tk-note *)){padding-left:calc(-1 * var(--mz-bleed))}}
@media(max-width:959px){body[data-tk-theme] tk-hero>tk-image[credit]:where(:not(tk-screen *, tk-note *))::after{grid-column:1/-1;text-align:left;padding:.5rem 0 0 calc(-1 * var(--mz-bleed))}}
body[data-tk-theme]:is([data-mg-numbers="row"]) tk-section>tk-stats:where(:not(tk-screen *, tk-note *)),body[data-tk-theme] tk-section>tk-stats[data-mg-numbers="row"]:where(:not(tk-screen *, tk-note *)){margin-left:0;max-width:none}
/* 1.7.0: answers that join a form: tighter reply boxes; the state is a small-caps line with the end-mark diamond. */
/* A joined question sits closer to its text (less margin, no gap over its title); its state reads in small capitals
   after a diamond (hollow: open, ink: answered, the palette's deep colour: sent, red: missing), and missing draws the
   department opener's double rule in red. The form centres its count in Caslon over a hairline bar in the palette's
   deep colour; Go to Send and the open answers are outlined pills, like Send. */
body[data-tk-theme] .tk-feedback.tk-joined:where(:not(tk-screen *, tk-note *)){padding:1.4rem 1.6rem 1.2rem;margin-top:2rem;margin-bottom:2rem}
body[data-tk-theme] .tk-feedback.tk-joined>h3:where(:not(tk-screen *, tk-note *)){margin-top:0;margin-bottom:1rem;font-size:1.55rem}
body[data-tk-theme] .tk-answers-form>h3:where(:not(tk-screen *, tk-note *)){margin-top:0}
body[data-tk-theme] .tk-feedback h3>.tk-required:where(:not(tk-screen *, tk-note *)){color:var(--mz-muted);font:italic 400 .6em/1 var(--mz-text)}
body[data-tk-theme] .tk-feedback.tk-joined[data-tk-answer="missing"]:where(:not(tk-screen *, tk-note *)){border-color:var(--tk-negative);outline:1px solid var(--tk-negative);outline-offset:3px}
body[data-tk-theme] .tk-feedback.tk-joined.tk-answer-flash:where(:not(tk-screen *, tk-note *)){box-shadow:0 0 0 3px #FFFDF9,0 0 0 4px var(--mz-ink)}
body[data-tk-theme] .tk-feedback[data-tk-answer="missing"] [aria-invalid="true"]:where(:not(tk-screen *, tk-note *)){outline:1px solid var(--tk-negative);outline-offset:3px}
/* the state: a diamond and small capitals, centred under the answer */
body[data-tk-theme] .tk-feedback>.tk-answer-state:where(:not(tk-screen *, tk-note *)){max-width:none;justify-content:center;gap:.25rem .65rem;margin-top:1.1rem;color:var(--mz-muted);font:400 1rem/1.4 var(--mz-text);font-variant-caps:all-small-caps;letter-spacing:.07em}
body[data-tk-theme] .tk-feedback .tk-answer-dot:where(:not(tk-screen *, tk-note *)){width:.55rem;height:.55rem;border:1px solid currentColor;border-radius:0;transform:rotate(45deg)}
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(--mz-ink)}
body[data-tk-theme] .tk-feedback[data-tk-answer="answered"] .tk-answer-dot:where(:not(tk-screen *, tk-note *)){border-color:var(--mz-ink);background:var(--mz-ink)}
body[data-tk-theme] .tk-feedback[data-tk-answer="sent"] .tk-answer-dot:where(:not(tk-screen *, tk-note *)){border-color:var(--mg-3);background:var(--mg-3);box-shadow:none}
body[data-tk-theme] .tk-feedback[data-tk-answer="missing"]>.tk-answer-state:where(:not(tk-screen *, tk-note *)){color:var(--tk-negative);font-weight:700}
body[data-tk-theme] .tk-feedback[data-tk-answer="missing"] .tk-answer-dot:where(:not(tk-screen *, tk-note *)){border-color:var(--tk-negative);background:var(--tk-negative)}
/* secondary buttons: outlined pills */
body[data-tk-theme] :is(.tk-feedback .tk-answer-go,.tk-answers-jump):where(:not(tk-screen *, tk-note *)){border:1px solid #B9B1A4;border-radius:999px;background:#FFFDF9;color:var(--mz-ink);text-decoration:none}
body[data-tk-theme] .tk-feedback .tk-answer-go:where(:not(tk-screen *, tk-note *)){margin-left:.3rem;padding:0 1.1rem;border-color:var(--mz-ink);font:600 .72rem/1 var(--mz-sans);font-variant-caps:normal;letter-spacing:.14em;text-transform:uppercase}
body[data-tk-theme] .tk-feedback .tk-answer-go:where(:not(tk-screen *, tk-note *))::after{letter-spacing:0}
body[data-tk-theme] .tk-answers-jump:where(:not(tk-screen *, tk-note *)){padding:.45rem 1.05rem;font:400 1rem/1.3 var(--mz-text);text-align:center}
body[data-tk-theme] :is(.tk-feedback .tk-answer-go,.tk-answers-jump):hover:not(:disabled):where(:not(tk-screen *, tk-note *)){border-color:var(--mz-ink);background:color-mix(in oklab,var(--mg-4) 55%,#FFFDF9)}
body[data-tk-theme] .tk-answers-jump.tk-answers-must:where(:not(tk-screen *, tk-note *)){border-color:var(--mz-ink)}
body[data-tk-theme] .tk-answers-req:where(:not(tk-screen *, tk-note *)){color:var(--mz-muted);font-style:italic;font-weight:400}
/* the count and the bar, centred like the title and Send */
body[data-tk-theme] .tk-answers-count:where(:not(tk-screen *, tk-note *)){text-align:center;color:var(--mz-muted);font:400 1rem/1.4 var(--mz-text);font-variant-caps:all-small-caps;letter-spacing:.07em}
body[data-tk-theme] .tk-answers-count strong:where(:not(tk-screen *, tk-note *)){margin-right:.2em;color:var(--mz-ink);font:400 2rem/1 var(--mz-disp);font-variant-caps:normal;font-variant-numeric:oldstyle-nums;letter-spacing:0;vertical-align:-.08em}
body[data-tk-theme] .tk-answers-bar:where(:not(tk-screen *, tk-note *)){height:3px;border:0;border-radius:0;background:var(--mz-hair)}
body[data-tk-theme] .tk-answers-bar>span:where(:not(tk-screen *, tk-note *)){background:var(--mg-3)}
body[data-tk-theme] .tk-answers[data-tk-answers="all"] .tk-answers-bar>span:where(:not(tk-screen *, tk-note *)){background:var(--tk-positive)}
body[data-tk-theme] .tk-answers-open:where(:not(tk-screen *, tk-note *)){justify-content:center;color:var(--mz-muted);font:italic 400 .95rem/1.3 var(--mz-text)}
body[data-tk-theme] .tk-answers-label:where(:not(tk-screen *, tk-note *)){flex-basis:100%;text-align:center}
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:1.2rem 1rem 1.1rem}}
body[data-tk-theme] .tk-answers-form :is(.tk-error,.tk-ok):where(:not(tk-screen *, tk-note *)){text-align:center}
/* 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}}