    html {
        font-family: ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;
    }
    
    .t123 h1, .t123 h2, .t123 h3, .t123 h4, .t123 h5, .t123 h6 {
        font-weight: 900;
        line-height: 1.6;
        margin-bottom: 2em;
        margin-top: 3em;
        background-color: rgb(250, 250, 250);
        padding: 1em 0.5em;
        border-radius: 10px;
        border: 1px solid #eee;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding-left: 2em;
        padding-right: 2em;
    }
    .t123 h1 {
        font-size: 1.875em;
    }
    .t123 h2 {
        font-size: 1.5em;
    }
    .t123 h3 {
        font-size: 1.25em;
    }
    .t123 h4 {
        font-size: 1em
    }
    .t123 h5, .t123 h6 {
        font-size: 0.875em;
    }
    .t123 h6 {
        font-weight: 500;
        padding-left: 3.3em;
    }
    .t123 table {
        border-collapse: collapse;
        margin: 20px;
        border-top: 3px solid #aaa;
        border-bottom: 3px solid #aaa;
        margin-left: 3em;
    }
    .t123 td {
        padding: 0.5em 1em;
        border: 1px solid #eee;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .t123 th {
        font-weight: 900;
        padding: 0.7em 0.7em;
        border: 1px solid #aaa;
        border-bottom: 3px solid #aaa;
        background-color: #f9f9f9;
    }
    .t123 strong {
        font-weight: 900;
    }
    ol li::marker {
        font-weight: 900; /* Или 'bold' если 700 достаточно */
        /* Вы также можете добавить другие стили для маркера, например, цвет: */
        /* color: red; */ 
    }
    p, ul, ol {
        margin-left: 3em;
        font-size: 1em;
        line-height: 1.6;
        margin-bottom: 1em;
    }
    ul ul, ol ul, ol ol, ul ol {
        margin-left: 0.25em;
    }
    td ul, td ol {
        margin: 0.2em;
    }
    pre.wrap-lines {
        white-space: pre-wrap;       /* Preserve spaces, wrap lines */
        overflow-wrap: break-word;   /* Break long words/tokens if needed */
    }
    pre:not(.wrap-lines) {
        white-space: pre;            /* Default behavior - no wrapping */
        overflow-x: auto;            /* Add horizontal scrolling if needed */
    }
    pre {
        background: #fafafa;
        border: 1px solid #eee;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-radius: 10px;
        font-size: 1em;
        line-height: 1.5;
        margin: 1em 0 1em 3em;
        padding: 1em 0.5em;
        tab-size: 2;
    }
    code {
        font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
        font-size: 0.875em;
        background: #fafafa;
        white-space: pre;
    }
    p code,
    li code:not(li pre code),
    td code {
        background: #f0f0f0;
        padding: 0.25em 0.5em;
        border-radius: 5px;
        border: 1px solid #e6e6e6;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .alert-warning {
        background-color: #fff3cd;
        border: 1px solid #ffeeba;
        border-bottom: 1.5px solid #d4c187;
        border-right: 1.5px solid #d4c187;
        color: #533f03;
        padding: 2em 3em;
        margin-left: 3em;
        margin-right: 3em;
        border-radius: 10px;
    }
    div.alert-warning p {
        margin: 0;
    }
    figure {
        margin: 3em 0 3em 3em;
        padding: 0;
        text-align: left;
    }
    img {
        max-width: 95%;
        height: auto;
        margin: 1em;
    }
    figcaption, caption {
        font-size: 1em;
        font-weight: 900;
        text-align: left;
        margin-top: -0.5em;
    }
    caption {
        margin-bottom: 0.5em;
    }
