@charset "UTF-8";
/* colors */
:root {
  --red1: hsl(359, 100%, 99.4%);
  --red2: hsl(359, 100%, 98.6%);
  --red3: hsl(360, 100%, 96.8%);
  --red4: hsl(360, 97.9%, 94.8%);
  --red5: hsl(360, 90.2%, 91.9%);
  --red6: hsl(360, 81.7%, 87.8%);
  --red7: hsl(359, 74.2%, 81.7%);
  --red8: hsl(359, 69.5%, 74.3%);
  --red9: hsl(358, 75.0%, 59.0%);
  --red10: hsl(358, 69.4%, 55.2%);
  --red11: hsl(358, 65.0%, 48.7%);
  --red12: hsl(354, 50.0%, 14.6%);
  --redA1: hsla(0, 100%, 51.0%, 0.012);
  --redA2: hsla(0, 100%, 51.0%, 0.032);
  --redA3: hsla(0, 100%, 50.2%, 0.063);
  --redA4: hsla(0, 100%, 50.0%, 0.102);
  --redA5: hsla(0, 99.9%, 47.5%, 0.153);
  --redA6: hsla(0, 99.5%, 44.9%, 0.224);
  --redA7: hsla(359, 99.7%, 42.7%, 0.318);
  --redA8: hsla(359, 99.6%, 41.1%, 0.436);
  --redA9: hsla(358, 99.9%, 42.9%, 0.718);
  --redA10: hsla(358, 99.9%, 41.0%, 0.761);
  --redA11: hsla(358, 99.8%, 38.3%, 0.832);
  --redA12: hsla(355, 99.3%, 7.9%, 0.926);
  --blue1: hsl(206, 100%, 99.2%);
  --blue2: hsl(210, 100%, 98.0%);
  --blue3: hsl(209, 100%, 96.5%);
  --blue4: hsl(210, 98.8%, 94.0%);
  --blue5: hsl(209, 95.0%, 90.1%);
  --blue6: hsl(209, 81.2%, 84.5%);
  --blue7: hsl(208, 77.5%, 76.9%);
  --blue8: hsl(206, 81.9%, 65.3%);
  --blue9: hsl(206, 100%, 50.0%);
  --blue10: hsl(208, 100%, 47.3%);
  --blue11: hsl(211, 100%, 43.2%);
  --blue12: hsl(211, 100%, 15.0%);
  --blueA1: hsla(210, 100%, 51.0%, 0.016);
  --blueA2: hsla(210, 100%, 51.0%, 0.040);
  --blueA3: hsla(210, 100%, 50.3%, 0.071);
  --blueA4: hsla(210, 100%, 50.1%, 0.118);
  --blueA5: hsla(208, 99.1%, 47.1%, 0.189);
  --blueA6: hsla(209, 99.5%, 45.3%, 0.283);
  --blueA7: hsla(208, 99.9%, 43.8%, 0.412);
  --blueA8: hsla(206, 99.8%, 45.1%, 0.632);
  --blueA9: hsla(206, 100%, 50.0%, 0.980);
  --blueA10: hsla(208, 100%, 47.2%, 0.980);
  --blueA11: hsla(212, 100%, 43.0%, 0.980);
  --blueA12: hsla(213, 100%, 14.4%, 0.980);
  --green1: hsl(136, 50.0%, 98.9%);
  --green2: hsl(138, 62.5%, 96.9%);
  --green3: hsl(139, 55.2%, 94.5%);
  --green4: hsl(140, 48.7%, 91.0%);
  --green5: hsl(141, 43.7%, 86.0%);
  --green6: hsl(143, 40.3%, 79.0%);
  --green7: hsl(146, 38.5%, 69.0%);
  --green8: hsl(151, 40.2%, 54.1%);
  --green9: hsl(151, 55.0%, 41.5%);
  --green10: hsl(152, 57.5%, 37.6%);
  --green11: hsl(153, 67.0%, 28.5%);
  --green12: hsl(155, 40.0%, 14.0%);
  --greenA1: hsla(140, 94.9%, 38.7%, 0.016);
  --greenA2: hsla(138, 99.9%, 38.5%, 0.051);
  --greenA3: hsla(139, 97.7%, 36.9%, 0.087);
  --greenA4: hsla(139, 98.5%, 32.7%, 0.134);
  --greenA5: hsla(141, 100%, 30.4%, 0.200);
  --greenA6: hsla(142, 99.0%, 28.9%, 0.295);
  --greenA7: hsla(146, 99.5%, 27.6%, 0.428);
  --greenA8: hsla(151, 99.5%, 28.8%, 0.644);
  --greenA9: hsla(151, 99.9%, 28.0%, 0.812);
  --greenA10: hsla(152, 99.6%, 25.8%, 0.840);
  --greenA11: hsla(153, 99.9%, 21.0%, 0.906);
  --greenA12: hsla(155, 99.4%, 6.2%, 0.918);
  --slate1: hsl(206, 30.0%, 98.8%);
  --slate2: hsl(210, 16.7%, 97.6%);
  --slate3: hsl(209, 13.3%, 95.3%);
  --slate4: hsl(209, 12.2%, 93.2%);
  --slate5: hsl(208, 11.7%, 91.1%);
  --slate6: hsl(208, 11.3%, 88.9%);
  --slate7: hsl(207, 11.1%, 85.9%);
  --slate8: hsl(205, 10.7%, 78.0%);
  --slate9: hsl(206, 6.0%, 56.1%);
  --slate10: hsl(206, 5.8%, 52.3%);
  --slate11: hsl(206, 6.0%, 43.5%);
  --slate12: hsl(206, 24.0%, 9.0%);
  --slateA1: hsla(210, 92.6%, 26.5%, 0.016);
  --slateA2: hsla(210, 87.7%, 16.0%, 0.028);
  --slateA3: hsla(210, 98.8%, 14.4%, 0.055);
  --slateA4: hsla(210, 94.1%, 11.1%, 0.075);
  --slateA5: hsla(216, 91.1%, 10.9%, 0.099);
  --slateA6: hsla(206, 96.4%, 11.3%, 0.126);
  --slateA7: hsla(210, 99.1%, 10.1%, 0.157);
  --slateA8: hsla(205, 96.5%, 10.0%, 0.244);
  --slateA9: hsla(206, 98.8%, 5.9%, 0.467);
  --slateA10: hsla(206, 99.6%, 5.4%, 0.506);
  --slateA11: hsla(206, 97.0%, 4.8%, 0.593);
  --slateA12: hsla(202, 97.0%, 2.4%, 0.934);
  --blackA1: hsla(0, 0%, 0%, 0.012);
  --blackA2: hsla(0, 0%, 0%, 0.027);
  --blackA3: hsla(0, 0%, 0%, 0.047);
  --blackA4: hsla(0, 0%, 0%, 0.071);
  --blackA5: hsla(0, 0%, 0%, 0.090);
  --blackA6: hsla(0, 0%, 0%, 0.114);
  --blackA7: hsla(0, 0%, 0%, 0.141);
  --blackA8: hsla(0, 0%, 0%, 0.220);
  --blackA9: hsla(0, 0%, 0%, 0.439);
  --blackA10: hsla(0, 0%, 0%, 0.478);
  --blackA11: hsla(0, 0%, 0%, 0.565);
  --blackA12: hsla(0, 0%, 0%, 0.910);
  --black0: hsla(0, 0%, 100%, 1.0);
  --black: hsla(0, 0%, 0%, 1.0);
  --whiteA1: hsla(0, 0%, 100%, 0);
  --whiteA2: hsla(0, 0%, 100%, 0.013);
  --whiteA3: hsla(0, 0%, 100%, 0.034);
  --whiteA4: hsla(0, 0%, 100%, 0.056);
  --whiteA5: hsla(0, 0%, 100%, 0.086);
  --whiteA6: hsla(0, 0%, 100%, 0.124);
  --whiteA7: hsla(0, 0%, 100%, 0.176);
  --whiteA8: hsla(0, 0%, 100%, 0.249);
  --whiteA9: hsla(0, 0%, 100%, 0.386);
  --whiteA10: hsla(0, 0%, 100%, 0.446);
  --whiteA11: hsla(0, 0%, 100%, 0.592);
  --whiteA12: hsla(0, 0%, 100%, 0.923);
  --white0: hsla(0, 0%, 100%, 1.0);
  --white: hsla(0, 0%, 100%, 1.0);
}

/* dark colors */
@media (prefers-color-scheme: dark) {
  :root {
    --red1: hsl(353, 23.0%, 9.8%);
    --red2: hsl(357, 34.4%, 12.0%);
    --red3: hsl(356, 43.4%, 16.4%);
    --red4: hsl(356, 47.6%, 19.2%);
    --red5: hsl(356, 51.1%, 21.9%);
    --red6: hsl(356, 55.2%, 25.9%);
    --red7: hsl(357, 60.2%, 31.8%);
    --red8: hsl(358, 65.0%, 40.4%);
    --red9: hsl(358, 75.0%, 59.0%);
    --red10: hsl(358, 85.3%, 64.0%);
    --red11: hsl(358, 100%, 69.5%);
    --red12: hsl(351, 89.0%, 96.0%);
    --redA1: hsla(0, 0%, 0%, 0);
    --redA2: hsla(5, 98.5%, 53.8%, 0.045);
    --redA3: hsla(359, 99.1%, 61.1%, 0.130);
    --redA4: hsla(358, 98.8%, 61.0%, 0.184);
    --redA5: hsla(357, 99.6%, 60.3%, 0.237);
    --redA6: hsla(358, 99.6%, 60.3%, 0.322);
    --redA7: hsla(357, 100%, 59.5%, 0.442);
    --redA8: hsla(358, 99.8%, 59.1%, 0.621);
    --redA9: hsla(358, 100%, 65.5%, 0.884);
    --redA10: hsla(358, 100%, 67.5%, 0.942);
    --redA11: hsla(358, 100%, 69.7%, 0.980);
    --redA12: hsla(352, 100%, 97.1%, 0.980);
    --blue1: hsl(212, 35.0%, 9.2%);
    --blue2: hsl(216, 50.0%, 11.8%);
    --blue3: hsl(214, 59.4%, 15.3%);
    --blue4: hsl(214, 65.8%, 17.9%);
    --blue5: hsl(213, 71.2%, 20.2%);
    --blue6: hsl(212, 77.4%, 23.1%);
    --blue7: hsl(211, 85.1%, 27.4%);
    --blue8: hsl(211, 89.7%, 34.1%);
    --blue9: hsl(206, 100%, 50.0%);
    --blue10: hsl(209, 100%, 60.6%);
    --blue11: hsl(210, 100%, 66.1%);
    --blue12: hsl(206, 98.0%, 95.8%);
    --blueA1: hsla(0, 0%, 0%, 0);
    --blueA2: hsla(221, 97.8%, 52.4%, 0.059);
    --blueA3: hsla(215, 99.3%, 54.2%, 0.135);
    --blueA4: hsla(215, 99.3%, 53.8%, 0.198);
    --blueA5: hsla(213, 99.4%, 52.8%, 0.252);
    --blueA6: hsla(212, 99.9%, 51.7%, 0.323);
    --blueA7: hsla(211, 100%, 50.7%, 0.435);
    --blueA8: hsla(211, 99.8%, 50.9%, 0.597);
    --blueA9: hsla(205, 100%, 50.0%, 0.980);
    --blueA10: hsla(208, 100%, 60.7%, 0.980);
    --blueA11: hsla(209, 100%, 66.3%, 0.980);
    --blueA12: hsla(196, 100%, 96.8%, 0.980);
    --green1: hsl(146, 30.0%, 7.4%);
    --green2: hsl(155, 44.2%, 8.4%);
    --green3: hsl(155, 46.7%, 10.9%);
    --green4: hsl(154, 48.4%, 12.9%);
    --green5: hsl(154, 49.7%, 14.9%);
    --green6: hsl(154, 50.9%, 17.6%);
    --green7: hsl(153, 51.8%, 21.8%);
    --green8: hsl(151, 51.7%, 28.4%);
    --green9: hsl(151, 55.0%, 41.5%);
    --green10: hsl(151, 49.3%, 46.5%);
    --green11: hsl(151, 50.0%, 53.2%);
    --green12: hsl(137, 72.0%, 94.0%);
    --greenA1: hsla(0, 0%, 0%, 0);
    --greenA2: hsla(169, 100%, 48.5%, 0.027);
    --greenA3: hsla(162, 98.7%, 57.9%, 0.070);
    --greenA4: hsla(158, 98.6%, 59.7%, 0.105);
    --greenA5: hsla(158, 98.6%, 60.7%, 0.140);
    --greenA6: hsla(156, 99.9%, 62.0%, 0.187);
    --greenA7: hsla(154, 99.5%, 63.1%, 0.257);
    --greenA8: hsla(152, 99.7%, 64.2%, 0.370);
    --greenA9: hsla(151, 99.7%, 63.8%, 0.605);
    --greenA10: hsla(152, 99.9%, 66.5%, 0.661);
    --greenA11: hsla(151, 99.7%, 69.2%, 0.740);
    --greenA12: hsla(137, 100%, 95.8%, 0.980);
    --slate1: hsl(200, 7.0%, 8.8%);
    --slate2: hsl(195, 7.1%, 11.0%);
    --slate3: hsl(197, 6.8%, 13.6%);
    --slate4: hsl(198, 6.6%, 15.8%);
    --slate5: hsl(199, 6.4%, 17.9%);
    --slate6: hsl(201, 6.2%, 20.5%);
    --slate7: hsl(203, 6.0%, 24.3%);
    --slate8: hsl(207, 5.6%, 31.6%);
    --slate9: hsl(206, 6.0%, 43.9%);
    --slate10: hsl(206, 5.2%, 49.5%);
    --slate11: hsl(206, 6.0%, 63.0%);
    --slate12: hsl(210, 6.0%, 93.0%);
    --slateA1: hsla(0, 0%, 0%, 0);
    --slateA2: hsla(181, 98.9%, 91.8%, 0.026);
    --slateA3: hsla(182, 86.7%, 91.4%, 0.057);
    --slateA4: hsla(209, 86.7%, 93.9%, 0.083);
    --slateA5: hsla(200, 90.3%, 93.4%, 0.109);
    --slateA6: hsla(209, 95.3%, 93.5%, 0.139);
    --slateA7: hsla(204, 98.5%, 93.9%, 0.182);
    --slateA8: hsla(209, 94.0%, 94.7%, 0.265);
    --slateA9: hsla(207, 97.3%, 94.0%, 0.412);
    --slateA10: hsla(209, 99.4%, 95.2%, 0.472);
    --slateA11: hsla(208, 98.7%, 96.8%, 0.615);
    --slateA12: hsla(211, 86.7%, 99.6%, 0.927);
    --black0: hsla(0, 0%, 0%, 1.0);
    --white0: hsla(0, 0%, 0%, 1.0);
  }
}
/* fonts */
:root {
  --font-sans: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-gothic-sans: "Oswald", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-serif: "Fraunces", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-monospace: ui-monospace, "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;
}

/* typography */
:root {
  --line-height-1: 1.0;
  --line-height-2: 1.0;
  --line-height-3: 1.25;
  --line-height-4: 1.25;
  --line-height-5: 1.5;
  --line-height-6: 1.5;
  --line-height-7: 1.75;
  --line-height-8: 1.75;
  --line-height-9: 2.0;
  --letter-spacing-1: 0.05em;
  --letter-spacing-2: 0.05em;
  --letter-spacing-3: 0.05em;
  --letter-spacing-4: 0.05em;
  --letter-spacing-5: 0.05em;
  --letter-spacing-6: 0.05em;
  --letter-spacing-7: 0.05em;
  --letter-spacing-8: 0.05em;
  --letter-spacing-9: 0.05em;
  --font-weight-1: 100;
  --font-weight-2: 200;
  --font-weight-3: 300;
  --font-weight-4: 400;
  --font-weight-5: 500;
  --font-weight-6: 600;
  --font-weight-7: 700;
  --font-weight-8: 800;
  --font-weight-9: 900;
}

/* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --step--2: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.8rem);
  --step--1: clamp(0.9375rem, 0.9158rem + 0.1087vw, 1rem);
  --step-0: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
  --step-1: clamp(1.35rem, 1.2761rem + 0.3696vw, 1.5625rem);
  --step-2: clamp(1.62rem, 1.5041rem + 0.5793vw, 1.9531rem);
  --step-3: clamp(1.9438rem, 1.7707rem + 0.8652vw, 2.4413rem);
  --step-4: clamp(2.3325rem, 2.0823rem + 1.2511vw, 3.0519rem);
  --step-5: clamp(2.7994rem, 2.4461rem + 1.7663vw, 3.815rem);
}

/* @link https://utopia.fyi/space/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25|0.125,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --space-4xs: clamp(0.125rem, 0.1033rem + 0.1087vw, 0.1875rem);
  --space-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
  --space-2xs: clamp(0.5625rem, 0.5408rem + 0.1087vw, 0.625rem);
  --space-xs: clamp(0.875rem, 0.8533rem + 0.1087vw, 0.9375rem);
  --space-s: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
  --space-m: clamp(1.6875rem, 1.6223rem + 0.3261vw, 1.875rem);
  --space-l: clamp(2.25rem, 2.163rem + 0.4348vw, 2.5rem);
  --space-xl: clamp(3.375rem, 3.2446rem + 0.6522vw, 3.75rem);
  --space-2xl: clamp(4.5rem, 4.3261rem + 0.8696vw, 5rem);
  --space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);
  /* One-up pairs */
  --space-4xs-3xs: clamp(0.125rem, 0.0598rem + 0.3261vw, 0.3125rem);
  --space-3xs-2xs: clamp(0.3125rem, 0.2038rem + 0.5435vw, 0.625rem);
  --space-2xs-xs: clamp(0.5625rem, 0.4321rem + 0.6522vw, 0.9375rem);
  --space-xs-s: clamp(0.875rem, 0.7446rem + 0.6522vw, 1.25rem);
  --space-s-m: clamp(1.125rem, 0.8641rem + 1.3043vw, 1.875rem);
  --space-m-l: clamp(1.6875rem, 1.4049rem + 1.413vw, 2.5rem);
  --space-l-xl: clamp(2.25rem, 1.7283rem + 2.6087vw, 3.75rem);
  --space-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261vw, 5rem);
  --space-2xl-3xl: clamp(4.5rem, 3.4565rem + 5.2174vw, 7.5rem);
  /* Custom pairs */
  --space-s-l: clamp(1.125rem, 0.6467rem + 2.3913vw, 2.5rem);
}

/* @link https://utopia.fyi/grid/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --grid-max-width: 77.50rem;
  --grid-gutter: var(--space-s-l, clamp(1.125rem, 0.6467rem + 2.3913vw, 2.5rem));
  --grid-columns: 12;
}

/**
 * Placeholder to allow overriding predefined variables smoothly.
 */
/* ---------------------------------------------------------------------------- */
/* NORMAL */
/* Latin Basic, as defined by Google Fonts */
@font-face {
  font-family: "Fraunces";
  font-display: swap;
  font-weight: 100 900;
  src: url("../fonts/Fraunces--latin_basic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Latin extended, for diacritics in font which are not included in Latin Basic */
@font-face {
  font-family: "Fraunces";
  font-display: swap;
  font-weight: 100 900;
  src: url("../fonts/Fraunces--latin_ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* ---------------------------------------------------------------------------- */
/* ITALICS */
/* Latin Basic, as defined by Google Fonts */
@font-face {
  font-family: "Fraunces";
  font-display: swap;
  font-style: italic;
  font-weight: 100 900;
  src: url("../fonts/Fraunces-Italic--latin_basic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Latin extended, for diacritics in font which are not included in Latin Basic */
@font-face {
  font-family: "Fraunces";
  font-display: swap;
  font-style: italic;
  font-weight: 100 900;
  src: url("../fonts/Fraunces-Italic--latin_ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Oswald";
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 200 700;
  src: url("../fonts/Oswald-VariableFont_wght.woff2") format("woff2");
}
/* root */
:root {
  --anchor-link-color: var(--blue11);
  --anchor-link-onHover-color: var(--blue12);
  --anchor-visited-color: var(--blue8);
  --anchor-visited-onHover-color: var(--blue9);
}

/* Body */
.Body {
  --Body-backgroundColor: var(--slate1);
  --Body-color: var(--slate12);
}

/* Header */
.Header {
  --Header-height: var(--space-xl-2xl);
  --Header-name-fontFamily: var(--font-sans);
  --Header-name-fontSize: var(--step--1);
  --Header-name-fontWeight: 600;
  --Header-navListItem-fontFamily: var(--font-sans);
  --Header-navListItem-fontSize: var(--step--1);
  --Header-navListItem-fontWeight: 600;
  --Header-mobileNav-backgroundColor: var(--slate2);
  --Header-mobileNav-boxShadowColor: var(--slate2);
  --Header-mobileNav-color: var(--slate11);
  --Header-mobileNavListItem-boxShadowColor: var(--slate6);
}

/* ArchivesLayout */
/* Icon */
.Icon {
  --Icon-color: var(--slate9);
}

/* Tags */
.Tags {
  --Tags-detailsLink-borderRadius: 0.25em;
}

.ArchivesLayout {
  --ArchivesLayout-title-color: var(--slate8);
  --ArchivesLayout-title-fontFamily: var(--font-sans);
  --ArchivesLayout-title-fontSize: var(--step-0);
  --ArchivesLayout-title-fontStyle: normal;
  --ArchivesLayout-title-fontWeight: var(--font-weight-6);
  --ArchivesLayout-title-marginBlock: var(--space-l) 0;
  --ArchivesLayout-title-marginInline: 0;
}

/* EntryLayout */
.EntryLayout {
  --EntryLayout-title-color: var(--slate8);
  --EntryLayout-title-fontFamily: var(--font-sans);
  --EntryLayout-title-fontSize: var(--step-0);
  --EntryLayout-title-fontStyle: normal;
  --EntryLayout-title-fontWeight: var(--font-weight-6);
  --EntryLayout-title-marginBlock: var(--space-l) 0;
  --EntryLayout-title-marginInline: 0;
}

/* HomeLayout */
.HomeLayout {
  --HomeLayout-note-marginBlock: var(--space-s-m) 0;
  --HomeLayout-notes-nav-marginBlock: var(--space-m) 0;
  --HomeLayout-notes-navContent-backgroundColor: var(--slate3);
  --HomeLayout-notes-navContent-borderRadius: 0.25em;
  --HomeLayout-notes-navContent-color: var(--slate10);
  --HomeLayout-notes-navContent-cursor: default;
  --HomeLayout-notes-navContent-display: block;
  --HomeLayout-notes-navContent-fontSize: var(--step--2);
  --HomeLayout-notes-navContent-fontWeight: var(--font-weight-4);
  --HomeLayout-notes-navContent-letterSpacing: var(--letter-spacing-1);
  --HomeLayout-notes-navContent-link-backgroundColor: var(--blue3);
  --HomeLayout-notes-navContent-link-color: var(--blue10);
  --HomeLayout-notes-navContent-link-cursor: pointer;
  --HomeLayout-notes-navContent-link-onHover-backgroundColor: var(--blue3);
  --HomeLayout-notes-navContent-link-onHover-color: var(--blue10);
  --HomeLayout-notes-navContent-link-textDecoration: none;
  --HomeLayout-notes-navContent-paddingBlock: var(--space-2xs);
  --HomeLayout-notes-navContent-paddingInline: var(--space-s);
  --HomeLayout-notes-navContent-textAlign: center;
}

/* JournalLayout */
.JournalLayout {
  --JournalLayout-title-color: var(--slate8);
  --JournalLayout-title-fontFamily: var(--font-sans);
  --JournalLayout-title-fontSize: var(--step-0);
  --JournalLayout-title-fontStyle: normal;
  --JournalLayout-title-fontWeight: var(--font-weight-6);
  --JournalLayout-title-marginBlock: var(--space-l) 0;
  --JournalLayout-title-marginInline: 0;
}

/* Note */
.Note {
  --Note--sizeLarge-content-fontSize: var(--step-2);
  --Note--sizeLarge-content-maxWidth: 24em;
  --Note--sizeLarge-published-fontSize: var(--step--1);
  --Note--sizeLarge-published-fontWeight: var(--font-weight-4);
  --Note--sizeSmall-content-fontSize: var(--step--1);
  --Note--sizeSmall-content-maxWidth: 24em;
  --Note--sizeSmall-published-fontSize: var(--step--2);
  --Note--sizeSmall-published-fontWeight: var(--font-weight-4);
  --Note-content-anchor-link-color: var(--anchor-link-color);
  --Note-content-anchor-link-onHover-color: var(--anchor-link-onHover-color);
  --Note-content-anchor-visited-color: var(--anchor-visited-color);
  --Note-content-anchor-visited-onHover-color: var(--anchor-visited-onHover-color);
  --Note-content-color: var(--slate12);
  --Note-content-fontFamily: var(--font-serif);
  --Note-content-fontSize: var(--step-0);
  --Note-content-fontWeight: var(--font-weight-3);
  --Note-content-lineHeight: var(--line-height-5);
  --Note-content-maxWidth: 32em;
  --Note-published-color: var(--slate9);
  --Note-published-fontFamily: var(--font-sans);
  --Note-published-fontSize: var(--step--2);
  --Note-published-fontWeight: var(--font-weight-4);
  --Note-published-marginBlock: var(--space-2xs) 0;
  --Note-publishedLink-color: var(--slate9);
  --Note-publishedLink-onHover-color: var(--slate11);
  --Note-tags-fontSize: var(--step--2);
  --Note-tags-lineHeight: var(--line-height-1);
  --Note-tags-marginBlock: var(--space-2xs) 0;
  --Note-tags-maxWidth: 40em;
}

/* NoteLayout */
.NoteLayout {
  --NoteLayout-nav-color: var(--slate9);
  --NoteLayout-nav-cursor: default;
  --NoteLayout-nav-fontFamily: var(--font-sans);
  --NoteLayout-nav-fontSize: var(--step--2);
  --NoteLayout-nav-fontWeight: 800;
  --NoteLayout-nav-letterSpacing: 0.1em;
  --NoteLayout-nav-marginBlock: var(--space-2xs);
  --NoteLayout-nav-textTransform: uppercase;
  --NoteLayout-nav-userSelect: none;
  --NoteLayout-navItemContent-link-color: var(--anchor-link-color);
  --NoteLayout-navItemContent-link-onHover-color: var(--anchor-link-onHover-color);
  --NoteLayout-navItemContent-visited-color: var(--anchor-visited-color);
  --NoteLayout-navItemContent-visited-onHover-color: var(--anchor-visited-onHover-color);
  --NoteLayout-navList-gap: 1.0em;
  --NoteLayout-navList-marginBlock: var(--space-2xs) var(--space-2xs);
}

/* NotesLayout */
.NotesLayout {
  --NotesLayout-nav-marginBlock: var(--space-l) 0;
  --NotesLayout-navContent-backgroundColor: var(--slate3);
  --NotesLayout-navContent-borderRadius: 0.25em;
  --NotesLayout-navContent-color: var(--slate10);
  --NotesLayout-navContent-cursor: default;
  --NotesLayout-navContent-display: block;
  --NotesLayout-navContent-fontSize: var(--step--2);
  --NotesLayout-navContent-fontWeight: var(--font-weight-4);
  --NotesLayout-navContent-letterSpacing: var(--letter-spacing-1);
  --NotesLayout-navContent-link-backgroundColor: var(--blue3);
  --NotesLayout-navContent-link-color: var(--blue10);
  --NotesLayout-navContent-link-cursor: pointer;
  --NotesLayout-navContent-link-onHover-backgroundColor: var(--blue3);
  --NotesLayout-navContent-link-onHover-color: var(--blue10);
  --NotesLayout-navContent-link-textDecoration: none;
  --NotesLayout-navContent-paddingBlock: var(--space-xs);
  --NotesLayout-navContent-paddingInline: var(--space-s);
  --NotesLayout-navContent-textAlign: center;
  --NotesLayout-note-marginBlock: var(--space-m-l) 0;
  --NotesLayout-title-color: var(--slate8);
  --NotesLayout-title-fontFamily: var(--font-sans);
  --NotesLayout-title-fontSize: var(--step-0);
  --NotesLayout-title-fontStyle: normal;
  --NotesLayout-title-fontWeight: var(--font-weight-7);
  --NotesLayout-title-marginBlock: var(--space-l) 0;
  --NotesLayout-title-marginInline: 0;
}

/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  box-sizing: border-box;
}

html {
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.15; /* 1. Correct the line height in all browsers. */
  -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
  -moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
  tab-size: 4; /* 3 */
}

/*
Sections
========
*/
body {
  margin: 0; /* Remove the margin in all browsers. */
}

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

.Icon {
  display: inline-block;
  fill: var(--Icon-color);
  height: 1em;
  width: 1em;
}

.Tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-inline: 0 0;
}

.Tags-term {
  display: none;
}

.Tags-details {
  margin-block: 0 0;
  margin-inline: 0 0;
}

.Tags-detailsLink,
.Tags-detailsLink:link,
.Tags-detailsLink:visited {
  background-color: var(--slate3);
  border-radius: var(--Tags-detailsLink-borderRadius);
  color: var(--slate10);
  display: block;
  font-family: var(--font-sans);
  padding-block: var(--space-3xs);
  padding-inline: var(--space-2xs);
  text-decoration: none;
}

.Tags-detailsLink:link:hover,
.Tags-detailsLink:visited:hover {
  background-color: var(--blue3);
  color: var(--blue10);
}

.Body {
  background-color: var(--Body-backgroundColor);
  color: var(--Body-color);
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
  scroll-behavior: smooth;
}

.Body-main {
  display: flex;
}

.Footer {
  margin-inline: auto;
  max-width: var(--grid-max-width);
  padding-inline: var(--grid-gutter);
  width: 100%;
}

.Footer-navList {
  list-style-type: "";
  padding-inline: 0 0;
}

.Footer-link:link,
.Footer-link:visited,
.Footer-link:hover,
.Footer-link:focus,
.Footer-link:active {
  background-color: unset;
  color: inherit;
  font-size: var(--step--2);
  font-weight: var(--font-weight-3);
  line-height: var(--line-height-5);
  text-decoration: none;
}

/*
.Footer-link--withIcon .Footer-linkIcon {
  fill: blue;
}
 */
@media (min-width: 60em) {
  .Footer-content {
    column-gap: var(--grid-gutter);
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-template-rows: auto 1fr auto;
    row-gap: 0;
  }
  .Footer-about {
    grid-column-end: 7;
    grid-column-start: 1;
  }
  .Footer-nav {
    grid-column-end: 10;
    grid-column-start: 7;
  }
  .Footer-social {
    grid-column-end: 13;
    grid-column-start: 10;
  }
}
.Header {
  align-items: center;
  display: flex;
  height: var(--Header-height);
  justify-content: space-between;
  margin-inline: auto;
  max-width: var(--grid-max-width);
  padding-inline: var(--grid-gutter);
  white-space: nowrap;
  width: 100%;
}

.Header-name {
  font-family: var(--Header-name-fontFamily);
  font-size: var(--Header-name-fontSize);
  font-weight: var(--Header-name-fontWeight);
  /* u-flexTruncateParent */
  min-width: 0 !important;
}

.Header-nav {
  display: none;
  flex: 1 1 auto;
}

.Header-navList {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style-type: "";
  margin-block: 0 0;
  padding-inline: 0 0;
}

.Header-navListItem {
  font-family: var(--Header-navListItem-fontFamily);
  font-size: var(--Header-navListItem-fontSize);
  font-weight: var(--Header-navListItem-fontWeight);
  margin: 0 var(--space-3xs);
}

.Header-link {
  border-radius: 0.125em;
  display: block;
  /* u-textTruncate */
  max-width: 100%;
  overflow: hidden !important;
  padding: var(--space-3xs-2xs) var(--space-xs-s);
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
}

.Header-name .Header-link {
  left: calc(-1 * var(--space-xs-s));
  position: relative;
}

.Header-link:link,
.Header-link:visited,
.Header-link:active {
  background-color: unset;
  color: inherit;
  text-decoration: none;
}

.Header-link:hover,
.Header-link:focus {
  background-color: var(--slate2);
}

.Header-link.is-current:link,
.Header-link.is-current:visited,
.Header-link.is-current:hover,
.Header-link.is-current:focus,
.Header-link.is-current:active {
  background-color: var(--slate3);
}

.Header-summary {
  cursor: default;
  height: 0;
  outline: none;
  overflow: hidden;
  padding-top: 2em;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2em;
  z-index: 1;
}

.Header-summary::before {
  bottom: 0;
  color: inherit;
  content: "☰";
  font-size: 2em;
  font-style: normal;
  left: 0;
  line-height: 1;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.Header-details[open] .Header-summary::before {
  color: var(--Header-mobileNav-color);
  content: "×";
}

.Header-summary::-webkit-details-marker {
  display: none;
}

.Header-details[open] .Header-mobileNav {
  left: 20vw;
}

.Header-mobileNav {
  background-color: var(--Header-mobileNav-backgroundColor);
  bottom: 0;
  box-shadow: 0 0 48px rgba(33, 37, 41, 0.25), inset 0 var(--Header-height) 0 var(--Header-mobileNav-boxShadowColor);
  color: var(--Header-mobileNav-color);
  display: flex;
  flex-direction: column;
  left: 20vw;
  min-height: calc(100vh - var(--Header-height));
  padding-top: var(--Header-height);
  position: absolute;
  right: 0;
  top: 0;
}

.Header-mobileNavList {
  box-shadow: inset 0 1px 0 var(--Header-mobileNavList-boxShadowColor);
  margin-block: 0 0;
  padding-inline: 0 0 0 var(--space-m);
}

.Header-mobileNavListItem {
  align-items: center;
  box-shadow: inset 0 -1px 0 var(--Header-mobileNavListItem-boxShadowColor);
  display: flex;
  flex: 1 1 auto;
  font-family: var(--Header-navListItem-fontFamily);
  font-size: var(--Header-navListItem-fontSize);
  font-weight: var(--Header-navListItem-fontWeight);
  justify-content: start;
}

.Header-mobileNavlink {
  display: block;
  flex: 1 1 auto;
  padding: var(--space-s);
}

.Header-mobileNavlink:link,
.Header-mobileNavlink:visited,
.Header-mobileNavlink:hover,
.Header-mobileNavlink:focus,
.Header-mobileNavlink:active {
  background-color: unset;
  color: inherit;
  text-decoration: none;
}

@media (min-width: 60em) {
  .Header-nav {
    display: block;
  }
  .Header-details {
    display: none;
  }
}
.Main {
  display: flex;
  margin-inline: auto;
  max-width: var(--grid-max-width);
  padding-inline: var(--grid-gutter);
  width: 100%;
}

.HomeLayout-note {
  margin-block: var(--HomeLayout-note-marginBlock);
}

.HomeLayout-notes-nav {
  margin-block: var(--HomeLayout-notes-nav-marginBlock);
}

.HomeLayout-notes-navContent {
  background-color: var(--HomeLayout-notes-navContent-backgroundColor);
  border-radius: var(--HomeLayout-notes-navContent-borderRadius);
  color: var(--HomeLayout-notes-navContent-color);
  cursor: var(--HomeLayout-notes-navContent-cursor);
  display: var(--HomeLayout-notes-navContent-display);
  font-size: var(--HomeLayout-notes-navContent-fontSize);
  font-weight: var(--HomeLayout-notes-navContent-fontWeight);
  letter-spacing: var(--HomeLayout-notes-navContent-letterSpacing);
  padding-block: var(--HomeLayout-notes-navContent-paddingBlock);
  padding-inline: var(--HomeLayout-notes-navContent-paddingInline);
  text-align: var(--HomeLayout-notes-navContent-textAlign);
}

.HomeLayout-notes-navContent:link,
.HomeLayout-notes-navContent:visited {
  background-color: var(--HomeLayout-notes-navContent-link-backgroundColor);
  color: var(--HomeLayout-notes-navContent-link-color);
  cursor: var(--HomeLayout-notes-navContent-link-cursor);
  text-decoration: var(--HomeLayout-notes-navContent-link-textDecoration);
}

.HomeLayout-notes-navContent:link:hover,
.HomeLayout-notes-navContent:visited:hover {
  background-color: var(--HomeLayout-notes-navContent-link-onHover-backgroundColor);
  color: var(--HomeLayout-notes-navContent-link-onHover-color);
}

:root {
  --Page-header-color: var(--slate12);
  --Page-header-fontFamily: var(--font-serif);
  --Page-header-fontSize: var(--step-4);
  --Page-header-fontWeight: var(--font-weight-4);
  --Page-header-letterSpacing: -0.04em;
  --Page-header-lineHeight: var(--line-height-1);
  --Page-body-anchor-link-color: var(--anchor-link-color);
  --Page-body-anchor-link-onHover-color: var(--anchor-link-onHover-color);
  --Page-body-anchor-visited-color: var(--anchor-visited-color);
  --Page-body-anchor-visited-onHover-color: var(--anchor-visited-onHover-color);
  --Page-body-color: var(--slate12);
  --Page-body-fontFamily: var(--font-serif);
  --Page-body-fontSize: var(--step-1);
  --Page-body-fontWeight: var(--font-weight-3);
  --Page-body-lineHeight: var(--line-height-5);
}

.Page {
  align-self: center;
  margin-inline: auto;
}

.Page-headerContent {
  color: var(--Page-header-color);
  font-family: var(--Page-header-fontFamily);
  font-size: var(--Page-header-fontSize);
  font-weight: var(--Page-header-fontWeight);
  letter-spacing: var(--Page-header-letterSpacing);
  line-height: var(--Page-header-lineHeight);
  margin-block: var(--space-xl) 0;
  max-width: 24em;
  text-wrap: balance;
}

.Page-body {
  color: var(--Page-body-color);
  font-family: var(--Page-body-fontFamily);
  font-size: var(--Page-body-fontSize);
  font-weight: var(--Page-body-fontWeight);
  line-height: var(--Page-body-lineHeight);
  max-width: 32em;
}

.Page-body a:link {
  color: var(--Page-body-anchor-link-color);
}

.Page-body a:link:hover {
  color: var(--Page-body-anchor-link-onHover-color);
}

.Page-body a:visited {
  color: var(--Page-body-anchor-visited-color);
}

.Page-body a:visited:hover {
  color: var(--Page-body-anchor-visited-onHover-color);
}

.Page-body h2 {
  color: var(--slate12);
  font-family: "Oswald";
  font-size: var(--step-1);
  font-weight: 500;
  margin-block: var(--space-l) 0;
  text-transform: uppercase;
}

.Page-body img {
  display: block;
  max-width: 100%;
}

.Page-body p {
  margin-block: 0 0;
}

.Page-body p + p {
  margin-block-start: var(--space-m);
}

.ArticlesLayout {
  align-self: center;
  margin-inline: auto;
}

.ArticlesLayout-title {
  color: var(--NotesLayout-title-color);
  font-family: var(--NotesLayout-title-fontFamily);
  font-size: var(--NotesLayout-title-fontSize);
  font-style: var(--NotesLayout-title-fontStyle);
  font-weight: var(--NotesLayout-title-fontWeight);
  margin-block: var(--NotesLayout-title-marginBlock);
  margin-inline: var(--NotesLayout-title-marginInline);
}

:root {
  --Article-content-anchor-link-color: var(--anchor-link-color);
  --Article-content-anchor-link-onHover-color: var(--anchor-link-onHover-color);
  --Article-content-anchor-visited-color: var(--anchor-visited-color);
  --Article-content-anchor-visited-onHover-color: var(--anchor-visited-onHover-color);
  --Article-content-color: var(--slate12);
  --Article-content-fontFamily: var(--font-serif);
  --Article-content-fontSize: var(--step-0);
  --Article-content-fontWeight: var(--font-weight-3);
  --Article-content-lineHeight: var(--line-height-5);
  --Article-content-maxWidth: 40em;
}

.Article-content {
  color: var(--Article-content-color);
  font-family: var(--Article-content-fontFamily);
  font-size: var(--Article-content-fontSize);
  font-weight: var(--Article-content-fontWeight);
  hanging-punctuation: first allow-end last;
  line-height: var(--Article-content-lineHeight);
  max-width: var(--Article-content-maxWidth);
}

.Article-content p {
  margin-block-end: 0.5em;
  margin-block-start: 0.5em;
}

.EntryLayout {
  align-self: center;
  margin-inline: auto;
}

.EntryLayout-title {
  color: var(--EntryLayout-title-color);
  font-family: var(--EntryLayout-title-fontFamily);
  font-size: var(--EntryLayout-title-fontSize);
  font-style: var(--EntryLayout-title-fontStyle);
  font-weight: var(--EntryLayout-title-fontWeight);
  margin-block: var(--EntryLayout-title-marginBlock);
  margin-inline: var(--EntryLayout-title-marginInline);
}

.Entry-header {
  margin-block: var(--space-m-l) 0;
}

.Entry-published {
  color: var(--Note-published-color);
  font-family: var(--Note-published-fontFamily);
  font-size: var(--Note-published-fontSize);
  font-weight: var(--Note-published-fontWeight);
  margin-block: var(--Note-published-marginBlock);
  white-space: nowrap;
}

.Entry-publishedLink {
  color: var(--Note-publishedLink-color);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.Entry-publishedLink:hover {
  color: var(--Note-publishedLink-onHover-color);
}

.Entry-title {
  font-family: var(--font-serif);
  font-size: var(--step-5);
  font-weight: var(--font-weight-4);
  letter-spacing: -0.04em;
  line-height: var(--line-height-5);
  margin-block: 0 0;
  max-width: 40em;
}

.Entry-content {
  hanging-punctuation: first allow-end last;
}

.Entry-content p {
  font-family: var(--font-serif);
  font-size: var(--step-1);
  font-weight: var(--font-weight-3);
  line-height: var(--line-height-5);
  max-width: 40em;
}

.Entry-content h2 {
  font-family: var(--font-serif);
  font-size: var(--step-0);
  line-height: var(--line-height-5);
  max-width: 40em;
}

.Entry-content img {
  display: block;
  max-width: 100%;
}

.JournalLayout {
  align-self: center;
  margin-inline: auto;
}

.JournalLayout-title {
  color: var(--JournalLayout-title-color);
  font-family: var(--JournalLayout-title-fontFamily);
  font-size: var(--JournalLayout-title-fontSize);
  font-style: var(--JournalLayout-title-fontStyle);
  font-weight: var(--JournalLayout-title-fontWeight);
  margin-block: var(--JournalLayout-title-marginBlock);
  margin-inline: var(--JournalLayout-title-marginInline);
}

.NoteLayout {
  align-self: center;
  margin-inline: auto;
}

.NoteLayout-nav {
  color: var(--NoteLayout-nav-color);
  cursor: var(--NoteLayout-nav-cursor);
  font-family: var(--NoteLayout-nav-fontFamily);
  font-size: var(--NoteLayout-nav-fontSize);
  font-weight: var(--NoteLayout-nav-fontWeight);
  letter-spacing: var(--NoteLayout-nav-letterSpacing);
  margin-block: var(--NoteLayout-nav-marginBlock);
  text-transform: var(--NoteLayout-nav-textTransform);
  -webkit-user-select: var(--NoteLayout-nav-userSelect);
  user-select: var(--NoteLayout-nav-userSelect);
}

.NoteLayout-navList {
  display: flex;
  gap: var(--NoteLayout-navList-gap);
  list-style-type: "";
  margin-block: var(--NoteLayout-navList-marginBlock);
  padding-inline: 0 0;
}

.NoteLayout-navItem--newer::before {
  content: "• ";
}

.NoteLayout-navItem--newer .NoteLayout-navItemContent::after {
  content: " →";
}

.NoteLayout-navItem--older .NoteLayout-navItemContent::before {
  content: "← ";
}

.NoteLayout-navItemContent:link,
.NoteLayout-navItemContent:visited {
  text-decoration: none;
}

.NoteLayout-navItemContent:link {
  color: var(--NoteLayout-navItemContent-link-color);
}

.NoteLayout-navItemContent:link:hover {
  color: var(--NoteLayout-navItemContent-link-onHover-color);
}

.NoteLayout-navItemContent:visited {
  color: var(--NoteLayout-navItemContent-visited-color);
}

.NoteLayout-navItemContent:visited:hover {
  color: var(--NoteLayout-navItemContent-visited-onHover-color);
}

.Note-content {
  color: var(--Note-content-color);
  font-family: var(--Note-content-fontFamily);
  font-size: var(--Note-content-fontSize);
  font-weight: var(--Note-content-fontWeight);
  hanging-punctuation: first allow-end last;
  line-height: var(--Note-content-lineHeight);
  max-width: var(--Note-content-maxWidth);
}

.Note-content a:link {
  color: var(--Note-content-anchor-link-color);
}

.Note-content a:link:hover {
  color: var(--Note-content-anchor-link-onHover-color);
}

.Note-content a:visited {
  color: var(--Note-content-anchor-visited-color);
}

.Note-content a:visited:hover {
  color: var(--Note-content-anchor-visited-onHover-color);
}

.Note-content img {
  display: block;
  max-width: 100%;
}

.Note-tags {
  font-size: var(--Note-tags-fontSize);
  line-height: var(--Note-tags-lineHeight);
  margin-block: var(--Note-tags-marginBlock);
  max-width: var(--Note-tags-maxWidth);
}

.Note-published {
  color: var(--Note-published-color);
  font-family: var(--Note-published-fontFamily);
  font-size: var(--Note-published-fontSize);
  font-weight: var(--Note-published-fontWeight);
  margin-block: var(--Note-published-marginBlock);
  white-space: nowrap;
}

.Note-publishedLink {
  color: var(--Note-publishedLink-color);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.Note-publishedLink:hover {
  color: var(--Note-publishedLink-onHover-color);
}

@media screen and (min-width: 32em) {
  .Note-footer {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
  }
  .Note-published {
    margin-inline: 0 var(--space-xs);
  }
}
.Note-content p {
  margin: 0;
}

.Note-content p:not(:first-child) {
  margin-block: calc(var(--line-height-5) / 4 * 1em) 0;
}

.Note--sizeLarge .Note-content {
  font-size: var(--Note--sizeLarge-content-fontSize);
  max-width: var(--Note--sizeLarge-content-maxWidth);
}

.Note--sizeLarge .Note-published {
  font-size: var(--Note--sizeLarge-published-fontSize);
  font-weight: var(--Note--sizeLarge-published-fontWeight);
}

.Note--sizeSmall .Note-content {
  font-size: var(--Note--sizeSmall-content-fontSize);
  max-width: var(--Note--sizeSmall-content-maxWidth);
}

.Note--sizeSmall .Note-published {
  font-size: var(--Note--sizeSmall-published-fontSize);
  font-weight: var(--Note--sizeSmall-published-fontWeight);
}

.NotesLayout {
  align-self: center;
  margin-inline: auto;
}

.NotesLayout-title {
  color: var(--NotesLayout-title-color);
  font-family: var(--NotesLayout-title-fontFamily);
  font-size: var(--NotesLayout-title-fontSize);
  font-style: var(--NotesLayout-title-fontStyle);
  font-weight: var(--NotesLayout-title-fontWeight);
  margin-block: var(--NotesLayout-title-marginBlock);
  margin-inline: var(--NotesLayout-title-marginInline);
}

.NotesLayout-nav {
  margin-block: var(--NotesLayout-nav-marginBlock);
}

.NotesLayout-navContent {
  background-color: var(--NotesLayout-navContent-backgroundColor);
  border-radius: var(--NotesLayout-navContent-borderRadius);
  color: var(--NotesLayout-navContent-color);
  cursor: var(--NotesLayout-navContent-cursor);
  display: var(--NotesLayout-navContent-display);
  font-size: var(--NotesLayout-navContent-fontSize);
  font-weight: var(--NotesLayout-navContent-fontWeight);
  letter-spacing: var(--NotesLayout-navContent-letterSpacing);
  padding-block: var(--NotesLayout-navContent-paddingBlock);
  padding-inline: var(--NotesLayout-navContent-paddingInline);
  text-align: var(--NotesLayout-navContent-textAlign);
}

.NotesLayout-navContent:link,
.NotesLayout-navContent:visited {
  background-color: var(--NotesLayout-navContent-link-backgroundColor);
  color: var(--NotesLayout-navContent-link-color);
  cursor: var(--NotesLayout-navContent-link-cursor);
  text-decoration: var(--NotesLayout-navContent-link-textDecoration);
}

.NotesLayout-navContent:link:hover,
.NotesLayout-navContent:visited:hover {
  background-color: var(--NotesLayout-navContent-link-onHover-backgroundColor);
  color: var(--NotesLayout-navContent-link-onHover-color);
}

.NotesLayout-note {
  margin-block: var(--NotesLayout-note-marginBlock);
}

.ArchivesLayout {
  align-self: center;
  margin-inline: auto;
}

.ArchivesLayout-title {
  color: var(--ArchivesLayout-title-color);
  font-family: var(--ArchivesLayout-title-fontFamily);
  font-size: var(--ArchivesLayout-title-fontSize);
  font-style: var(--ArchivesLayout-title-fontStyle);
  font-weight: var(--ArchivesLayout-title-fontWeight);
  margin-block: var(--ArchivesLayout-title-marginBlock);
  margin-inline: var(--ArchivesLayout-title-marginInline);
}

.SearchResults {
  list-style-type: "";
  margin-block: var(--space-m-l) var(--space-m-l);
  max-width: 40em;
  padding-inline: 0 0;
}

.SearchResults-result + .SearchResults-result {
  margin-top: var(--space-s-m);
}

.SearchResults-link {
  border-radius: 0.25em;
  color: inherit !important;
  display: block;
  margin: -1em 0 -1em -1em;
  padding: 1em 0 1em 1em;
  text-decoration: none;
  transition: background-color ease-in-out 0.1s;
}

.SearchResults-url {
  align-items: center;
  display: flex;
  font-family: var(--font-sans);
  font-size: var(--step--2);
  font-style: normal;
  line-height: var(--line-height-5);
  transition: color ease-in-out 0.1s;
}

.SearchResults-url::before {
  background-color: var(--slate8);
  content: "";
  display: block;
  height: 1em;
  margin-right: var(--space-3xs);
  mask-image: url("/favicon.svg");
  mask-size: cover;
  width: 1em;
  transition: background-color ease-in-out 0.1s;
}

.SearchResults-title {
  font-size: var(--step-0);
  font-weight: 400;
  line-height: var(--line-height-3);
  margin: var(--space-4xs) 0;
  text-wrap: balance;
  transition: color ease-in-out 0.1s;
}

.SearchResults-description {
  color: var(--slate11);
  font-family: var(--font-sans);
  font-size: var(--step--1);
  font-weight: 300;
  line-height: var(--line-height-5);
  margin: 0;
  transition: color ease-in-out 0.1s;
}

.SearchResults-link:hover,
.SearchResults-link:focus {
  background-color: var(--blue2);
}

.SearchResults-link:hover .SearchResults-url::before,
.SearchResults-link:focus .SearchResults-url::before {
  background-color: var(--blue10);
}

.SearchResults-link:hover .SearchResults-url,
.SearchResults-link:focus .SearchResults-url {
  color: var(--blue11);
}

.SearchResults-link:hover .SearchResults-title,
.SearchResults-link:hover .SearchResults-description,
.SearchResults-link:focus .SearchResults-title,
.SearchResults-link:focus .SearchResults-description {
  color: var(--blue12);
}

@media screen and (min-width: 60em) {
  .Search {
    column-gap: var(--grid-gutter);
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-template-rows: auto 1fr auto;
    row-gap: 0;
    width: 100%;
  }
  .Search-content {
    grid-column-end: 9;
    grid-column-start: 1;
  }
  .Search-aside {
    grid-column-end: 13;
    grid-column-start: 9;
  }
}
/**
 * Placeholder to allow defining custom styles that override everything else.
 * (Use `_sass/optima/custom-tokens.scss` to override variable defaults)
 */

/*# sourceMappingURL=style.css.map */