/* Generated by quoin 1.25.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: 439px)
 * measured at 380px: 7/253 before, 253/253 with this block (100%)
 */
@media (max-width: 439px) {
  /* Generated by quoin. Grid: 8px, mode: full, 3 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: 11.5px;
  }

  /* "Quoin 1.25.0 · MIT · no dependen" */
  p.kicker {
    padding-top: 4px;
  }

  /* "1 of 11 lines on an 8px grid · 9" */
  #demoScore {
    padding-top: 3.5px;
  }

  /* "Show the grid" */
  #demoGrid {
    line-height: 24px;
    padding-top: 7px;
  }

  /* "Seat it" */
  #demoSeat {
    line-height: 24px;
    padding-top: 7px;
  }

  /* "A page like any other: a fluid t" */
  #demoFoot {
    padding-top: 14.5px;
  }

  /* "The letters were never centred" */
  #start > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 5px;
  }

  /* "Every font reserves a band of em" */
  #start > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Rhythm" */
  div:nth-child(1) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

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

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

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

  /* "So: CSS for the rhythm, this for" */
  #start > div:nth-child(1) > p:nth-child(6) {
    padding-top: 6.5px;
  }

  /* "Both of those are the vertical. " */
  #start > div:nth-child(1) > p:nth-child(7) {
    padding-top: 1.5px;
  }

  /* "Nobody's site is on a baseline g" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 4px;
  }

  /* "Two hundred and twelve sites, me" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Medians by category. 1280×900, h" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6px;
  }

  /* "Category" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Sites" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Rhythm" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Distinct drifts" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "Institutions" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* "What it actually does" */
  section:nth-child(5) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Seating one element is arithmeti" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Correcting a block moves every b" */
  h3:nth-child(3) {
    padding-top: 5.5px;
  }

  /* "So the corrections cannot be com" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2.5px;
  }

  /* "Correcting a block can move bloc" */
  div:nth-child(1) > h3:nth-child(5) {
    padding-top: 5.5px;
  }

  /* "In a flex row under align-items:" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(6) {
    padding-top: 2.5px;
  }

  /* "It checks its own corrections" */
  h3:nth-child(7) {
    padding-top: 5.5px;
  }

  /* "padding-top is the lever you wan" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(8) {
    padding-top: 2.5px;
  }

  /* "A corrector that trusts its own " */
  p:nth-child(9) {
    padding-top: 6.5px;
  }

  /* "And it checks the stylesheet it " */
  h3:nth-child(10) {
    padding-top: 7px;
  }

  /* "Pointed at five design system ho" */
  p:nth-child(11) {
    padding-top: 2.5px;
  }

  /* "Seat, export, undo, inject the s" */
  div:nth-child(12) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6px;
  }

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

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

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

  /* "Stylesheet alone" */
  div:nth-child(12) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "GOV.UK Design System" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "16%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "Shopify Polaris" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "99%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Material Design 3" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "21%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Everything above is remedial. It" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "npx quoin fit --design design.js" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6px;
  }

  /* "Name" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Size" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Space" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Cap" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "h1" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "44px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "48px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "57.516px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "30.484" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "exact" */
  div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "h2" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "27.828px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "12.172" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "lead" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

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

  /* "9.578" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "A page built from a fit, with he" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Measured in Chromium and WebKit." */
  div:nth-child(4) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6px;
  }

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

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

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

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

  /* "768" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "1024" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(6) {
    padding-top: 4.5px;
  }

  /* "1280" */
  th:nth-child(7) {
    padding-top: 4.5px;
  }

  /* "1440" */
  th:nth-child(8) {
    padding-top: 4.5px;
  }

  /* "On the grid" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

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

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

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

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "9/9" */
  td:nth-child(7) {
    padding-top: 10px !important;
  }

  /* "9/9" */
  td:nth-child(8) {
    padding-top: 10px !important;
  }

  /* "A clamp() size varies continuous" */
  div:nth-child(5) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "What it costs the rest of the we" */
  div:nth-child(6) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Every site in the survey had its" */
  div:nth-child(6) > p:nth-child(2) {
    padding-top: 2.5px;
  }

  /* "The grid is not asking you to ac" */
  div:nth-child(6) > p:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "And it checks the font actually " */
  div:nth-child(6) > h3:nth-child(5) {
    padding-top: 7px;
  }

  /* "A fit solved against a font that" */
  div:nth-child(6) > p:nth-child(6) {
    padding-top: 2.5px;
  }

  /* "Three things found by building i" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 6px;
  }

  /* "A tool that measures browsers en" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

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

  /* "Both readings are called cap hei" */
  article:nth-child(1) > h3:nth-child(2) {
    padding-top: 2px;
  }

  /* "Canvas reports the drawn glyph: " */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Proving why needed a font that l" */
  article:nth-child(1) > p:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "fontBoundingBox agrees exactly, " */
  article:nth-child(2) > h3:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Across three engines it agreed t" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 6px;
  }

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

  /* "14.14px" */
  div:nth-child(3) > dd:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "system-ui is a promise, not a ty" */
  article:nth-child(2) > p:nth-child(5) {
    padding-top: 7px;
  }

  /* "WebKit does not apply automatic " */
  article:nth-child(3) > h3:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Two fonts kept failing a validit" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Set font-optical-sizing: none an" */
  article:nth-child(3) > p:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Six ways in" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 1px;
  }

  /* "The library has no dependencies." */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

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

  /* "Keeps every size, snaps the lead" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "Reads the design off the rendere" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "For a page that cannot be rebuil" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "On the page in front of you" */
  article:nth-child(4) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Paste the bundle into any consol" */
  article:nth-child(4) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "In your build" */
  article:nth-child(5) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "fitScale, inferDesign, verifyGri" */
  article:nth-child(5) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "For an agent" */
  article:nth-child(6) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Takes the shape you already have" */
  article:nth-child(6) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "Where a correction holds, and wh" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "This page is corrected at build " */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 2.5px;
  }

  /* "Why an extension and not a paste" */
  h3:nth-child(6) {
    padding-top: 5.5px;
  }

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

  /* "A <script> tag, which a hosted s" */
  tbody:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 8.5px;
  }

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

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

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

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

  /* "chrome.scripting, which the exte" */
  tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "This page" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Measured in your browser just no" */
  #liveNote {
    padding-top: 6.5px;
  }

  /* "Snap your headlines. Display typ" */
  div:nth-child(3) > ul:nth-child(2) > li:nth-child(1) {
    padding-top: 7px;
  }

  /* "Set in EB Garamond and JetBrains" */
  p.colophon {
    padding-top: 8px;
  }

}

/* (min-width: 440px) and (max-width: 599px)
 * measured at 500px: 7/253 before, 253/253 with this block (100%)
 */
@media (min-width: 440px) and (max-width: 599px) {
  /* Generated by quoin. Grid: 8px, mode: full, 3 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: 11.5px;
  }

  /* "Quoin 1.25.0 · MIT · no dependen" */
  p.kicker {
    padding-top: 4px;
  }

  /* "3 of 11 lines on an 8px grid · 2" */
  #demoScore {
    padding-top: 3.5px;
  }

  /* "Show the grid" */
  #demoGrid {
    line-height: 24px;
    padding-top: 7px;
  }

  /* "Seat it" */
  #demoSeat {
    line-height: 24px;
    padding-top: 7px;
  }

  /* "A page like any other: a fluid t" */
  #demoFoot {
    padding-top: 14.5px;
  }

  /* "The letters were never centred" */
  #start > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 5px;
  }

  /* "Every font reserves a band of em" */
  #start > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Rhythm" */
  div:nth-child(1) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

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

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

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

  /* "So: CSS for the rhythm, this for" */
  #start > div:nth-child(1) > p:nth-child(6) {
    padding-top: 6.5px;
  }

  /* "Both of those are the vertical. " */
  #start > div:nth-child(1) > p:nth-child(7) {
    padding-top: 1.5px;
  }

  /* "Nobody's site is on a baseline g" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 4px;
  }

  /* "Two hundred and twelve sites, me" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Medians by category. 1280×900, h" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6px;
  }

  /* "Category" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Sites" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Rhythm" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Distinct drifts" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "Institutions" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* "What it actually does" */
  section:nth-child(5) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Seating one element is arithmeti" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Correcting a block moves every b" */
  h3:nth-child(3) {
    padding-top: 5.5px;
  }

  /* "So the corrections cannot be com" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2.5px;
  }

  /* "Correcting a block can move bloc" */
  div:nth-child(1) > h3:nth-child(5) {
    padding-top: 5.5px;
  }

  /* "In a flex row under align-items:" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(6) {
    padding-top: 2.5px;
  }

  /* "It checks its own corrections" */
  h3:nth-child(7) {
    padding-top: 5.5px;
  }

  /* "padding-top is the lever you wan" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(8) {
    padding-top: 2.5px;
  }

  /* "A corrector that trusts its own " */
  p:nth-child(9) {
    padding-top: 6.5px;
  }

  /* "And it checks the stylesheet it " */
  h3:nth-child(10) {
    padding-top: 7px;
  }

  /* "Pointed at five design system ho" */
  p:nth-child(11) {
    padding-top: 2.5px;
  }

  /* "Seat, export, undo, inject the s" */
  div:nth-child(12) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6px;
  }

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

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

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

  /* "Stylesheet alone" */
  div:nth-child(12) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "GOV.UK Design System" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "16%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "Shopify Polaris" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "99%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Material Design 3" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "21%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Everything above is remedial. It" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "npx quoin fit --design design.js" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6px;
  }

  /* "Name" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Size" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Space" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Cap" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "h1" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "44px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "48px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "57.516px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "30.484" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "exact" */
  div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "h2" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "27.828px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "12.172" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "lead" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

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

  /* "9.578" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "A page built from a fit, with he" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Measured in Chromium and WebKit." */
  div:nth-child(4) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6px;
  }

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

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

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

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

  /* "768" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "1024" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(6) {
    padding-top: 4.5px;
  }

  /* "1280" */
  th:nth-child(7) {
    padding-top: 4.5px;
  }

  /* "1440" */
  th:nth-child(8) {
    padding-top: 4.5px;
  }

  /* "On the grid" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

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

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

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

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "9/9" */
  td:nth-child(7) {
    padding-top: 10px !important;
  }

  /* "9/9" */
  td:nth-child(8) {
    padding-top: 10px !important;
  }

  /* "A clamp() size varies continuous" */
  div:nth-child(5) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "What it costs the rest of the we" */
  div:nth-child(6) > h3:nth-child(1) {
    padding-top: 5.5px;
  }

  /* "Every site in the survey had its" */
  div:nth-child(6) > p:nth-child(2) {
    padding-top: 2.5px;
  }

  /* "The grid is not asking you to ac" */
  div:nth-child(6) > p:nth-child(4) {
    padding-top: 6.5px;
  }

  /* "And it checks the font actually " */
  div:nth-child(6) > h3:nth-child(5) {
    padding-top: 7px;
  }

  /* "A fit solved against a font that" */
  div:nth-child(6) > p:nth-child(6) {
    padding-top: 2.5px;
  }

  /* "Three things found by building i" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 6px;
  }

  /* "A tool that measures browsers en" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

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

  /* "Both readings are called cap hei" */
  article:nth-child(1) > h3:nth-child(2) {
    padding-top: 2px;
  }

  /* "Canvas reports the drawn glyph: " */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Proving why needed a font that l" */
  article:nth-child(1) > p:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "fontBoundingBox agrees exactly, " */
  article:nth-child(2) > h3:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Across three engines it agreed t" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 6px;
  }

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

  /* "14.14px" */
  div:nth-child(3) > dd:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "system-ui is a promise, not a ty" */
  article:nth-child(2) > p:nth-child(5) {
    padding-top: 7px;
  }

  /* "WebKit does not apply automatic " */
  article:nth-child(3) > h3:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Two fonts kept failing a validit" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Set font-optical-sizing: none an" */
  article:nth-child(3) > p:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Six ways in" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 1px;
  }

  /* "The library has no dependencies." */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 2px;
  }

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

  /* "Keeps every size, snaps the lead" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "Reads the design off the rendere" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "For a page that cannot be rebuil" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "On the page in front of you" */
  article:nth-child(4) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Paste the bundle into any consol" */
  article:nth-child(4) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "In your build" */
  article:nth-child(5) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "fitScale, inferDesign, verifyGri" */
  article:nth-child(5) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "For an agent" */
  article:nth-child(6) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Takes the shape you already have" */
  article:nth-child(6) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "Where a correction holds, and wh" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "This page is corrected at build " */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 2.5px;
  }

  /* "Why an extension and not a paste" */
  h3:nth-child(6) {
    padding-top: 5.5px;
  }

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

  /* "A <script> tag, which a hosted s" */
  tbody:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 8.5px;
  }

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

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

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

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

  /* "chrome.scripting, which the exte" */
  tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "This page" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Measured in your browser just no" */
  #liveNote {
    padding-top: 6.5px;
  }

  /* "Snap your headlines. Display typ" */
  div:nth-child(3) > ul:nth-child(2) > li:nth-child(1) {
    padding-top: 7px;
  }

  /* "Set in EB Garamond and JetBrains" */
  p.colophon {
    padding-top: 8px;
  }

}

/* (min-width: 600px) and (max-width: 767px)
 * measured at 660px: 78/253 before, 253/253 with this block (100%)
 */
@media (min-width: 600px) and (max-width: 767px) {
  /* Generated by quoin. Grid: 8px, mode: full, 3 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: 11.5px;
  }

  /* "Quoin 1.25.0 · MIT · no dependen" */
  p.kicker {
    padding-top: 4px;
  }

  /* "1 of 11 lines on an 8px grid · 9" */
  #demoScore {
    padding-top: 3.5px;
  }

  /* "Show the grid" */
  #demoGrid {
    line-height: 24px;
    padding-top: 7px;
  }

  /* "Seat it" */
  #demoSeat {
    line-height: 24px;
    padding-top: 7px;
  }

  /* "A page like any other: a fluid t" */
  #demoFoot {
    padding-top: 14.5px;
  }

  /* "Every font reserves a band of em" */
  #start > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Rhythm" */
  div:nth-child(1) > h3:nth-child(1) {
    padding-top: 6px;
  }

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

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

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

  /* "So: CSS for the rhythm, this for" */
  #start > div:nth-child(1) > p:nth-child(6) {
    padding-top: 7px;
  }

  /* "Both of those are the vertical. " */
  #start > div:nth-child(1) > p:nth-child(7) {
    padding-top: 1px;
  }

  /* "Nobody's site is on a baseline g" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Two hundred and twelve sites, me" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Medians by category. 1280×900, h" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Category" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Sites" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Rhythm" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Distinct drifts" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "Institutions" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* "None of these teams claims a bas" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(3) > p:nth-child(1) {
    padding-top: 7px;
  }

  /* "What it actually does" */
  section:nth-child(5) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Seating one element is arithmeti" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Correcting a block moves every b" */
  h3:nth-child(3) {
    padding-top: 6px;
  }

  /* "So the corrections cannot be com" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Correcting a block can move bloc" */
  div:nth-child(1) > h3:nth-child(5) {
    padding-top: 6px;
  }

  /* "In a flex row under align-items:" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(6) {
    padding-top: 2px;
  }

  /* "It checks its own corrections" */
  h3:nth-child(7) {
    padding-top: 6px;
  }

  /* "padding-top is the lever you wan" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(8) {
    padding-top: 2px;
  }

  /* "A corrector that trusts its own " */
  p:nth-child(9) {
    padding-top: 7px;
  }

  /* "And it checks the stylesheet it " */
  h3:nth-child(10) {
    padding-top: 7px;
  }

  /* "Pointed at five design system ho" */
  p:nth-child(11) {
    padding-top: 2px;
  }

  /* "Seat, export, undo, inject the s" */
  div:nth-child(12) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

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

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

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

  /* "Stylesheet alone" */
  div:nth-child(12) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "GOV.UK Design System" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "16%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "Shopify Polaris" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "99%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Material Design 3" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "21%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Everything above is remedial. It" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "npx quoin fit --design design.js" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Name" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Size" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Space" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Cap" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "h1" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "44px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "48px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "57.516px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "30.484" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "exact" */
  div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "h2" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "27.828px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "12.172" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "lead" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

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

  /* "9.578" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "A page built from a fit, with he" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Measured in Chromium and WebKit." */
  div:nth-child(4) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

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

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

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

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

  /* "768" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "1024" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(6) {
    padding-top: 4.5px;
  }

  /* "1280" */
  th:nth-child(7) {
    padding-top: 4.5px;
  }

  /* "1440" */
  th:nth-child(8) {
    padding-top: 4.5px;
  }

  /* "On the grid" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

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

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

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

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "9/9" */
  td:nth-child(7) {
    padding-top: 10px !important;
  }

  /* "9/9" */
  td:nth-child(8) {
    padding-top: 10px !important;
  }

  /* "A clamp() size varies continuous" */
  div:nth-child(5) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "What it costs the rest of the we" */
  div:nth-child(6) > h3:nth-child(1) {
    padding-top: 6px;
  }

  /* "Every site in the survey had its" */
  div:nth-child(6) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "The grid is not asking you to ac" */
  div:nth-child(6) > p:nth-child(4) {
    padding-top: 7px;
  }

  /* "And it checks the font actually " */
  div:nth-child(6) > h3:nth-child(5) {
    padding-top: 7px;
  }

  /* "A fit solved against a font that" */
  div:nth-child(6) > p:nth-child(6) {
    padding-top: 2px;
  }

  /* "Three things found by building i" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "A tool that measures browsers en" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

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

  /* "Both readings are called cap hei" */
  article:nth-child(1) > h3:nth-child(2) {
    padding-top: 2px;
  }

  /* "Canvas reports the drawn glyph: " */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Proving why needed a font that l" */
  article:nth-child(1) > p:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "fontBoundingBox agrees exactly, " */
  article:nth-child(2) > h3:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Across three engines it agreed t" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 6px;
  }

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

  /* "14.14px" */
  div:nth-child(3) > dd:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "system-ui is a promise, not a ty" */
  article:nth-child(2) > p:nth-child(5) {
    padding-top: 7px;
  }

  /* "WebKit does not apply automatic " */
  article:nth-child(3) > h3:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Two fonts kept failing a validit" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Set font-optical-sizing: none an" */
  article:nth-child(3) > p:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Six ways in" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 1px;
  }

  /* "The library has no dependencies." */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

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

  /* "Keeps every size, snaps the lead" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "Reads the design off the rendere" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "For a page that cannot be rebuil" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "On the page in front of you" */
  article:nth-child(4) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Paste the bundle into any consol" */
  article:nth-child(4) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "In your build" */
  article:nth-child(5) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "fitScale, inferDesign, verifyGri" */
  article:nth-child(5) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "For an agent" */
  article:nth-child(6) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Takes the shape you already have" */
  article:nth-child(6) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "Where a correction holds, and wh" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "This page is corrected at build " */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Why an extension and not a paste" */
  h3:nth-child(6) {
    padding-top: 6px;
  }

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

  /* "A <script> tag, which a hosted s" */
  tbody:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

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

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

  /* "yes" */
  tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

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

  /* "chrome.scripting, which the exte" */
  tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "This page" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Measured in your browser just no" */
  #liveNote {
    padding-top: 6.5px;
  }

  /* "Elsewhere" */
  div:nth-child(2) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Snap your headlines. Display typ" */
  div:nth-child(3) > ul:nth-child(2) > li:nth-child(1) {
    padding-top: 7px;
  }

  /* "Set in EB Garamond and JetBrains" */
  p.colophon {
    padding-top: 8px;
  }

}

/* (min-width: 768px) and (max-width: 959px)
 * measured at 860px: 69/253 before, 253/253 with this block (100%)
 */
@media (min-width: 768px) and (max-width: 959px) {
  /* Generated by quoin. Grid: 8px, mode: full, 3 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: 11.5px;
  }

  /* "Quoin 1.25.0 · MIT · no dependen" */
  p.kicker {
    padding-top: 4px;
  }

  /* "1 of 11 lines on an 8px grid · 9" */
  #demoScore {
    position: relative;
    top: 3.25px;
  }

  /* "Show the grid" */
  #demoGrid {
    line-height: 24px;
    padding-top: 10.5px;
  }

  /* "Seat it" */
  #demoSeat {
    line-height: 24px;
    padding-top: 10.5px;
  }

  /* "A page like any other: a fluid t" */
  #demoFoot {
    padding-top: 14.5px;
  }

  /* "Every font reserves a band of em" */
  #start > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Rhythm" */
  div:nth-child(1) > h3:nth-child(1) {
    padding-top: 6px;
  }

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

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

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

  /* "So: CSS for the rhythm, this for" */
  #start > div:nth-child(1) > p:nth-child(6) {
    padding-top: 7px;
  }

  /* "Both of those are the vertical. " */
  #start > div:nth-child(1) > p:nth-child(7) {
    padding-top: 1px;
  }

  /* "Nobody's site is on a baseline g" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Two hundred and twelve sites, me" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Medians by category. 1280×900, h" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Category" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Sites" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Rhythm" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Distinct drifts" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "Institutions" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* "None of these teams claims a bas" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(3) > p:nth-child(1) {
    padding-top: 7px;
  }

  /* "What it actually does" */
  section:nth-child(5) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Seating one element is arithmeti" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Correcting a block moves every b" */
  h3:nth-child(3) {
    padding-top: 6px;
  }

  /* "So the corrections cannot be com" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Correcting a block can move bloc" */
  div:nth-child(1) > h3:nth-child(5) {
    padding-top: 6px;
  }

  /* "In a flex row under align-items:" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(6) {
    padding-top: 2px;
  }

  /* "It checks its own corrections" */
  h3:nth-child(7) {
    padding-top: 6px;
  }

  /* "padding-top is the lever you wan" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(8) {
    padding-top: 2px;
  }

  /* "A corrector that trusts its own " */
  p:nth-child(9) {
    padding-top: 7px;
  }

  /* "And it checks the stylesheet it " */
  h3:nth-child(10) {
    padding-top: 7px;
  }

  /* "Pointed at five design system ho" */
  p:nth-child(11) {
    padding-top: 2px;
  }

  /* "Seat, export, undo, inject the s" */
  div:nth-child(12) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

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

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

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

  /* "Stylesheet alone" */
  div:nth-child(12) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "GOV.UK Design System" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "16%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "Shopify Polaris" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "99%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Material Design 3" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "21%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Everything above is remedial. It" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "npx quoin fit --design design.js" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Name" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Size" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Space" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Cap" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "h1" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "44px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "48px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "57.516px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "30.484" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "exact" */
  div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "h2" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "27.828px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "12.172" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "lead" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

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

  /* "9.578" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "A page built from a fit, with he" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Measured in Chromium and WebKit." */
  div:nth-child(4) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

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

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

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

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

  /* "768" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "1024" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(6) {
    padding-top: 4.5px;
  }

  /* "1280" */
  th:nth-child(7) {
    padding-top: 4.5px;
  }

  /* "1440" */
  th:nth-child(8) {
    padding-top: 4.5px;
  }

  /* "On the grid" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

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

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

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

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "9/9" */
  td:nth-child(7) {
    padding-top: 10px !important;
  }

  /* "9/9" */
  td:nth-child(8) {
    padding-top: 10px !important;
  }

  /* "A clamp() size varies continuous" */
  div:nth-child(5) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "What it costs the rest of the we" */
  div:nth-child(6) > h3:nth-child(1) {
    padding-top: 6px;
  }

  /* "Every site in the survey had its" */
  div:nth-child(6) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "The grid is not asking you to ac" */
  div:nth-child(6) > p:nth-child(4) {
    padding-top: 7px;
  }

  /* "And it checks the font actually " */
  div:nth-child(6) > h3:nth-child(5) {
    padding-top: 7px;
  }

  /* "A fit solved against a font that" */
  div:nth-child(6) > p:nth-child(6) {
    padding-top: 2px;
  }

  /* "Three things found by building i" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "A tool that measures browsers en" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

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

  /* "Both readings are called cap hei" */
  article:nth-child(1) > h3:nth-child(2) {
    padding-top: 2px;
  }

  /* "Canvas reports the drawn glyph: " */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Proving why needed a font that l" */
  article:nth-child(1) > p:nth-child(5) {
    padding-top: 6.5px;
  }

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

  /* "fontBoundingBox agrees exactly, " */
  article:nth-child(2) > h3:nth-child(2) {
    padding-top: 2px;
  }

  /* "Across three engines it agreed t" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 6px;
  }

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

  /* "14.14px" */
  div:nth-child(3) > dd:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "system-ui is a promise, not a ty" */
  article:nth-child(2) > p:nth-child(5) {
    padding-top: 7px;
  }

  /* "WebKit does not apply automatic " */
  article:nth-child(3) > h3:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Two fonts kept failing a validit" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Set font-optical-sizing: none an" */
  article:nth-child(3) > p:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Six ways in" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 1px;
  }

  /* "The library has no dependencies." */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

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

  /* "Keeps every size, snaps the lead" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "Reads the design off the rendere" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "For a page that cannot be rebuil" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "On the page in front of you" */
  article:nth-child(4) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Paste the bundle into any consol" */
  article:nth-child(4) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "In your build" */
  article:nth-child(5) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "fitScale, inferDesign, verifyGri" */
  article:nth-child(5) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "For an agent" */
  article:nth-child(6) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Takes the shape you already have" */
  article:nth-child(6) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "Where a correction holds, and wh" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "This page is corrected at build " */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Why an extension and not a paste" */
  h3:nth-child(6) {
    padding-top: 6px;
  }

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

  /* "A <script> tag, which a hosted s" */
  tbody:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

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

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

  /* "yes" */
  tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

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

  /* "chrome.scripting, which the exte" */
  tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "This page" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Measured in your browser just no" */
  #liveNote {
    padding-top: 6.5px;
  }

  /* "Elsewhere" */
  div:nth-child(2) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Snap your headlines. Display typ" */
  div:nth-child(3) > ul:nth-child(2) > li:nth-child(1) {
    padding-top: 7px;
  }

  /* "Set in EB Garamond and JetBrains" */
  p.colophon {
    padding-top: 8px;
  }

}

/* (min-width: 960px) and (max-width: 1151px)
 * measured at 1040px: 59/253 before, 253/253 with this block (100%)
 */
@media (min-width: 960px) and (max-width: 1151px) {
  /* Generated by quoin. Grid: 8px, mode: full, 3 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: 11.5px;
  }

  /* "Quoin 1.25.0 · MIT · no dependen" */
  p.kicker {
    padding-top: 4px;
  }

  /* "1 of 11 lines on an 8px grid · 9" */
  #demoScore {
    position: relative;
    top: 3.25px;
  }

  /* "Show the grid" */
  #demoGrid {
    line-height: 24px;
    padding-top: 10.5px;
  }

  /* "Seat it" */
  #demoSeat {
    line-height: 24px;
    padding-top: 10.5px;
  }

  /* "A page like any other: a fluid t" */
  #demoFoot {
    padding-top: 14.5px;
  }

  /* "Every font reserves a band of em" */
  #start > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Rhythm" */
  div:nth-child(1) > h3:nth-child(1) {
    padding-top: 6px;
  }

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

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

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

  /* "So: CSS for the rhythm, this for" */
  #start > div:nth-child(1) > p:nth-child(6) {
    padding-top: 7px;
  }

  /* "Both of those are the vertical. " */
  #start > div:nth-child(1) > p:nth-child(7) {
    padding-top: 1px;
  }

  /* "Nobody's site is on a baseline g" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Two hundred and twelve sites, me" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Medians by category. 1280×900, h" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Category" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Sites" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Rhythm" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Distinct drifts" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "Institutions" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* "None of these teams claims a bas" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(3) > p:nth-child(1) {
    padding-top: 7px;
  }

  /* "What it actually does" */
  section:nth-child(5) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Seating one element is arithmeti" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Correcting a block moves every b" */
  h3:nth-child(3) {
    padding-top: 6px;
  }

  /* "So the corrections cannot be com" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Correcting a block can move bloc" */
  div:nth-child(1) > h3:nth-child(5) {
    padding-top: 6px;
  }

  /* "In a flex row under align-items:" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(6) {
    padding-top: 2px;
  }

  /* "It checks its own corrections" */
  h3:nth-child(7) {
    padding-top: 6px;
  }

  /* "padding-top is the lever you wan" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(8) {
    padding-top: 2px;
  }

  /* "A corrector that trusts its own " */
  p:nth-child(9) {
    padding-top: 7px;
  }

  /* "And it checks the stylesheet it " */
  h3:nth-child(10) {
    padding-top: 7px;
  }

  /* "Pointed at five design system ho" */
  p:nth-child(11) {
    padding-top: 2px;
  }

  /* "Seat, export, undo, inject the s" */
  div:nth-child(12) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

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

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

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

  /* "Stylesheet alone" */
  div:nth-child(12) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "GOV.UK Design System" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "16%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "Shopify Polaris" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "99%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Material Design 3" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "21%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Everything above is remedial. It" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "npx quoin fit --design design.js" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Name" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Size" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Space" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Cap" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "h1" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "44px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "48px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "57.516px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "30.484" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "exact" */
  div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "h2" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "27.828px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "12.172" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "lead" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

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

  /* "9.578" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "A page built from a fit, with he" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Measured in Chromium and WebKit." */
  div:nth-child(4) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

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

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

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

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

  /* "768" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "1024" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(6) {
    padding-top: 4.5px;
  }

  /* "1280" */
  th:nth-child(7) {
    padding-top: 4.5px;
  }

  /* "1440" */
  th:nth-child(8) {
    padding-top: 4.5px;
  }

  /* "On the grid" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

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

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

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

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "9/9" */
  td:nth-child(7) {
    padding-top: 10px !important;
  }

  /* "9/9" */
  td:nth-child(8) {
    padding-top: 10px !important;
  }

  /* "A clamp() size varies continuous" */
  div:nth-child(5) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "What it costs the rest of the we" */
  div:nth-child(6) > h3:nth-child(1) {
    padding-top: 6px;
  }

  /* "Every site in the survey had its" */
  div:nth-child(6) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "The grid is not asking you to ac" */
  div:nth-child(6) > p:nth-child(4) {
    padding-top: 7px;
  }

  /* "And it checks the font actually " */
  div:nth-child(6) > h3:nth-child(5) {
    padding-top: 7px;
  }

  /* "A fit solved against a font that" */
  div:nth-child(6) > p:nth-child(6) {
    padding-top: 2px;
  }

  /* "Three things found by building i" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "A tool that measures browsers en" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

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

  /* "Both readings are called cap hei" */
  article:nth-child(1) > h3:nth-child(2) {
    padding-top: 2px;
  }

  /* "Canvas reports the drawn glyph: " */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Proving why needed a font that l" */
  article:nth-child(1) > p:nth-child(5) {
    padding-top: 6.5px;
  }

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

  /* "fontBoundingBox agrees exactly, " */
  article:nth-child(2) > h3:nth-child(2) {
    padding-top: 2px;
  }

  /* "Across three engines it agreed t" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 6px;
  }

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

  /* "14.14px" */
  div:nth-child(3) > dd:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "system-ui is a promise, not a ty" */
  article:nth-child(2) > p:nth-child(5) {
    padding-top: 7px;
  }

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

  /* "WebKit does not apply automatic " */
  article:nth-child(3) > h3:nth-child(2) {
    padding-top: 2px;
  }

  /* "Two fonts kept failing a validit" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Set font-optical-sizing: none an" */
  article:nth-child(3) > p:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Six ways in" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 1px;
  }

  /* "The library has no dependencies." */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

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

  /* "Keeps every size, snaps the lead" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "Reads the design off the rendere" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "For a page that cannot be rebuil" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "On the page in front of you" */
  article:nth-child(4) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Paste the bundle into any consol" */
  article:nth-child(4) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "In your build" */
  article:nth-child(5) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "fitScale, inferDesign, verifyGri" */
  article:nth-child(5) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "For an agent" */
  article:nth-child(6) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Takes the shape you already have" */
  article:nth-child(6) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "Where a correction holds, and wh" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "This page is corrected at build " */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Why an extension and not a paste" */
  h3:nth-child(6) {
    padding-top: 6px;
  }

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

  /* "A <script> tag, which a hosted s" */
  tbody:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

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

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

  /* "yes" */
  tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

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

  /* "chrome.scripting, which the exte" */
  tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "This page" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Measured in your browser just no" */
  #liveNote {
    padding-top: 6.5px;
  }

  /* "Elsewhere" */
  div:nth-child(2) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "What it will not do" */
  div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Snap your headlines. Display typ" */
  div:nth-child(3) > ul:nth-child(2) > li:nth-child(1) {
    padding-top: 6.5px;
  }

}

/* (min-width: 1152px)
 * measured at 1280px: 59/253 before, 253/253 with this block (100%)
 */
@media (min-width: 1152px) {
  /* Generated by quoin. Grid: 8px, mode: full, 3 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: 11.5px;
  }

  /* "Quoin 1.25.0 · MIT · no dependen" */
  p.kicker {
    padding-top: 4px;
  }

  /* "1 of 11 lines on an 8px grid · 9" */
  #demoScore {
    position: relative;
    top: 3.25px;
  }

  /* "Show the grid" */
  #demoGrid {
    line-height: 24px;
    padding-top: 10.5px;
  }

  /* "Seat it" */
  #demoSeat {
    line-height: 24px;
    padding-top: 10.5px;
  }

  /* "A page like any other: a fluid t" */
  #demoFoot {
    padding-top: 14.5px;
  }

  /* "Every font reserves a band of em" */
  #start > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Rhythm" */
  div:nth-child(1) > h3:nth-child(1) {
    padding-top: 6px;
  }

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

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

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

  /* "So: CSS for the rhythm, this for" */
  #start > div:nth-child(1) > p:nth-child(6) {
    padding-top: 7px;
  }

  /* "Both of those are the vertical. " */
  #start > div:nth-child(1) > p:nth-child(7) {
    padding-top: 1px;
  }

  /* "Nobody's site is on a baseline g" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Two hundred and twelve sites, me" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Medians by category. 1280×900, h" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Category" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Sites" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Rhythm" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Distinct drifts" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "Institutions" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* "None of these teams claims a bas" */
  section:nth-child(4) > div:nth-child(1) > div:nth-child(3) > p:nth-child(1) {
    padding-top: 7px;
  }

  /* "What it actually does" */
  section:nth-child(5) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Seating one element is arithmeti" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Correcting a block moves every b" */
  h3:nth-child(3) {
    padding-top: 6px;
  }

  /* "So the corrections cannot be com" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(4) {
    padding-top: 2px;
  }

  /* "Correcting a block can move bloc" */
  div:nth-child(1) > h3:nth-child(5) {
    padding-top: 6px;
  }

  /* "In a flex row under align-items:" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(6) {
    padding-top: 2px;
  }

  /* "It checks its own corrections" */
  h3:nth-child(7) {
    padding-top: 6px;
  }

  /* "padding-top is the lever you wan" */
  section:nth-child(5) > div:nth-child(1) > p:nth-child(8) {
    padding-top: 2px;
  }

  /* "A corrector that trusts its own " */
  p:nth-child(9) {
    padding-top: 7px;
  }

  /* "And it checks the stylesheet it " */
  h3:nth-child(10) {
    padding-top: 7px;
  }

  /* "Pointed at five design system ho" */
  p:nth-child(11) {
    padding-top: 2px;
  }

  /* "Seat, export, undo, inject the s" */
  div:nth-child(12) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

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

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

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

  /* "Stylesheet alone" */
  div:nth-child(12) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "GOV.UK Design System" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "16%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "Shopify Polaris" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "100%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "99%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Material Design 3" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "21%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(2) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "98%" */
  div:nth-child(12) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Everything above is remedial. It" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "npx quoin fit --design design.js" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "Name" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 4.5px;
  }

  /* "Size" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(2) {
    padding-top: 4.5px;
  }

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

  /* "Space" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "Cap" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "h1" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

  /* "44px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(2) {
    padding-top: 10px;
  }

  /* "48px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(3) {
    padding-top: 10px;
  }

  /* "57.516px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

  /* "30.484" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "exact" */
  div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "h2" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(3) {
    padding-top: 4.5px;
  }

  /* "27.828px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(4) {
    padding-top: 4.5px;
  }

  /* "12.172" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(3) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "lead" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(4) > th:nth-child(1) {
    padding-top: 10.5px;
  }

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

  /* "24px" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(3) {
    padding-top: 4.5px;
  }

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

  /* "9.578" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(5) > td:nth-child(5) {
    padding-top: 4.5px;
  }

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

  /* "A page built from a fit, with he" */
  section:nth-child(6) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "Measured in Chromium and WebKit." */
  div:nth-child(4) > table:nth-child(1) > caption:nth-child(1) {
    padding-top: 6.5px;
  }

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

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

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

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

  /* "768" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(5) {
    padding-top: 4.5px;
  }

  /* "1024" */
  div:nth-child(4) > table:nth-child(1) > thead:nth-child(2) > tr:nth-child(1) > th:nth-child(6) {
    padding-top: 4.5px;
  }

  /* "1280" */
  th:nth-child(7) {
    padding-top: 4.5px;
  }

  /* "1440" */
  th:nth-child(8) {
    padding-top: 4.5px;
  }

  /* "On the grid" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

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

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

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

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(5) {
    padding-top: 10px;
  }

  /* "9/9" */
  div:nth-child(4) > table:nth-child(1) > tbody:nth-child(3) > tr:nth-child(1) > td:nth-child(6) {
    padding-top: 10px;
  }

  /* "9/9" */
  td:nth-child(7) {
    padding-top: 10px !important;
  }

  /* "9/9" */
  td:nth-child(8) {
    padding-top: 10px !important;
  }

  /* "A clamp() size varies continuous" */
  div:nth-child(5) > p:nth-child(2) {
    padding-top: 1.5px;
  }

  /* "What it costs the rest of the we" */
  div:nth-child(6) > h3:nth-child(1) {
    padding-top: 6px;
  }

  /* "Every site in the survey had its" */
  div:nth-child(6) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "The grid is not asking you to ac" */
  div:nth-child(6) > p:nth-child(4) {
    padding-top: 7px;
  }

  /* "And it checks the font actually " */
  div:nth-child(6) > h3:nth-child(5) {
    padding-top: 7px;
  }

  /* "A fit solved against a font that" */
  div:nth-child(6) > p:nth-child(6) {
    padding-top: 2px;
  }

  /* "Three things found by building i" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 6.5px;
  }

  /* "A tool that measures browsers en" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

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

  /* "Both readings are called cap hei" */
  article:nth-child(1) > h3:nth-child(2) {
    padding-top: 2px;
  }

  /* "Canvas reports the drawn glyph: " */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Proving why needed a font that l" */
  article:nth-child(1) > p:nth-child(5) {
    padding-top: 6.5px;
  }

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

  /* "fontBoundingBox agrees exactly, " */
  article:nth-child(2) > h3:nth-child(2) {
    padding-top: 2px;
  }

  /* "Across three engines it agreed t" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 6px;
  }

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

  /* "14.14px" */
  div:nth-child(3) > dd:nth-child(2) {
    padding-top: 6.5px;
  }

  /* "system-ui is a promise, not a ty" */
  article:nth-child(2) > p:nth-child(5) {
    padding-top: 7px;
  }

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

  /* "WebKit does not apply automatic " */
  article:nth-child(3) > h3:nth-child(2) {
    padding-top: 2px;
  }

  /* "Two fonts kept failing a validit" */
  section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 6px;
  }

  /* "Set font-optical-sizing: none an" */
  article:nth-child(3) > p:nth-child(5) {
    padding-top: 6.5px;
  }

  /* "Six ways in" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
    padding-top: 1px;
  }

  /* "The library has no dependencies." */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
    padding-top: 1.5px;
  }

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

  /* "Keeps every size, snaps the lead" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "Reads the design off the rendere" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) > p:nth-child(3) {
    padding-top: 7px;
  }

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

  /* "For a page that cannot be rebuil" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "On the page in front of you" */
  article:nth-child(4) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Paste the bundle into any consol" */
  article:nth-child(4) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "In your build" */
  article:nth-child(5) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "fitScale, inferDesign, verifyGri" */
  article:nth-child(5) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "For an agent" */
  article:nth-child(6) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "Takes the shape you already have" */
  article:nth-child(6) > p:nth-child(3) {
    padding-top: 7px;
  }

  /* "Where a correction holds, and wh" */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > h3:nth-child(1) {
    padding-top: 1px;
  }

  /* "This page is corrected at build " */
  section:nth-child(8) > div:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    padding-top: 2px;
  }

  /* "Why an extension and not a paste" */
  h3:nth-child(6) {
    padding-top: 6px;
  }

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

  /* "A <script> tag, which a hosted s" */
  tbody:nth-child(2) > tr:nth-child(1) > th:nth-child(1) {
    padding-top: 9px;
  }

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

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

  /* "yes" */
  tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(4) {
    padding-top: 10px;
  }

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

  /* "chrome.scripting, which the exte" */
  tbody:nth-child(2) > tr:nth-child(2) > th:nth-child(1) {
    padding-top: 10.5px;
  }

  /* "This page" */
  div:nth-child(1) > div:nth-child(1) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Measured in your browser just no" */
  #liveNote {
    padding-top: 6.5px;
  }

  /* "Elsewhere" */
  div:nth-child(2) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "What it will not do" */
  div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > p:nth-child(1) {
    padding-top: 1.5px;
  }

  /* "Snap your headlines. Display typ" */
  div:nth-child(3) > ul:nth-child(2) > li:nth-child(1) {
    padding-top: 6.5px;
  }

}