/* Side rails must never occupy the main reading column. */
html.cb77-layout-active body > main:not(.homepage-root) {
  box-sizing: border-box !important;
  width: min(100%, var(--cb77-content-width, 1000px)) !important;
  max-width: var(--cb77-content-width, 1000px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-width: 0;
}
/* Reusable article components must carry both background and foreground. */
html[data-site-theme="night"] body.blog-body .cb34-prose :is(.legal-callout, blockquote) {
  background: #1b2026 !important;
  color: #edf2f7 !important;
  border-color: #6ba1f3 !important;
  -webkit-text-fill-color: #edf2f7 !important;
}
html[data-site-theme="night"] body.blog-body .cb34-prose :is(.legal-callout, blockquote) :is(p, strong, b, em, li, span) {
  color: #edf2f7 !important;
  -webkit-text-fill-color: #edf2f7 !important;
}
html[data-site-theme="night"] body.blog-body .cb34-prose :is(.legal-callout, blockquote) a {
  color: #a8cdff !important;
  -webkit-text-fill-color: #a8cdff !important;
}
html[data-site-theme="night"] body.blog-body .cb34-prose :is(th, td) {
  color: #edf2f7 !important;
  border-color: #505963 !important;
}
html[data-site-theme="night"] body.blog-body .cb34-prose th { background: #282e35 !important; }
html[data-site-theme="night"] body.blog-body .cb34-prose td { background: #171b20 !important; }
