:root {
  --text: #000000;
  --link: #1565c0;
  --link_visited: #1565c0;
  --accent1: #333333;
  --accent2: #666666;
  --background: #ffffff;
  --code: #e3e3e3;
  --button-text: #ffffff;
  --blockquote: #fffee0;
  --field: #fffee0;
  --note: #fef770;
  --mark: #ffff99;
}
@media (prefers-color-scheme: dark) {
  :root {
    --text: #f8f8f2;
    --link: #8be9fd;
    --link_visited: #8be9fd;
    --accent1: #f8f8f2;
    --accent2: #f8f8f2;
    --background: #282a36;
    --code: #44475a;
    --button-text: #282a36;
    --blockquote: #44475a;
    --field: #44475a;
    --note: #44475a;
    --mark: #ffff99;
  }
}
:root {
  --font_system_ui: system-ui, sans-serif;
  --font_transitional: Charter, "Bitstream Charter", "Sitka Text", Cambria,
    serif;
  --font_old_style: "Iowan Old Style", "Palatino Linotype", "URW Palladio L",
    P052, serif;
  --font_humanist: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans",
    source-sans-pro, sans-serif;
  --font_geometric_humanist: Avenir, Montserrat, Corbel, "URW Gothic",
    source-sans-pro, sans-serif;
  --font_classical_humanist: Optima, Candara, "Noto Sans", source-sans-pro,
    sans-serif;
  --font_neo_grotesque: Inter, Roboto, "Helvetica Neue", "Arial Nova",
    "Nimbus Sans", Arial, sans-serif;
  --font_monospace_slab_serif: "Nimbus Mono PS", "Courier New", monospace;
  --font_monospace_code: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
    Consolas, "DejaVu Sans Mono", monospace;
  --font_industrial: Bahnschrift, "DIN Alternate", "Franklin Gothic Medium",
    "Nimbus Sans Narrow", sans-serif-condensed, sans-serif;
  --font_rounded_sans: ui-rounded, "Hiragino Maru Gothic ProN", Quicksand,
    Comfortaa, Manjari, "Arial Rounded MT", "Arial Rounded MT Bold", Calibri,
    source-sans-pro, sans-serif;
  --font_slab_serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif",
    "Sitka Small", serif;
  --font_antique: Superclarendon, "Bookman Old Style", "URW Bookman",
    "URW Bookman L", "Georgia Pro", Georgia, serif;
  --font_didone: Didot, "Bodoni MT", "Noto Serif Display", "URW Palladio L",
    P052, Sylfaen, serif;
  --font_handwritten: "Segoe Print", "Bradley Hand", Chilanka, TSCu_Comic,
    casual, cursive;
}
body {
  max-width: 40em;
  margin: 2em auto;
  font-family: var(--font_system_ui);
  font-size: 18px;
  padding: 0 1em;
  line-height: 1.6;
  background-color: var(--background);
  color: var(--text);
}
header {
  margin-bottom: 2em;
}
.post-header {
  margin-bottom: 0;
}
header h1 a,
header h1 a:visited {
  text-decoration: none;
  color: var(--text);
}
header h1 a:hover {
  color: var(--accent1);
  text-decoration: none;
}
header p {
  margin-top: 0;
}
a {
  color: var(--link);
}
a:hover {
  text-decoration: none;
}
a:visited {
  color: var(--link_visited);
}
a.post-date {
  font-size: 0.8em;
  color: var(--link);
  text-decoration: none;
}
a.post-date:hover {
  text-decoration: none;
}
.e-content {
  margin-bottom: 2em;
  overflow-wrap: anywhere;
}
.e-content p:first-of-type,
article p:first-of-type {
  margin-top: 0;
}
nav ul {
  list-style-type: none;
  padding: 0;
}
nav ul li {
  display: inline;
  margin-right: 0.2em;
  line-height: 2.15em;
  white-space: nowrap;
}
a.read-more,
nav a,
nav a:hover,
nav a:visited {
  text-decoration: none;
  padding: 5px 10px;
  border: 1px solid var(--link);
  color: var(--link);
  border-radius: 5px;
  font-size: 0.9em;
}
a.read-more:hover,
nav a:hover {
  background: var(--link);
  color: var(--button-text);
}
header h1 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
h1,
h2,
h3 {
  line-height: 1.2em;
}
h2 {
  margin-top: 0;
}
.post-nav {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  text-align: center;
}
.post-nav a:visited {
  color: var(--link);
}
.post-meta {
  color: var(--accent2);
}
.e-content img,
.p-summary img,
article img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
ul.post-list {
  padding-left: 0;
}
ul.post-list {
  list-style-type: none;
}
ul.post-list a.u-url {
  text-decoration: none;
}
blockquote {
  padding: 1em;
  background: var(--blockquote);
  border-radius: 5px;
  font-size: 0.9em;
  margin: 1em;
}
blockquote p:last-of-type {
  margin-bottom: 0;
}
blockquote p:first-of-type {
  margin-top: 0;
}
hr {
  margin: 2em 0;
  border: none;
  text-align: center;
}
hr::before {
  content: "•••••";
  display: block;
  color: var(--link);
}
sup a {
  text-decoration: none;
}
.footnote-backref {
  text-decoration: none;
}
footer {
  margin-top: 2em;
  text-align: center;
}
footer .custom_footer {
  font-size: 0.75em;
  color: var(--accent2);
}
footer .attribution {
  display: none;
}
.p-summary {
  margin-bottom: 2em;
}
video {
  width: 100% !important;
  height: auto !important;
}
pre {
  overflow: auto;
  padding: 1em;
}
label {
  font-weight: 700;
}
form p {
  margin-bottom: 0;
}