/* blog start */
@font-face {
    font-family: 'Propisi';
    src: url('../fonts/Propisi.TTF') format('truetype');
}

@font-face {
    font-family: 'Oyun Qagan Tig';
    src: url('../fonts/Oyun/Oyun-Qagan-Tig.ttf') format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/PT-Sans/pt-sans_regular.ttf') format('truetype');
}

.blog {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 1%;
    right: 1%;
    margin: auto;
}

/* article start */
.article {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    min-height: 800px;
    max-width: 960px;
    min-width: 280px;
    width: 100%;
    margin: 0;
    padding: min(30px, 5%);
    border: 1px solid #d7dde3;
    color: #24292f;
    background-color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word
}

/* crumb start */
.article .crumbs {
    margin: 0;
}

.article .crumbs ol {
    list-style-type: none;
    padding-left: 0;
}

.article .crumb {
    display: inline-block;
    color: grey
}

.article .crumb a {
    background-color: transparent;
    color: #0969da;
    text-decoration: none
}

.article .crumb a:hover {
    text-decoration: underline
}

.article .crumb a::after {
    display: inline-block;
    color: grey;
    content: '>';
    font-size: 80%;
    font-weight: bold;
    padding: 0 3px;
}

/* crumb end */

.article .vocabulary {
    font-family: 'PT Sans', 'Microsoft YaHei', 微软雅黑, 宋体, 黑体, sans-serif;
    font-size: 110%;
}

.article .handwriting {
    font-family: 'Propisi', sans-serif;
    font-size: 48px;
    word-spacing: 1ch;
}

.article .mark {
    background-color: yellow
}

/* alphabet start */
.article .alphabet-row {
    font-size: 350%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.article .alphabet-row .letter-info {
    font-size: 30%;
    white-space: nowrap;
    vertical-align: top;
}

.article .alphabet-ru {
    font-family: 'PT Sans', 'Microsoft YaHei', 微软雅黑, 宋体, 黑体, sans-serif;
}

.article .alphabet-mn {
    font-size: 350%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    font-family: 'Oyun Qagan Tig', 'PT Sans', 'Microsoft YaHei', 微软雅黑, 宋体, 黑体, sans-serif;
}

.article .alphabet-mn .col-mn {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.article .alphabet-mn .letters-mn {
    writing-mode: horizontal-tb;
    vertical-align: bottom;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.article .alphabet-mn .orig-mn {
    writing-mode: vertical-lr;
}

.article .alphabet-mn .tranf-mn {
    writing-mode: vertical-lr;
    font-size: 40%;
    text-align: center;
    margin: 0 auto;
}

.article .alphabet-mn .multi-tranf-mn {
    writing-mode: horizontal-tb;
    line-height: 1;
}

.article .alphabet-mn .one-tranf-mn {
    writing-mode: vertical-lr;
    vertical-align: middle;
}

.article .alphabet-mn .letter-info-mn {
    font-size: 45%;
    padding-left: 10px;
}

/* alphabet end */

/* ipa start */
.article .ipa-row {
    font-size: 200%;
    display: flex;
    justify-content: center;
    text-align: center;
}

.article .ipa .ipa-letter {
    writing-mode: horizontal-tb;
    font-size: 50%
}

.article .ipa .ipa-letter .ipa-info {
    font-size: 200%
}

/* ipa end */

.article .octicon {
    display: inline-block;
    fill: currentColor;
    vertical-align: text-bottom
}

.article h1:hover .anchor .octicon-link:before,
.article h2:hover .anchor .octicon-link:before,
.article h3:hover .anchor .octicon-link:before,
.article h4:hover .anchor .octicon-link:before,
.article h5:hover .anchor .octicon-link:before,
.article h6:hover .anchor .octicon-link:before {
    width: 16px;
    height: 16px;
    content: ' ';
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")
}

.article details,
.article figcaption,
.article figure {
    display: block
}

.article summary {
    display: list-item
}

.article [hidden] {
    display: none !important
}

.article a {
    background-color: transparent;
    color: #0969da;
    text-decoration: none
}

.article abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

.article b,
.article strong {
    font-weight: 600
}

.article dfn {
    font-style: italic
}

.article h1 {
    margin: .67em 0;
    font-weight: 600;
    padding-bottom: .3em;
    font-size: 2em;
    border-bottom: 1px solid #d7dde3
}

.article mark {
    background-color: #fff8c5;
    color: #24292f
}

.article small {
    font-size: 90%
}

.article sub,
.article sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.article sub {
    bottom: -.25em
}

.article sup {
    top: -.5em
}

.article img {
    border-style: none;
    max-width: 100%;
    box-sizing: content-box;
    background-color: #fff
}

.article code,
.article kbd,
.article pre,
.article samp {
    font-family: monospace;
    font-size: 1em
}

.article figure {
    margin: 1em 40px
}

.article hr {
    box-sizing: content-box;
    overflow: hidden;
    background: 0 0;
    border-bottom: 1px solid #d7dde3;
    height: .25em;
    padding: 0;
    margin: 24px 0;
    background-color: #d0d7de;
    border: 0
}

.article input {
    font: inherit;
    margin: 0;
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.article input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.article [type=button],
.article [type=reset],
.article [type=submit] {
    appearance: button;
    -webkit-appearance: button;
}

.article [type=checkbox],
.article [type=radio] {
    box-sizing: border-box;
    padding: 0
}

.article [type=number]::-webkit-inner-spin-button,
.article [type=number]::-webkit-outer-spin-button {
    height: auto
}

.article [type=search]::-webkit-search-cancel-button,
.article [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.article ::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

.article ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.article a:hover {
    text-decoration: underline
}

.article ::placeholder {
    color: #6e7781;
    opacity: 1
}

.article hr::before {
    display: table;
    content: ""
}

.article hr::after {
    display: table;
    clear: both;
    content: ""
}

.article table {
    border-spacing: 0;
    border-collapse: collapse;
    display: block;
    width: max-content;
    max-width: 100%;
    overflow: auto
}

.article td,
.article th {
    padding: 0
}

.article details summary {
    cursor: pointer
}

.article details:not([open])>:not(summary) {
    display: none !important
}

.article [role=button]:focus,
.article a:focus,
.article input[type=checkbox]:focus,
.article input[type=radio]:focus {
    outline: 2px solid #0969da;
    outline-offset: -2px;
    box-shadow: none
}

.article [role=button]:focus:not(:focus-visible),
.article a:focus:not(:focus-visible),
.article input[type=checkbox]:focus:not(:focus-visible),
.article input[type=radio]:focus:not(:focus-visible) {
    outline: solid 1px transparent
}

.article [role=button]:focus-visible,
.article a:focus-visible,
.article input[type=checkbox]:focus-visible,
.article input[type=radio]:focus-visible {
    outline: 2px solid #0969da;
    outline-offset: -2px;
    box-shadow: none
}

.article a:not([class]):focus,
.article a:not([class]):focus-visible,
.article input[type=checkbox]:focus,
.article input[type=checkbox]:focus-visible,
.article input[type=radio]:focus,
.article input[type=radio]:focus-visible {
    outline-offset: 0
}

.article kbd {
    display: inline-block;
    padding: 3px 5px;
    font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    line-height: 10px;
    color: #24292f;
    vertical-align: middle;
    background-color: #f6f8fa;
    border: solid 1px rgba(175, 184, 193, .2);
    border-bottom-color: rgba(175, 184, 193, .2);
    border-radius: 6px;
    box-shadow: inset 0 -1px 0 rgba(175, 184, 193, .2)
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25
}

.article h2 {
    font-weight: 600;
    padding-bottom: .3em;
    font-size: 1.5em;
    border-bottom: 1px solid #d7dde3
}

.article h3 {
    font-weight: 600;
    font-size: 1.25em
}

.article h4 {
    font-weight: 600;
    font-size: 1em
}

.article h5 {
    font-weight: 600;
    font-size: .875em
}

.article h6 {
    font-weight: 600;
    font-size: .85em;
    color: #57606a
}

.article p {
    margin-top: 0;
    margin-bottom: 10px
}

.article blockquote {
    margin: 0;
    padding: 0 1em;
    color: #57606a;
    border-left: .25em solid #d0d7de
}

.article ol,
.article ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 2em;
    list-style-type: decimal;
}

.article ol ol,
.article ul ol {
    list-style-type: lower-roman
}

.article ol ol ol,
.article ol ul ol,
.article ul ol ol,
.article ul ul ol {
    list-style-type: lower-alpha
}

.article dd {
    margin-left: 0
}

.article code,
.article samp,
.article tt {
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-size: 12px
}

.article pre {
    margin-top: 0;
    margin-bottom: 0;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-size: 12px;
    word-wrap: normal
}

.article .octicon {
    display: inline-block;
    overflow: visible !important;
    vertical-align: text-bottom;
    fill: currentColor
}

.article input::-webkit-inner-spin-button,
.article input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.article::before {
    display: table;
    content: ""
}

.article::after {
    display: table;
    clear: both;
    content: ""
}

.article>:first-child {
    margin-top: 0 !important
}

.article>:last-child {
    margin-bottom: 0 !important
}

.article a:not([href]) {
    color: inherit;
    text-decoration: none
}

.article .absent {
    color: #cf222e
}

.article .anchor {
    float: left;
    padding-right: 4px;
    margin-left: -20px;
    line-height: 1
}

.article .anchor:focus {
    outline: 0
}

.article blockquote,
.article details,
.article dl,
.article ol,
.article p,
.article pre,
.article table,
.article ul {
    margin-top: 0;
    margin-bottom: 16px
}

.article blockquote>:first-child {
    margin-top: 0
}

.article blockquote>:last-child {
    margin-bottom: 0
}

.article h1 .octicon-link,
.article h2 .octicon-link,
.article h3 .octicon-link,
.article h4 .octicon-link,
.article h5 .octicon-link,
.article h6 .octicon-link {
    color: #24292f;
    vertical-align: middle;
    visibility: hidden
}

.article h1:hover .anchor,
.article h2:hover .anchor,
.article h3:hover .anchor,
.article h4:hover .anchor,
.article h5:hover .anchor,
.article h6:hover .anchor {
    text-decoration: none
}

.article h1:hover .anchor .octicon-link,
.article h2:hover .anchor .octicon-link,
.article h3:hover .anchor .octicon-link,
.article h4:hover .anchor .octicon-link,
.article h5:hover .anchor .octicon-link,
.article h6:hover .anchor .octicon-link {
    visibility: visible
}

.article h1 code,
.article h1 tt,
.article h2 code,
.article h2 tt,
.article h3 code,
.article h3 tt,
.article h4 code,
.article h4 tt,
.article h5 code,
.article h5 tt,
.article h6 code,
.article h6 tt {
    padding: 0 .2em;
    font-size: inherit
}

.article summary h1,
.article summary h2,
.article summary h3,
.article summary h4,
.article summary h5,
.article summary h6 {
    display: inline-block
}

.article summary h1 .anchor,
.article summary h2 .anchor,
.article summary h3 .anchor,
.article summary h4 .anchor,
.article summary h5 .anchor,
.article summary h6 .anchor {
    margin-left: -40px
}

.article summary h1,
.article summary h2 {
    padding-bottom: 0;
    border-bottom: 0
}

.article ol.no-list,
.article ul.no-list {
    padding: 0;
    list-style-type: none
}

.article ol[type=a] {
    list-style-type: lower-alpha
}

.article ol[type=A] {
    list-style-type: upper-alpha
}

.article ol[type=i] {
    list-style-type: lower-roman
}

.article ol[type=I] {
    list-style-type: upper-roman
}

.article ol[type="1"] {
    list-style-type: decimal
}

.article div>ol:not([type]) {
    list-style-type: decimal
}

.article ol ol,
.article ol ul,
.article ul ol,
.article ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.article li>p {
    margin-top: 16px
}

.article li+li {
    margin-top: .25em
}

.article dl {
    padding: 0
}

.article dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: 600
}

.article dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}

.article table th {
    font-weight: 600
}

.article table td,
.article table th {
    padding: 6px 13px;
    border: 1px solid #d0d7de
}

.article table tr {
    background-color: #fff;
    border-top: 1px solid #d7dde3
}

.article table tr:nth-child(2n) {
    background-color: #f6f8fa
}

.article table img {
    background-color: transparent
}

.article img[align=right] {
    padding-left: 20px
}

.article img[align=left] {
    padding-right: 20px
}

.article .emoji {
    max-width: none;
    vertical-align: text-top;
    background-color: transparent
}

.article span.frame {
    display: block;
    overflow: hidden
}

.article span.frame>span {
    display: block;
    float: left;
    width: auto;
    padding: 7px;
    margin: 13px 0 0;
    overflow: hidden;
    border: 1px solid #d0d7de
}

.article span.frame span img {
    display: block;
    float: left
}

.article span.frame span span {
    display: block;
    padding: 5px 0 0;
    clear: both;
    color: #24292f
}

.article span.align-center {
    display: block;
    overflow: hidden;
    clear: both
}

.article span.align-center>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: center
}

.article span.align-center span img {
    margin: 0 auto;
    text-align: center
}

.article span.align-right {
    display: block;
    overflow: hidden;
    clear: both
}

.article span.align-right>span {
    display: block;
    margin: 13px 0 0;
    overflow: hidden;
    text-align: right
}

.article span.align-right span img {
    margin: 0;
    text-align: right
}

.article span.float-left {
    display: block;
    float: left;
    margin-right: 13px;
    overflow: hidden
}

.article span.float-left span {
    margin: 13px 0 0
}

.article span.float-right {
    display: block;
    float: right;
    margin-left: 13px;
    overflow: hidden
}

.article span.float-right>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: right
}

.article code,
.article tt {
    padding: .2em .4em;
    margin: 0;
    font-size: 85%;
    white-space: break-spaces;
    background-color: rgba(175, 184, 193, .2);
    border-radius: 6px
}

.article code br,
.article tt br {
    display: none
}

.article del code {
    text-decoration: inherit
}

.article samp {
    font-size: 85%
}

.article pre code {
    font-size: 100%
}

.article pre>code {
    padding: 0;
    margin: 0;
    word-break: normal;
    white-space: pre;
    background: 0 0;
    border: 0
}

.article .highlight {
    margin-bottom: 16px
}

.article .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

.article .highlight pre,
.article pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f6f8fa;
    border-radius: 6px
}

.article pre code,
.article pre tt {
    display: inline;
    max-width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}

.article .csv-data td,
.article .csv-data th {
    padding: 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    white-space: nowrap
}

.article .csv-data .blob-num {
    padding: 10px 8px 9px;
    text-align: right;
    background: #fff;
    border: 0
}

.article .csv-data tr {
    border-top: 0
}

.article .csv-data th {
    font-weight: 600;
    background: #f6f8fa;
    border-top: 0
}

.article [data-footnote-ref]::before {
    content: "["
}

.article [data-footnote-ref]::after {
    content: "]"
}

.article .footnotes {
    font-size: 12px;
    color: #57606a;
    border-top: 1px solid #d0d7de
}

.article .footnotes ol {
    padding-left: 16px
}

.article .footnotes ol ul {
    display: inline-block;
    padding-left: 16px;
    margin-top: 16px
}

.article .footnotes li {
    position: relative
}

.article .footnotes li:target::before {
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -24px;
    pointer-events: none;
    content: "";
    border: 2px solid #0969da;
    border-radius: 6px
}

.article .footnotes li:target {
    color: #24292f
}

.article .footnotes .data-footnote-backref g-emoji {
    font-family: monospace
}

.article .pl-c {
    color: #6e7781
}

.article .pl-c1,
.article .pl-s .pl-v {
    color: #0550ae
}

.article .pl-e,
.article .pl-en {
    color: #8250df
}

.article .pl-s .pl-s1,
.article .pl-smi {
    color: #24292f
}

.article .pl-ent {
    color: #116329
}

.article .pl-k {
    color: #cf222e
}

.article .pl-pds,
.article .pl-s,
.article .pl-s .pl-pse .pl-s1,
.article .pl-sr,
.article .pl-sr .pl-cce,
.article .pl-sr .pl-sra,
.article .pl-sr .pl-sre {
    color: #0a3069
}

.article .pl-smw,
.article .pl-v {
    color: #953800
}

.article .pl-bu {
    color: #82071e
}

.article .pl-ii {
    color: #f6f8fa;
    background-color: #82071e
}

.article .pl-c2 {
    color: #f6f8fa;
    background-color: #cf222e
}

.article .pl-sr .pl-cce {
    font-weight: 700;
    color: #116329
}

.article .pl-ml {
    color: #3b2300
}

.article .pl-mh,
.article .pl-mh .pl-en,
.article .pl-ms {
    font-weight: 700;
    color: #0550ae
}

.article .pl-mi {
    font-style: italic;
    color: #24292f
}

.article .pl-mb {
    font-weight: 700;
    color: #24292f
}

.article .pl-md {
    color: #82071e;
    background-color: #ffebe9
}

.article .pl-mi1 {
    color: #116329;
    background-color: #dafbe1
}

.article .pl-mc {
    color: #953800;
    background-color: #ffd8b5
}

.article .pl-mi2 {
    color: #eaeef2;
    background-color: #0550ae
}

.article .pl-mdr {
    font-weight: 700;
    color: #8250df
}

.article .pl-ba {
    color: #57606a
}

.article .pl-sg {
    color: #8c959f
}

.article .pl-corl {
    text-decoration: underline;
    color: #0a3069
}

.article g-emoji {
    display: inline-block;
    min-width: 1ch;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1em;
    font-style: normal !important;
    font-weight: 400;
    line-height: 1;
    vertical-align: -.075em
}

.article g-emoji img {
    width: 1em;
    height: 1em
}

.article .task-list-item {
    list-style-type: none
}

.article .task-list-item label {
    font-weight: 400
}

.article .task-list-item.enabled label {
    cursor: pointer
}

.article .task-list-item+.task-list-item {
    margin-top: 4px
}

.article .task-list-item .handle {
    display: none
}

.article .task-list-item-checkbox {
    margin: 0 .2em .25em -1.4em;
    vertical-align: middle
}

.article .contains-task-list:dir(rtl) .task-list-item-checkbox {
    margin: 0 -1.6em .25em .2em
}

.article .contains-task-list {
    position: relative
}

.article .contains-task-list:focus-within .task-list-item-convert-container,
.article .contains-task-list:hover .task-list-item-convert-container {
    display: block;
    width: auto;
    height: 24px;
    overflow: visible;
    clip: auto
}

.article ::-webkit-calendar-picker-indicator {
    appearance: none;
    -webkit-appearance: none;
    filter: invert(50%);
}

/* article end */
/* blog end */