:root { color-scheme: light; }
body { font-family: Georgia, serif; margin: 0 auto; max-width: 72rem; padding: 2rem 1.25rem 4rem; line-height: 1.6; color: #1b1a17; }
nav { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; }
a { color: #0b5fff; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; }
.site-shell { display: grid; gap: 2rem; align-items: start; }
.site-shell > * { min-width: 0; }
.site-sidebar { border-top: 1px solid #ddd; padding-top: 1.5rem; }
.site-sidebar .widget + .widget { margin-top: 2rem; }
.widget-title { font-size: 1.125rem; margin: 0 0 0.75rem; }
.site-sidebar ul { margin: 0; padding-left: 1.25rem; }
.site-sidebar li + li { margin-top: 0.35rem; }
.legacy-comments { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #ddd; }
@media (min-width: 960px) {
  .site-shell { grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr); }
  .site-sidebar { border-top: 0; padding-top: 0; }
}