.yzcl {
    font-size: 16px;
    line-height: 1.75;
}

.yzcl h1, .yzcl h2, .yzcl h3, .yzcl h4, .yzcl h5, .yzcl h6,
.yzcl p, .yzcl pre, .yzcl ul, .yzcl ol, .yzcl dl, .yzcl table, .yzcl form, .yzcl hr {
    margin-top: 1.27em;
    margin-bottom: 1.27em;
}

.yzcl tfoot, .yzcl small {
    font-size: 90%;
    color: #999;
}

.yzcl video, .yzcl audio {
    display: inline-block;
}

.yzcl video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.yzcl > *:first-child, .yzcl p > *:first-child, .yzcl li > *:first-child, .yzcl th > *:first-child, .yzcl td > *:first-child, .yzcl dt > *:first-child, .yzcl dd > *:first-child, .yzcl blockquote > *:first-child {
    margin-top: 0;
}

.yzcl > *:last-child, .yzcl p > *:last-child, .yzcl li > *:last-child, .yzcl th > *:last-child, .yzcl td > *:last-child, .yzcl dt > *:last-child, .yzcl dd > *:last-child, .yzcl blockquote > *:last-child {
    margin-bottom: 0;
}

.yzcl address, .yzcl caption, .yzcl cite, .yzcl code, .yzcl em, .yzcl th, .yzcl dfn, .yzcl var {
    font-weight: 400;
}

.yzcl code, .yzcl pre, .yzcl var {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.yzcl a {
    color: #428bca;
    text-decoration: none;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-underline-position: under;
    text-decoration-thickness: 1px;
}

.yzcl a:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
}

.yzcl a:focus {
    outline: 1px dotted #999;
    text-decoration: none;
}

.yzcl a:visited {
    color: #428bca;
}

.yzcl a:hover {
    color: #2a6496;
}

.yzcl a:focus {
    color: #2a6496;
}

.yzcl a:active {
    color: #2a6496;
}

.yzcl b, .yzcl strong {
    font-weight: 700;
}

.yzcl i, .yzcl em {
    font-style: italic;
    margin-right: 0.2em;
}

.yzcl sup, .yzcl sub {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    vertical-align: text-top \9;
    margin-right: 0.2em;
}

.yzcl sup {
    top: -0.5em;
}

.yzcl sub {
    bottom: -0.25em;
}

.yzcl mark {
    background: #fffda0;
    padding: 1px 0;
}

.yzcl abbr {
    cursor: help;
    text-underline-position: under;
    text-decoration-thickness: 1px;
}

.yzcl q {
    color: #999;
}

.yzcl code {
    font-size: 0.9em;
    background: #f7f7f7;
    padding: 0.3em 0.5em;
    border-radius: 0.3em;
    white-space: nowrap;
    position: relative;
    top: -1px;
}

.yzcl img {
    max-width: 100%;
    vertical-align: middle;
}

.yzcl h1, .yzcl h2, .yzcl h3, .yzcl h4, .yzcl h5, .yzcl h6 {
    font-weight: 600;
    line-height: 1.5em;
    margin-top: 1.2em;
    margin-bottom: 0.8em;
}

.yzcl h1 a, .yzcl h2 a, .yzcl h3 a, .yzcl h4 a, .yzcl h5 a, .yzcl h6 a {
    color: inherit;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
}

.yzcl h1 a:hover, .yzcl h1 a:focus, .yzcl h2 a:hover, .yzcl h2 a:focus, .yzcl h3 a:hover, .yzcl h3 a:focus, .yzcl h4 a:hover, .yzcl h4 a:focus, .yzcl h5 a:hover, .yzcl h5 a:focus, .yzcl h6 a:hover, .yzcl h6 a:focus {
    color: #428bca;
}

.yzcl h1 small, .yzcl h2 small, .yzcl h3 small, .yzcl h4 small, .yzcl h5 small, .yzcl h6 small {
    font-size: 70%;
    font-weight: 500;
}

.yzcl h1 code, .yzcl h2 code, .yzcl h3 code, .yzcl h4 code, .yzcl h5 code, .yzcl h6 code {
    font-weight: inherit;
    font-size: inherit;
    background: none;
    padding: 0;
    border-radius: 0;
    white-space: normal;
    position: static;
    top: 0;
}

.yzcl h1 {
    font-size: 2.2em;
}

.yzcl h2 {
    font-size: 1.8em;
}

.yzcl h3 {
    font-size: 1.4em;
}

.yzcl h4 {
    font-size: 1.2em;
}

.yzcl h5 {
    font-size: 1em;
}

.yzcl h6 {
    font-size: 0.9em;
}

.yzcl ul, .yzcl ol, .yzcl dd {
    margin-left: 2em;
    padding-left: 0;
}

.yzcl ol {
    list-style: decimal;
}

.yzcl ul {
    list-style: disc;
}

.yzcl li, .yzcl dd {
    padding: 0.17em 0;
}

.yzcl li ul, .yzcl li ol {
    padding: 0.17em 0 0;
    margin-top: 0;
    margin-bottom: 0;
}

.yzcl li ul {
    list-style: circle;
}

.yzcl table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    text-align: left;
    border-top: 1px solid #f0f0f0;
    background: #fafafa;
}

.yzcl thead tr, .yzcl tbody tr:hover {
    background: #f0f0f0;
}

.yzcl th, .yzcl td {
    padding: 0.7em 1.4em 0.7em 0;
    border-bottom: 1px solid #f0f0f0;
    _padding: 0.7em 1.4em;
}

.yzcl th:first-child, .yzcl td:first-child {
    padding-left: 1.4em;
}

.yzcl th > :first-child, .yzcl td > :first-child {
    margin-top: 0;
}

.yzcl th > :last-child, .yzcl td > :last-child {
    margin-bottom: 0;
}

.yzcl th {
    font-weight: 700;
}

.yzcl pre code {
    display: block;
    padding: 1em 1.2em;
    background: #fafafa;
    white-space: pre;
    overflow: auto;
    position: static;
    top: auto;
    line-height: 1.48;
}

.yzcl blockquote {
    border-left: 0.3em solid #ddd;
    margin-left: 0;
    margin-right: 0;
    padding: 0.5em 1.2em;
    color: #555;
}

.yzcl hr {
    height: 0;
    border: 0 none;
    border-bottom: 1px solid #f0f0f0;
}

.yzcl li > *:first-child, .yzcl th > *:first-child, .yzcl td > *:first-child {
    margin-top: 0;
}

.yzcl li > *:last-child, .yzcl th > *:last-child, .yzcl td > *:last-child {
    margin-bottom: 0;
}

.yzcl figure.image {
    display: inline-block;
}

.yzcl figure.image figcaption {
    color: rgb(0 0 0 / 70%);
    font-size: 14px;
    text-align: center;
}

.yzcl .grid-cols-2,
.yzcl .grid-cols-3 {
    display: grid;
    gap: 0.625rem;
}

.yzcl .grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.yzcl .grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}