/* Generated by scripts/vendor-fonts.mjs from the @fontsource packages listed in
   site/fonts/fonts.json. Served from this site; no third-party request. */

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/newsreader-latin-ext-opsz-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/newsreader-latin-opsz-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/newsreader-latin-ext-opsz-italic.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/newsreader-latin-opsz-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/dm-mono-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/dm-mono-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/dm-mono-latin-ext-500-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/dm-mono-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ------------------------------------------------------------------
   BiasClear / Lightbox
   Paper and ink. One loupe. Everything else stays out of the way.
   Shared by every page. The checker's own parts are in checker.css.
   ------------------------------------------------------------------ */
:root{
  --paper:#EDF0F1;
  --paper-2:#F6F8F8;
  --ink:#0F1317;
  --ink-2:#343C44;
  --ink-3:#59626B;
  --rule:#C2C9CE;
  --rule-2:#DADFE2;
  --focus:#1D4ED8;

  --film:#07131F;
  --film-ink:#D3E3EC;
  --band:#11161B;
  --band-ink:#DCE3E7;
  --band-line:rgba(220,227,231,.28);
  --sprocket:var(--paper);
  --lift:0 26px 50px -18px rgba(12,22,32,.42), 0 3px 10px rgba(12,22,32,.16);

  /* PIT tiers: one hue each, three jobs each */
  --t1:#FFC53A;
  --t2:#FF6D9E;
  --t3:#36DDB5;
  --t1-hl:rgba(255,206,52,.60);
  --t2-hl:rgba(255,128,174,.46);
  --t3-hl:rgba(72,220,184,.46);
  --t1-ink:#7A5700;
  --t2-ink:#A11D4D;
  --t3-ink:#0A6C58;

  --serif:"Newsreader","Charter","Bitstream Charter","Iowan Old Style","Sitka Text",Cambria,Georgia,serif;
  --mono:"DM Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
  --grain:url("../img/grain.svg");
  --grain-paper:url("../img/grain-paper.svg");
  --gut:clamp(16px,4.4vw,64px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0D1114; --paper-2:#141A1F; --ink:#DCE2E6; --ink-2:#AFB9C0; --ink-3:#8A96A0;
    --rule:#2C343A; --rule-2:#1D2429; --focus:#8EB1FF;
    --film:#05182C; --film-ink:#EAF6FC; --band:#D3DADF; --band-ink:#0D1114; --band-line:rgba(13,17,20,.3); --sprocket:rgba(214,224,230,.3);
    --lift:0 0 0 1px rgba(255,255,255,.05), 0 28px 60px -16px rgba(0,0,0,.75);
    --t1-hl:rgba(255,197,58,.30); --t2-hl:rgba(255,109,158,.30); --t3-hl:rgba(54,221,181,.26);
    --t1-ink:#FFCB4D; --t2-ink:#FF8DB4; --t3-ink:#4FE0BD;
    --grain-paper:url("../img/grain-paper-dark.svg");
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#0D1114; --paper-2:#141A1F; --ink:#DCE2E6; --ink-2:#AFB9C0; --ink-3:#8A96A0;
  --rule:#2C343A; --rule-2:#1D2429; --focus:#8EB1FF;
  --film:#05182C; --film-ink:#EAF6FC; --band:#D3DADF; --band-ink:#0D1114; --band-line:rgba(13,17,20,.3); --sprocket:rgba(214,224,230,.3);
  --lift:0 0 0 1px rgba(255,255,255,.05), 0 28px 60px -16px rgba(0,0,0,.75);
  --t1-hl:rgba(255,197,58,.30); --t2-hl:rgba(255,109,158,.30); --t3-hl:rgba(54,221,181,.26);
  --t1-ink:#FFCB4D; --t2-ink:#FF8DB4; --t3-ink:#4FE0BD;
  --grain-paper:url("../img/grain-paper-dark.svg");
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;background-color:var(--paper);color:var(--ink);
  font:400 18px/1.6 var(--serif);font-optical-sizing:auto;
  font-kerning:normal;text-rendering:optimizeLegibility;
  background-image:var(--grain-paper);background-size:220px;
}
::selection{background:var(--t1-hl);color:inherit}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:1px}
button{font:inherit;color:inherit}
p{margin:0}
h1,h2,h3,h4{margin:0;font-weight:400;text-wrap:balance}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-60px;background:var(--ink);color:var(--paper);padding:10px 14px;font:500 13px/1 var(--mono);z-index:10;text-decoration:none}
.skip:focus{top:12px}

.wrap{max-width:1296px;margin-inline:auto;padding-inline:var(--gut)}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.2vw,32px)}

/* The tracked mono label is kept for folios, the readout and the barrel. */
.lab{font:500 11px/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.lab b{font-weight:500;color:var(--ink)}
.cap-i{font-style:italic;color:var(--ink-3)}
.nw{white-space:nowrap}

/* tier colours: one hue each, never alone (a tier is always also named in text) */
.t1{--c:var(--t1);--hlc:var(--t1-hl);--ic:var(--t1-ink)}
.t2{--c:var(--t2);--hlc:var(--t2-hl);--ic:var(--t2-ink)}
.t3{--c:var(--t3);--hlc:var(--t3-hl);--ic:var(--t3-ink)}
.sw{display:inline-block;width:26px;height:10px;background:var(--hlc);transform:skewX(-14deg);border-radius:1px 3px 1px 2px;flex:none}
.hl{background-image:linear-gradient(100deg,transparent .08em,var(--hlc) .3em,var(--hlc) calc(100% - .3em),transparent calc(100% - .08em));
  background-repeat:no-repeat;background-size:100% .72em;background-position:0 78%;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.14em;margin-inline:-.14em;color:inherit}
mark.hl{color:inherit;background-color:transparent}
/* a marked phrase also carries a solid underline in its tier's ink (at least 3:1 on the paper in both tones), so the mark
   never rests on the pale wash alone; the dotted underline is kept for what the rules missed */
mark.hl{text-decoration:underline solid var(--ic);text-decoration-thickness:2px;text-underline-offset:.22em;text-decoration-skip-ink:none}

/* ---------- masthead ---------- */
.mast{display:flex;align-items:center;gap:24px;padding-block:20px 16px;border-bottom:1px solid var(--rule)}
.brandline{display:flex;align-items:center;gap:12px;min-width:0}
.wm{font:560 25px/1 var(--serif);letter-spacing:-.018em;text-decoration:none;color:var(--ink);white-space:nowrap}
.wm em{font-style:italic;font-weight:430;letter-spacing:-.01em}
.pv{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;
  border:1px solid var(--ink-3);border-radius:2px;padding:4px 6px 3px;white-space:nowrap}
.pv:hover{color:var(--ink);border-color:var(--ink)}
.mast nav{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 22px}
.mast nav a{font-size:16.5px;line-height:1;text-decoration:none;color:var(--ink-2);padding-block:6px}
.mast nav a:hover{color:var(--ink);text-decoration:underline}
.mast nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px}
.tone{display:flex;border:1px solid var(--rule);border-radius:2px;flex:none}
.tone button{background:none;border:0;padding:6px 10px;font:500 12px/1 var(--mono);color:var(--ink-3);cursor:pointer}
.tone button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.folio{display:flex;justify-content:space-between;gap:16px;padding-block:10px 0}
.folio .lab{text-wrap:balance}
.folio .ver{text-transform:none;letter-spacing:.06em}

/* ---------- sections ---------- */
.sec{padding-block:clamp(34px,3.9vw,48px)}
.sec-rule{border-top:1px solid var(--ink)}
.sec-head{row-gap:14px;align-items:start;padding-top:22px}
.sec-head .lab{grid-column:1/span 3;padding-top:12px}
.sec-head h2{grid-column:4/span 9;font-size:clamp(34px,4vw,58px);line-height:1.03;letter-spacing:-.024em;font-weight:360}
.sec-head h2 em{font-style:italic}
.lede{grid-column:4/span 7;font-size:clamp(19px,1.5vw,21px);line-height:1.55;color:var(--ink-2);margin-top:12px}
.lede+.lede{margin-top:4px}
.more{grid-column:4/span 9;margin-top:18px;font-size:17px;font-style:italic;color:var(--ink-2)}

/* ---------- content pages ---------- */
.page-head>.wrap{padding-top:clamp(30px,3.3vw,48px);padding-bottom:clamp(28px,3vw,44px)}
.page-head .g12{align-items:end;row-gap:18px}
.page-head .kicker{grid-column:1/-1}
.page-head h1{grid-column:1/span 9;font-size:clamp(40px,5.2vw,76px);line-height:1;letter-spacing:-.026em;font-weight:360}
.page-head h1 em{font-style:italic;font-weight:340;letter-spacing:-.02em}
.page-head .dek{grid-column:1/span 8;display:grid;gap:10px}
.page-head .dek p{font-size:clamp(19px,1.6vw,22px);line-height:1.5;color:var(--ink-2)}
.page-head .dek p:first-child{color:var(--ink)}

.body{grid-column:4/span 8;min-width:0;margin-top:18px;display:grid;gap:14px;max-width:68ch}
.body p,.body li{font-size:18px;line-height:1.6;color:var(--ink-2)}
.body p b,.body li b{font-weight:560;color:var(--ink)}
.body h3{font-size:clamp(22px,1.9vw,26px);line-height:1.2;font-style:italic;color:var(--ink);margin-top:14px}
.body code,.body kbd,.inline-code{font:400 .84em/1 var(--mono);letter-spacing:0;color:var(--ink);word-break:break-word}
.body ul,.body ol{margin:0;padding-left:1.2em;display:grid;gap:8px}
.body .ledger{padding-left:0;gap:0}
.body .aside{font-size:16px;font-style:italic;color:var(--ink-3)}

/* the one ruled list used across pages: a claim, then how to check it */
.ledger{list-style:none;margin:0;padding:0;display:grid}
.ledger li{border-bottom:1px solid var(--rule-2);padding:12px 0;display:grid;gap:4px}
.ledger li:first-child{border-top:1px solid var(--rule)}
.ledger .k{font-size:18px;line-height:1.4;color:var(--ink)}
.ledger .v{font-size:16.5px;line-height:1.5;color:var(--ink-2)}
.ledger .src{font:400 12.5px/1.5 var(--mono);color:var(--ink-3);word-break:break-word}

/* a number and where it came from */
.figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:6px}
.fig{border-top:1px solid var(--ink);padding-top:12px;display:grid;gap:6px;align-content:start}
.fig .n{font-size:clamp(34px,3.4vw,48px);line-height:1;letter-spacing:-.02em;font-weight:360;font-variant-numeric:lining-nums tabular-nums}
.fig .d{font-size:16px;line-height:1.45;color:var(--ink-2)}

/* the plain statement block (first used for "On measurement") */
.measure{margin-top:34px;padding-top:18px;border-top:1px solid var(--ink);align-items:baseline}
.measure .m-lab{grid-column:1/span 3;padding-top:4px}
.measure .m-txt{grid-column:4/span 8;font-size:clamp(20px,1.7vw,23px);line-height:1.45;max-width:48ch}
.measure .m-txt strong{font-weight:560}
.measure .m-more{margin-top:10px;font-size:17.5px;line-height:1.55;color:var(--ink-2);max-width:60ch}

/* privacy facts */
.facts{margin-top:clamp(32px,3.6vw,52px);row-gap:32px}
.fact{grid-column:span 4;border-top:1px solid var(--rule);padding-top:14px}
.fact h3{font-size:clamp(26px,2.2vw,32px);letter-spacing:-.015em;line-height:1.1}
.fact p{margin-top:10px;font-size:17.5px;line-height:1.5;color:var(--ink-2);max-width:34ch}

pre.cite{margin:0;padding:14px 16px;border:1px solid var(--rule);border-radius:2px;background:var(--paper-2);
  font:400 13px/1.6 var(--mono);color:var(--ink);max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}

/* ---------- Field Guide ---------- */
.toc{margin-top:clamp(28px,3vw,40px);row-gap:28px}
.toc .col{grid-column:span 4;border-top:1px solid var(--ink);padding-top:12px;min-width:0}
.toc h2{display:flex;align-items:center;gap:10px;font-size:22px;font-style:italic;line-height:1.2}
.toc h3{margin-top:14px;font:500 11px/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.toc ul{list-style:none;margin:6px 0 0;padding:0}
.toc li{border-bottom:1px solid var(--rule-2)}
.toc a{display:block;padding:7px 0;font-size:17px;line-height:1.3;text-decoration:none;color:var(--ink-2)}
.toc a:hover{color:var(--ink);text-decoration:underline}
.toc .soon{font-style:italic;color:var(--ink-3);font-size:14px}

.tier-sec{padding-top:clamp(40px,4.4vw,64px)}
.tier-head{border-top:2px solid var(--ink);padding-top:16px;row-gap:12px;align-items:baseline}
.tier-head .lab{grid-column:1/span 3;display:flex;align-items:center;gap:10px;color:var(--ic)}
.tier-head h2{grid-column:4/span 9;font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.022em;font-weight:360}
.tier-head h2 em{font-style:italic}
.tier-head p{grid-column:4/span 8;font-size:clamp(18px,1.4vw,20px);line-height:1.55;color:var(--ink-2)}
.dom-note{margin-top:30px;row-gap:6px}
.dom-note .lab{grid-column:1/span 3}
.dom-note p{grid-column:4/span 8;font-size:16px;font-style:italic;color:var(--ink-3)}

.entry{margin-top:clamp(30px,3vw,40px);border-top:1px solid var(--ink);padding-top:16px;row-gap:10px;scroll-margin-top:16px}
.entry .e-lab{grid-column:1/span 3;display:grid;gap:8px;align-content:start;padding-top:6px}
.entry .e-lab .lab{color:var(--ic);display:flex;align-items:center;gap:10px}
.entry .e-lab .rid{font:400 11.5px/1.4 var(--mono);color:var(--ink-3);overflow-wrap:anywhere}
.entry .e-main{grid-column:4/span 9;min-width:0;display:grid;gap:14px}
.entry h3{font-size:clamp(30px,3vw,42px);line-height:1.06;letter-spacing:-.018em;font-style:italic;font-weight:380}
.entry .one{font-size:clamp(19px,1.5vw,21px);line-height:1.5;color:var(--ink);max-width:62ch}
.entry .formal{font-size:15px;font-style:italic;color:var(--ink-3)}
.entry .cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:6px}
.entry h4.mt{margin-top:16px}
.entry h4{font:500 11px/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--rule);padding-bottom:6px;margin-bottom:8px}
.entry .cols p,.entry .miss p{font-size:17px;line-height:1.55;color:var(--ink-2)}
.entry .ex{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.entry .ex li{display:grid;gap:4px}
.entry .ex .txt{font-size:18px;line-height:1.5;color:var(--ink)}
.entry .ex .hon{font-size:16px;line-height:1.5;color:var(--ink-2)}
.entry .ex .hon i{color:var(--ink-3)}
.entry .fair{border-top:1px solid var(--rule-2);padding-top:12px;display:grid;gap:6px}
.entry .fair .txt{font-size:18px;line-height:1.5}
.entry .fair .why{font-size:16.5px;line-height:1.5;color:var(--ink-2)}
.entry .fair .verdict{font:400 12.5px/1.5 var(--mono);color:var(--ink-3)}
.entry .fair .verdict b{font-weight:500;color:var(--ink)}
.entry .miss{border-top:1px solid var(--rule-2);padding-top:12px}
.entry.stub .one{color:var(--ink-2)}
.back{font-size:15px;font-style:italic;color:var(--ink-3)}

.noscript{padding-bottom:40px;font-style:italic;color:var(--ink-2)}

/* footer */
footer{padding-block:0 40px;margin-top:clamp(12px,2vw,28px)}
.foot{row-gap:24px;align-items:start;border-top:1px solid var(--ink);padding-top:30px}
.foot .brand{grid-column:1/span 4}
.foot .brand .wm{font-size:22px}
.foot .brand p{margin-top:10px;font-style:italic;color:var(--ink-2);font-size:17px}
.foot .links{grid-column:5/span 5;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:8px 32px;font-size:16.5px;align-content:start}
.foot .links a{text-decoration-color:var(--rule)}
.foot .links .wide{grid-column:1/-1}
.foot .contact{grid-column:10/span 3;font-size:16.5px;display:grid;gap:6px}
.foot .contact p{font-style:italic;color:var(--ink-3);font-size:15.5px}
.email{font-family:var(--mono);font-size:14.5px;letter-spacing:.01em}
.foot .fine{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:16px;border-top:1px solid var(--rule-2);font-size:15px;font-style:italic;color:var(--ink-3)}

/* ---------- responsive ---------- */
@media (max-width:1020px){
  .sec-head .lab,.sec-head h2,.lede,.more{grid-column:1/-1}
  .page-head h1,.page-head .dek{grid-column:1/-1}
  .body{grid-column:1/-1}
  .fact{grid-column:span 4}
  .measure .m-txt{grid-column:4/span 9}
  .toc .col{grid-column:1/-1}
  .tier-head .lab,.tier-head h2,.tier-head p,.dom-note .lab,.dom-note p{grid-column:1/-1}
  .entry .e-lab,.entry .e-main{grid-column:1/-1}
  .entry .e-lab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding-top:0}
  .foot .brand{grid-column:1/span 6}.foot .links{grid-column:7/span 6}.foot .contact{grid-column:1/-1}
}
@media (max-width:900px){
  .mast{flex-wrap:wrap;row-gap:12px;column-gap:14px}
  .mast nav{order:3;flex-basis:100%;margin-left:0;justify-content:flex-start;gap:4px 18px}
  .mast nav a{font-size:16px}
  .mast .tone{margin-left:auto}
  /* the checker stays in the menu on every page; GitHub is also in the footer */
  .mast nav a.gh{display:none}
}
@media (max-width:760px){
  .g12{grid-template-columns:minmax(0,1fr)}
  .g12>*{grid-column:1/-1!important;grid-row:auto!important}
  .folio .lab:last-child{display:none}
  .lede{font-size:18px;line-height:1.5}
  .body p,.body li{font-size:17px}
  .figs{grid-template-columns:minmax(0,1fr);gap:14px}
  .fig{grid-template-columns:auto 1fr;column-gap:14px;align-items:baseline}
  .measure{grid-template-columns:minmax(0,1fr);row-gap:8px}
  .measure .m-more{font-size:16.5px}
  .facts{row-gap:18px}
  .fact{display:grid;grid-template-columns:minmax(0,1fr);padding-top:10px}
  .fact h3{font-size:25px}
  .fact p{margin-top:6px;font-size:16.5px}
  .entry .cols{grid-template-columns:minmax(0,1fr);gap:16px}
  .entry .cols p,.entry .miss p{font-size:16.5px}
  .foot{grid-template-columns:minmax(0,1fr)}
  .foot .links{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}
  footer{padding-block:0 30px}
  .foot{padding-top:24px}
  .foot .fine{flex-direction:column}
}
@media (max-width:420px){
  .wm{font-size:22px}
  .tone button{padding:6px 8px}
  .pv{letter-spacing:.08em;padding-inline:5px}
  .mast nav{column-gap:15px}
  .mast nav a{font-size:15.5px}
}
@media (forced-colors:active){
  .pv{border-color:CanvasText}
  /* marked words keep a system mark colour, and a pressed tone button shows as pressed */
  mark.hl,.stage.all .base .mv{background-color:Mark;color:MarkText;forced-color-adjust:none}
  .tone button[aria-pressed="true"]{background:Highlight;color:HighlightText;forced-color-adjust:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}