@media (min-width: 576px) { .container { width: 540px; }}
@media (min-width: 768px) { .container { width: 680px; }}
@media (min-width: 992px) { .container { width: 680px; }}
@media (min-width: 1200px) { .container { width: 680px; }}
td>code,li>code,p>code { padding: 0.2em 0.4em; margin: 0; font-size: 85%; white-space: break-spaces; background-color: hsla(215, 8%, 47%, .4); border-radius: 6px; color: #e6edf3;}
table,tr,td,th { border: 1px solid #555;}
table th,table td { padding: 6px 13px;}
table { display: block; width: 100%; width: max-content; max-width: 100%; overflow: auto; margin-bottom: 20px;}
.markdown img { margin-left: auto; margin-right: auto; width: 100%; height: auto;}
pre>div { border-style: solid; border-color: var(--bs-border-width); border-width: 1px;}
blockquote { border-left: 10px solid #818080; padding: 1em 10px 0.1em 20px; quotes: "\201C" "\201D" "\2018" "\2019";}