body { text-transform: uppercase; font-family: "Comic Sans MS", "Comic Sans", sans-serif; }
.bq-blog { max-width: 740px; margin: 0 auto; padding: 1em; line-height: 1.55; color: #222; }
.bq-blog a { color: #0a4a8a; }
.bq-blog .bq-blog-header { margin: 0 0 2em 0; padding-bottom: 0.5em; border-bottom: 1px solid #ccc; display: flex; align-items: baseline; gap: 1em; }
.bq-blog .bq-blog-header .site { font-weight: 700; font-size: 1.1em; text-decoration: none; color: #222; }
.bq-blog .bq-blog-header .crumb { color: #888; }
.bq-blog .bq-blog-header .nav { margin-left: auto; font-size: 0.95em; }
.bq-blog h1.bq-post-title { font-size: 1.6em; margin: 0 0 0.2em 0; }
.bq-blog .bq-post-byline { display: flex; align-items: center; gap: 0.6em; margin: 0 0 1.5em 0; }
.bq-blog .bq-post-byline .author-icon { width: 40px; height: 40px; border-radius: 4px; flex-shrink: 0; }
.bq-blog .bq-post-meta { color: #777; font-size: 0.9em; }
.bq-blog .bq-post-body p { margin: 0 0 1em 0; }
.bq-blog .bq-post-body h2 { font-size: 1.25em; margin: 1.6em 0 0.4em 0; }
.bq-blog .bq-post-body h3 { font-size: 1.1em; margin: 1.4em 0 0.3em 0; }
.bq-blog .bq-post-body code { background: #f3f3f3; padding: 0 0.25em; border-radius: 3px; font-size: 0.92em; }
.bq-blog .bq-post-body pre { background: #f7f7f7; padding: 0.75em 1em; overflow-x: auto; border-radius: 4px; text-transform: none; }
.bq-blog .bq-post-body pre code { background: transparent; padding: 0; }
.bq-blog .bq-post-body blockquote { border-left: 3px solid #ccc; margin: 0 0 1em 0; padding: 0.1em 1em; color: #555; }
.bq-blog .bq-post-body img { max-width: 100%; height: auto; }
.bq-blog .bq-post-body ul, .bq-blog .bq-post-body ol { padding-left: 1.5em; }
.bq-blog .bq-post-body table { border-collapse: collapse; margin: 0 0 1em 0; width: 100%; }
.bq-blog .bq-post-body th, .bq-blog .bq-post-body td { border: 1px solid #ccc; padding: 0.4em 0.6em; text-align: left; vertical-align: top; }
.bq-blog .bq-post-body thead th { background: #f3f3f3; }
.bq-blog .bq-post-body tbody tr:nth-child(even) td { background: #fafafa; }
.bq-blog ul.bq-post-list { list-style: none; padding: 0; margin: 0; }
.bq-blog ul.bq-post-list li { padding: 0.6em 0; border-bottom: 1px solid #eee; display: flex; align-items: center; gap: 0.75em; }
.bq-blog ul.bq-post-list .author-icon { width: 40px; height: 40px; border-radius: 4px; flex-shrink: 0; }
.bq-blog ul.bq-post-list .entry { flex: 1; min-width: 0; }
.bq-blog ul.bq-post-list .title { font-size: 1.05em; }
.bq-blog ul.bq-post-list .meta { color: #888; font-size: 0.9em; margin-top: 0.1em; }
.bq-blog .bq-empty { color: #888; font-style: italic; }
.bq-blog .bq-post-nav { margin-top: 2.5em; padding-top: 1em; border-top: 1px solid #eee; display: flex; justify-content: space-between; gap: 1em; font-size: 0.95em; }
.bq-blog .bq-post-nav .prev, .bq-blog .bq-post-nav .next { flex: 1; min-width: 0; }
.bq-blog .bq-post-nav .next { text-align: right; }
.bq-blog .bq-blog-footer { margin-top: 3em; padding-top: 1em; border-top: 1px solid #ccc; color: #888; font-size: 0.85em; display: flex; justify-content: space-between; align-items: baseline; }
.bq-blog .bq-blog-footer a { color: #777; }