/* CVL-466: the blog's own reading styles. Tables and source marks follow the comparison pages' inline rules. */
.post { max-width: 760px; }
.post h2 { margin-top: 40px; }
.post .body, .post .lede { max-width: 68ch; }
.post .body { margin-top: 12px; }
.post-meta { font-size: 13.5px; color: var(--mute); margin-bottom: 12px; }
.post-list { list-style: none; padding: 0; margin-top: 24px; max-width: 760px; }
.post-list li { padding: 20px 0; border-top: 1px solid var(--line); }
.post-list h2 { margin: 0; font-size: 22px; }
.post-list h2 a { color: var(--ink); text-decoration: none; }
.post-list h2 a:hover { text-decoration: underline; }
.post-list p { margin-top: 8px; }
.tbl-wrap { max-width: 100%; overflow-x: auto; }
.cmp { border-collapse: collapse; width: 100%; margin-top: 20px; font-size: 14px; line-height: 1.45; }
.cmp th, .cmp td { border: 1px solid var(--line); padding: 10px 14px; text-align: left; vertical-align: top; }
.cmp thead th { background: var(--paper); font-weight: 650; font-size: 13px; }
.cmp tbody th { font-weight: 600; color: var(--ink); background: var(--white); }
.cmp td { color: var(--mute); }
.src { font-size: 11px; font-family: var(--mono); color: var(--brand-500); text-decoration: none; margin-left: 2px; vertical-align: super; line-height: 0; }
.src:hover { text-decoration: underline; }
.asof { font-size: 12.5px; color: var(--mute); margin-top: 10px; }
.move { max-width: 68ch; margin-top: 12px; padding-left: 20px; font-size: 15px; color: var(--mute); }
.move li { margin-top: 8px; }
#sources { margin-top: 12px; padding-left: 20px; font-size: 13px; line-height: 1.5; color: var(--mute); }
#sources li { margin-top: 6px; word-break: break-word; }
#sources a { color: var(--brand-500); }
@media (max-width: 640px) {
  .cmp { font-size: 13px; }
  .cmp th, .cmp td { padding: 8px 10px; }
}
.skip { position: absolute; left: -9999px; }
.skip:focus { position: fixed; left: 16px; top: 12px; z-index: 100; background: #fff; color: #0b1017; padding: 10px 16px; border-radius: 6px; outline: 3px solid #026bd4; }
.post { padding-top: 32px; }
