:root { color-scheme: light; --ink: #222; --muted: #666; --link: #254e83; --rule: #dedede; }
* { box-sizing: border-box; }
html { background: #fff; scroll-padding-top: 24px; }
body { max-width: 720px; padding: 0 28px; margin: 60px auto 32px; color: var(--ink); font: 18px/1.65 Georgia, 'Times New Roman', serif; overflow-wrap: break-word; }
a { color: var(--link); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:visited { color: #654a7b; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 2px solid var(--link); outline-offset: 5px; border-radius: 1px; }
.skip { position: absolute; top: 8px; left: -9999px; background: #fff; padding: 8px; }
.skip:focus { left: 12px; }
header { margin-bottom: 48px; }
.name { display: inline-block; color: var(--ink); font-size: 32px; font-weight: bold; line-height: 1.2; text-decoration: none; }
.name:visited { color: var(--ink); }
nav { display: flex; gap: 24px; margin-top: 16px; font-size: 16px; }
nav a[aria-current='page'] { color: var(--ink); text-decoration: none; }
h1 { margin: 0 0 22px; font-size: 30px; line-height: 1.3; font-weight: normal; text-wrap: balance; }
h2 { font-size: 22px; line-height: 1.4; margin: 36px 0 12px; font-weight: normal; }
p { margin: 0 0 22px; }
.intro { margin-bottom: 40px; }
.muted, time, .description { color: var(--muted); }
.essay-list { list-style: none; padding: 0; margin: 0; }
.essay-list li { margin-bottom: 28px; }
.essay-list a { font-size: 20px; }
.essay-list time { display: block; font-size: 14px; margin-top: 3px; }
.description { font-size: 16px; margin: 4px 0 0; }
.article-date { display: block; font-size: 15px; margin: -9px 0 34px; }
.article p { margin-bottom: 24px; }
.article-end { border-top: 1px solid var(--rule); padding-top: 22px; margin-top: 42px; font-size: 16px; }
.article-end p { margin-bottom: 12px; }
.project-entry { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); padding: 26px 0 6px; margin: 30px 0; }
.project-entry h2 { margin-top: 8px; }
.project-status { color: var(--muted); font-size: 14px; margin-bottom: 8px; }
.project-facts { padding-left: 22px; }
.project-facts li { margin-bottom: 12px; }
footer { border-top: 1px solid var(--rule); margin-top: 56px; padding-top: 16px; color: var(--muted); font-size: 14px; }
@media (max-width: 540px) {
  body { margin-top: 30px; padding: 0 22px; font-size: 17px; line-height: 1.65; }
  header { margin-bottom: 36px; }
  h1 { font-size: 27px; }
  .name { font-size: 29px; }
  nav { gap: 24px; }
  .essay-list a { font-size: 19px; }
}
@media print {
  body { max-width: none; margin: 0; padding: 0; font-size: 12pt; color: #000; }
  header, footer, .article-end, .skip { display: none; }
  a, a:visited { color: #000; }
  h1 { font-size: 22pt; }
  p { orphans: 3; widows: 3; }
}