textarea {
    field-sizing: content;
    max-height: 16lh;
}

.form-control {
    color: #222;
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: 0;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: 0;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: 0;
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none;
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: 0;
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none;
}

.nowrap {
    white-space: nowrap;
}

.inline {
    display: inline-block;
}

.container {
    color: #333;
}

.table-left td, .table-left th {
    text-align: left;
}

.table-game-list {
    font-size: 14px;
    letter-spacing: .025em;
    border-collapse: separate;
    border-spacing: 0 9px;
}

.table-game-list td {
    padding: 7px 5px;
}

.table-season-dates-list {
    font-size: 14px;
    letter-spacing: .025em;
    border-collapse: separate;
    border-spacing: 0 9px;
}

.table-season-dates-list td {
    text-align: left;
    padding: 7px 12px;
}

.game-winner {
    font-weight: bold;
    text-decoration: dashed;
}

input[type=number]::-webkit-inner-spin-button { appearance: none; margin: 0 }
input[type=number]::-webkit-outer-spin-button { appearance: none; margin: 0 }


.game-scoring td {
    text-align: center;
}

.game-scoring input {
    text-align: center;
}

.bm-container {
    z-index: 2000 !important;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.rd-navbar-corporate {
    background-color: #0b1e5e;
}
.rd-navbar-corporate .rd-navbar-darker {
    background-color: #003089;
}

.rd-navbar-corporate.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-corporate.rd-navbar-static .rd-nav-item.opened .rd-nav-link, 
.rd-navbar-corporate.rd-navbar-static .rd-nav-item.active .rd-nav-link,
.rd-navbar-corporate.rd-navbar-static .rd-nav-item .rd-nav-link.active
{
    color: #fff;
    background: #0050c9;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.info-label {
    display: block;
    font-weight: normal;
}

.info-value {
    display: block;
    color: #000;
    font-weight: normal;
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 4px;
}

.info-no-value {
    display: block;
    color: #999;
    font-weight: normal;
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 4px;
    font-style: italic;
}

.list-statistics-label {
    color: black;
}

.team-info .player-info-figure {
    background-color: white;
}

.admin-header, .coach-header {
    color: #fff;
    background-color: #003089;
}

.admin-header a, .admin-header a:focus, .admin-header a:active, 
.coach-header a, .coach-header a:focus, .coach-header a:active {
    color: #fff;
}

.document-editor {
    min-height: 25em;
}

.free-agent-banner {
    color: #fff;
    background-color: #000;
}

.free-agent-banner .free-agent-image {
    overflow: hidden;
}
.free-agent-banner .free-agent-image img {
    width: 100%;
    height: auto;
}

.free-agent-banner .free-agent-text {
    text-align: center;
    font-size: 125%;
    padding-top: 1em;
}
.free-agent-banner .free-agent-text > * {
    margin-bottom: 1em;
}

.sponsor-slot {
    margin-bottom: 1.5rem;
    text-align: center;
}

.site-search-popup {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1100;
    overflow: hidden;
    margin-top: .25rem;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    background: #fff;
}

.site-search-result,
.site-search-all,
.site-search-status {
    display: block;
    padding: .75rem 1rem;
    color: #212529;
    text-align: left;
}

.site-search-result {
    border-bottom: 1px solid #f1f3f5;
}

.site-search-result:hover,
.site-search-result:focus,
.site-search-all:hover,
.site-search-all:focus {
    background: #f8f9fa;
    color: #003089;
    text-decoration: none;
}

.site-search-result-title,
.site-search-result-meta {
    display: block;
}

.site-search-result-title {
    font-weight: 600;
}

.site-search-result-meta,
.site-search-status {
    color: #6c757d;
    font-size: .875rem;
}

.site-search-all {
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .site-search-popup {
        position: fixed;
        top: 4.25rem;
        left: .75rem;
        right: .75rem;
        max-height: calc(100vh - 5rem);
        overflow-y: auto;
    }
}

.sponsor-slot img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.home-jumbotron {
    position: relative;
}

.home-jumbotron-slide {
    display: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-jumbotron-slide.is-active {
    display: block;
}

.home-jumbotron-image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 1;
    object-fit: cover;
}

.home-jumbotron-link {
    display: block;
}

.home-jumbotron-control {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    border-radius: 999px;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    transform: translateY(-50%);
}

.home-jumbotron-control:hover,
.home-jumbotron-control:focus {
    background: rgba(0, 0, 0, .72);
}

.home-jumbotron-control-prev {
    left: 1rem;
}

.home-jumbotron-control-next {
    right: 1rem;
}

.home-jumbotron-indicators {
    position: absolute;
    bottom: .75rem;
    left: 50%;
    z-index: 2;
    display: flex;
    gap: .5rem;
    transform: translateX(-50%);
}

.home-jumbotron-indicator {
    width: .75rem;
    height: .75rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .55);
}

.home-jumbotron-indicator.is-active {
    background: #fff;
}

.homepage-slide-admin-preview {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 180px;
    object-fit: cover;
}

.homepage-slide-admin-edit-preview,
.homepage-slide-admin-background-preview {
    display: block;
    max-width: 100%;
    height: auto;
}

.homepage-slide-admin-edit-preview {
    width: min(720px, 100%);
}

.homepage-slide-admin-background-preview {
    width: min(720px, 100%);
}

.sponsor-admin-preview {
    display: block;
    max-width: 160px;
    max-height: 90px;
    width: auto;
    height: auto;
}

.sponsor-admin-edit-preview {
    display: block;
    max-width: min(100%, 560px);
    max-height: 260px;
    width: auto;
    height: auto;
}

.sponsor-admin-banner-list {
    display: grid;
    gap: 1rem;
}

.sponsor-admin-banner-tile {
    display: grid;
    grid-template-columns: 180px 1fr auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
}

.sponsor-admin-banner-image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    background: #f8f9fa;
}

.sponsor-admin-banner-actions {
    display: flex;
    gap: .5rem;
}

@media (max-width: 767.98px) {
    .sponsor-admin-banner-tile {
        grid-template-columns: 1fr;
    }

    .sponsor-admin-banner-actions {
        justify-content: flex-start;
    }
}

.sponsor-placement-option {
    display: grid;
    grid-template-columns: 3rem minmax(180px, 220px) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    min-height: 132px;
    height: 100%;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.sponsor-placement-option:hover {
    border-color: #adb5bd;
}

.sponsor-placement-option-selected {
    border-color: #0d6efd;
    background: #f8fbff;
    box-shadow: inset 0 0 0 1px #0d6efd;
}

.sponsor-placement-option-saving {
    cursor: progress;
    opacity: .75;
}

.sponsor-placement-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid #ced4da;
    border-radius: 50%;
    color: #fff;
    background: #fff;
}

.sponsor-placement-option-selected .sponsor-placement-check {
    border-color: #0d6efd;
    background: #0d6efd;
}

.sponsor-placement-option-saving .sponsor-placement-check {
    color: #0d6efd;
    background: #fff;
}

.sponsor-placement-image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    padding: .5rem;
    background: #f8f9fa;
}

.sponsor-placement-option img {
    display: block;
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
}

.sponsor-placement-details {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.sponsor-placement-details strong {
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.sponsor-placement-details span {
    color: #6c757d;
}

@media (max-width: 767.98px) {
    .sponsor-placement-option {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .sponsor-placement-image {
        width: 100%;
        min-height: 120px;
    }
}

.sponsor-card {
    height: 100%;
    background: #fff;
    border: 1px solid #e3e3e3;
}

.sponsor-card img {
    display: block;
    width: 100%;
    max-height: 180px;
    object-fit: contain;
    padding: 1rem;
    background: #fff;
}

.sponsor-card-body {
    padding: 1rem;
}

.sponsor-card-body h5 {
    margin-bottom: .5rem;
}

.table-custom + *,
.heading-component + * {
    margin-top: 30px;
}

.button-group {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 15px;
    padding: 0;
}

.button-group .active {
    outline: 2px solid #0b1e5e !important;
}

.block {
    display: block;
}

.tournament-result .champs, .tournament-result .champs a {
    color: #0050c9;
}

.tournament-result .runner-up, .tournament-result .runner-up a {
    color: #000;
}

.tournament {
    display: flex;
    flex-direction: row;
    line-height: 1.4em;
}

.tournament .round {
    display: flex;
    flex-direction: column;
}

.tournament h4 {
    text-align: center;
}

.tournament ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 200px;
    list-style: none;
    padding: 0;
    flex-grow: 1;
}

.tournament .round li:first-child,
.tournament .round li:last-child {
    flex-grow: .5;
}

.tournament li {
    padding-left: 20px;
}

.tournament li.winner {
    font-weight: bold;
    background: #f0f4fd !important;
}

.tournament .round:not(:first-child) li:nth-of-type(2n+2):before {
    content: ' ';
    position: absolute;
    width: calc(1em + 1px);
    height: 1px;
    left: calc(-1em - 1px);
    top: 50%;
    border-top: 1px solid #aaa;
}

.tournament li:nth-of-type(2n+2) { /* teams */
    position: relative;
    border: 1px solid #aaa;
    background: #eee;
    padding: 0.5em;
    margin-left: 1em;
    display: flex;
    flex-direction: row;
}

.tournament li:nth-of-type(2n+2) span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: 1;
}

.tournament li:nth-of-type(4n+2) { /* top team */
    border-bottom: 1px solid #aaa;
    background: #eee;
}

.tournament li:nth-of-type(4n+4) { /* bottom team */
    border-top: 1px solid #aaa;
    background: #eee;
}

.tournament li:nth-of-type(4n-1) {  /* game-spacer */
    flex-grow: 1;
    border-right: 1px solid #aaa;
    min-height: 40px;
}

.tournament li:nth-of-type(4n-3) { /* spacer */
    flex-grow: 1;
}

.tournament button.btn {
    padding: 0;
    margin: 0;
    line-height: 0.8;
}

/* Card sizing */
.chat-card { max-height: 28rem; }

.chat-body-wrapper { position: relative; }

/* Scrollable area */
.chat-body { height: 17rem; }

.chat-body-initializing { visibility: hidden; }

.chat-scroll-bottom {
    position: absolute;
    left: 50%;
    bottom: .75rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .2);
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    transition: opacity .15s ease-in-out;
}

.chat-scroll-bottom.is-visible {
    opacity: .95;
    pointer-events: auto;
}

/* Avatars */
.chat-avatar { width: 2rem; height: 2rem; object-fit: cover; }

/* Bubbles */
.chat-bubble {
    padding: .5rem .75rem;
    border-radius: .75rem;
    max-width: 18rem;
    word-break: break-word;
    background-color: #eee;
}

.chat-bubble.me  { background-color: var(--bs-primary); color: #fff; }
.chat-bubble.them { background-color: #eee; }

.chat-user, .chat-timestamp { text-align: left; }
.chat-mine .chat-user, .chat-mine .chat-timestamp { text-align: right; }

.chat-error-message { color: #d55}

.nav-light-list a {
    color: white !important;
}

.content-editor-textarea {
    min-height: 24rem;
    font-family: var(--bs-font-monospace);
}

.content-image-picker-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1080;
    overflow-y: auto;
    background: rgba(0, 0, 0, .45);
}

.content-image-picker {
    max-width: 68rem;
    margin: 3rem auto;
}

.content-image-picker .btn {
    white-space: normal;
}

.content-image-tile img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.content-image-upload-tile {
    min-height: 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    border-style: dashed !important;
}

.content-image-upload-tile i {
    font-size: 3rem;
}

.content-image-upload-tile span {
    font-weight: 600;
}

.content-image-preview {
    min-height: 22rem;
}

.content-image-preview img {
    display: block;
    max-width: 100%;
    max-height: 28rem;
    object-fit: contain;
}

.content-image-preview i {
    font-size: 3rem;
}

.content-image-size-list .active .text-muted {
    color: rgba(255, 255, 255, .75) !important;
}

.markdown-content {
    color: #212529;
    font-size: 1rem;
    line-height: 1.65;
    overflow-wrap: break-word;
}

.markdown-content > :first-child {
    margin-top: 0;
}

.markdown-content > :last-child {
    margin-bottom: 0;
}

.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4,
.markdown-content h5,
.markdown-content h6 {
    margin: 1.5em 0 .65em;
    color: #111827;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
}

.markdown-content h1 {
    font-size: 2rem;
}

.markdown-content h2 {
    padding-bottom: .25rem;
    border-bottom: 1px solid #e9ecef;
    font-size: 1.65rem;
}

.markdown-content h3 {
    font-size: 1.35rem;
}

.markdown-content h4 {
    font-size: 1.15rem;
}

.markdown-content h5 {
    font-size: 1rem;
}

.markdown-content h6 {
    color: #495057;
    font-size: .9rem;
    text-transform: uppercase;
}

.markdown-content p,
.markdown-content ul,
.markdown-content ol,
.markdown-content dl,
.markdown-content blockquote,
.markdown-content pre,
.markdown-content table,
.markdown-content figure,
.markdown-content hr {
    margin-top: 0;
    margin-bottom: 1rem;
}

.markdown-content ul,
.markdown-content ol {
    display: block;
    padding-left: 1.75rem;
}

.markdown-content ul {
    list-style: disc;
}

.markdown-content ol {
    list-style: decimal;
}

.markdown-content li {
    display: list-item;
    padding-left: .25rem;
}

.markdown-content li + li {
    margin-top: .25rem;
}

.markdown-content li > ul,
.markdown-content li > ol {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.markdown-content ul ul {
    list-style: circle;
}

.markdown-content ul ul ul {
    list-style: square;
}

.markdown-content dt {
    font-weight: 700;
}

.markdown-content dd {
    margin-bottom: .75rem;
    margin-left: 1.5rem;
}

.markdown-content a {
    color: #0050c9;
    text-decoration: underline;
    text-underline-offset: .15em;
}

.markdown-content a:hover,
.markdown-content a:focus {
    color: #003089;
}

.markdown-content blockquote {
    padding: .25rem 0 .25rem 1rem;
    border-left: .25rem solid #ced4da;
    color: #495057;
}

.markdown-content blockquote > :last-child {
    margin-bottom: 0;
}

.markdown-content code,
.markdown-content kbd,
.markdown-content samp {
    font-family: var(--bs-font-monospace);
    font-size: .925em;
}

.markdown-content code {
    padding: .1rem .3rem;
    border-radius: .25rem;
    color: #b02a37;
    background: #f8f9fa;
}

.markdown-content pre {
    display: block;
    overflow-x: auto;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    color: #212529;
    background: #f8f9fa;
}

.markdown-content pre code {
    padding: 0;
    color: inherit;
    background: transparent;
}

.markdown-content table {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
}

.markdown-content th,
.markdown-content td {
    padding: .5rem .75rem;
    border: 1px solid #dee2e6;
    text-align: left;
    vertical-align: top;
}

.markdown-content th {
    font-weight: 700;
    background: #f8f9fa;
}

.markdown-content tbody tr:nth-child(even) {
    background: #fbfbfc;
}

.markdown-content img {
    max-width: 100%;
    height: auto;
}

.markdown-content figure img {
    display: block;
}

.markdown-content figcaption {
    margin-top: .5rem;
    color: #6c757d;
    font-size: .875rem;
}

.markdown-content hr {
    border: 0;
    border-top: 1px solid #dee2e6;
    opacity: 1;
}