/* Dark mode */
html, body, p {
    background: black !important;
    color: white !important;
    fill: white !important;
}
body {
    /* margin: 0; */
	font-family: 'Dejavu Sans', 'Open Sans', sans-serif;
    padding: 0.3em;
    /* word-break: break-word; */
    overflow-x: visible;
}
p { 
    margin-top: 0.5em; 
    margin-bottom: 0; 
    overflow-x: auto;
    line-height: 1.3em;
}
ul, ol { 
    padding-left: 1em; 
    overflow: auto;
    line-height: 1.3em;
}
/* Top-level ul/ols */
*:not(li) > ul, *:not(li) > ol { margin: 0.1em 0; }
a[href] {
    text-decoration: none;
    color: #eeaa33;
}
a[href]:visited { color: #ffcf76; }
pre, code {
    text-wrap: wrap;
    background: #333;
    border-radius: 2px;
    padding: .15em;
}

.ck-content {
    border: 0 !important;
}
.ck-content .table {
    margin: inherit !important;
}

figure {
    margin: 0;
    max-width: 100%;
    overflow: auto !important;
}

table {
    border-collapse: collapse;
    overflow: auto !important;
    text-align: left;
}
td, th {
    border: 1px solid white;
    padding: 5px;
}
th {
  /* Sticky headings; FIXME: incompatible with overflow: auto on the figure */
  position: sticky;
  top: 0;
}

/* Reduce margins below headers */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.3em;
    font-weight: normal;
}
h1, h2 {
    border-bottom: 1px solid gray;
    padding-bottom: 0.1em;
}

/* Hide "powered by" button */
.ck-powered-by-balloon {
    display: none !important;
}
.ck.ck-editor__editable_inline {
    padding: 0 !important;
    box-shadow: none !important;
}
.ck-sticky-panel {
    border: 1px solid #afafaf !important;
}


/* image containers and plain images */
img, .ck-content .image-inline, span.image-inline,
figure.image_resized {
    max-width: 800px;
}
/* Nested images *within sized container*; 
 * use precedence to override 800px limit for plain images above */
/* p > span.image-inline > img */
.image-inline img.image_resized,
figure.image_resized img {
    max-width: 100%;
}
img {
    max-width: 800px;
}
img.image_resized, .image_resized img, figure.image_resized img, p img {
    height: auto;
}
.image-style-align-right {
    break: both;
    float: right !important;
    margin: 0.5em 0 0.5em 0.8em ;
}
/* 
svg {
    filter: invert();
}*/