/* Generated by quoin 1.26.0 at build time, against this page.
 *
 * The site is written on an 8px rhythm, which CSS can do. This file is the
 * phase, which it cannot: half-leading plus ascent, per font and size.
 *
 * Seated once per breakpoint. The corrections are absolute pixel values for
 * a particular layout, and the layout changes with the viewport.
 */

/* (max-width: 359px)
 * measured at 340px: 6/178 before, 178/178 with this block (100%)
 */
@media (max-width: 359px) {
  /* Generated by quoin. Grid: 8px, mode: full, 2 sweeps. */
  /* Applies to the DOM as measured. Re-run after changing type or copy. */
  /* Append last: these selectors are no more specific than your own. */

  /* "Skip to the argument" */
  a.skip {
    padding-top: 9.5px;
  }

  /* "Specimen — a page like any other" */
  p.spec__kicker {
    padding-top: 5.5px;
  }

  /* "The letters were never centred" */
  h2.spec__title {
    padding-top: 1px;
  }

  /* "Seated on the 8px grid" */
  p.spec__eyebrow {
    padding-top: 7px;
  }

  /* "0%" */
  p.bigscore {
    padding-top: 6.5px;
  }

  /* "0 of 5 first baselines on the gr" */
  p.spec__note {
    padding-top: 5.5px;
  }

  /* "SEAT IT →" */
  #seatIt {
    padding-top: 13.5px;
  }

  /* "show grid" */
  #specGridBtn {
    padding-top: 9.5px;
  }

  /* "reset" */
  #resetIt {
    padding-top: 9.5px;
  }

  /* "A quoin is the wedge a printer h" */
  section:nth-child(6) > div:nth-child(2) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Every measurement on this sheet " */
  p.mast__fine {
    padding-top: 18.5px;
  }

  /* "fig. 1 — the line box, dimension" */
  #main > header:nth-child(1) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Hxp" */
  p.linebox__glyph {
    padding-top: 7px;
  }

  /* "box top · half-leading" */
  span.linebox__tag.linebox__tag--top {
    padding-top: 5px;
  }

  /* "cap height" */
  span.linebox__tag.linebox__tag--cap {
    padding-top: 5px;
  }

  /* "BASELINE — where it must land" */
  span.linebox__tag.linebox__tag--base {
    padding-top: 5px;
  }

  /* "The browser centres the box. Not" */
  p.defect__caption {
    padding-top: 4px;
  }

  /* "RHYTHM" */
  div:nth-child(2) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 2.5px;
  }

  /* "Every vertical distance a whole " */
  div:nth-child(2) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "PHASE" */
  h3:nth-child(3) {
    padding-top: 1.5px;
  }

  /* "The first baseline inside each b" */
  div:nth-child(2) > p:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "So: CSS for the rhythm, this for" */
  p.defect__banner {
    padding-top: 15.5px;
  }

  /* "II" */
  #main > header:nth-child(3) > span:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "212 measured · 152 scored · 1280" */
  #main > header:nth-child(3) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "CATEGORY" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SITES" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "8PX GRID" */
  th.l.wide {
    padding-top: 3px;
  }

  /* "RHYTHM" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "DRIFTS" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "9" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "32.0%" */
  tr:nth-child(1) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.5px;
  }

  /* "2.2%" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "22" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "Type foundries" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "31.9%" */
  tr:nth-child(2) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "6" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "30.9%" */
  tr:nth-child(3) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "12.6%" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "34.5" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Design systems" */
  tbody:nth-child(2) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "30.8%" */
  tr:nth-child(4) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "39" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "29.3%" */
  tr:nth-child(5) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "20.9%" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "22" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Studios" */
  tr:nth-child(6) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.7%" */
  tr:nth-child(6) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "20" */
  tr:nth-child(7) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "25.0%" */
  tr:nth-child(7) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "18.8%" */
  tr:nth-child(7) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "46" */
  tr:nth-child(7) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Products" */
  tr:nth-child(8) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.0%" */
  tr:nth-child(8) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "NOT ONE REACHES 90%" */
  p.survey__big {
    padding-top: 30.5px;
  }

  /* "The categories are the same, and" */
  #main > section:nth-child(4) > aside:nth-child(2) > p:nth-child(3) {
    padding-top: 21px;
  }

  /* "MOVE THE GRID TO THE DESIGN" */
  #main > header:nth-child(5) > h2:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "npx quoin fit --design design.js" */
  #main > header:nth-child(5) > span:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "Everything above is remedial. It" */
  p.fit__lead {
    padding-top: 5px;
  }

  /* "(lines − 1) × leading + space + " */
  p.formula {
    padding-top: 18px;
  }

  /* "lines is the only term that chan" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Three families, five sizes, noth" */
  caption:nth-child(1) {
    padding-top: 15px;
  }

  /* "NAME" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SIZE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "LEADING" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 3px;
  }

  /* "SPACE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "MOVED" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "h1" */
  tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 5px;
  }

  /* "44px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "48px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 7px;
  }

  /* "57.516px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "h2" */
  tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "body" */
  tbody:nth-child(3) > tr:nth-child(3) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "lead" */
  tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "code" */
  tbody:nth-child(3) > tr:nth-child(5) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "A clamped size varies continuous" */
  p.fit__mod {
    padding-top: 18px;
  }

  /* "The grid is not asking you to ac" */
  p.fit__banner {
    padding-top: 28px;
  }

  /* "IV" */
  #main > header:nth-child(7) > span:nth-child(1) {
    padding-top: 5px;
  }

  /* "WHERE A CORRECTION HOLDS" */
  #main > header:nth-child(7) > h2:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "seated at 1280 · carried to 375" */
  #main > header:nth-child(7) > span:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "Corrections survive reflow and d" */
  #main > section:nth-child(8) > div:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "AND IT CHECKS THE STYLESHEET IT " */
  #main > section:nth-child(8) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Pointed at five design system ho" */
  #main > section:nth-child(8) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "WHY AN EXTENSION, NOT A PASTE-YO" */
  div:nth-child(3) > h3:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "A page's Content-Security-Policy" */
  div:nth-child(3) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "ROUTE IN" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "STRIPE" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "GITHUB" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 6.5px;
  }

  /* "KLIM" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "LINEAR" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "V" */
  #main > header:nth-child(9) > span:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "FOUND BY BUILDING IT" */
  #main > header:nth-child(9) > h2:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "all three reproducible · raw out" */
  #main > header:nth-child(9) > span:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "Cap height travels now" */
  article:nth-child(1) > p:nth-child(1) {
    padding-top: 5px;
  }

  /* "Canvas reports the drawn glyph: " */
  #main > section:nth-child(10) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "font table" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "canvas" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "A generic keyword is not a font" */
  article:nth-child(2) > p:nth-child(1) {
    padding-top: 3px;
  }

  /* "Across three engines it agreed t" */
  #main > section:nth-child(10) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "same font" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "monospace" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "system-ui" */
  div:nth-child(3) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Found in the discard pile" */
  article:nth-child(3) > p:nth-child(1) {
    padding-top: 3px;
  }

  /* "Two fonts kept failing a validit" */
  #main > section:nth-child(10) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "Inter, Chromium & Firefox" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Inter, WebKit" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "VI" */
  #main > header:nth-child(11) > span:nth-child(1) {
    padding-top: 3px;
  }

  /* "no dependencies · Playwright onl" */
  #main > header:nth-child(11) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Fit a design" */
  article:nth-child(1) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Locked up in Archivo, Source Ser" */
  footer:nth-child(8) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "3% on the 8px grid · 6 of 176 bl" */
  p.colo__score {
    padding-top: 21.5px;
  }

}

/* (min-width: 360px) and (max-width: 439px)
 * measured at 400px: 6/178 before, 178/178 with this block (100%)
 */
@media (min-width: 360px) and (max-width: 439px) {
  /* Generated by quoin. Grid: 8px, mode: full, 2 sweeps. */
  /* Applies to the DOM as measured. Re-run after changing type or copy. */
  /* Append last: these selectors are no more specific than your own. */

  /* "Skip to the argument" */
  a.skip {
    padding-top: 9.5px;
  }

  /* "Specimen — a page like any other" */
  p.spec__kicker {
    padding-top: 5.5px;
  }

  /* "The letters were never centred" */
  h2.spec__title {
    padding-top: 1px;
  }

  /* "Seated on the 8px grid" */
  p.spec__eyebrow {
    padding-top: 7px;
  }

  /* "0%" */
  p.bigscore {
    padding-top: 6.5px;
  }

  /* "0 of 5 first baselines on the gr" */
  p.spec__note {
    padding-top: 5.5px;
  }

  /* "SEAT IT →" */
  #seatIt {
    padding-top: 13.5px;
  }

  /* "show grid" */
  #specGridBtn {
    padding-top: 9.5px;
  }

  /* "reset" */
  #resetIt {
    padding-top: 9.5px;
  }

  /* "A quoin is the wedge a printer h" */
  section:nth-child(6) > div:nth-child(2) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Every measurement on this sheet " */
  p.mast__fine {
    padding-top: 18.5px;
  }

  /* "fig. 1 — the line box, dimension" */
  #main > header:nth-child(1) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Hxp" */
  p.linebox__glyph {
    padding-top: 7px;
  }

  /* "box top · half-leading" */
  span.linebox__tag.linebox__tag--top {
    padding-top: 5px;
  }

  /* "cap height" */
  span.linebox__tag.linebox__tag--cap {
    padding-top: 5px;
  }

  /* "BASELINE — where it must land" */
  span.linebox__tag.linebox__tag--base {
    padding-top: 5px;
  }

  /* "The browser centres the box. Not" */
  p.defect__caption {
    padding-top: 4px;
  }

  /* "RHYTHM" */
  div:nth-child(2) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 2.5px;
  }

  /* "Every vertical distance a whole " */
  div:nth-child(2) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "PHASE" */
  h3:nth-child(3) {
    padding-top: 1.5px;
  }

  /* "The first baseline inside each b" */
  div:nth-child(2) > p:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "So: CSS for the rhythm, this for" */
  p.defect__banner {
    padding-top: 15.5px;
  }

  /* "II" */
  #main > header:nth-child(3) > span:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "212 measured · 152 scored · 1280" */
  #main > header:nth-child(3) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "CATEGORY" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SITES" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "8PX GRID" */
  th.l.wide {
    padding-top: 3px;
  }

  /* "RHYTHM" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "DRIFTS" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "9" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "32.0%" */
  tr:nth-child(1) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.5px;
  }

  /* "2.2%" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "22" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "Type foundries" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "31.9%" */
  tr:nth-child(2) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "6" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "30.9%" */
  tr:nth-child(3) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "12.6%" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "34.5" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Design systems" */
  tbody:nth-child(2) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "30.8%" */
  tr:nth-child(4) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "39" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "29.3%" */
  tr:nth-child(5) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "20.9%" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "22" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Studios" */
  tr:nth-child(6) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.7%" */
  tr:nth-child(6) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "20" */
  tr:nth-child(7) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "25.0%" */
  tr:nth-child(7) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "18.8%" */
  tr:nth-child(7) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "46" */
  tr:nth-child(7) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Products" */
  tr:nth-child(8) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.0%" */
  tr:nth-child(8) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "NOT ONE REACHES 90%" */
  p.survey__big {
    padding-top: 30.5px;
  }

  /* "The categories are the same, and" */
  #main > section:nth-child(4) > aside:nth-child(2) > p:nth-child(3) {
    padding-top: 21px;
  }

  /* "MOVE THE GRID TO THE DESIGN" */
  #main > header:nth-child(5) > h2:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "npx quoin fit --design design.js" */
  #main > header:nth-child(5) > span:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "Everything above is remedial. It" */
  p.fit__lead {
    padding-top: 5px;
  }

  /* "(lines − 1) × leading + space + " */
  p.formula {
    padding-top: 18px;
  }

  /* "lines is the only term that chan" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Three families, five sizes, noth" */
  caption:nth-child(1) {
    padding-top: 15px;
  }

  /* "NAME" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SIZE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "LEADING" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 3px;
  }

  /* "SPACE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "MOVED" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "h1" */
  tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 5px;
  }

  /* "44px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "48px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 7px;
  }

  /* "57.516px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "h2" */
  tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "17px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "27.828px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "leading −1.5" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "lead" */
  tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "15px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "22.422px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "The grid is not asking you to ac" */
  p.fit__banner {
    padding-top: 28px;
  }

  /* "IV" */
  #main > header:nth-child(7) > span:nth-child(1) {
    padding-top: 5px;
  }

  /* "WHERE A CORRECTION HOLDS" */
  #main > header:nth-child(7) > h2:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "seated at 1280 · carried to 375" */
  #main > header:nth-child(7) > span:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "Corrections survive reflow and d" */
  #main > section:nth-child(8) > div:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "AND IT CHECKS THE STYLESHEET IT " */
  #main > section:nth-child(8) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Pointed at five design system ho" */
  #main > section:nth-child(8) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "WHY AN EXTENSION, NOT A PASTE-YO" */
  div:nth-child(3) > h3:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "A page's Content-Security-Policy" */
  div:nth-child(3) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "ROUTE IN" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "STRIPE" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "GITHUB" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 6.5px;
  }

  /* "KLIM" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "LINEAR" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "V" */
  #main > header:nth-child(9) > span:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "all three reproducible · raw out" */
  #main > header:nth-child(9) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Cap height travels now" */
  article:nth-child(1) > p:nth-child(1) {
    padding-top: 5px;
  }

  /* "Canvas reports the drawn glyph: " */
  #main > section:nth-child(10) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "font table" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "canvas" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "A generic keyword is not a font" */
  article:nth-child(2) > p:nth-child(1) {
    padding-top: 3px;
  }

  /* "Across three engines it agreed t" */
  #main > section:nth-child(10) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "same font" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "monospace" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "system-ui" */
  div:nth-child(3) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Found in the discard pile" */
  article:nth-child(3) > p:nth-child(1) {
    padding-top: 3px;
  }

  /* "Two fonts kept failing a validit" */
  #main > section:nth-child(10) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "Inter, Chromium & Firefox" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Inter, WebKit" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "VI" */
  #main > header:nth-child(11) > span:nth-child(1) {
    padding-top: 3px;
  }

  /* "no dependencies · Playwright onl" */
  #main > header:nth-child(11) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Fit a design" */
  article:nth-child(1) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Locked up in Archivo, Source Ser" */
  footer:nth-child(8) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "3% on the 8px grid · 6 of 176 bl" */
  p.colo__score {
    padding-top: 21.5px;
  }

}

/* (min-width: 440px) and (max-width: 640px)
 * measured at 540px: 6/178 before, 178/178 with this block (100%)
 */
@media (min-width: 440px) and (max-width: 640px) {
  /* Generated by quoin. Grid: 8px, mode: full, 2 sweeps. */
  /* Applies to the DOM as measured. Re-run after changing type or copy. */
  /* Append last: these selectors are no more specific than your own. */

  /* "Skip to the argument" */
  a.skip {
    padding-top: 9.5px;
  }

  /* "Specimen — a page like any other" */
  p.spec__kicker {
    padding-top: 5.5px;
  }

  /* "The letters were never centred" */
  h2.spec__title {
    padding-top: 1px;
  }

  /* "Seated on the 8px grid" */
  p.spec__eyebrow {
    padding-top: 7px;
  }

  /* "0%" */
  p.bigscore {
    padding-top: 6.5px;
  }

  /* "0 of 5 first baselines on the gr" */
  p.spec__note {
    padding-top: 5.5px;
  }

  /* "SEAT IT →" */
  #seatIt {
    padding-top: 13.5px;
  }

  /* "show grid" */
  #specGridBtn {
    padding-top: 9.5px;
  }

  /* "reset" */
  #resetIt {
    padding-top: 9.5px;
  }

  /* "A quoin is the wedge a printer h" */
  section:nth-child(6) > div:nth-child(2) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Every measurement on this sheet " */
  p.mast__fine {
    padding-top: 18.5px;
  }

  /* "fig. 1 — the line box, dimension" */
  #main > header:nth-child(1) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Hxp" */
  p.linebox__glyph {
    padding-top: 7px;
  }

  /* "box top · half-leading" */
  span.linebox__tag.linebox__tag--top {
    padding-top: 5px;
  }

  /* "cap height" */
  span.linebox__tag.linebox__tag--cap {
    padding-top: 5px;
  }

  /* "BASELINE — where it must land" */
  span.linebox__tag.linebox__tag--base {
    padding-top: 5px;
  }

  /* "The browser centres the box. Not" */
  p.defect__caption {
    padding-top: 4px;
  }

  /* "RHYTHM" */
  div:nth-child(2) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 2.5px;
  }

  /* "Every vertical distance a whole " */
  div:nth-child(2) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "PHASE" */
  h3:nth-child(3) {
    padding-top: 1.5px;
  }

  /* "The first baseline inside each b" */
  div:nth-child(2) > p:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "So: CSS for the rhythm, this for" */
  p.defect__banner {
    padding-top: 15.5px;
  }

  /* "II" */
  #main > header:nth-child(3) > span:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "212 measured · 152 scored · 1280" */
  #main > header:nth-child(3) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "CATEGORY" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SITES" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "8PX GRID" */
  th.l.wide {
    padding-top: 3px;
  }

  /* "RHYTHM" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "DRIFTS" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "9" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "32.0%" */
  tr:nth-child(1) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.5px;
  }

  /* "2.2%" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "22" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "Type foundries" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "31.9%" */
  tr:nth-child(2) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "6" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "30.9%" */
  tr:nth-child(3) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "12.6%" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "34.5" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Design systems" */
  tbody:nth-child(2) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "30.8%" */
  tr:nth-child(4) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "39" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "29.3%" */
  tr:nth-child(5) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "20.9%" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "22" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Studios" */
  tr:nth-child(6) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.7%" */
  tr:nth-child(6) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "20" */
  tr:nth-child(7) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "25.0%" */
  tr:nth-child(7) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "18.8%" */
  tr:nth-child(7) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "46" */
  tr:nth-child(7) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Products" */
  tr:nth-child(8) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.0%" */
  tr:nth-child(8) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "NOT ONE REACHES 90%" */
  p.survey__big {
    padding-top: 30.5px;
  }

  /* "The categories are the same, and" */
  #main > section:nth-child(4) > aside:nth-child(2) > p:nth-child(3) {
    padding-top: 21px;
  }

  /* "npx quoin fit --design design.js" */
  #main > header:nth-child(5) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Everything above is remedial. It" */
  p.fit__lead {
    padding-top: 5px;
  }

  /* "(lines − 1) × leading + space + " */
  p.formula {
    padding-top: 18px;
  }

  /* "lines is the only term that chan" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Three families, five sizes, noth" */
  caption:nth-child(1) {
    padding-top: 15px;
  }

  /* "NAME" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SIZE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "LEADING" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 3px;
  }

  /* "SPACE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "MOVED" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "h1" */
  tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 5px;
  }

  /* "44px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "48px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 7px;
  }

  /* "57.516px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "h2" */
  tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "17px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "27.828px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "leading −1.5" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "lead" */
  tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "15px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "22.422px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "The grid is not asking you to ac" */
  p.fit__banner {
    padding-top: 28px;
  }

  /* "IV" */
  #main > header:nth-child(7) > span:nth-child(1) {
    padding-top: 5px;
  }

  /* "seated at 1280 · carried to 375" */
  #main > header:nth-child(7) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Corrections survive reflow and d" */
  #main > section:nth-child(8) > div:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "AND IT CHECKS THE STYLESHEET IT " */
  #main > section:nth-child(8) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Pointed at five design system ho" */
  #main > section:nth-child(8) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "WHY AN EXTENSION, NOT A PASTE-YO" */
  div:nth-child(3) > h3:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "A page's Content-Security-Policy" */
  div:nth-child(3) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "ROUTE IN" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "STRIPE" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "GITHUB" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 6.5px;
  }

  /* "KLIM" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "LINEAR" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "V" */
  #main > header:nth-child(9) > span:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "all three reproducible · raw out" */
  #main > header:nth-child(9) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Cap height travels now" */
  article:nth-child(1) > p:nth-child(1) {
    padding-top: 5px;
  }

  /* "Canvas reports the drawn glyph: " */
  #main > section:nth-child(10) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "font table" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "canvas" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "A generic keyword is not a font" */
  article:nth-child(2) > p:nth-child(1) {
    padding-top: 3px;
  }

  /* "Across three engines it agreed t" */
  #main > section:nth-child(10) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "same font" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "monospace" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "system-ui" */
  div:nth-child(3) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Found in the discard pile" */
  article:nth-child(3) > p:nth-child(1) {
    padding-top: 3px;
  }

  /* "Two fonts kept failing a validit" */
  #main > section:nth-child(10) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "Inter, Chromium & Firefox" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Inter, WebKit" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "VI" */
  #main > header:nth-child(11) > span:nth-child(1) {
    padding-top: 3px;
  }

  /* "no dependencies · Playwright onl" */
  #main > header:nth-child(11) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Fit a design" */
  article:nth-child(1) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Locked up in Archivo, Source Ser" */
  footer:nth-child(8) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "3% on the 8px grid · 6 of 176 bl" */
  p.colo__score {
    padding-top: 21.5px;
  }

}

/* (min-width: 641px) and (max-width: 880px)
 * measured at 760px: 8/179 before, 179/179 with this block (100%)
 */
@media (min-width: 641px) and (max-width: 880px) {
  /* Generated by quoin. Grid: 8px, mode: full, 2 sweeps. */
  /* Applies to the DOM as measured. Re-run after changing type or copy. */
  /* Append last: these selectors are no more specific than your own. */

  /* "Skip to the argument" */
  a.skip {
    padding-top: 9.5px;
  }

  /* "DENSITY · C M Y K · OVERPRINT · " */
  span.bar__label {
    padding-top: 5.5px;
  }

  /* "Specimen — a page like any other" */
  p.spec__kicker {
    padding-top: 5.5px;
  }

  /* "The letters were never centred" */
  h2.spec__title {
    padding-top: 1px;
  }

  /* "Seated on the 8px grid" */
  p.spec__eyebrow {
    padding-top: 7px;
  }

  /* "0%" */
  p.bigscore {
    padding-top: 6.5px;
  }

  /* "0 of 5 first baselines on the gr" */
  p.spec__note {
    padding-top: 5.5px;
  }

  /* "SEAT IT →" */
  #seatIt {
    padding-top: 13.5px;
  }

  /* "show grid" */
  #specGridBtn {
    padding-top: 9.5px;
  }

  /* "reset" */
  #resetIt {
    padding-top: 9.5px;
  }

  /* "A quoin is the wedge a printer h" */
  section:nth-child(6) > div:nth-child(2) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Every measurement on this sheet " */
  p.mast__fine {
    padding-top: 18.5px;
  }

  /* "fig. 1 — the line box, dimension" */
  #main > header:nth-child(1) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Hxp" */
  p.linebox__glyph {
    padding-top: 4px;
  }

  /* "box top · half-leading" */
  span.linebox__tag.linebox__tag--top {
    padding-top: 5px;
  }

  /* "cap height" */
  span.linebox__tag.linebox__tag--cap {
    padding-top: 5px;
  }

  /* "BASELINE — where it must land" */
  span.linebox__tag.linebox__tag--base {
    padding-top: 5px;
  }

  /* "The browser centres the box. Not" */
  p.defect__caption {
    padding-top: 4px;
  }

  /* "RHYTHM" */
  div:nth-child(2) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 2.5px;
  }

  /* "Every vertical distance a whole " */
  div:nth-child(2) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "PHASE" */
  h3:nth-child(3) {
    padding-top: 1.5px;
  }

  /* "The first baseline inside each b" */
  div:nth-child(2) > p:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "So: CSS for the rhythm, this for" */
  p.defect__banner {
    padding-top: 18px;
  }

  /* "II" */
  #main > header:nth-child(3) > span:nth-child(1) {
    padding-top: 4px;
  }

  /* "212 measured · 152 scored · 1280" */
  #main > header:nth-child(3) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "CATEGORY" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SITES" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "8PX GRID" */
  th.l.wide {
    padding-top: 3px;
  }

  /* "RHYTHM" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "DRIFTS" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "9" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "32.0%" */
  tr:nth-child(1) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.5px;
  }

  /* "2.2%" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "22" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "Type foundries" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "31.9%" */
  tr:nth-child(2) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "6" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "30.9%" */
  tr:nth-child(3) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "12.6%" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "34.5" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Design systems" */
  tbody:nth-child(2) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "30.8%" */
  tr:nth-child(4) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "39" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "29.3%" */
  tr:nth-child(5) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "20.9%" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "22" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Studios" */
  tr:nth-child(6) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.7%" */
  tr:nth-child(6) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "20" */
  tr:nth-child(7) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "25.0%" */
  tr:nth-child(7) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "18.8%" */
  tr:nth-child(7) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "46" */
  tr:nth-child(7) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Products" */
  tr:nth-child(8) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.0%" */
  tr:nth-child(8) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "The median is 28%. Two hundred a" */
  p.survey__note {
    padding-top: 22px;
  }

  /* "The categories are the same, and" */
  #main > section:nth-child(4) > aside:nth-child(2) > p:nth-child(3) {
    padding-top: 21.5px;
  }

  /* "npx quoin fit --design design.js" */
  #main > header:nth-child(5) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Everything above is remedial. It" */
  p.fit__lead {
    padding-top: 5px;
  }

  /* "(lines − 1) × leading + space + " */
  p.formula {
    padding-top: 18px;
  }

  /* "lines is the only term that chan" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Three families, five sizes, noth" */
  caption:nth-child(1) {
    padding-top: 15px;
  }

  /* "NAME" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SIZE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "LEADING" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 3px;
  }

  /* "SPACE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "MOVED" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "h1" */
  tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 5px;
  }

  /* "44px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "48px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 7px;
  }

  /* "57.516px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "h2" */
  tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "17px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "27.828px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "leading −1.5" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "lead" */
  tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "15px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "22.422px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "The grid is not asking you to ac" */
  p.fit__banner {
    padding-top: 29px;
  }

  /* "IV" */
  #main > header:nth-child(7) > span:nth-child(1) {
    padding-top: 4px;
  }

  /* "seated at 1280 · carried to 375" */
  #main > header:nth-child(7) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "100%" */
  span.stat__num.stat__num--c {
    padding-top: 6.5px;
  }

  /* "0%" */
  span.stat__num.stat__num--m {
    padding-top: 6.5px;
  }

  /* "Corrections survive reflow and d" */
  #main > section:nth-child(8) > div:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "AND IT CHECKS THE STYLESHEET IT " */
  #main > section:nth-child(8) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Pointed at five design system ho" */
  #main > section:nth-child(8) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "WHY AN EXTENSION, NOT A PASTE-YO" */
  div:nth-child(3) > h3:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "A page's Content-Security-Policy" */
  div:nth-child(3) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "ROUTE IN" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "STRIPE" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "GITHUB" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 6.5px;
  }

  /* "KLIM" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "LINEAR" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "V" */
  #main > header:nth-child(9) > span:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "all three reproducible · raw out" */
  #main > header:nth-child(9) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Cap height travels now" */
  article:nth-child(1) > p:nth-child(1) {
    padding-top: 5px;
  }

  /* "Canvas reports the drawn glyph: " */
  #main > section:nth-child(10) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "font table" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "canvas" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "A generic keyword is not a font" */
  article:nth-child(2) > p:nth-child(1) {
    padding-top: 3px;
  }

  /* "Across three engines it agreed t" */
  #main > section:nth-child(10) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "same font" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "monospace" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "system-ui" */
  div:nth-child(3) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Found in the discard pile" */
  article:nth-child(3) > p:nth-child(1) {
    padding-top: 3px;
  }

  /* "Two fonts kept failing a validit" */
  #main > section:nth-child(10) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "Inter, Chromium & Firefox" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Inter, WebKit" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "VI" */
  #main > header:nth-child(11) > span:nth-child(1) {
    padding-top: 3px;
  }

  /* "no dependencies · Playwright onl" */
  #main > header:nth-child(11) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Fit a design" */
  article:nth-child(1) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Locked up in Archivo, Source Ser" */
  footer:nth-child(8) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Snap your headlines? No. Display" */
  footer:nth-child(8) > p:nth-child(2) {
    padding-top: 22.5px;
  }

  /* "5% on the 8px grid · 8 of 177 bl" */
  p.colo__score {
    padding-top: 21.5px;
  }

}

/* (min-width: 881px) and (max-width: 1080px)
 * measured at 980px: 8/179 before, 179/179 with this block (100%)
 */
@media (min-width: 881px) and (max-width: 1080px) {
  /* Generated by quoin. Grid: 8px, mode: full, 2 sweeps. */
  /* Applies to the DOM as measured. Re-run after changing type or copy. */
  /* Append last: these selectors are no more specific than your own. */

  /* "Skip to the argument" */
  a.skip {
    padding-top: 9.5px;
  }

  /* "DENSITY · C M Y K · OVERPRINT · " */
  span.bar__label {
    padding-top: 5.5px;
  }

  /* "Specimen — a page like any other" */
  p.spec__kicker {
    padding-top: 5.5px;
  }

  /* "The letters were never centred" */
  h2.spec__title {
    padding-top: 1px;
  }

  /* "Seated on the 8px grid" */
  p.spec__eyebrow {
    padding-top: 7px;
  }

  /* "0%" */
  p.bigscore {
    padding-top: 6.5px;
  }

  /* "0 of 5 first baselines on the gr" */
  p.spec__note {
    padding-top: 5.5px;
  }

  /* "SEAT IT →" */
  #seatIt {
    padding-top: 13.5px;
  }

  /* "show grid" */
  #specGridBtn {
    padding-top: 9.5px;
  }

  /* "reset" */
  #resetIt {
    padding-top: 9.5px;
  }

  /* "A quoin is the wedge a printer h" */
  section:nth-child(6) > div:nth-child(2) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Every measurement on this sheet " */
  p.mast__fine {
    padding-top: 18.5px;
  }

  /* "fig. 1 — the line box, dimension" */
  #main > header:nth-child(1) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Hxp" */
  p.linebox__glyph {
    padding-top: 4px;
  }

  /* "box top · half-leading" */
  span.linebox__tag.linebox__tag--top {
    padding-top: 5px;
  }

  /* "cap height" */
  span.linebox__tag.linebox__tag--cap {
    padding-top: 5px;
  }

  /* "BASELINE — where it must land" */
  span.linebox__tag.linebox__tag--base {
    padding-top: 5px;
  }

  /* "The browser centres the box. Not" */
  p.defect__caption {
    padding-top: 4px;
  }

  /* "RHYTHM" */
  div:nth-child(2) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 2.5px;
  }

  /* "Every vertical distance a whole " */
  div:nth-child(2) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "PHASE" */
  h3:nth-child(3) {
    padding-top: 1.5px;
  }

  /* "The first baseline inside each b" */
  div:nth-child(2) > p:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "So: CSS for the rhythm, this for" */
  p.defect__banner {
    padding-top: 18px;
  }

  /* "II" */
  #main > header:nth-child(3) > span:nth-child(1) {
    padding-top: 4px;
  }

  /* "212 measured · 152 scored · 1280" */
  #main > header:nth-child(3) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "CATEGORY" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SITES" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "8PX GRID" */
  th.l.wide {
    padding-top: 3px;
  }

  /* "RHYTHM" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "DRIFTS" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "9" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "32.0%" */
  tr:nth-child(1) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.5px;
  }

  /* "2.2%" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "22" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "Type foundries" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "31.9%" */
  tr:nth-child(2) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "6" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "30.9%" */
  tr:nth-child(3) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "12.6%" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "34.5" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Design systems" */
  tbody:nth-child(2) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "30.8%" */
  tr:nth-child(4) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "39" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "29.3%" */
  tr:nth-child(5) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "20.9%" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "22" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Studios" */
  tr:nth-child(6) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.7%" */
  tr:nth-child(6) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "20" */
  tr:nth-child(7) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "25.0%" */
  tr:nth-child(7) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "18.8%" */
  tr:nth-child(7) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "46" */
  tr:nth-child(7) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Products" */
  tr:nth-child(8) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.0%" */
  tr:nth-child(8) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "The median is 28%. Two hundred a" */
  p.survey__note {
    padding-top: 22px;
  }

  /* "The categories are the same, and" */
  #main > section:nth-child(4) > aside:nth-child(2) > p:nth-child(3) {
    padding-top: 21.5px;
  }

  /* "npx quoin fit --design design.js" */
  #main > header:nth-child(5) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Everything above is remedial. It" */
  p.fit__lead {
    padding-top: 5px;
  }

  /* "(lines − 1) × leading + space + " */
  p.formula {
    padding-top: 18px;
  }

  /* "lines is the only term that chan" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Three families, five sizes, noth" */
  caption:nth-child(1) {
    padding-top: 15px;
  }

  /* "NAME" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SIZE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "LEADING" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 3px;
  }

  /* "SPACE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "MOVED" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "h1" */
  tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 5px;
  }

  /* "44px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "48px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 7px;
  }

  /* "57.516px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "h2" */
  tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "17px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "27.828px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "leading −1.5" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "lead" */
  tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "15px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "22.422px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "The grid is not asking you to ac" */
  p.fit__banner {
    padding-top: 29px;
  }

  /* "IV" */
  #main > header:nth-child(7) > span:nth-child(1) {
    padding-top: 4px;
  }

  /* "seated at 1280 · carried to 375" */
  #main > header:nth-child(7) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "100%" */
  span.stat__num.stat__num--c {
    padding-top: 6.5px;
  }

  /* "0%" */
  span.stat__num.stat__num--m {
    padding-top: 6.5px;
  }

  /* "Corrections survive reflow and d" */
  #main > section:nth-child(8) > div:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "AND IT CHECKS THE STYLESHEET IT " */
  #main > section:nth-child(8) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Pointed at five design system ho" */
  #main > section:nth-child(8) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "WHY AN EXTENSION, NOT A PASTE-YO" */
  div:nth-child(3) > h3:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "A page's Content-Security-Policy" */
  div:nth-child(3) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "ROUTE IN" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "STRIPE" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "GITHUB" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 6.5px;
  }

  /* "KLIM" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "LINEAR" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "V" */
  #main > header:nth-child(9) > span:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "all three reproducible · raw out" */
  #main > header:nth-child(9) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Cap height travels now" */
  article:nth-child(1) > p:nth-child(1) {
    padding-top: 5px;
  }

  /* "Canvas reports the drawn glyph: " */
  #main > section:nth-child(10) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "font table" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "canvas" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "A generic keyword is not a font" */
  article:nth-child(2) > p:nth-child(1) {
    padding-top: 3px;
  }

  /* "Across three engines it agreed t" */
  #main > section:nth-child(10) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "same font" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "monospace" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "system-ui" */
  div:nth-child(3) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Found in the discard pile" */
  article:nth-child(3) > p:nth-child(1) {
    padding-top: 3px;
  }

  /* "Two fonts kept failing a validit" */
  #main > section:nth-child(10) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "Inter, Chromium & Firefox" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Inter, WebKit" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "VI" */
  #main > header:nth-child(11) > span:nth-child(1) {
    padding-top: 3px;
  }

  /* "no dependencies · Playwright onl" */
  #main > header:nth-child(11) > span:nth-child(3) {
    padding-top: 3px;
  }

  /* "Fit a design" */
  article:nth-child(1) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Locked up in Archivo, Source Ser" */
  footer:nth-child(8) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Snap your headlines? No. Display" */
  footer:nth-child(8) > p:nth-child(2) {
    padding-top: 22.5px;
  }

  /* "5% on the 8px grid · 8 of 177 bl" */
  p.colo__score {
    padding-top: 21.5px;
  }

}

/* (min-width: 1081px) and (max-width: 1279px)
 * measured at 1180px: 8/179 before, 179/179 with this block (100%)
 */
@media (min-width: 1081px) and (max-width: 1279px) {
  /* Generated by quoin. Grid: 8px, mode: full, 2 sweeps. */
  /* Applies to the DOM as measured. Re-run after changing type or copy. */
  /* Append last: these selectors are no more specific than your own. */

  /* "Skip to the argument" */
  a.skip {
    padding-top: 9.5px;
  }

  /* "DENSITY · C M Y K · OVERPRINT · " */
  span.bar__label {
    padding-top: 5.5px;
  }

  /* "Specimen — a page like any other" */
  p.spec__kicker {
    padding-top: 5.5px;
  }

  /* "The letters were never centred" */
  h2.spec__title {
    padding-top: 1px;
  }

  /* "Seated on the 8px grid" */
  p.spec__eyebrow {
    padding-top: 5.5px;
  }

  /* "0 of 5 first baselines on the gr" */
  p.spec__note {
    padding-top: 4px;
  }

  /* "SEAT IT →" */
  #seatIt {
    padding-top: 13.5px;
  }

  /* "show grid" */
  #specGridBtn {
    padding-top: 9.5px;
  }

  /* "reset" */
  #resetIt {
    padding-top: 9.5px;
  }

  /* "Its leading is 1.47 — a ratio, l" */
  p.spec__foot {
    position: relative;
    top: 7px;
  }

  /* "A quoin is the wedge a printer h" */
  section:nth-child(6) > div:nth-child(2) > p:nth-child(1) {
    padding-top: 21.5px;
  }

  /* "Print has had this since metal t" */
  section:nth-child(6) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 21.5px;
  }

  /* "I" */
  #main > header:nth-child(1) > span:nth-child(1) {
    padding-top: 2.5px;
  }

  /* "Hxp" */
  p.linebox__glyph {
    padding-top: 1.5px;
  }

  /* "box top · half-leading" */
  span.linebox__tag.linebox__tag--top {
    padding-top: 2.5px;
  }

  /* "cap height" */
  span.linebox__tag.linebox__tag--cap {
    padding-top: 2.5px;
  }

  /* "BASELINE — where it must land" */
  span.linebox__tag.linebox__tag--base {
    padding-top: 2.5px;
  }

  /* "|← ascent 0.727em" */
  figure:nth-child(1) > p:nth-child(2) > span:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "descent 0.273em →|" */
  figure:nth-child(1) > p:nth-child(2) > span:nth-child(2) {
    padding-top: 5.5px;
  }

  /* "The browser centres the box. Not" */
  p.defect__caption {
    padding-top: 4px;
  }

  /* "The web has never had one, becau" */
  p.defect__lead {
    padding-top: 26px;
  }

  /* "RHYTHM" */
  div:nth-child(2) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 4px;
  }

  /* "Every vertical distance a whole " */
  div:nth-child(2) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "PHASE" */
  h3:nth-child(3) {
    padding-top: 1.5px;
  }

  /* "The first baseline inside each b" */
  div:nth-child(2) > p:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "So: CSS for the rhythm, this for" */
  p.defect__banner {
    padding-top: 17px;
  }

  /* "II" */
  #main > header:nth-child(3) > span:nth-child(1) {
    padding-top: 5px;
  }

  /* "CATEGORY" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SITES" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "8PX GRID" */
  th.l.wide {
    padding-top: 3px;
  }

  /* "RHYTHM" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "DRIFTS" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "9" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "32.0%" */
  tr:nth-child(1) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.5px;
  }

  /* "2.2%" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "22" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "Type foundries" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "31.9%" */
  tr:nth-child(2) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "6" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "30.9%" */
  tr:nth-child(3) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "12.6%" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "34.5" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Design systems" */
  tbody:nth-child(2) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "30.8%" */
  tr:nth-child(4) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "39" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "29.3%" */
  tr:nth-child(5) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "20.9%" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "22" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Studios" */
  tr:nth-child(6) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.7%" */
  tr:nth-child(6) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "20" */
  tr:nth-child(7) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "25.0%" */
  tr:nth-child(7) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "18.8%" */
  tr:nth-child(7) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "46" */
  tr:nth-child(7) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Products" */
  tr:nth-child(8) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.0%" */
  tr:nth-child(8) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "The categories are the same, and" */
  #main > section:nth-child(4) > aside:nth-child(2) > p:nth-child(3) {
    padding-top: 21px;
  }

  /* "(lines − 1) × leading + space + " */
  p.formula {
    padding-top: 18px;
  }

  /* "lines is the only term that chan" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Three families, five sizes, noth" */
  caption:nth-child(1) {
    padding-top: 15px;
  }

  /* "NAME" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SIZE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "LEADING" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 3px;
  }

  /* "SPACE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "MOVED" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "h1" */
  tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 5px;
  }

  /* "44px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "48px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 7px;
  }

  /* "57.516px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "h2" */
  tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "17px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "27.828px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "leading −1.5" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "lead" */
  tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "15px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "22.422px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "The grid is not asking you to ac" */
  p.fit__banner {
    padding-top: 28px;
  }

  /* "IV" */
  #main > header:nth-child(7) > span:nth-child(1) {
    padding-top: 4px;
  }

  /* "100%" */
  span.stat__num.stat__num--c {
    padding-top: 5.5px;
  }

  /* "0%" */
  span.stat__num.stat__num--m {
    padding-top: 5.5px;
  }

  /* "Corrections survive reflow and d" */
  #main > section:nth-child(8) > div:nth-child(1) > p:nth-child(3) {
    padding-top: 4px;
  }

  /* "AND IT CHECKS THE STYLESHEET IT " */
  #main > section:nth-child(8) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Pointed at five design system ho" */
  #main > section:nth-child(8) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "WHY AN EXTENSION, NOT A PASTE-YO" */
  div:nth-child(3) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "A page's Content-Security-Policy" */
  div:nth-child(3) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "ROUTE IN" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "STRIPE" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "GITHUB" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 6.5px;
  }

  /* "KLIM" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "LINEAR" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "V" */
  #main > header:nth-child(9) > span:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Cap height travels now" */
  article:nth-child(1) > p:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Canvas reports the drawn glyph: " */
  #main > section:nth-child(10) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "font table" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "canvas" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "A generic keyword is not a font" */
  article:nth-child(2) > p:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Across three engines it agreed t" */
  #main > section:nth-child(10) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "same font" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "monospace" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "system-ui" */
  div:nth-child(3) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Found in the discard pile" */
  article:nth-child(3) > p:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Two fonts kept failing a validit" */
  #main > section:nth-child(10) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "Inter, Chromium & Firefox" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Inter, WebKit" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "VI" */
  #main > header:nth-child(11) > span:nth-child(1) {
    padding-top: 3px;
  }

  /* "Fit a design" */
  article:nth-child(1) > h3:nth-child(1) {
    padding-top: 3.5px;
  }

  /* "Fit a site you already have" */
  article:nth-child(2) > h3:nth-child(1) {
    padding-top: 3.5px;
  }

  /* "Measure and correct" */
  article:nth-child(3) > h3:nth-child(1) {
    padding-top: 3.5px;
  }

  /* "Locked up in Archivo, Source Ser" */
  footer:nth-child(8) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Snap your headlines? No. Display" */
  footer:nth-child(8) > p:nth-child(2) {
    padding-top: 22.5px;
  }

  /* "github.com/hawkbass/quoin" */
  li:nth-child(1) > a:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "5% on the 8px grid · 8 of 177 bl" */
  p.colo__score {
    padding-top: 20px;
  }

}

/* (min-width: 1280px) and (max-width: 1439px)
 * measured at 1340px: 8/179 before, 179/179 with this block (100%)
 */
@media (min-width: 1280px) and (max-width: 1439px) {
  /* Generated by quoin. Grid: 8px, mode: full, 2 sweeps. */
  /* Applies to the DOM as measured. Re-run after changing type or copy. */
  /* Append last: these selectors are no more specific than your own. */

  /* "Skip to the argument" */
  a.skip {
    padding-top: 9.5px;
  }

  /* "DENSITY · C M Y K · OVERPRINT · " */
  span.bar__label {
    padding-top: 5.5px;
  }

  /* "Specimen — a page like any other" */
  p.spec__kicker {
    padding-top: 5.5px;
  }

  /* "The letters were never centred" */
  h2.spec__title {
    padding-top: 1px;
  }

  /* "Seated on the 8px grid" */
  p.spec__eyebrow {
    padding-top: 5.5px;
  }

  /* "0 of 5 first baselines on the gr" */
  p.spec__note {
    padding-top: 4px;
  }

  /* "SEAT IT →" */
  #seatIt {
    padding-top: 13.5px;
  }

  /* "show grid" */
  #specGridBtn {
    padding-top: 9.5px;
  }

  /* "reset" */
  #resetIt {
    padding-top: 9.5px;
  }

  /* "A quoin is the wedge a printer h" */
  section:nth-child(6) > div:nth-child(2) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Print has had this since metal t" */
  section:nth-child(6) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 22.5px;
  }

  /* "Every measurement on this sheet " */
  p.mast__fine {
    padding-top: 17px;
  }

  /* "I" */
  #main > header:nth-child(1) > span:nth-child(1) {
    padding-top: 2.5px;
  }

  /* "Hxp" */
  p.linebox__glyph {
    padding-top: 1.5px;
  }

  /* "box top · half-leading" */
  span.linebox__tag.linebox__tag--top {
    padding-top: 2.5px;
  }

  /* "cap height" */
  span.linebox__tag.linebox__tag--cap {
    padding-top: 2.5px;
  }

  /* "BASELINE — where it must land" */
  span.linebox__tag.linebox__tag--base {
    padding-top: 2.5px;
  }

  /* "|← ascent 0.727em" */
  figure:nth-child(1) > p:nth-child(2) > span:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "descent 0.273em →|" */
  figure:nth-child(1) > p:nth-child(2) > span:nth-child(2) {
    padding-top: 5.5px;
  }

  /* "The browser centres the box. Not" */
  p.defect__caption {
    padding-top: 4px;
  }

  /* "The web has never had one, becau" */
  p.defect__lead {
    padding-top: 26px;
  }

  /* "RHYTHM" */
  div:nth-child(2) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 4px;
  }

  /* "Every vertical distance a whole " */
  div:nth-child(2) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "PHASE" */
  h3:nth-child(3) {
    padding-top: 1.5px;
  }

  /* "The first baseline inside each b" */
  div:nth-child(2) > p:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "II" */
  #main > header:nth-child(3) > span:nth-child(1) {
    padding-top: 1px;
  }

  /* "CATEGORY" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 7px;
  }

  /* "SITES" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 7px;
  }

  /* "8PX GRID" */
  th.l.wide {
    padding-top: 7px;
  }

  /* "RHYTHM" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 7px;
  }

  /* "DRIFTS" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 7px;
  }

  /* "9" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "32.0%" */
  tr:nth-child(1) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.5px;
  }

  /* "2.2%" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "22" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "Type foundries" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "31.9%" */
  tr:nth-child(2) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "6" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "30.9%" */
  tr:nth-child(3) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "12.6%" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "34.5" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Design systems" */
  tbody:nth-child(2) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "30.8%" */
  tr:nth-child(4) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "39" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "29.3%" */
  tr:nth-child(5) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "20.9%" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "22" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Studios" */
  tr:nth-child(6) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.7%" */
  tr:nth-child(6) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "20" */
  tr:nth-child(7) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "25.0%" */
  tr:nth-child(7) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "18.8%" */
  tr:nth-child(7) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "46" */
  tr:nth-child(7) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Products" */
  tr:nth-child(8) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.0%" */
  tr:nth-child(8) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "NOT ONE REACHES 90%" */
  p.survey__big {
    padding-top: 28px;
  }

  /* "The categories are the same, and" */
  #main > section:nth-child(4) > aside:nth-child(2) > p:nth-child(3) {
    padding-top: 21px;
  }

  /* "(lines − 1) × leading + space + " */
  p.formula {
    padding-top: 18px;
  }

  /* "lines is the only term that chan" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Three families, five sizes, noth" */
  caption:nth-child(1) {
    padding-top: 15px;
  }

  /* "NAME" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SIZE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "LEADING" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 3px;
  }

  /* "SPACE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "MOVED" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "h1" */
  tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 5px;
  }

  /* "44px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "48px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 7px;
  }

  /* "57.516px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "h2" */
  tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "17px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "27.828px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "leading −1.5" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "lead" */
  tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "15px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "22.422px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "The grid is not asking you to ac" */
  p.fit__banner {
    padding-top: 28px;
  }

  /* "IV" */
  #main > header:nth-child(7) > span:nth-child(1) {
    padding-top: 4px;
  }

  /* "100%" */
  span.stat__num.stat__num--c {
    padding-top: 5.5px;
  }

  /* "0%" */
  span.stat__num.stat__num--m {
    padding-top: 5.5px;
  }

  /* "Corrections survive reflow and d" */
  #main > section:nth-child(8) > div:nth-child(1) > p:nth-child(3) {
    padding-top: 4px;
  }

  /* "AND IT CHECKS THE STYLESHEET IT " */
  #main > section:nth-child(8) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Pointed at five design system ho" */
  #main > section:nth-child(8) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "WHY AN EXTENSION, NOT A PASTE-YO" */
  div:nth-child(3) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "A page's Content-Security-Policy" */
  div:nth-child(3) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "ROUTE IN" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "STRIPE" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "GITHUB" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 6.5px;
  }

  /* "KLIM" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "LINEAR" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Canvas reports the drawn glyph: " */
  #main > section:nth-child(10) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "font table" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "canvas" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Across three engines it agreed t" */
  #main > section:nth-child(10) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "same font" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "monospace" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "system-ui" */
  div:nth-child(3) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Two fonts kept failing a validit" */
  #main > section:nth-child(10) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "Inter, Chromium & Firefox" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Inter, WebKit" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "VI" */
  #main > header:nth-child(11) > span:nth-child(1) {
    padding-top: 3px;
  }

  /* "Fit a design" */
  article:nth-child(1) > h3:nth-child(1) {
    padding-top: 3.5px;
  }

  /* "Fit a site you already have" */
  article:nth-child(2) > h3:nth-child(1) {
    padding-top: 3.5px;
  }

  /* "Measure and correct" */
  article:nth-child(3) > h3:nth-child(1) {
    padding-top: 3.5px;
  }

  /* "Locked up in Archivo, Source Ser" */
  footer:nth-child(8) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Snap your headlines? No. Display" */
  footer:nth-child(8) > p:nth-child(2) {
    padding-top: 22.5px;
  }

  /* "github.com/hawkbass/quoin" */
  li:nth-child(1) > a:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "5% on the 8px grid · 8 of 177 bl" */
  p.colo__score {
    padding-top: 20px;
  }

}

/* (min-width: 1440px)
 * measured at 1600px: 8/179 before, 179/179 with this block (100%)
 */
@media (min-width: 1440px) {
  /* Generated by quoin. Grid: 8px, mode: full, 2 sweeps. */
  /* Applies to the DOM as measured. Re-run after changing type or copy. */
  /* Append last: these selectors are no more specific than your own. */

  /* "Skip to the argument" */
  a.skip {
    padding-top: 9.5px;
  }

  /* "DENSITY · C M Y K · OVERPRINT · " */
  span.bar__label {
    padding-top: 5.5px;
  }

  /* "Specimen — a page like any other" */
  p.spec__kicker {
    padding-top: 5.5px;
  }

  /* "The letters were never centred" */
  h2.spec__title {
    padding-top: 1px;
  }

  /* "Seated on the 8px grid" */
  p.spec__eyebrow {
    padding-top: 5.5px;
  }

  /* "0 of 5 first baselines on the gr" */
  p.spec__note {
    padding-top: 4px;
  }

  /* "SEAT IT →" */
  #seatIt {
    padding-top: 13.5px;
  }

  /* "show grid" */
  #specGridBtn {
    padding-top: 9.5px;
  }

  /* "reset" */
  #resetIt {
    padding-top: 9.5px;
  }

  /* "A quoin is the wedge a printer h" */
  section:nth-child(6) > div:nth-child(2) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Print has had this since metal t" */
  section:nth-child(6) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 22.5px;
  }

  /* "Every measurement on this sheet " */
  p.mast__fine {
    padding-top: 17px;
  }

  /* "Hxp" */
  p.linebox__glyph {
    padding-top: 7px;
  }

  /* "|← ascent 0.727em" */
  figure:nth-child(1) > p:nth-child(2) > span:nth-child(1) {
    padding-top: 3px;
  }

  /* "descent 0.273em →|" */
  figure:nth-child(1) > p:nth-child(2) > span:nth-child(2) {
    padding-top: 3px;
  }

  /* "The browser centres the box. Not" */
  p.defect__caption {
    padding-top: 4px;
  }

  /* "RHYTHM" */
  div:nth-child(2) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Every vertical distance a whole " */
  div:nth-child(2) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "PHASE" */
  h3:nth-child(3) {
    padding-top: 1.5px;
  }

  /* "The first baseline inside each b" */
  div:nth-child(2) > p:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "II" */
  #main > header:nth-child(3) > span:nth-child(1) {
    padding-top: 1px;
  }

  /* "CATEGORY" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 7px;
  }

  /* "SITES" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 7px;
  }

  /* "8PX GRID" */
  th.l.wide {
    padding-top: 7px;
  }

  /* "RHYTHM" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 7px;
  }

  /* "DRIFTS" */
  div:nth-child(1) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 7px;
  }

  /* "9" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "32.0%" */
  tr:nth-child(1) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.5px;
  }

  /* "2.2%" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "22" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "Type foundries" */
  div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "31.9%" */
  tr:nth-child(2) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "6" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "30.9%" */
  tr:nth-child(3) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "12.6%" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "34.5" */
  tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Design systems" */
  tbody:nth-child(2) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "30.8%" */
  tr:nth-child(4) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "39" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "29.3%" */
  tr:nth-child(5) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "20.9%" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "22" */
  tbody:nth-child(2) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Studios" */
  tr:nth-child(6) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.7%" */
  tr:nth-child(6) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "20" */
  tr:nth-child(7) > td:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "25.0%" */
  tr:nth-child(7) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 1.25px;
  }

  /* "18.8%" */
  tr:nth-child(7) > td:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "46" */
  tr:nth-child(7) > td:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Products" */
  tr:nth-child(8) > th:nth-child(1) {
    padding-top: 9.5px;
  }

  /* "25.0%" */
  tr:nth-child(8) > td:nth-child(3) > span:nth-child(1) > b:nth-child(2) {
    position: relative;
    top: 5.25px;
  }

  /* "NOT ONE REACHES 90%" */
  p.survey__big {
    padding-top: 28px;
  }

  /* "The categories are the same, and" */
  #main > section:nth-child(4) > aside:nth-child(2) > p:nth-child(3) {
    padding-top: 21px;
  }

  /* "(lines − 1) × leading + space + " */
  p.formula {
    padding-top: 18px;
  }

  /* "lines is the only term that chan" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Three families, five sizes, noth" */
  caption:nth-child(1) {
    padding-top: 15px;
  }

  /* "NAME" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 3px;
  }

  /* "SIZE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 3px;
  }

  /* "LEADING" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 3px;
  }

  /* "SPACE" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 3px;
  }

  /* "MOVED" */
  thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 3px;
  }

  /* "h1" */
  tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 5px;
  }

  /* "44px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 7px;
  }

  /* "48px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 7px;
  }

  /* "57.516px" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 7px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 7px;
  }

  /* "h2" */
  tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "17px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "27.828px" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "leading −1.5" */
  tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "lead" */
  tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10px;
  }

  /* "15px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 6px;
  }

  /* "24px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 6px;
  }

  /* "22.422px" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 6px;
  }

  /* "exact" */
  tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 6px;
  }

  /* "The grid is not asking you to ac" */
  p.fit__banner {
    padding-top: 28px;
  }

  /* "IV" */
  #main > header:nth-child(7) > span:nth-child(1) {
    padding-top: 4px;
  }

  /* "100%" */
  span.stat__num.stat__num--c {
    padding-top: 5.5px;
  }

  /* "0%" */
  span.stat__num.stat__num--m {
    padding-top: 5.5px;
  }

  /* "Corrections survive reflow and d" */
  #main > section:nth-child(8) > div:nth-child(1) > p:nth-child(3) {
    padding-top: 4px;
  }

  /* "AND IT CHECKS THE STYLESHEET IT " */
  #main > section:nth-child(8) > div:nth-child(2) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Pointed at five design system ho" */
  #main > section:nth-child(8) > div:nth-child(2) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "WHY AN EXTENSION, NOT A PASTE-YO" */
  div:nth-child(3) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "A page's Content-Security-Policy" */
  div:nth-child(3) > p:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "ROUTE IN" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "STRIPE" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "GITHUB" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(3) {
    padding-top: 6.5px;
  }

  /* "KLIM" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "LINEAR" */
  div:nth-child(3) > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Canvas reports the drawn glyph: " */
  #main > section:nth-child(10) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "font table" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "canvas" */
  article:nth-child(1) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Across three engines it agreed t" */
  #main > section:nth-child(10) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "same font" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "monospace" */
  article:nth-child(2) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "system-ui" */
  div:nth-child(3) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Two fonts kept failing a validit" */
  #main > section:nth-child(10) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 5px;
  }

  /* "Inter, Chromium & Firefox" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(1) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "Inter, WebKit" */
  article:nth-child(3) > dl:nth-child(4) > div:nth-child(2) > dt:nth-child(1) {
    position: relative;
    top: 7px;
  }

  /* "VI" */
  #main > header:nth-child(11) > span:nth-child(1) {
    padding-top: 3px;
  }

  /* "Fit a design" */
  article:nth-child(1) > h3:nth-child(1) {
    padding-top: 3.5px;
  }

  /* "Fit a site you already have" */
  article:nth-child(2) > h3:nth-child(1) {
    padding-top: 3.5px;
  }

  /* "Measure and correct" */
  article:nth-child(3) > h3:nth-child(1) {
    padding-top: 3.5px;
  }

  /* "Locked up in Archivo, Source Ser" */
  footer:nth-child(8) > p:nth-child(1) {
    padding-top: 22.5px;
  }

  /* "Snap your headlines? No. Display" */
  footer:nth-child(8) > p:nth-child(2) {
    padding-top: 22.5px;
  }

  /* "github.com/hawkbass/quoin" */
  li:nth-child(1) > a:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "5% on the 8px grid · 8 of 177 bl" */
  p.colo__score {
    padding-top: 20px;
  }

}