/*
I based the Anthesis Legible fonts on Atkinson Hyperlegible Next/Mono,
and the Anthesis Gravitas Sans font on IBM Plex Sans. The designers
of those typefaces did all the hard work, not me.

I renamed these fonts due to a licensing issue: the way I subset
fonts causes them to become "modified" under SIL OFL 1.1, so I can't
use the same name if a Reserved Font Name is set.

https://openfontlicense.org/
*/

* {
  margin: 0;
  padding: 0;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

.fonts-loaded-1 body {
  font-family: "Anthesis Legible Sans Faux";
}
.fonts-loaded-1 code,
kbd,
pre,
samp,
tt,
var {
  font-family: "Anthesis Legible Mono Faux";
}
.fonts-loaded-1 h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Anthesis Gravitas Sans Faux";
}
.fonts-loaded-2 body {
  font-family: "Anthesis Legible Sans";
}
.fonts-loaded-2 code,
kbd,
pre,
samp,
tt,
var {
  font-family: "Anthesis Legible Mono";
}
.fonts-loaded-2 h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Anthesis Gravitas Sans";
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-roman-critical-text.54375ca3dae348f0c57a53aafc73d794efcff78bd00a1b55102111a29f55d862.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Sans Faux";
  font-style: normal;
  font-weight: 400;
  unicode-range:
    U+20-23, U+25-29, U+2C-3B, U+3F-5A, U+61-7A, U+2013-2014, U+2018-2019,
    U+201C-201D, U+2022, U+2026;
}

@font-face {
  src: url("/fonts/anthesis-legible-mono/anthesis-legible-mono-roman-critical-code.a0447452cb2d31877e08bfe3fa4d46d4a4e0a1fc29bebebc75be7b6c90943c0c.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Mono Faux";
  font-style: normal;
  font-weight: 400;
  unicode-range: U+20-7E;
}


@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-regular-critical-text.c87b366cec8d42bbabd924e014081ce81207a96bfeaad252849157518133d45f.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans Faux";
  font-style: normal;
  font-weight: 400;
  unicode-range:
    U+20-23, U+25-29, U+2C-3B, U+3F-5A, U+61-7A, U+2013-2014, U+2018-2019,
    U+201C-201D, U+2022, U+2026;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-regular-latin.06c0e345b8c22a8396dd1c6539548b7c2926c9cd6f3a71e8d6671ca37941a66a.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: normal;
  font-weight: 100 700;
  unicode-range:
    U+20-7E, U+A0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC,
    U+2000-200D, U+2010-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026,
    U+2028-2029, U+202F-2030, U+2032-2033, U+2039-203A, U+2044, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-regular-latin-extended.c74b3886aee96724f7e38ce39cb8a74ef3539849444d7435bae17aead5eaf5de.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: normal;
  font-weight: 100 700;
  unicode-range:
    U+100-17F, U+18F, U+192, U+1A0-1A1, U+1AF-1B0, U+1CD-1DC, U+1FA-1FF,
    U+218-21B, U+237, U+259, U+1E80-1E85, U+1E9E, U+1EA0-1EF9, U+2020, U+20A1,
    U+20A4, U+20A6, U+20A8-20AB, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5,
    U+20B8-20BA, U+20BD, U+20BF, U+2113;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-regular-cyrillic.631f6224ff3bfa5b24f399e218b1ba1b848685635c7bc8600ca43b89b9a3273a.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: normal;
  font-weight: 100 700;
  unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-regular-cyrillic-extended.101b97811653d362cedff96c2fd8d44aefde3f150d5227d681397527b7d07f40.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: normal;
  font-weight: 100 700;
  unicode-range:
    U+462-463, U+46A-46B, U+472-475, U+490-4C2, U+4CF-4D9, U+4DC-4E9, U+4EE-4F9,
    U+524-525, U+20B4;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-regular-greek.3a212bbfcfdc8122785c79bd6d6137660244c5725e2ac27acf28c67f5c1e5b8e.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: normal;
  font-weight: 100 700;
  unicode-range: U+37E, U+384-38A, U+38C, U+38E-3A1, U+3A3-3CE;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-regular-vietnamese.fbda7f622629f205b5ae99a6824a4d06686c6edaabb67d3b47618e18da01fcb5.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: normal;
  font-weight: 100 700;
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0,
    U+1EA0-1EF9, U+20AB;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-regular-other.6f8a7ee02f79d2075ffa1def7c67785262b0a9b03795bc6584b62bf831d0fa8c.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: normal;
  font-weight: 100 700;
  unicode-range:
    U+2C7, U+2D8-2D9, U+2DB, U+2DD, U+300-304, U+306-30C, U+312, U+315, U+31B,
    U+323, U+326-328, U+E3F, U+2070, U+2075-2079, U+2080-2089, U+2126, U+212E,
    U+2150-2151, U+2153-215E, U+2190, U+2192, U+2194-2199, U+21A9-21AA,
    U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206,
    U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2236, U+2248, U+2260,
    U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+ECE0, U+EFCC,
    U+FB01-FB02;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-italic-latin.902bbcd393e7d74b42085d54e821a19b513fcac388c2386b5373a9520df69ce9.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: italic;
  font-weight: 100 700;
  unicode-range:
    U+20-7E, U+A0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC,
    U+2000-200D, U+2010-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026,
    U+2028-2029, U+202F-2030, U+2032-2033, U+2039-203A, U+2044, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-italic-latin-extended.71e74fcce6bb4b203ad066d031bed6518ac5c07303aa391ca94612c1a36be4e3.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: italic;
  font-weight: 100 700;
  unicode-range:
    U+100-17F, U+18F, U+192, U+1A0-1A1, U+1AF-1B0, U+1CD-1DC, U+1FA-1FF,
    U+218-21B, U+237, U+259, U+1E80-1E85, U+1E9E, U+1EA0-1EF9, U+2020, U+20A1,
    U+20A4, U+20A6, U+20A8-20AB, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5,
    U+20B8-20BA, U+20BD, U+20BF, U+2113;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-italic-cyrillic.b5eecf70580ee460a29fc4ff3b5d86aa4ae9dacf0e797b675234c2dae7335174.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: italic;
  font-weight: 100 700;
  unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-italic-cyrillic-extended.98dfe72065a0a10199eb7514b6f76613111f44bac3883bb1b7c4295e97baed7d.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: italic;
  font-weight: 100 700;
  unicode-range:
    U+462-463, U+46A-46B, U+472-475, U+490-4C2, U+4CF-4D9, U+4DC-4E9, U+4EE-4F9,
    U+524-525, U+20B4;
}


@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-italic-greek.3299f8a4e3dd427cdbca877b3736bccbe0db291268b862add9d72e5c0c447846.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: italic;
  font-weight: 100 700;
  unicode-range: U+37E, U+384-38A, U+38C, U+38E-3A1, U+3A3-3CE;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-italic-vietnamese.bb2db7c73a1567c94d167a88b413a461e8a4a713dd53a6960ad8ed9740b349c6.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: italic;
  font-weight: 100 700;
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0,
    U+1EA0-1EF9, U+20AB;
}

@font-face {
  src: url("/fonts/anthesis-gravitas-sans/anthesis-gravitas-sans-italic-other.3c63b985a4dc0343383b89cf619cdcecd31386ddfe924fb2e734b28bd11ad075.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Gravitas Sans";
  font-style: italic;
  font-weight: 100 700;
  unicode-range:
    U+2C7, U+2D8-2D9, U+2DB, U+2DD, U+300-304, U+306-30C, U+312, U+315, U+31B,
    U+323, U+326-328, U+E3F, U+2070, U+2075-2079, U+2080-2089, U+2126, U+212E,
    U+2150-2151, U+2153-215E, U+2190, U+2192, U+2194-2199, U+21A9-21AA,
    U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206,
    U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2236, U+2248, U+2260,
    U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+ECE0, U+EFCC,
    U+FB01-FB02;
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-roman-latin-955152a44de0f377b6a77eb91be90946e53b93871138f230ac45c530bc2c4edd.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Sans";
  font-style: normal;
  font-weight: 200 800;
  unicode-range:
    U+20-7E, U+A0-AC, U+AE-B4, U+B6-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC,
    U+2009, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030,
    U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-roman-latin-extended-c6f798dde43a67cb5856628c130610f8b149c1878dad65e35dbea86a64be0881.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Sans";
  font-style: normal;
  font-weight: 200 800;
  unicode-range:
    U+100-107, U+10A-113, U+116-11B, U+11E-123, U+126-127, U+12A-12B, U+12E-133,
    U+136-137, U+139-13E, U+141-148, U+150-155, U+158-15B, U+15E-165, U+16A-16B,
    U+16E-17E, U+192, U+218-21B, U+237, U+1E80-1E85, U+1E9E, U+1EF2-1EF3,
    U+2020, U+20B9, U+2113;
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-roman-greek-1cfd8452350d88206031e2046abc4db15ae6dec2b13b1a897cc70a8c298c76d9.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Sans";
  font-style: normal;
  font-weight: 200 800;
  unicode-range: U+394, U+3A9, U+3BC, U+3C0;
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-roman-vietnamese-8311ac94dc2714361f24f8cc37758b7853ee4247750ac9866f64e4c84892f5b3.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Sans";
  font-style: normal;
  font-weight: 200 800;
  unicode-range: U+102-103, U+110-111, U+1EF2-1EF3;
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-roman-other-031dfd9a4e3fd0e4404251b2c2b50bfcf8e4bc6f51f0a3fd797ae16b72e1d83a.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Sans";
  font-style: normal;
  font-weight: 200 800;
  unicode-range:
    U+2C7, U+2C9, U+2D8-2D9, U+2DB, U+2DD, U+300-304, U+306-308, U+30A-30C,
    U+312, U+326-328, U+212E, U+2202, U+220F, U+2211, U+2219-221A, U+221E,
    U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+266A;
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-italic-latin.c61d509d81c50fa95ea5075f46303c49e4b37d1b4aca263beb23a416cd030011.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Sans";
  font-style: italic;
  font-weight: 200 800;
  unicode-range:
    U+20-7E, U+A0-AC, U+AE-B4, U+B6-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC,
    U+2009, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030,
    U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-italic-latin-extended.5cf0371616b92063f9b4763e4922521b38ff468fdb66989ed5bd51f19297b7d0.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Sans";
  font-style: italic;
  font-weight: 200 800;
  unicode-range:
    U+100-107, U+10A-113, U+116-11B, U+11E-123, U+126-127, U+12A-12B, U+12E-133,
    U+136-137, U+139-13E, U+141-148, U+150-155, U+158-15B, U+15E-165, U+16A-16B,
    U+16E-17E, U+192, U+218-21B, U+237, U+1E80-1E85, U+1E9E, U+1EF2-1EF3,
    U+2020, U+20B9, U+2113;
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-italic-greek.81984cd9ef07e369d38af2248c6471039214b7969d9a500319a627f513a4bdbd.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Sans";
  font-style: italic;
  font-weight: 200 800;
  unicode-range: U+394, U+3A9, U+3BC, U+3C0;
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-italic-vietnamese.3ff32f27caaa0f3970381da0b1d3c66ff5129728075126315f4a275f81101c94.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Sans";
  font-style: italic;
  font-weight: 200 800;
  unicode-range: U+102-103, U+110-111, U+1EF2-1EF3;
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-italic-other.dc6034154650ab7d2fc6c64c8ac7898af54036b807138732541c06051ba199fc.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Sans";
  font-style: italic;
  font-weight: 200 800;
  unicode-range:
    U+2C7, U+2C9, U+2D8-2D9, U+2DB, U+2DD, U+300-304, U+306-308, U+30A-30C,
    U+312, U+326-328, U+212E, U+2202, U+220F, U+2211, U+2219-221A, U+221E,
    U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+266A;
}

@font-face {
  src: url("/fonts/anthesis-legible-mono/anthesis-legible-mono-roman-latin-extended.521927f972b4f5a6da11d00fbbc2124d08fd60e874222006d25c592acea688aa.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Mono";
  font-style: normal;
  font-weight: 200 800;
  unicode-range:
    U+100-107, U+10A-113, U+116-11B, U+11E-123, U+126-127, U+12A-12B, U+12E-133,
    U+136-137, U+139-13E, U+141-148, U+150-155, U+158-15B, U+15E-165, U+16A-16B,
    U+16E-17E, U+192, U+218-21B, U+237, U+1E80-1E85, U+1E9E, U+1EF2-1EF3, U+2020;
}

@font-face {
  src: url("/fonts/anthesis-legible-mono/anthesis-legible-mono-roman-latin.2a602be2c1e52e20de28b2fd7cb6bc081c06927bc94af9e77d74079fc89cd9fe.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Mono";
  font-style: normal;
  font-weight: 200 800;
  unicode-range:
    U+20-7E, U+A0-AC, U+AE-B4, U+B6-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC,
    U+2009, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030,
    U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  src: url("/fonts/anthesis-legible-mono/anthesis-legible-mono-roman-greek.3c7262cfa78615b5e5440167184bf19d9752e1b509d5b65607918500964516aa.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Mono";
  font-style: normal;
  font-weight: 200 800;
  unicode-range: U+394, U+3A9, U+3BC, U+3C0;
}

@font-face {
  src: url("/fonts/anthesis-legible-mono/anthesis-legible-mono-roman-vietnamese.6ebf548c4c44c90fcbbe66eb43f89128ae437a4142e8050273e8a8197436d607.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Mono";
  font-style: normal;
  font-weight: 200 800;
  unicode-range: U+102-103, U+110-111, U+1EF2-1EF3;
}

@font-face {
  src: url("/fonts/anthesis-legible-mono/anthesis-legible-mono-roman-other.6976da59eb68bd55a8eca7955d773c09bac9531c5bb1039a5eece6f3ea540114.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Mono";
  font-style: normal;
  font-weight: 200 800;
  unicode-range:
    U+2C7, U+2C9, U+2D8-2D9, U+2DB, U+2DD, U+300-304, U+306-308, U+30A-30C,
    U+326-328, U+212E, U+2202, U+220F, U+2211, U+2219-221A, U+221E, U+222B,
    U+2248, U+2260, U+2264-2265, U+25CA, U+266A;
}

@font-face {
  src: url("/fonts/anthesis-legible-mono/anthesis-legible-mono-italic-latin.20e68301c11a62f15bed63a7733a12938e9c25de2f589d17550a2e1058a8007b.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Mono";
  font-style: italic;
  font-weight: 200 800;
  unicode-range:
    U+20-7E, U+A0-AC, U+AE-B4, U+B6-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC,
    U+2009, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030,
    U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  src: url("/fonts/anthesis-legible-mono/anthesis-legible-mono-italic-latin-extended.445d5386629dd0e8a5c895025cb3d3f930bccf155bcb79f01afc7198aff6d608.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Mono";
  font-style: italic;
  font-weight: 200 800;
  unicode-range:
    U+100-107, U+10A-113, U+116-11B, U+11E-123, U+126-127, U+12A-12B, U+12E-133,
    U+136-137, U+139-13E, U+141-148, U+150-155, U+158-15B, U+15E-165, U+16A-16B,
    U+16E-17E, U+192, U+218-21B, U+237, U+1E80-1E85, U+1E9E, U+1EF2-1EF3, U+2020;
}

@font-face {
  src: url("/fonts/anthesis-legible-mono/anthesis-legible-mono-italic-greek.e437835c6a4a3565a77b3d490b3a306ec4ff11dce6275e5a8d318e96bc97101a.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Mono";
  font-style: italic;
  font-weight: 200 800;
  unicode-range: U+394, U+3A9, U+3BC, U+3C0;
}

@font-face {
  src: url("/fonts/anthesis-legible-mono/anthesis-legible-mono-italic-vietnamese.23f3cc0818434f67c07e9fb235ccc39e141da2a534713142e75238e4a5d64a4c.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Mono";
  font-style: italic;
  font-weight: 200 800;
  unicode-range: U+102-103, U+110-111, U+1EF2-1EF3;
}

@font-face {
  src: url("/fonts/anthesis-legible-mono/anthesis-legible-mono-italic-other.b7feead5cb879bde90955c64bcc6fa2a88dd3ff1178532d4c48655a7f46e7240.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Anthesis Legible Mono";
  font-style: italic;
  font-weight: 200 800;
  unicode-range:
    U+2C7, U+2C9, U+2D8-2D9, U+2DB, U+2DD, U+300-304, U+306-308, U+30A-30C,
    U+326-328, U+212E, U+2202, U+220F, U+2211, U+2219-221A, U+221E, U+222B,
    U+2248, U+2260, U+2264-2265, U+25CA, U+266A;
}

:root {
  --font-sans: "Anthesis Legible Sans", sans-serif;
  --font-headings: "Anthesis Gravitas Sans", sans-serif;
  --font-mono: "Anthesis Legible Mono", monospace;
  --base-font-size: clamp(1.065rem, 0.973rem + 0.463vw, 1.331rem);
  --bg-color: #fff3eb;
  --fg-color: #1b1008;
  --link-fg-color: #013a6b;
  --visited-link-color: #4a275f;
  --code-block-bg-color: #eee2da;
  --code-block-fg-color: #100601;
  --heading-fg-color: #53453c;
  --hr-color: #53453c;
  --footer-fg-color: #3f3229;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #292c37;
    --fg-color: #e5ebfa;
    --link-fg-color: #cdf0ff;
    --visited-link-color: #fae5ff;
    --code-block-bg-color: #353945;
    --code-block-fg-color: #eaf0fe;
    --heading-fg-color: #ced3e0;
    --hr-color: #ced3e0;
    --footer-fg-color: #d9deed;
  }
}

html {
  font-size: var(--base-font-size);
}

body {
  margin: auto;
  padding-inline: clamp(0px, 288.842px + -42.105vw, 24px);
  padding-block: 1rem;
  font-family: var(--font-sans);
  line-height: 1.5;
  max-width: 34rem;
  background-color: var(--bg-color);
  color: var(--fg-color);
}

p,
dl,
ol,
ul,
pre,
menu,
hr {
  margin: 1em 0;
}

blockquote,
figure {
  margin: 1em 2.5em;
}

ul,
ol,
menu {
  padding-left: 2.5em;
}

dd {
  margin-left: 2.5em;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin: 0;
}

li + li {
  margin-top: 0.5em;
}
li :is(ul, ol) li {
  margin-top: 0.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-fg-color);
  font-family: var(--font-headings);
}

h2,
h3,
h4,
h5,
h6 {
  margin-top: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: initial;
}

h2 + :is(h3, h4, h5, h6),
h2 + section :is(h3, h4, h5, h6),
h3 + :is(h4, h5, h6),
h3 + section :is(h4, h5, h6),
h4 + :is(h5, h6),
h4 + section :is(h5, h6),
h5 + h6,
h5 + section h6 {
  margin-top: 0.25em;
}

:is(h1, h2, h3, h4, h5, h6) + :not(section, h1, h2, h3, h4, h5, h6) {
  margin-top: 0.75em;
}

nav[class="articles"] :is(h1, h2, h3, h4, h5, h6) + ul {
  margin-top: 0.25em;
}

code,
kbd,
pre,
samp,
tt,
var {
  font-family: var(--font-mono);
  color: var(--code-block-fg-color);
}

h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.25rem;
}
h4,
h5,
h6 {
  font-size: 1rem;
}

img,
picture {
  max-width: 100%;
  height: auto;
  display: block;
}

p code,
p kbd,
li code,
li kbd {
  background-color: var(--code-block-bg-color);
}

ul li p {
  margin-bottom: 0;
}

pre {
  overflow: auto;
  padding: 1em;
  background-color: var(--code-block-bg-color);
  border-radius: 0.25em;
}

nav[class="navbar"] ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 1.25rem;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0.75em;
  gap: 0.75em;
}

nav[class="navbar"] li {
  display: inline-block;
  margin-top: 0;
}

a,
a code {
  color: var(--link-fg-color);
}

a code {
  background-color: var(--bg-color);
}

a:hover,
a:focus,
a:hover code,
a:focus code {
  font-weight: 500;
}

a:visited,
a:visited code {
  color: var(--visited-link-color);
}
a:visited:hover,
a:visited:focus,
a:visited:hover code,
a:visited:focus code {
  font-weight: 500;
}

nav[class="navbar"] a:visited {
  color: var(--link-fg-color);
}
nav[class="navbar"] a:visited:hover,
nav[class="navbar"] a:visited:focus {
  font-weight: 500;
}

a:focus,
summary:focus,
[tabindex="0"]:focus,
form :focus {
  outline: 3px solid currentColor;
}

@supports selector(:focus-visible) {
  a:focus:not(:focus-visible),
  [tabindex="0"]:focus:not(:focus-visible) {
    outline: none;
  }
}

footer {
  margin-top: 2.5em;
  font-size: 0.9375em;
  color: var(--footer-fg-color);
}
footer code {
  color: var(--footer-fg-color);
  word-break: break-all;
}
footer hr {
  margin-bottom: 1.25em;
  background-color: var(--hr-color);
  height: 2px;
  border: none;
  opacity: 0.2;
}
footer p {
  margin-bottom: 0;
}