.prose {
    max-width: unset;
}

@media screen and (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .lg\:inline-block {
        display: inline-block;
    }
    .lg\:items-stretch {
        align-items: stretch;
    }
    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.bg-cyan-400 {
    background-color: rgb(34 211 238);
}

.text-black {
    color: #000;
}

.text-fuchsia-400 {
    color: rgb(232 121 249);
}

.bg-fuchsia-400 {
    background-color: rgb(232 121 249);
}

/**
 * Keywords
 */
.card-color {
    font-weight: bold;
}
.card-color--Red {
    /* text-red-800 */
    color: #9B1C1C;
}
.card-color--Yellow {
    /* text-green-300 */
    color: #FACA15;
}
.card-color--Green {
    /* text-green-700 */
    color: #046C4E;
}
.card-color--Blue {
    /* text-blue-800 */
    color: #1E429F;
}
.card-color--White {
    color: #fff;
}
.card-color--Black {
    color: #000;
}

.card-color--红 {
    /* text-red-800 */
    color: #9B1C1C;
    background-color: #fff;
}
.card-color--黄 {
    /* text-green-300 */
    color: #FACA15;
    background-color: #000;
}
.card-color--绿 {
    /* text-green-700 */
    color: #046C4E;
    background-color: #fff;
}
.card-color--蓝 {
    /* text-blue-800 */
    color: #1E429F;
    background-color: #fff;
}
.card-color--白 {
    color: #fff;
    background-color: #000;
}
.card-color--黑 {
    color: #000;
    background-color: #fff;
}

.card-color-radius {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-flex;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    cursor: help;
    line-break: strict; 
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    font-size: .8rem;
    line-height: .9rem;
    @media screen and (min-width: 1025px) {
        font-size: 1rem;
        line-height: 1.1rem;
        width: 200px;
    }

    /* reset formating of parent tags, e.g. bold or italic */
    font-weight: normal;
    font-style: normal;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;

    bottom: 100%;
    left: 50%;
    margin-left: -100px;
}

.tooltip .tooltiptext {
    transform: translateX(-50%);
    min-width: 9rem;
    margin-left: 0;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

@font-face {
  font-family: 'QiushuiShotai';
  src: url('font/QiushuiShotai.ttf');
}

.card_details--cardText {
    font-family: 'QiushuiShotai';
    text-align: left;
    font-size: small;
    line-height: 2;
}

.card_details--illustrator {
    font-family: 'QiushuiShotai';
    font-size: small;
}

.card_font {
    font-family: 'QiushuiShotai';
}

.fa-solid {
    line-height: inherit;
}