body { color: #212529; }
.site-shell { max-width: 860px; }
.metadata { color: #6c757d; font-size: .9rem; }
.content-body { font-size: 1.08rem; line-height: 1.85; }
.content-body img { display: block; max-width: 100%; height: auto; margin: 1.5rem auto; }
.content-body pre { overflow-x: auto; padding: 1rem; border-radius: .5rem; background: #f6f8fa; }
.content-body table { display: block; width: 100%; margin-bottom: 1rem; overflow-x: auto; }
.content-body th, .content-body td { padding: .5rem; border: 1px solid #dee2e6; }
.thought-entry { padding: 1rem 0; border-bottom: 1px solid #e9ecef; }
.table-of-contents { margin: 2rem 0; padding: 1rem 1.25rem; background: #f8f9fa; border-radius: .5rem; }
a:focus-visible { outline: 3px solid #0d6efd; outline-offset: 3px; }
@media (max-width: 575.98px) { .content-body { font-size: 1rem; } .navbar-nav { gap: .15rem; } }