html {
  color-scheme: light;
  scrollbar-gutter: stable;
}
body {
  color: black;
  background: white;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 1.4;
  padding: 0 10px;
  margin: 50px auto;
  max-width: 650px;
}
main {
  max-width: 42em;
  margin: 15px auto;
}
h1 { font-size: 1.5em; margin: .83em 0; }
.profile-name { font-size: 1.75em; }
h2 { font-size: 1.17em; margin: 1em 0; }
h3 { font-size: 1em; margin: 1.33em 0; }
.headshot { display: block; width: 200px; max-width: 100%; height: auto; }
a { color: #0000ee; text-decoration: underline; }
a:visited { color: #551a8b; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
nav a + a, .site-footer a + a { margin-left: 10px; }
.work-list li { margin-bottom: 1em; }
.essay-list li { margin: 0; }
.essay-list p { margin: 0; }
.writing-index li { margin-bottom: 1em; }
.meta span { display: block; }
.article h1 { font-size: 2em; margin: .67em 0; }
.article h2 { font-size: 1.5em; margin: .83em 0; }
.article-end { margin-top: 2em; }
.site-footer { margin: 60px auto 30px; padding-top: 18px; }
.skip-link { position: fixed; top: -100px; left: 10px; background: white; }
.skip-link:focus { top: 10px; }
@media (max-width: 500px) { body { margin-top: 25px; } }
@media print { nav, .skip-link, .site-footer, .back { display: none; } }