/*
I based the Anthesis Legible fonts on Atkinson Hyperlegible Next/Mono,
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: "Escalator 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: "Escalator";
}

@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/escalator/escalator-regular-critical-text.12f30cb2455f15631912de050dcd64fa8b5d6bc197d14e598b124b8088c4e46f.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator 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/escalator/escalator-regular-cyrillic.e2a68b43b06f8d1df3a79d4d02f3aaddf38acd55241e06d791c96d6187768e04.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+2116;
}

@font-face {
  src: url("/fonts/escalator/escalator-regular-greek.99812f4e3b01d46c8e852d3cda0b2873e395e7cee67c7640e20140b3e31033ca.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+3B1-3B2, U+3BC;
}

@font-face {
  src: url("/fonts/escalator/escalator-regular-latin.d9513df3b438ce54e5112cfb0d7ad4de90664b0e75fe96841cd5517a152f01e0.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: normal;
  font-weight: 100 900;
  unicode-range:
    U+20-7E, U+A0-AB, U+AE-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2007,
    U+2009, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030,
    U+2032-2033, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212;
}

@font-face {
  src: url("/fonts/escalator/escalator-regular-latin-extended.fb07f0ed9a9a143f9799d865d37568b8346e768f0ed5054bb02071f063497935.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: normal;
  font-weight: 100 900;
  unicode-range:
    U+100-137, U+139-17E, U+192, U+1FC-1FD, U+218-21B, U+237, U+259,
    U+1E80-1E85, U+1E9E, U+1EBC-1EBD, U+1EF2-1EF3, U+1EF8-1EF9, U+2020,
    U+20B9-20BA, U+20BD, U+20BF;
}

@font-face {
  src: url("/fonts/escalator/escalator-regular-other.c4f9fe9e25d0effb4f74ce8b4c4e297e618b730ce8586733ffca99f9963c2f44.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: normal;
  font-weight: 100 900;
  unicode-range:
    U+2C7, U+2D8-2D9, U+2DB, U+2DD, U+323, U+326, U+2070, U+2075-2079,
    U+2080-2089, U+2117, U+2120, U+2153-2154, U+215B-215E, U+2248, U+2260,
    U+2264-2265, U+FB01-FB02;
}

@font-face {
  src: url("/fonts/escalator/escalator-regular-vietnamese.184e5f0c0ef54ad8c9dab8d936b167ccf23f87c108892e1361da13e5859aeba6.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: normal;
  font-weight: 100 900;
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1EBC-1EBD, U+1EF2-1EF3,
    U+1EF8-1EF9;
}

@font-face {
  src: url("/fonts/escalator/escalator-italic-cyrillic.64522f65d0cea4e6d3532afc8b38ccb575000130fbd8f3e874a4224de0d322c4.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: italic;
  font-weight: 100 900;
  unicode-range: U+2116;
}

@font-face {
  src: url("/fonts/escalator/escalator-italic-greek.8abd160fd05cfe8e5adc25955e4d2b08187fc8242faddc500ac200c2d82798b9.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: italic;
  font-weight: 100 900;
  unicode-range: U+3B1-3B2, U+3BC;
}

@font-face {
  src: url("/fonts/escalator/escalator-italic-latin.2d7a86705e3e4f514c629b0487a173a723a8d854a83485ef30160eb8d33772d4.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: italic;
  font-weight: 100 900;
  unicode-range:
    U+20-7E, U+A0-AB, U+AE-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2007,
    U+2009, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030,
    U+2032-2033, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212;
}

@font-face {
  src: url("/fonts/escalator/escalator-italic-latin-extended.d56f1882ec8ac62badd105808f531ad210ed1fbfd54ace055b5554f9de2ad3a4.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: italic;
  font-weight: 100 900;
  unicode-range:
    U+100-137, U+139-17E, U+192, U+1FC-1FD, U+218-21B, U+237, U+259,
    U+1E80-1E85, U+1E9E, U+1EBC-1EBD, U+1EF2-1EF3, U+1EF8-1EF9, U+2020,
    U+20B9-20BA, U+20BD, U+20BF;
}

@font-face {
  src: url("/fonts/escalator/escalator-italic-other.1d5d9a3920630f0e0ec9cb221aa871737ec3ab97339748d507d504a5febb29d6.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: italic;
  font-weight: 100 900;
  unicode-range:
    U+2C7, U+2D8-2D9, U+2DB, U+2DD, U+323, U+326, U+2070, U+2075-2079,
    U+2080-2089, U+2117, U+2120, U+2153-2154, U+215B-215E, U+2248, U+2260,
    U+2264-2265, U+FB01-FB02;
}

@font-face {
  src: url("/fonts/escalator/escalator-italic-vietnamese.d9f4dd01fc47d88daa83e51150de104fc7657542bf59b54991e3f4807a69ef2c.woff2")
    format("woff2");
  font-display: swap;
  font-family: "Escalator";
  font-style: italic;
  font-weight: 100 900;
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1EBC-1EBD, U+1EF2-1EF3,
    U+1EF8-1EF9;
}

@font-face {
  src: url("/fonts/anthesis-legible-sans/anthesis-legible-sans-roman-latin.c6f798dde43a67cb5856628c130610f8b149c1878dad65e35dbea86a64be0881.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.955152a44de0f377b6a77eb91be90946e53b93871138f230ac45c530bc2c4edd.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: "Escalator", 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:first-of-type {
  margin-top: 0.25em;
}

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

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

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;
  margin: 1.5em 0;
}

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;
  }
}

hr {
  background-color: var(--hr-color);
  height: 2px;
  border: none;
  opacity: 0.2;
}

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;
}
footer p {
  margin-bottom: 0;
}