[data-bs-theme="light"] {
  --highlight-yellow: gold;
  --highlight-red: pink;
  --highlight-green: lightgreen;

  --highlight-yellow-font: black;
  --highlight-red-font: firebrick;
  --highlight-green-font: darkgreen;

  --disabled: #999;
}

[data-bs-theme="dark"] {
  --highlight-yellow: saddlebrown;
  --highlight-red: firebrick;
  --highlight-green: green;

  --highlight-yellow-font: gold;
  --highlight-red-font: pink;
  --highlight-green-font: lightgreen;

  --disabled: #666;
}


body {
    margin: 72px auto;
    overflow-x: hidden;
    counter-reset: table-counter;
}

h2 {
    border-bottom: solid lightgray 0.5px;
}

h3 {font-size: 1.5rem;}

a {overflow-wrap: break-word;}

a.disabled {
    color: var(--disabled);
    text-decoration: none;
}

table-container {overflow-x:auto; }

table, .table-caption {
    counter-increment: table-counter;
}

table > caption::before,
.table-caption::before { 
    content: "Table " counter(table-counter) ". ";
    font-weight: bold;
}

caption, .table-caption {
    caption-side: top;
    font-size: 0.9rem;
}

rt {
    font-size: 0.6rem;
}

.table-container {
    overflow-x: auto;
}

.definition {
    font-weight: bold;
}

.highlighted-text {
    position: relative;
    display: inline-block;
    font-weight: bold;
}

.highlighted-text::before {
    content: "\00a0";
    position: absolute;
    top: 50%;
    left: -3%;
    right: 0%;
    height: 45%;

    transform: rotate(-1.5deg);
    z-index: -1;
    border-radius: 100px;
}

.highlighted-text::after {content: "\00a0";}

.highlighted-yellow {color: var(--highlight-yellow-font);}
.highlighted-yellow::before {background-color: var(--highlight-yellow);}
.highlighted-red {color: var(--highlight-red-font);}
.highlighted-red::before {background-color: var(--highlight-red);}
.highlighted-green {color: var(--highlight-green-font);}
.highlighted-green::before {background-color: var(--highlight-green);}


.alert-to-callout {
    border-radius: 0 !important;
    border-width: 8px !important;

    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.alert-to-callout p:last-of-type {
    margin-bottom: 0;
}


.gold {color: gold;}
.silver {color: silver;}


@media (max-width: 991px) {
    body {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 992px) {
    body {
        max-width: 10in;
    }
}