.blotter-page { margin: 5px; padding: 0 5px; background: var(--page-bg) var(--page-fade) repeat-x 50% 0; color: var(--ink); font-family: var(--page-font); font-size: var(--page-font-size); }
.blotter-page header { text-align: center; }
.blotter-page h1 { margin: 20px 0 8px; font-size: 28px; letter-spacing: -2px; }
.blotter-page a { color: var(--link); }
.blotter-page .blotter-table { width: 80%; margin: 25px auto 0; border: 1px solid var(--line); color: var(--ink); background: var(--reply-bg); }
.blotter-table { border-collapse: collapse; table-layout: fixed; width: 100%; }
.blotter-page .blotter-table td, .blotter-page .blotter-table th { padding: 8px; border: 1px solid var(--line); }
.blotter-page .blotter-table th { background: var(--label-bg); text-align: left; }
.blotter-table td { vertical-align: top; overflow-wrap: anywhere; }
.blotter-table .blotter-date { width: 90px; text-align: center; }
.blotter-message p { margin: 0; }
.blotter-message pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.blotter-message img { display: none; }
.blotter-pages { text-align: center; margin: 20px 0; }
.blotter-page tr:target { background: var(--label-bg); }
.blotter-summary { width: 470px; max-width: 100%; margin: 0 auto 12px; padding-top: 3px; border-top: 1px solid rgba(128, 0, 0, .2); font-size: 11px; }
.blotter-summary .blotter-table { border-collapse: separate; border-spacing: 2px; table-layout: auto; }
.blotter-summary td { padding: 0; }
.blotter-summary .blotter-date { width: 50px; white-space: nowrap; }
.blotter-summary > a { display: inline; margin: 0; text-align: left; }
.blotter-summary > a::before { content: '['; }
.blotter-summary > a::after { content: ']'; }
@media (max-width: 600px) { .blotter-page .blotter-table { width: 100%; } .blotter-table .blotter-date { width: 64px; } }