/* Additions to the old stylesheet (style.css, kept as it was) for the pages' Markdown content. */
.page { margin: 17px 45px 20px 20px; line-height: 15px; }
.page h2 { color: #3C77A2; font-size: 16px; line-height: 20px; margin: 14px 0 12px; }
.page h3 { color: #3C77A2; font-size: 13px; }
.page img { float: left; margin: 0 17px 10px 0; }
.page p:has(> img:first-child) { clear: both; }   /* a new picture starts below the previous one */
.page hr { clear: both; border: 0; height: 1px; background: url(/images/line.jpg) no-repeat; margin: 16px 0; }
.page table { border-collapse: collapse; margin: 10px 0; }
.page td, .page th { padding: 2px 8px 2px 0; text-align: left; vertical-align: top; }
.page ol, .page ul { padding-left: 22px; }
.page p { margin: 0 0 12px; }
.page::after { content: ""; display: block; clear: both; }
.recommended { text-align: center; margin-top: 17px; }
.footer-text { text-align: center; padding-top: 21px; }
.post-title { color: #3C77A2; font-size: 18px; line-height: 22px; margin: 4px 0 6px; }
.post-date { font-size: 10px; color: #999; margin: 0 0 12px; }
.post-item { margin-bottom: 18px; }
.post-item h2 { margin-bottom: 2px; }
.crumbs { font-size: 10px; margin: 0; }