table {
    background: white;
    border: 1px solid #666;
    border-collapse: collapse;
    padding: 0.5em;
}

table thead th,
table tfoot th {
    text-align: left;
    background-color: #eaeaea;
    color: black;
}

table th,
table td {
    border: 1px solid #ddd;
    padding: 0.5em;
}

table td {
    color: #222222;
}

.callout[data-callout="abstract"] .callout-title,
.callout[data-callout="summary"] .callout-title,
.callout[data-callout="tldr"] .callout-title,
.callout[data-callout="faq"] .callout-title,
.callout[data-callout="info"] .callout-title,
.callout[data-callout="help"] .callout-title {
    background-color: #828ee7;
}
.callout[data-callout="tip"] .callout-title,
.callout[data-callout="hint"] .callout-title,
.callout[data-callout="important"] .callout-title {
    background-color: #34bbe6;
}
.callout[data-callout="success"] .callout-title,
.callout[data-callout="check"] .callout-title,
.callout[data-callout="done"] .callout-title {
    background-color: #a3e048;
}
.callout[data-callout="question"] .callout-title,
.callout[data-callout="todo"] .callout-title {
    background-color: #49da9a;
}
.callout[data-callout="caution"] .callout-title,
.callout[data-callout="attention"] .callout-title {
    background-color: #f7d038;
}
.callout[data-callout="warning"] .callout-title,
.callout[data-callout="missing"] .callout-title,
.callout[data-callout="bug"] .callout-title {
    background-color: #eb7532;
}
.callout[data-callout="failure"] .callout-title,
.callout[data-callout="fail"] .callout-title,
.callout[data-callout="danger"] .callout-title,
.callout[data-callout="error"] .callout-title {
    background-color: #e6261f;
}
.callout[data-callout="example"] .callout-title {
    background-color: #d23be7;
}
.callout[data-callout="quote"] .callout-title,
.callout[data-callout="cite"] .callout-title {
    background-color: #aaaaaa;
}

.callout-icon {
    flex: 0 0 auto;
    display: flex;
    align-self: center;
}

svg.svg-icon {
    height: 18px;
    width: 18px;
    stroke-width: 1.75px;
}

.callout {
    overflow: hidden;
    margin: 1em 0;
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12),
        0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.callout-title {
    padding: 0.5em;
    display: flex;
    gap: 8px;
    font-size: inherit;
    color: black;
    line-height: 1.3em;
}

.callout-title-inner {
    font-weight: bold;
    color: black;
}

.callout-content {
    overflow-x: auto;
    padding: 0.25em 0.5em;
    color: #222222;
    background-color: white !important;
}

ul.contains-task-list {
    padding-left: 0;
    list-style: none;
}

ul.contains-task-list ul.contains-task-list {
    padding-left: 2em;
}

ul.contains-task-list li input[type="checkbox"] {
    margin-right: 0.5em;
}

.callout-table,
.callout-table tr,
.callout-table p {
    width: 100%;
    padding: 0;
}

.callout-table td {
    width: 100%;
    padding: 0 1em;
}

.callout-table p {
    padding-bottom: 0.5em;
}

.source-table {
    width: 100%;
    background-color: #f5f5f5;
}