/* Sans Serif font family set one */
    @font-face { /* CJK */
        font-family: soviSans;
        src: url(fonts/GYGTC-L.otf);
        unicode-range: U+2014, U+2E3A, U+00B7, U+20DD-20DE, U+2160-216B, U+2170-217B, U+2190-2199, U+21B8-21B9, U+21C4-21C6, U+21CB-21CC, U+21D0, U+21D2, U+21D4, U+21E6-21E9, U+21F5, U+2200, U+2202-2203, U+2205-220B, U+220F, U+2211, U+2213, U+2215, U+221A, U+221D-2220, U+2223, U+2225-222E, U+2234-2237, U+223D, U+2243, U+2245, U+2248, U+224C, U+2252, U+2260-2262, U+2264-2267, U+226A-226B, U+226E-226F, U+2272-2273, U+2276-2277, U+2282-2287, U+228A-228B, U+2295-2299, U+22A0, U+22A5, U+22BF, U+22DA-22DB, U+2305-2307, U+2312, U+2318, U+2329-232A, U+23B0-23B1, U+23BE-23CC, U+23CE, U+23DA-23DB, U+2423, U+2460-25AB, U+25B1-25B3, U+25B6-25B7, U+25BC-25BD, U+25C0-25C1, U+25C6-25CB, U+25CE-25D3, U+25E2-25E6, U+25EF, U+2600-2603, U+2605-2606, U+2609, U+260E-260F, U+2616-2617, U+261C-261F, U+262F, U+2640-2642, U+2660-266F, U+2672-267D, U+26A0, U+26BD-26BE, U+2702, U+2713, U+271A, U+273D, U+273F-2740, U+2756, U+2776-277F, U+27A1, U+2934-2935, U+29BF, U+29FA-29FB, U+2B05-2B07, U+2B1A, U+2E80-FA6D, U+FE10-3106C;
    }
    @font-face { /* Latin, Cyrillic, Greek and Devanagari */
        font-family: soviSans;
        src: url(fonts/notoSans_n.ttf);
        unicode-range: U+000D, U+0020-007E, U+00A0-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03E1, U+03F0-052F, U+0900-097F, U+10FB, U+1AB0-1AC0, U+1AC5, U+1AC7-1ACE, U+1C80-1C88, U+1D00-1DF9, U+1DFB-1F15, U+1F18-1F1D, U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D, U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB, U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-2013, U+2015-2064, U+2066-2071, U+2074-208E, U+2090-209C, U+20A0-20C0, U+20F0, U+2100-215F, U+2183-2184, U+2189, U+2212, U+25CC, U+2C60-2C7F, U+2DE0-2E5D, U+A640-A69F, U+A700-A7CA, U+A7D0-A7D1, U+A7D3, U+A7D5-A7D9, U+A7F2-A7FF, U+A8FF, U+A92E, U+AB30-AB6B, U+FB00-FB06, U+FE00, U+FE20-FE2F, U+FEFF, U+FFFC-FFFD, U+10780-10785, U+10787-107B0, U+107B2-107BA, U+1DF00-1DF1E;
    }
    @font-face { /* LCGD italic */
        font-family: soviSansItalic;
        src: url(fonts/notoSans_i.ttf);
    }
    .sovi-sans-1 { /* These style rules will apply to all html tags that have this class specified */
        line-height: 1.15;
        font-family: soviSans;
        button, input, select, textarea {
            font-family: soviSans;
        }
        i, em {
            font-family: soviSansItalic, soviSans;
        }
    }

/* Serif font family set one */
    @font-face { /* Latin and Cyrillic and Greek*/
        font-family: soviSerif;
        src: url(fonts/pala.ttf);
    }
    @font-face {
        font-family: soviSerifItalic;
        src: url(fonts/palai.ttf);
    }
    @font-face {
        font-family: soviSerifBold;
        src: url(fonts/palab.ttf);
    }
    @font-face {
        font-family: soviSerifBoldItalic;
        src: url(fonts/palabi.ttf);
    }
    @font-face { /* Hanji */
        font-family: soviSerif; 
        src: url(fonts/GYMTC-L.otf);
        unicode-range: U+2014, U+2E3A, U+00B7, U+20DD-20DE, U+2160-216B, U+2170-217B, U+2190-2199, U+21B8-21B9, U+21C4-21C6, U+21CB-21CC, U+21D0, U+21D2, U+21D4, U+21E6-21E9, U+21F5, U+2200, U+2202-2203, U+2205-220B, U+220F, U+2211, U+2213, U+2215, U+221A, U+221D-2220, U+2223, U+2225-222E, U+2234-2237, U+223D, U+2243, U+2245, U+2248, U+224C, U+2252, U+2260-2262, U+2264-2267, U+226A-226B, U+226E-226F, U+2272-2273, U+2276-2277, U+2282-2287, U+228A-228B, U+2295-2299, U+22A0, U+22A5, U+22BF, U+22DA-22DB, U+2305-2307, U+2312, U+2318, U+2329-232A, U+23B0-23B1, U+23BE-23CC, U+23CE, U+23DA-23DB, U+2423, U+2460-25AB, U+25B1-25B3, U+25B6-25B7, U+25BC-25BD, U+25C0-25C1, U+25C6-25CB, U+25CE-25D3, U+25E2-25E6, U+25EF, U+2600-2603, U+2605-2606, U+2609, U+260E-260F, U+2616-2617, U+261C-261F, U+262F, U+2640-2642, U+2660-266F, U+2672-267D, U+26A0, U+26BD-26BE, U+2702, U+2713, U+271A, U+273D, U+273F-2740, U+2756, U+2776-277F, U+27A1, U+2934-2935, U+29BF, U+29FA-29FB, U+2B05-2B07, U+2B1A, U+2E80-FA6D, U+FE10-3106C;
    }
    @font-face { /* Hanji Bold */
        font-family: soviSerifBold; 
        src: url(fonts/GYMTC-B.otf);
        unicode-range: U+2014, U+2E3A, U+00B7, U+20DD-20DE, U+2160-216B, U+2170-217B, U+2190-2199, U+21B8-21B9, U+21C4-21C6, U+21CB-21CC, U+21D0, U+21D2, U+21D4, U+21E6-21E9, U+21F5, U+2200, U+2202-2203, U+2205-220B, U+220F, U+2211, U+2213, U+2215, U+221A, U+221D-2220, U+2223, U+2225-222E, U+2234-2237, U+223D, U+2243, U+2245, U+2248, U+224C, U+2252, U+2260-2262, U+2264-2267, U+226A-226B, U+226E-226F, U+2272-2273, U+2276-2277, U+2282-2287, U+228A-228B, U+2295-2299, U+22A0, U+22A5, U+22BF, U+22DA-22DB, U+2305-2307, U+2312, U+2318, U+2329-232A, U+23B0-23B1, U+23BE-23CC, U+23CE, U+23DA-23DB, U+2423, U+2460-25AB, U+25B1-25B3, U+25B6-25B7, U+25BC-25BD, U+25C0-25C1, U+25C6-25CB, U+25CE-25D3, U+25E2-25E6, U+25EF, U+2600-2603, U+2605-2606, U+2609, U+260E-260F, U+2616-2617, U+261C-261F, U+262F, U+2640-2642, U+2660-266F, U+2672-267D, U+26A0, U+26BD-26BE, U+2702, U+2713, U+271A, U+273D, U+273F-2740, U+2756, U+2776-277F, U+27A1, U+2934-2935, U+29BF, U+29FA-29FB, U+2B05-2B07, U+2B1A, U+2E80-FA6D, U+FE10-3106C;
    }
    @font-face { /* Latin and Cyrillic and Greek, for JP serif*/
        font-family: jpSerif;
        src: url(fonts/pala.ttf);
    }
    @font-face {
        font-family: jpSerifItalic;
        src: url(fonts/palai.ttf);
    }
    @font-face {
        font-family: jpSerifBold;
        src: url(fonts/palab.ttf);
    }
    @font-face {
        font-family: jpSerifBoldItalic;
        src: url(fonts/palabi.ttf);
    }
    @font-face { /* Hanji, for JP serif*/
        font-family: jpSerif; 
        src: url(fonts/GYMJP-L.otf);
        unicode-range: U+2014, U+2E3A, U+00B7, U+20DD-20DE, U+2160-216B, U+2170-217B, U+2190-2199, U+21B8-21B9, U+21C4-21C6, U+21CB-21CC, U+21D0, U+21D2, U+21D4, U+21E6-21E9, U+21F5, U+2200, U+2202-2203, U+2205-220B, U+220F, U+2211, U+2213, U+2215, U+221A, U+221D-2220, U+2223, U+2225-222E, U+2234-2237, U+223D, U+2243, U+2245, U+2248, U+224C, U+2252, U+2260-2262, U+2264-2267, U+226A-226B, U+226E-226F, U+2272-2273, U+2276-2277, U+2282-2287, U+228A-228B, U+2295-2299, U+22A0, U+22A5, U+22BF, U+22DA-22DB, U+2305-2307, U+2312, U+2318, U+2329-232A, U+23B0-23B1, U+23BE-23CC, U+23CE, U+23DA-23DB, U+2423, U+2460-25AB, U+25B1-25B3, U+25B6-25B7, U+25BC-25BD, U+25C0-25C1, U+25C6-25CB, U+25CE-25D3, U+25E2-25E6, U+25EF, U+2600-2603, U+2605-2606, U+2609, U+260E-260F, U+2616-2617, U+261C-261F, U+262F, U+2640-2642, U+2660-266F, U+2672-267D, U+26A0, U+26BD-26BE, U+2702, U+2713, U+271A, U+273D, U+273F-2740, U+2756, U+2776-277F, U+27A1, U+2934-2935, U+29BF, U+29FA-29FB, U+2B05-2B07, U+2B1A, U+2E80-FA6D, U+FE10-3106C;
    }
    @font-face { /* Hanji Bold, for JP serif*/
        font-family: jpSerifBold; 
        src: url(fonts/GYMJP-B.otf);
        unicode-range: U+2014, U+2E3A, U+00B7, U+20DD-20DE, U+2160-216B, U+2170-217B, U+2190-2199, U+21B8-21B9, U+21C4-21C6, U+21CB-21CC, U+21D0, U+21D2, U+21D4, U+21E6-21E9, U+21F5, U+2200, U+2202-2203, U+2205-220B, U+220F, U+2211, U+2213, U+2215, U+221A, U+221D-2220, U+2223, U+2225-222E, U+2234-2237, U+223D, U+2243, U+2245, U+2248, U+224C, U+2252, U+2260-2262, U+2264-2267, U+226A-226B, U+226E-226F, U+2272-2273, U+2276-2277, U+2282-2287, U+228A-228B, U+2295-2299, U+22A0, U+22A5, U+22BF, U+22DA-22DB, U+2305-2307, U+2312, U+2318, U+2329-232A, U+23B0-23B1, U+23BE-23CC, U+23CE, U+23DA-23DB, U+2423, U+2460-25AB, U+25B1-25B3, U+25B6-25B7, U+25BC-25BD, U+25C0-25C1, U+25C6-25CB, U+25CE-25D3, U+25E2-25E6, U+25EF, U+2600-2603, U+2605-2606, U+2609, U+260E-260F, U+2616-2617, U+261C-261F, U+262F, U+2640-2642, U+2660-266F, U+2672-267D, U+26A0, U+26BD-26BE, U+2702, U+2713, U+271A, U+273D, U+273F-2740, U+2756, U+2776-277F, U+27A1, U+2934-2935, U+29BF, U+29FA-29FB, U+2B05-2B07, U+2B1A, U+2E80-FA6D, U+FE10-3106C;
    }
    .sovi-serif-1 { /* These style rules will apply to all html tags that have this class specified */
        font-family: soviSerif;
        button, input, select, textarea {
            font-family: soviSerif;
        }
        i, em {
            font-family: soviSerifItalic, soviSerif;
            font-style: italic;
        }
        b, strong, h1, h2, h3, h4, h5, h6 {
            font-family: soviSerifBold, soviSerif;
            font-weight: normal;
            i, em {
                font-family: soviSerifBoldItalic, soviSerifBold, soviSerif;
                font-weight: normal;
            }
        }
    }
    .jp-serif-1 { /* These style rules will apply to all html tags that have this class specified */
        font-family: jpSerif;
        button, input, select, textarea {
            font-family: jpSerif;
        }
        i, em {
            font-family: jpSerifItalic, jpSerif;
            font-style: italic;
        }
        b, strong, h1, h2, h3, h4, h5, h6 {
            font-family: jpSerifBold, jpSerif;
            font-weight: normal;
            i, em {
                font-family: jpSerifBoldItalic, jpSerifBold, jpSerif;
                font-weight: normal;
            }
        }
    }

/* Serif font family set one without Chinese */
/* The purpose of having this is because the Chinese font kind of replaced something in the pala.ttf and I want to have one family individually for pala.ttf */
    @font-face { /* Latin and Cyrillic and Greek*/
        font-family: soviSerifNoCJK;
        src: url(fonts/pala.ttf);
    }
    @font-face {
        font-family: soviSerifNoCJKItalic;
        src: url(fonts/palai.ttf);
    }
    @font-face {
        font-family: soviSerifNoCJKBold;
        src: url(fonts/palab.ttf);
    }
    @font-face {
        font-family: soviSerifNoCJKBoldItalic;
        src: url(fonts/palabi.ttf);
    }
    .sovi-serif-no-cjk-1 { /* These style rules will apply to all html tags that have this class specified */
        font-family: soviSerifNoCJK;
        button, input, select, textarea {
            font-family: soviSerifNoCJK;
        }
        i, em {
            font-family: soviSerifNoCJKItalic, soviSerifNoCJK;
            font-style: italic;
        }
        b, strong, h1, h2, h3, h4, h5, h6 {
            font-family: soviSerifNoCJKBold, soviSerifNoCJK;
            font-weight: normal;
            i, em {
                font-family: soviSerifNoCJKBoldItalic, soviSerifNoCJKBold, soviSerifNoCJK;
                font-weight: normal;
            }
        }
    }

/* Cyrillic-focused Font Family One */
/* Monomakh is a Cyrillic font implemented in a mixed ustav/poluustav style and intended to cover needs of
researches dealing with Slavic history and philology. It also provides Latin characters in a similar typeface,
which is useful for working with multilingual academic editions. */
    @font-face {
        font-family: monomakh;
        src: url(fonts/monomakh.ttf);
    }
    .cyrillic-1 {
        font-family: monomakh;
        button, input, select, textarea {
            font-family: monomakh;
        }
        i, em {
            font-family: monomakh;
            font-style: italic;
        }
        b, strong, h1, h2, h3, h4, h5, h6 {
            font-family: monomakh;
            font-weight: normal;
            i, em {
                font-family: monomakh;
                font-weight: normal;
            }
        }
    }

/* Cyrillic-focused Font Family Two */
/* Ponomar (previously called Hirmos Ponomar) is a font for typesetting Synodal Church Slavonic
(that is, Church Slavonic used in modern liturgical texts of the Russian Orthodox Church).
It may also be used to typeset liturgical texts in Romanian (Moldovan) Cyrillic, Aleut and Sakha (Yakut) */
    @font-face {
        font-family: ponomar;
        src: url(fonts/ponomar.ttf);
    }
    .cyrillic-2 {
        font-family: ponomar;
        button, input, select, textarea {
            font-family: ponomar;
        }
        i, em {
            font-family: ponomar;
            font-style: italic;
        }
        b, strong, h1, h2, h3, h4, h5, h6 {
            font-family: ponomar;
            font-weight: normal;
            i, em {
                font-family: ponomar;
                font-weight: normal;
            }
        }
    }

/* Noto Nastaliq Urdu Font */
    @font-face {
        font-family: nastaliqUrdu;
        src: url(fonts/notoNastaliqUrdu.ttf);
    }
    .urdu {
        direction: rtl;
        font-family: nastaliqUrdu, serif;
        button, input, select, textarea {
            font-family: nastaliqUrdu, serif;
        }
    }


/* Additional global styles can be added below */
    html {
        scroll-behavior: smooth;
    }
    :target {
        animation: fadeHighlight 2s ease-out;
    }

    @keyframes fadeHighlight {
        from {
            background-color: yellow;
        }
        to {
            background-color: transparent;
        }
    }

    .tCenter {
        text-align: center;
    }
    .center {
        margin: auto;
        display: block;
    }
    .justified {
        text-align: justify;
    }

    .content {
        max-width: 800px;
        margin: auto;
        padding: 20px;
        font-size: 1.25em;
        overflow-wrap: break-word;
        line-height: 200%;
    }
    .content-wide {
        max-width: 1280px;
        margin: auto;
        padding: 20px;
        font-size: 1.25em;
        overflow-wrap: break-word;
    }
    .gold-1 {
        header {
            background-color: #DAA520;
            color: white;
            padding: 10px;
            margin-bottom: 20px;
            border-radius: 24px;
            nav {
                background-color: #f2dca6;
                color: black;
                padding: 10px;
                border-radius: 24px;
            }
        }
        main {
            background-color: #fff8dc;
            color: black;
            padding: 20px;
            border-radius: 24px;
        }
        form {
            color: black;
            padding: 20px;
            border-radius: 24px;
            input, textarea {
                margin-bottom: 10px;
                padding: 8px;
                border: 1px solid #ccc;
                border-radius: 4px;
                max-width: 360px;
            }
            button, input[type="submit"] {
                background-color: #DAA520;
                color: white;
                padding: 10px 20px;
                border: none;
                border-radius: 4px;
                cursor: pointer;
                &:hover {
                    background-color: #c6951e;
                }
            }
            select {
                margin-bottom: 10px;
                padding: 10px 20px;
                border: 1px solid #ccc;
                border-radius: 4px;
                max-width: 360px;
                background-color: #DAA520;
                color: white;
                option {
                    padding: 8px;
                }
            }
        }
    }
    .overflowing-12 {
        /* float: left; */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 12;
        line-clamp: 12;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        overflow-wrap: break-word;
    }
    .hor-break {
        width: 100%;
        height: 1px;
        background-color: #000;
        margin: 10px 0;
    }


    a {
        color: #000;
        text-decoration: wavy underline;
    }
    sup, sub {
        font-size: 0.75em;
    }

    span.heimu:hover, span.heimu:active {
        color: var(--heimu-text-color);
    }
    .heimu {
        transition: color 0.13s linear;
        color: var(--heimu-color);
        text-shadow: none;
    }
    .heimu, .heimu rt {
        --heimu-color: #252525;
        --heimu-text-color: #fff;
        --heimu-link-color: #add8e6;
        --heimu-visited-link-color: #c5cae9;
        --heimu-new-link-color: #fcc;
        --heimu-new-visited-link-color: #ef9a9a;
        --heimu-extiw-visited-link-color: #d1c4e9;
        background-color: var(--heimu-color);
    }
    ruby { /* please give me some design */
        ruby-base {
            color: transparent;
        }
        rt {
            font-size: 0.75em;
            color: var(--ruby-text-color, #000);
        }
    }