/* =========================================================
   HEADER BANNER FINAL
   Header pendek, full lebar area theme
   Login/Register tetap posisi bawaan theme
   ========================================================= */

.pkp_structure_head {
  background: #ffffff !important;
  border-bottom: none !important;
}

/* Wrapper header */
.pkp_head_wrapper {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Area logo/header image */
.pkp_site_name_wrapper,
.pkp_site_name {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* Link pembungkus gambar */
.pkp_site_name .is_img,
.pkp_site_name a.is_img,
.pkp_site_name > a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
}

/* Gambar header */
.pkp_site_name .is_img img,
.pkp_site_name a.is_img img,
.pkp_site_name img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  /* tinggi header */
  height: 280px !important;
  max-height: 280px !important;

  object-fit: cover !important;
  object-position: center center !important;

  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Hilangkan ruang kosong bawaan */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper {
  min-height: 0 !important;
}

/* Bar navigasi bawah header */
.pkp_navigation_primary_row {
  margin: 0 !important;
  background: #b45f06 !important;
}

/* Tablet */
@media screen and (max-width: 1024px) {
  .pkp_site_name .is_img img,
  .pkp_site_name a.is_img img,
  .pkp_site_name img {
    height: 220px !important;
    max-height: 220px !important;
  }
}

/* Mobile */
@media screen and (max-width: 768px) {
  .pkp_site_name .is_img img,
  .pkp_site_name a.is_img img,
  .pkp_site_name img {
    height: 150px !important;
    max-height: 150px !important;
  }
}
/* =========================================================
   JSMEI
   JOURNAL IDENTITY + ABOUT
   CLEAN / SINGLE CANVAS VERSION
   Primary: #1E6292
   ========================================================= */

:root {
    --jsmei-primary: #1E6292;
    --jsmei-primary-dark: #154B70;
    --jsmei-soft: #F2F7FA;
    --jsmei-border: #DCE5EB;
    --jsmei-text: #243746;
    --jsmei-muted: #647484;
}


/* =========================================================
   MAIN
   Tidak membuat canvas/card baru
   ========================================================= */

.jsmei-profile {
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    box-sizing: border-box;

    font-family: Arial, Helvetica, sans-serif;
    color: var(--jsmei-text);
}


/* =========================================================
   IDENTITY LAYOUT
   COVER KIRI + IDENTITY KANAN
   ========================================================= */

.jsmei-identity-layout {
    display: grid;

    grid-template-columns:
        250px
        minmax(0, 1fr);

    gap: 28px;

    align-items: start;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   COVER
   ========================================================= */

.jsmei-cover {
    width: 100%;
    margin: 0;
    padding: 0;
}


.jsmei-cover img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    border: 1px solid #D8E1E7;
    border-radius: 4px;

    box-shadow:
        0 7px 18px rgba(20, 52, 74, 0.10);

    box-sizing: border-box;
}


/* =========================================================
   IDENTITY
   ========================================================= */

.jsmei-identity {
    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;
}


/* =========================================================
   TITLE
   ========================================================= */

.jsmei-title {
    position: relative;

    margin: 0 0 14px;
    padding: 0 0 10px;

    border-bottom: 1px solid var(--jsmei-border);
}


.jsmei-title h2 {
    margin: 0;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;
    line-height: 1.25;

    font-weight: 700;

    color: #173B56;
}


.jsmei-title span {
    position: absolute;

    left: 0;
    bottom: -1px;

    width: 58px;
    height: 3px;

    background: var(--jsmei-primary);

    border-radius: 2px;
}


/* =========================================================
   IDENTITY TABLE
   ========================================================= */

.jsmei-identity-table {
    width: 100%;

    margin: 0;
    padding: 0;

    border-top: 1px solid var(--jsmei-border);
}


.jsmei-row {
    display: grid;

    grid-template-columns:
        190px
        minmax(0, 1fr);

    width: 100%;

    min-height: 48px;

    border-bottom: 1px solid var(--jsmei-border);

    box-sizing: border-box;
}


.jsmei-label {
    display: flex;

    align-items: center;

    padding: 10px 15px;

    background: #F3F7FA;

    font-size: 14px;
    line-height: 1.45;

    font-weight: 700;

    color: #29445A;

    box-sizing: border-box;
}


.jsmei-value {
    display: flex;

    align-items: center;

    padding: 10px 16px;

    font-size: 14px;
    line-height: 1.55;

    color: #263947;

    background: #FFFFFF;

    box-sizing: border-box;
}


/* =========================================================
   ABOUT
   Langsung di bawah identity
   Tidak menggunakan card kedua
   ========================================================= */

.jsmei-about {
    width: 100%;

    margin: 26px 0 0;
    padding: 22px 0 0;

    border-top: 1px solid var(--jsmei-border);

    background: transparent;

    box-shadow: none;

    box-sizing: border-box;
}


.jsmei-about .jsmei-title {
    margin-bottom: 14px;
}


/* =========================================================
   ABOUT TEXT
   ========================================================= */

.jsmei-about-text {
    width: 100%;

    margin: 0;
    padding: 0;
}


.jsmei-about-text p {
    margin: 0 0 11px;

    padding: 0;

    font-size: 14px;
    line-height: 1.75;

    color: #435462;

    text-align: justify;
}


.jsmei-about-text p:last-child {
    margin-bottom: 0;
}


.jsmei-about-text strong {
    color: #183F5D;
}


/* =========================================================
   TOPICS
   ========================================================= */

.jsmei-topics {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin: 17px 0 0;
    padding: 14px 0 0;

    border-top: 1px solid #E7EDF1;
}


.jsmei-topics span {
    display: inline-flex;

    align-items: center;

    padding: 5px 11px;

    min-height: 27px;

    background: #F1F7FA;

    border: 1px solid #D7E6EE;

    border-radius: 20px;

    font-size: 12px;
    line-height: 1.3;

    font-weight: 600;

    color: var(--jsmei-primary);

    box-sizing: border-box;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {

    .jsmei-identity-layout {
        grid-template-columns:
            220px
            minmax(0, 1fr);

        gap: 22px;
    }


    .jsmei-row {
        grid-template-columns:
            165px
            minmax(0, 1fr);
    }


    .jsmei-title h2 {
        font-size: 24px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

    .jsmei-identity-layout {
        display: block;
    }


    .jsmei-cover {
        width: 190px;
        max-width: 70%;

        margin: 0 auto 22px;
    }


    .jsmei-title h2 {
        font-size: 23px;
    }


    .jsmei-row {
        display: block;

        min-height: 0;
    }


    .jsmei-label {
        padding: 9px 12px;
    }


    .jsmei-value {
        padding: 10px 12px 13px;
    }


    .jsmei-about {
        margin-top: 22px;
        padding-top: 18px;
    }


    .jsmei-about-text p {
        text-align: left;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media screen and (max-width: 480px) {

    .jsmei-cover {
        width: 170px;
    }


    .jsmei-title {
        margin-bottom: 11px;
        padding-bottom: 9px;
    }


    .jsmei-title h2 {
        font-size: 21px;
    }


    .jsmei-label,
    .jsmei-value,
    .jsmei-about-text p {
        font-size: 13px;
    }


    .jsmei-about {
        margin-top: 18px;
        padding-top: 16px;
    }

}
/* =========================================================
   JSMEI - CURRENT ISSUE + ARTICLE LIST
   MODERN CLEAN EDITORIAL UI
   CSS ONLY - OJS 3.3
   Primary Brand: #1E6292

   IMPORTANT:
   Hapus CSS Current Issue / Article List sebelumnya
   sebelum menggunakan CSS ini.
   ========================================================= */


/* =========================================================
   COLOR SYSTEM
   ========================================================= */

.pkp_page_index .current_issue {
    --ci-primary: #1E6292;
    --ci-primary-dark: #164D74;
    --ci-primary-deep: #123D5B;

    --ci-soft: #F2F7FA;
    --ci-soft-2: #F8FBFD;

    --ci-heading: #173B56;
    --ci-text: #344B5B;
    --ci-muted: #71818D;

    --ci-border: #DCE5EB;
    --ci-border-soft: #E8EEF2;

    --ci-white: #FFFFFF;
}


/* =========================================================
   1. CURRENT ISSUE MAIN CANVAS
   ========================================================= */

.pkp_page_index .current_issue {
    position: relative !important;

    width: 100% !important;

    margin: 22px 0 0 !important;

    padding:
        0
        30px
        24px !important;

    background: #FFFFFF !important;

    border: 1px solid var(--ci-border) !important;
    border-radius: 10px !important;

    box-shadow:
        0 6px 22px rgba(19, 52, 73, 0.055) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* top brand line */

.pkp_page_index .current_issue::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: var(--ci-primary);

    z-index: 2;
}


/* =========================================================
   2. CURRENT ISSUE TITLE
   ========================================================= */

.pkp_page_index .current_issue > h2 {
    position: relative !important;

    margin:
        0
        -30px !important;

    padding:
        25px
        30px
        16px !important;

    background:
        linear-gradient(
            90deg,
            #F7FAFC 0%,
            #FFFFFF 75%
        ) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--ci-border) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 27px !important;
    line-height: 1.25 !important;

    font-weight: 700 !important;

    color: var(--ci-heading) !important;
}


/* underline */

.pkp_page_index .current_issue > h2::after {
    content: "";

    position: absolute;

    left: 30px;
    bottom: -1px;

    width: 56px;
    height: 3px;

    background: var(--ci-primary);

    border-radius: 3px 3px 0 0;
}


/* =========================================================
   3. ISSUE TOC RESET
   ========================================================= */

.pkp_page_index .current_issue .obj_issue_toc {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   4. ISSUE INFORMATION
   ========================================================= */

.pkp_page_index .current_issue
.obj_issue_toc > .heading {

    width: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding:
        19px
        0
        17px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid var(--ci-border-soft) !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   5. ISSUE TITLE
   ========================================================= */

.pkp_page_index .current_issue
.obj_issue_toc .heading .title,

.pkp_page_index .current_issue
.obj_issue_toc > .heading > .title {

    margin:
        0
        0
        6px !important;

    padding: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;
    line-height: 1.5 !important;

    font-weight: 700 !important;

    color: var(--ci-heading) !important;
}


.pkp_page_index .current_issue
.obj_issue_toc .heading .title a {

    color: var(--ci-heading) !important;

    text-decoration: none !important;
}


.pkp_page_index .current_issue
.obj_issue_toc .heading .title a:hover {

    color: var(--ci-primary) !important;
}


/* =========================================================
   6. ISSUE DESCRIPTION
   ========================================================= */

.pkp_page_index .current_issue
.obj_issue_toc .description {

    max-width: 900px !important;

    margin: 4px 0 0 !important;
    padding: 0 !important;

    border: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12.5px !important;
    line-height: 1.65 !important;

    color: var(--ci-muted) !important;
}


.pkp_page_index .current_issue
.obj_issue_toc .description::before,

.pkp_page_index .current_issue
.obj_issue_toc .description::after {

    display: none !important;

    content: none !important;
}


/* =========================================================
   7. PUBLISHED DATE
   ========================================================= */

.pkp_page_index .current_issue
.obj_issue_toc .published {

    display: inline-flex !important;

    align-items: center !important;

    width: auto !important;

    margin: 9px 0 0 !important;

    padding:
        5px
        10px !important;

    background: var(--ci-soft) !important;

    border: 1px solid #D7E6EF !important;

    border-radius: 5px !important;

    color: #587080 !important;

    font-size: 11px !important;
    line-height: 1.35 !important;

    box-shadow: none !important;
}


/* =========================================================
   8. REMOVE DEFAULT LARGE GAP
   ========================================================= */

.pkp_page_index .current_issue .sections,
.pkp_page_index .current_issue .section {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   9. ARTICLES HEADING
   ========================================================= */

.pkp_page_index .current_issue
.section > h2,

.pkp_page_index .current_issue
.section > h3 {

    position: relative !important;

    margin: 0 !important;

    padding:
        18px
        0
        12px !important;

    border: 0 !important;
    border-bottom: 1px solid var(--ci-border) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 22px !important;
    line-height: 1.3 !important;

    font-weight: 700 !important;

    color: var(--ci-heading) !important;
}


.pkp_page_index .current_issue
.section > h2::after,

.pkp_page_index .current_issue
.section > h3::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 44px;
    height: 2px;

    background: var(--ci-primary);
}


/* =========================================================
   10. ARTICLE LIST RESET
   ========================================================= */

.pkp_page_index .current_issue .articles,
.pkp_page_index .current_issue .cmp_article_list {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    background: transparent !important;

    border: 0 !important;

    counter-reset: none !important;
}


/* =========================================================
   11. ARTICLE ROW
   CLEAN MODERN EDITORIAL
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding:
        23px
        120px
        21px
        6px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom:
        1px solid
        var(--ci-border-soft) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    box-sizing: border-box !important;

    transition:
        background .20s ease,
        padding-left .20s ease,
        box-shadow .20s ease !important;
}


/* =========================================================
   12. REMOVE TIMELINE / DOT / NUMBER
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary::before,

.pkp_page_index .current_issue
.obj_article_summary::after {

    display: none !important;

    content: none !important;
}


/* =========================================================
   13. ARTICLE HOVER
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary:hover {

    padding-left: 14px !important;

    background:
        linear-gradient(
            90deg,
            rgba(30, 98, 146, 0.055) 0%,
            rgba(30, 98, 146, 0.015) 45%,
            transparent 100%
        ) !important;

    box-shadow:
        inset 3px 0 0
        var(--ci-primary) !important;
}


/* =========================================================
   14. ARTICLE TITLE
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary > .title {

    max-width: 900px !important;

    margin:
        0
        0
        7px !important;

    padding: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 17px !important;
    line-height: 1.48 !important;

    font-weight: 700 !important;

    letter-spacing: -0.1px !important;

    text-transform: none !important;
}


.pkp_page_index .current_issue
.obj_article_summary > .title a {

    color: var(--ci-heading) !important;

    text-decoration: none !important;

    transition: color .18s ease !important;
}


.pkp_page_index .current_issue
.obj_article_summary > .title a:hover {

    color: var(--ci-primary) !important;
}


/* =========================================================
   15. ARTICLE SUBTITLE
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary .subtitle {

    max-width: 880px !important;

    margin:
        0
        0
        9px !important;

    padding: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    line-height: 1.6 !important;

    font-weight: 400 !important;

    color: #78858F !important;
}


/* =========================================================
   16. AUTHORS
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary .authors {

    display: inline-block !important;

    margin:
        0
        0
        10px !important;

    padding: 0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    line-height: 1.5 !important;

    font-weight: 600 !important;

    color: #40596A !important;
}


/* remove old author dot */

.pkp_page_index .current_issue
.obj_article_summary .authors::before {

    display: none !important;

    content: none !important;
}


/* =========================================================
   17. META
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary .meta {

    margin: 0 !important;
    padding: 0 !important;

    color: #84919A !important;

    font-size: 10.5px !important;
}


/* =========================================================
   18. PAGES
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary .pages {

    display: inline-flex !important;

    align-items: center !important;

    margin:
        2px
        0
        0 !important;

    padding:
        4px
        9px !important;

    background:
        #F5F8FA !important;

    border:
        1px solid
        #E1E8ED !important;

    border-radius:
        999px !important;

    color:
        #6A7E8B !important;

    font-size:
        10px !important;
}


.pkp_page_index .current_issue
.obj_article_summary .pages::before {

    content:
        "Pages ";

    margin-right:
        3px;

    color:
        #425F71;

    font-weight:
        700;
}


/* =========================================================
   19. ABSTRACT ACTION
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary .abstract {

    margin:
        10px
        0
        0 !important;

    padding: 0 !important;
}


.pkp_page_index .current_issue
.obj_article_summary button,

.pkp_page_index .current_issue
.obj_article_summary .abstract a {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 5px;

    min-height:
        31px !important;

    margin: 0 !important;

    padding:
        5px
        11px !important;

    background:
        #FFFFFF !important;

    border:
        1px solid
        #D4E0E6 !important;

    border-radius:
        6px !important;

    color:
        #4D6575 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        11px !important;

    line-height:
        1.3 !important;

    font-weight:
        600 !important;

    box-shadow:
        0 1px 2px
        rgba(20, 50, 70, .03) !important;

    text-decoration:
        none !important;

    transition:
        all .18s ease !important;
}


.pkp_page_index .current_issue
.obj_article_summary button:hover,

.pkp_page_index .current_issue
.obj_article_summary .abstract a:hover {

    color:
        var(--ci-primary) !important;

    background:
        var(--ci-soft) !important;

    border-color:
        #BAD2DF !important;
}


/* =========================================================
   20. PDF POSITION
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary .galleys_links,

.pkp_page_index .current_issue
.obj_article_summary .galleys {

    position:
        absolute !important;

    top:
        50% !important;

    right:
        7px !important;

    transform:
        translateY(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    list-style:
        none !important;
}


/* =========================================================
   21. PDF BUTTON
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary .obj_galley_link,

.pkp_page_index .current_issue
.obj_article_summary .galley-link {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-width:
        78px !important;

    min-height:
        36px !important;

    padding:
        6px
        13px !important;

    background:
        var(--ci-primary) !important;

    border:
        1px solid
        var(--ci-primary) !important;

    border-radius:
        6px !important;

    color:
        #FFFFFF !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .15px !important;

    text-transform:
        uppercase !important;

    text-decoration:
        none !important;

    box-shadow:
        0 4px 10px
        rgba(30, 98, 146, .15) !important;

    transition:
        all .18s ease !important;
}


.pkp_page_index .current_issue
.obj_article_summary .obj_galley_link:hover,

.pkp_page_index .current_issue
.obj_article_summary .galley-link:hover {

    background:
        var(--ci-primary-dark) !important;

    border-color:
        var(--ci-primary-dark) !important;

    color:
        #FFFFFF !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 7px 15px
        rgba(30, 98, 146, .22) !important;
}


/* =========================================================
   22. ARTICLE STATS
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary .article_stats,

.pkp_page_index .current_issue
.obj_article_summary .stats,

.pkp_page_index .current_issue
.obj_article_summary .metrics,

.pkp_page_index .current_issue
.obj_article_summary .article-metrics {

    display:
        flex !important;

    align-items:
        center !important;

    flex-wrap:
        wrap !important;

    gap:
        7px
        14px !important;

    margin:
        12px
        0
        0 !important;

    padding:
        9px
        0
        0 !important;

    border-top:
        1px dashed
        #E0E8ED !important;

    color:
        #7C8A94 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        10.5px !important;
}


.pkp_page_index .current_issue
.obj_article_summary .article_stats i,

.pkp_page_index .current_issue
.obj_article_summary .stats i,

.pkp_page_index .current_issue
.obj_article_summary .metrics i {

    color:
        var(--ci-primary) !important;
}


/* =========================================================
   23. FIRST / LAST ARTICLE
   ========================================================= */

.pkp_page_index .current_issue
.obj_article_summary:first-child {

    margin-top:
        2px !important;
}


.pkp_page_index .current_issue
.obj_article_summary:last-child {

    border-bottom:
        0 !important;
}


/* =========================================================
   24. VIEW ALL ISSUES
   ========================================================= */

.pkp_page_index .current_issue
.read_more {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-end !important;

    width:
        100% !important;

    margin:
        17px
        0
        0 !important;

    padding:
        15px
        0
        0 !important;

    border-top:
        1px solid
        var(--ci-border-soft) !important;
}


.pkp_page_index .current_issue
.read_more a {

    display:
        inline-flex !important;

    align-items:
        center !important;

    gap: 7px;

    color:
        var(--ci-primary) !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;
}


.pkp_page_index .current_issue
.read_more a::after {

    content:
        "→";

    font-size:
        17px;

    transition:
        transform .18s ease;
}


.pkp_page_index .current_issue
.read_more a:hover {

    color:
        var(--ci-primary-dark) !important;
}


.pkp_page_index .current_issue
.read_more a:hover::after {

    transform:
        translateX(4px);
}


/* =========================================================
   25. REMOVE DEFAULT OJS BOXES
   ========================================================= */

.pkp_page_index .current_issue article,
.pkp_page_index .current_issue li {

    box-shadow:
        none !important;
}


.pkp_page_index .current_issue
.obj_article_summary + .obj_article_summary {

    margin-top:
        0 !important;
}


/* =========================================================
   26. TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {

    .pkp_page_index .current_issue {

        padding:
            0
            22px
            22px !important;
    }


    .pkp_page_index .current_issue > h2 {

        margin:
            0
            -22px !important;

        padding:
            23px
            22px
            15px !important;
    }


    .pkp_page_index .current_issue > h2::after {

        left:
            22px;
    }


    .pkp_page_index .current_issue
    .obj_article_summary {

        padding:
            21px
            100px
            19px
            5px !important;
    }


    .pkp_page_index .current_issue
    .obj_article_summary:hover {

        padding-left:
            12px !important;
    }


    .pkp_page_index .current_issue
    .obj_article_summary > .title {

        font-size:
            16px !important;
    }

}


/* =========================================================
   27. MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

    .pkp_page_index .current_issue {

        margin-top:
            18px !important;

        padding:
            0
            17px
            18px !important;

        border-radius:
            8px !important;
    }


    .pkp_page_index .current_issue > h2 {

        margin:
            0
            -17px !important;

        padding:
            21px
            17px
            14px !important;

        font-size:
            23px !important;
    }


    .pkp_page_index .current_issue > h2::after {

        left:
            17px;
    }


    .pkp_page_index .current_issue
    .obj_issue_toc > .heading {

        padding:
            16px
            0
            15px !important;
    }


    .pkp_page_index .current_issue
    .section > h2,

    .pkp_page_index .current_issue
    .section > h3 {

        padding-top:
            15px !important;

        font-size:
            20px !important;
    }


    .pkp_page_index .current_issue
    .obj_article_summary {

        padding:
            18px
            5px !important;
    }


    .pkp_page_index .current_issue
    .obj_article_summary:hover {

        padding-left:
            10px !important;
    }


    .pkp_page_index .current_issue
    .obj_article_summary > .title {

        font-size:
            15px !important;
    }


    /* PDF pindah ke bawah */

    .pkp_page_index .current_issue
    .obj_article_summary .galleys_links,

    .pkp_page_index .current_issue
    .obj_article_summary .galleys {

        position:
            static !important;

        transform:
            none !important;

        margin:
            12px
            0
            0 !important;
    }


    .pkp_page_index .current_issue
    .obj_article_summary .obj_galley_link,

    .pkp_page_index .current_issue
    .obj_article_summary .galley-link {

        min-width:
            70px !important;

        min-height:
            33px !important;

        padding:
            5px
            11px !important;
    }

}


/* =========================================================
   28. SMALL MOBILE
   ========================================================= */

@media screen and (max-width: 480px) {

    .pkp_page_index .current_issue {

        padding:
            0
            13px
            16px !important;
    }


    .pkp_page_index .current_issue > h2 {

        margin:
            0
            -13px !important;

        padding:
            19px
            13px
            14px !important;

        font-size:
            21px !important;
    }


    .pkp_page_index .current_issue > h2::after {

        left:
            13px;
    }


    .pkp_page_index .current_issue
    .obj_article_summary {

        padding:
            16px
            2px !important;
    }


    .pkp_page_index .current_issue
    .obj_article_summary:hover {

        padding-left:
            7px !important;
    }


    .pkp_page_index .current_issue
    .obj_article_summary > .title {

        font-size:
            14px !important;

        line-height:
            1.5 !important;
    }


    .pkp_page_index .current_issue
    .obj_article_summary .subtitle,

    .pkp_page_index .current_issue
    .obj_article_summary .authors {

        font-size:
            11px !important;
    }


    .pkp_page_index .current_issue
    .read_more {

        justify-content:
            flex-start !important;
    }

}
/* =========================================================
   JSMEI FOOTER
   VISUAL ONLY
   Tidak mengubah canvas / background footer bawaan OJS
   ========================================================= */


/* =========================================================
   MAIN FOOTER CONTENT
   ========================================================= */

.jsmei-footer {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #ffffff;

    box-sizing: border-box;
}


/* =========================================================
   MAIN GRID
   INFORMASI KIRI + MAP KANAN
   ========================================================= */

.jsmei-footer-main {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(340px, 430px);

    gap: 50px;

    align-items: start;

    width: 100%;

    margin: 0;

    padding: 28px 38px 25px;

    box-sizing: border-box;
}


/* =========================================================
   JOURNAL INFORMATION
   ========================================================= */

.jsmei-footer-info {
    min-width: 0;

    margin: 0;
    padding: 0;
}


.jsmei-footer-info h3 {
    max-width: 720px;

    margin: 0 0 13px;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;
    line-height: 1.4;

    font-weight: 700;

    color: #ffffff;
}


/* garis pendek */
.jsmei-footer-line {
    width: 48px;
    height: 3px;

    margin: 0 0 20px;

    background: rgba(255, 255, 255, 0.85);

    border-radius: 3px;
}


/* text */
.jsmei-footer-info p {
    margin: 0 0 8px;
    padding: 0;

    font-size: 13px;
    line-height: 1.7;

    color: rgba(255, 255, 255, 0.84);
}


.jsmei-footer-info p strong {
    color: #ffffff;

    font-weight: 700;
}


/* JSMEI */
.jsmei-footer-initial {
    margin-bottom: 11px !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    letter-spacing: 0.4px;

    color: #ffffff !important;
}


/* =========================================================
   LOCATION AREA
   ========================================================= */

.jsmei-footer-location {
    width: 100%;

    margin: 0;
    padding: 0;
}


.jsmei-footer-location h4 {
    margin: 0 0 10px;
    padding: 0;

    font-size: 14px;
    line-height: 1.4;

    font-weight: 700;

    color: #ffffff;
}


/* =========================================================
   GOOGLE MAP
   ========================================================= */

.jsmei-map {
    position: relative;

    width: 100%;
    height: 190px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background: rgba(255, 255, 255, 0.08);

    border: 1px solid rgba(255, 255, 255, 0.30);

    border-radius: 7px;

    box-sizing: border-box;
}


.jsmei-map iframe {
    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    border-radius: 7px;
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

.jsmei-footer-copyright {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    width: calc(100% - 76px);

    margin: 0 38px;

    padding: 15px 0 17px;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.18);

    box-sizing: border-box;
}


.jsmei-footer-copyright span {
    font-size: 11px;
    line-height: 1.5;

    color: rgba(255, 255, 255, 0.72);
}


.jsmei-footer-copyright span:last-child {
    font-weight: 600;

    color: rgba(255, 255, 255, 0.90);

    white-space: nowrap;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {

    .jsmei-footer-main {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(300px, 360px);

        gap: 32px;

        padding:
            26px
            28px
            23px;
    }


    .jsmei-map {
        height: 175px;
    }


    .jsmei-footer-copyright {
        width: calc(100% - 56px);

        margin:
            0
            28px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

    .jsmei-footer-main {
        display: block;

        padding:
            24px
            20px
            20px;
    }


    .jsmei-footer-info {
        margin-bottom: 25px;
    }


    .jsmei-footer-info h3 {
        font-size: 19px;
    }


    .jsmei-footer-location {
        margin-top: 0;
    }


    .jsmei-map {
        height: 190px;
    }


    .jsmei-footer-copyright {
        display: block;

        width: calc(100% - 40px);

        margin:
            0
            20px;

        padding:
            14px
            0
            16px;
    }


    .jsmei-footer-copyright span {
        display: block;
    }


    .jsmei-footer-copyright span + span {
        margin-top: 4px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media screen and (max-width: 480px) {

    .jsmei-footer-main {
        padding:
            21px
            15px
            18px;
    }


    .jsmei-footer-info h3 {
        font-size: 18px;
        line-height: 1.45;
    }


    .jsmei-footer-info p {
        font-size: 12px;
    }


    .jsmei-map {
        height: 165px;
    }


    .jsmei-footer-copyright {
        width: calc(100% - 30px);

        margin:
            0
            15px;
    }

}
/* =========================================================
   JSMEI CUSTOM BLOCK - JOURNAL MENU
   Modern Clean Sidebar
   Primary: #1E6292
   ========================================================= */

.jsmei-journal-menu {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
    box-shadow: none;

    font-family: Arial, Helvetica, sans-serif;

    box-sizing: border-box;
}


/* =========================================================
   HEADING
   ========================================================= */

.jsmei-menu-heading {
    position: relative;

    margin: 0 0 10px;
    padding: 0 0 12px;

    border-bottom: 1px solid #dce5eb;
}


.jsmei-menu-heading span {
    display: block;

    font-size: 14px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: .7px;

    color: #173b56;
}


.jsmei-menu-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 48px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


/* =========================================================
   MENU LIST
   ========================================================= */

.jsmei-menu-list {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   MENU ITEM
   ========================================================= */

.jsmei-menu-item {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    width: 100%;
    min-height: 52px;

    margin: 0;

    padding: 0 13px 0 11px;

    background: transparent;

    border: 0;
    border-bottom: 1px solid #e7edf1;

    color: #314959 !important;

    text-decoration: none !important;

    box-sizing: border-box;

    transition:
        background .18s ease,
        color .18s ease,
        padding-left .18s ease;
}


/* terakhir tanpa border */
.jsmei-menu-item:last-child {
    border-bottom: 0;
}


/* =========================================================
   HILANGKAN ICON LAMA
   supaya tampil lebih clean
   ========================================================= */

.jsmei-menu-icon {
    display: none !important;
}


/* =========================================================
   TEXT
   selalu satu baris
   ========================================================= */

.jsmei-menu-text {
    display: block;

    flex: 1;

    min-width: 0;

    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;

    font-size: 13px;
    line-height: 1.4;

    font-weight: 600;

    color: inherit;
}


/* =========================================================
   ARROW
   ========================================================= */

.jsmei-menu-arrow {
    flex: 0 0 auto;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;

    border-radius: 50%;

    background: #f1f6f9;

    color: #78909f;

    font-size: 18px;
    line-height: 1;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.jsmei-menu-item:hover {
    padding-left: 16px;

    color: #1E6292 !important;

    background:
        linear-gradient(
            90deg,
            rgba(30, 98, 146, 0.08),
            rgba(30, 98, 146, 0.015)
        );
}


/* accent kiri */
.jsmei-menu-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 10px;
    bottom: 10px;

    width: 3px;

    background: #1E6292;

    border-radius: 3px;

    opacity: 0;

    transform: scaleY(.5);

    transition:
        opacity .18s ease,
        transform .18s ease;
}


.jsmei-menu-item:hover::before {
    opacity: 1;

    transform: scaleY(1);
}


.jsmei-menu-item:hover .jsmei-menu-arrow {
    background: #1E6292;

    color: #ffffff;

    transform: translateX(2px);
}


/* =========================================================
   ACTIVE / CURRENT
   ========================================================= */

.jsmei-menu-item.active,
.jsmei-menu-item[aria-current="page"] {
    padding-left: 16px;

    background:
        linear-gradient(
            90deg,
            rgba(30, 98, 146, 0.11),
            rgba(30, 98, 146, 0.025)
        );

    color: #1E6292 !important;

    font-weight: 700;
}


.jsmei-menu-item.active::before,
.jsmei-menu-item[aria-current="page"]::before {
    opacity: 1;

    transform: scaleY(1);
}


.jsmei-menu-item.active .jsmei-menu-arrow,
.jsmei-menu-item[aria-current="page"] .jsmei-menu-arrow {
    background: #1E6292;

    color: #ffffff;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

    .jsmei-menu-item {
        min-height: 49px;

        padding-left: 10px;
        padding-right: 10px;
    }


    .jsmei-menu-text {
        font-size: 12.5px;
    }


    .jsmei-menu-arrow {
        width: 23px;
        height: 23px;

        font-size: 17px;
    }

}
/* =========================================================
   JSMEI CUSTOM BLOCK - JOURNAL POLICIES
   Modern Clean Policy Navigation
   Primary: #1E6292
   ========================================================= */

.jsmei-policy-menu {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
    box-shadow: none;

    font-family: Arial, Helvetica, sans-serif;

    box-sizing: border-box;
}


/* =========================================================
   HEADING
   ========================================================= */

.jsmei-policy-heading {
    position: relative;

    margin: 0 0 9px;
    padding: 0 0 12px;

    border-bottom: 1px solid #dce5eb;
}


.jsmei-policy-heading span {
    display: block;

    font-size: 14px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: .7px;

    color: #173b56;
}


.jsmei-policy-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 48px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


/* =========================================================
   LIST
   ========================================================= */

.jsmei-policy-list {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   ITEM
   ========================================================= */

.jsmei-policy-item {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 10px;

    width: 100%;
    min-height: 48px;

    margin: 0;

    padding:
        8px
        11px
        8px
        10px;

    background: transparent;

    border: 0;
    border-bottom: 1px solid #e7edf1;

    color: #314959 !important;

    text-decoration: none !important;

    box-sizing: border-box;

    transition:
        background .18s ease,
        color .18s ease,
        padding-left .18s ease;
}


.jsmei-policy-item:last-child {
    border-bottom: 0;
}


/* =========================================================
   TEXT
   ========================================================= */

.jsmei-policy-text {
    display: block;

    flex: 1;

    min-width: 0;

    font-size: 12.5px;
    line-height: 1.4;

    font-weight: 600;

    color: inherit;
}


/* =========================================================
   ARROW
   ========================================================= */

.jsmei-policy-arrow {
    flex: 0 0 auto;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    border-radius: 50%;

    background: #f2f6f9;

    color: #8095a2;

    font-size: 17px;
    line-height: 1;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.jsmei-policy-item:hover {
    padding-left: 15px;

    background:
        linear-gradient(
            90deg,
            rgba(30,98,146,.08),
            rgba(30,98,146,.015)
        );

    color: #1E6292 !important;
}


/* accent kiri saat hover */
.jsmei-policy-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 9px;
    bottom: 9px;

    width: 3px;

    background: #1E6292;

    border-radius: 3px;

    opacity: 0;

    transform: scaleY(.45);

    transition:
        opacity .18s ease,
        transform .18s ease;
}


.jsmei-policy-item:hover::before {
    opacity: 1;

    transform: scaleY(1);
}


.jsmei-policy-item:hover .jsmei-policy-arrow {
    background: #1E6292;

    color: #ffffff;

    transform: translateX(2px);
}


/* =========================================================
   ACTIVE
   ========================================================= */

.jsmei-policy-item.active,
.jsmei-policy-item[aria-current="page"] {
    padding-left: 15px;

    background:
        linear-gradient(
            90deg,
            rgba(30,98,146,.11),
            rgba(30,98,146,.025)
        );

    color: #1E6292 !important;
}


.jsmei-policy-item.active::before,
.jsmei-policy-item[aria-current="page"]::before {
    opacity: 1;

    transform: scaleY(1);
}


.jsmei-policy-item.active .jsmei-policy-arrow,
.jsmei-policy-item[aria-current="page"] .jsmei-policy-arrow {
    background: #1E6292;

    color: #ffffff;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

    .jsmei-policy-item {
        min-height: 46px;

        padding-left: 9px;
        padding-right: 9px;
    }


    .jsmei-policy-text {
        font-size: 12px;
    }


    .jsmei-policy-arrow {
        width: 22px;
        height: 22px;

        font-size: 16px;
    }

}
/* =========================================================
   JSMEI - JOURNAL TEMPLATE
   FINAL CENTER POSITION
   ========================================================= */

.jsmei-template-simple {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* HEADING */

.jsmei-template-heading {
    position: relative;

    margin: 0 0 13px;
    padding: 0 0 11px;

    border-bottom: 1px solid #dce5eb;
}


.jsmei-template-heading span {
    display: block;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    line-height: 1.3;

    font-weight: 700;
    letter-spacing: .7px;

    color: #173b56;
}


.jsmei-template-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 48px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


/* =========================================================
   CENTER IMAGE AREA
   ========================================================= */

.jsmei-template-image-link {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 0 auto !important;
    padding: 14px 0 8px !important;

    text-align: center !important;

    line-height: 0;

    text-decoration: none !important;

    box-sizing: border-box;
}


/* TEMPLATE IMAGE */

.jsmei-template-image-link img {
    display: block !important;

    width: 180px;
    max-width: 85%;

    height: auto;

    margin: 0 auto !important;
    padding: 0;

    border: 0;

    float: none !important;

    position: static !important;

    transition:
        transform .18s ease,
        opacity .18s ease;
}


/* HOVER */

.jsmei-template-image-link:hover img {
    transform: translateY(-2px);

    opacity: .94;
}


/* MOBILE */

@media screen and (max-width: 768px) {

    .jsmei-template-image-link {
        padding-top: 10px !important;
    }

    .jsmei-template-image-link img {
        width: 160px;
        max-width: 85%;
    }

}
/* =========================================================
   JSMEI - VISITORS
   FLAG COUNTER FINAL VERSION
   Primary: #1E6292
   ========================================================= */

.jsmei-visitors-block {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
    box-shadow: none;

    box-sizing: border-box;
}


/* =========================================================
   HEADING
   ========================================================= */

.jsmei-visitors-heading {
    position: relative;

    margin: 0 0 13px;
    padding: 0 0 11px;

    border-bottom: 1px solid #dce5eb;
}


.jsmei-visitors-heading span {
    display: block;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: .7px;

    color: #173b56;
}


.jsmei-visitors-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 48px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


/* =========================================================
   FLAG COUNTER AREA
   ========================================================= */

.jsmei-visitors-content {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;

    margin: 0;
    padding: 7px 0 0;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   LINK
   ========================================================= */

.jsmei-flagcounter-link {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    max-width: 100%;

    margin: 0;
    padding: 0;

    text-decoration: none !important;

    line-height: 0;
}


/* =========================================================
   FLAG COUNTER IMAGE
   ========================================================= */

.jsmei-flagcounter-link img {
    display: block;

    max-width: 100%;
    height: auto;

    margin: 0 auto;
    padding: 0;

    border: 0;

    transition:
        transform .18s ease,
        opacity .18s ease;
}


/* hover ringan */
.jsmei-flagcounter-link:hover img {
    transform: translateY(-2px);

    opacity: .95;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

    .jsmei-visitors-heading span {
        font-size: 13px;
    }

    .jsmei-visitors-content {
        padding-top: 5px;
    }

}
/* ==========================================================
   JSMEI
   EDITORIAL TEAM PAGE
   MODERN ACADEMIC UI
   Primary Color: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-editorial-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family: Arial, Helvetica, sans-serif;

    color: #263f51;

    box-sizing: border-box;
}


.jsmei-editorial-page *,
.jsmei-editorial-page *::before,
.jsmei-editorial-page *::after {
    box-sizing: border-box;
}



/* ==========================================================
   PAGE HEADER
   ========================================================== */

.jsmei-editorial-header {
    position: relative;

    margin: 0 0 35px;

    padding:
        4px
        0
        25px;

    border-bottom: 1px solid #dce5eb;
}


.jsmei-editorial-label {
    margin: 0 0 8px;

    font-size: 10px;
    line-height: 1.5;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #1E6292;
}


.jsmei-editorial-header h1 {
    position: relative;

    margin: 0 0 13px;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;
    line-height: 1.25;

    font-weight: 700;

    color: #173b56;
}


.jsmei-editorial-header h1::after {
    content: "";

    display: block;

    width: 58px;
    height: 4px;

    margin-top: 12px;

    background: #1E6292;

    border-radius: 4px;
}


.jsmei-editorial-header p {
    max-width: 780px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #657986;
}



/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-editorial-section {
    width: 100%;

    margin: 0 0 38px;
    padding: 0;
}


.jsmei-section-title {
    position: relative;

    margin: 0 0 20px;
    padding: 0 0 11px;

    border-bottom: 1px solid #dce5eb;
}


.jsmei-section-title span {
    display: inline-block;

    font-size: 16px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: .15px;

    color: #173b56;
}


.jsmei-section-title::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 48px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}



/* ==========================================================
   FEATURED EDITOR
   ========================================================== */

.jsmei-editor-featured {
    display: grid;

    grid-template-columns:
        175px
        minmax(0, 1fr);

    gap: 28px;

    align-items: stretch;

    width: 100%;

    padding: 22px;

    background:
        linear-gradient(
            135deg,
            #f7fafc 0%,
            #ffffff 55%,
            #f4f9fc 100%
        );

    border: 1px solid #dce6ec;

    border-radius: 10px;

    box-shadow:
        0 7px 22px
        rgba(29, 70, 96, .06);

    overflow: hidden;
}



/* ==========================================================
   FEATURED PHOTO
   ========================================================== */

.jsmei-editor-photo {
    position: relative;

    width: 175px;
    min-height: 210px;

    overflow: hidden;

    background: #edf3f6;

    border-radius: 8px;
}


.jsmei-editor-photo::before {
    content: "";

    position: absolute;

    z-index: 2;

    left: 0;
    top: 0;
    bottom: 0;

    width: 5px;

    background: #1E6292;
}


.jsmei-editor-photo img {
    display: block;

    width: 100%;
    height: 210px;

    margin: 0;
    padding: 0;

    object-fit: cover;
    object-position: center top;

    border: 0;
}


.jsmei-editor-role {
    position: absolute;

    z-index: 3;

    left: 12px;
    right: 12px;
    bottom: 12px;

    padding: 7px 9px;

    background:
        rgba(23, 59, 86, .92);

    border-radius: 5px;

    color: #ffffff;

    text-align: center;

    font-size: 10px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: .5px;
}



/* ==========================================================
   FEATURED INFORMATION
   ========================================================== */

.jsmei-editor-info {
    min-width: 0;

    display: flex;
    flex-direction: column;

    justify-content: center;

    padding: 2px 3px;
}


.jsmei-editor-top {
    display: flex;

    align-items: flex-start;
    justify-content: space-between;

    gap: 15px;
}


.jsmei-editor-top h2 {
    margin: 0 0 6px;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;
    line-height: 1.35;

    font-weight: 700;

    color: #173b56;
}


.jsmei-editor-affiliation {
    font-size: 11.5px;
    line-height: 1.6;

    color: #70818c;
}


.jsmei-editor-status {
    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 5px 9px;

    background: #eaf3f8;

    border: 1px solid #d5e5ed;

    border-radius: 20px;

    font-size: 9px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: .7px;

    color: #1E6292;
}


.jsmei-editor-divider {
    width: 100%;
    height: 1px;

    margin: 16px 0;

    background: #e2eaef;
}



/* ==========================================================
   META INFORMATION
   ========================================================== */

.jsmei-editor-meta {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 9px 20px;

    margin: 0 0 18px;
}


.jsmei-meta-item {
    display: flex;

    flex-direction: column;

    gap: 3px;
}


.jsmei-meta-label {
    font-size: 9px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: .65px;

    text-transform: uppercase;

    color: #91a0aa;
}


.jsmei-meta-value {
    font-size: 11.5px;
    line-height: 1.45;

    font-weight: 600;

    color: #304b5d;
}



/* ==========================================================
   PROFILE BUTTONS
   ========================================================== */

.jsmei-editor-profiles {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;
}


.jsmei-profile-btn {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    min-height: 32px;

    padding: 5px 10px 5px 6px;

    background: #ffffff;

    border: 1px solid #d5e1e8;

    border-radius: 5px;

    color: #385466 !important;

    font-size: 9.5px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: .3px;

    text-decoration: none !important;

    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}


.profile-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 21px;
    height: 21px;

    border-radius: 4px;

    background: #eef4f7;

    color: #1E6292;

    font-size: 9px;
    font-weight: 700;

    transition:
        background .16s ease,
        color .16s ease;
}


.jsmei-profile-btn:hover {
    transform: translateY(-1px);

    border-color: #1E6292;

    background: #f4f9fc;

    color: #1E6292 !important;

    box-shadow:
        0 5px 12px
        rgba(30, 98, 146, .09);
}


.jsmei-profile-btn:hover .profile-icon {
    background: #1E6292;

    color: #ffffff;
}



/* ==========================================================
   EDITORIAL BOARD GRID
   ========================================================== */

.jsmei-editor-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 15px;
}



/* ==========================================================
   EDITOR CARD
   ========================================================== */

.jsmei-editor-card {
    position: relative;

    display: grid;

    grid-template-columns:
        90px
        minmax(0, 1fr);

    gap: 15px;

    align-items: center;

    min-width: 0;

    margin: 0;
    padding: 15px;

    background: #ffffff;

    border: 1px solid #dfe7ec;

    border-radius: 8px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-editor-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 15px;
    bottom: 15px;

    width: 3px;

    background: transparent;

    border-radius: 3px;

    transition:
        background .18s ease;
}


.jsmei-editor-card:hover {
    transform: translateY(-2px);

    border-color: #c8dce7;

    box-shadow:
        0 8px 18px
        rgba(29, 69, 95, .08);
}


.jsmei-editor-card:hover::before {
    background: #1E6292;
}



/* ==========================================================
   BOARD PHOTO
   ========================================================== */

.jsmei-card-photo {
    width: 90px;
    height: 105px;

    background: #eff4f7;

    border-radius: 6px;

    overflow: hidden;
}


.jsmei-card-photo img {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    object-fit: cover;
    object-position: center top;

    border: 0;
}



/* ==========================================================
   BOARD CONTENT
   ========================================================== */

.jsmei-card-content {
    min-width: 0;
}


.jsmei-card-position {
    display: inline-block;

    margin: 0 0 5px;

    font-size: 8.5px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: .7px;

    text-transform: uppercase;

    color: #1E6292;
}


.jsmei-card-content h3 {
    margin: 0 0 5px;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;
    line-height: 1.35;

    font-weight: 700;

    color: #203f55;
}


.jsmei-card-affiliation {
    margin: 0 0 2px !important;

    font-size: 10.5px;
    line-height: 1.45;

    color: #637985;
}


.jsmei-card-country {
    margin: 0 0 10px !important;

    font-size: 9.5px;
    line-height: 1.4;

    color: #8b99a2;
}



/* ==========================================================
   SMALL PROFILE BUTTONS
   ========================================================== */

.jsmei-card-profiles {
    display: flex;

    flex-wrap: wrap;

    gap: 5px;
}


.jsmei-card-profiles a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    margin: 0;
    padding: 0;

    background: #f4f8fa;

    border: 1px solid #d9e4ea;

    border-radius: 5px;

    color: #526b7a !important;

    font-size: 9px;
    line-height: 1;

    font-weight: 700;

    text-decoration: none !important;

    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease,
        transform .16s ease;
}


.jsmei-card-profiles a:hover {
    transform: translateY(-1px);

    background: #1E6292;

    border-color: #1E6292;

    color: #ffffff !important;
}



/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 900px) {

    .jsmei-editor-featured {
        grid-template-columns:
            150px
            minmax(0, 1fr);

        gap: 21px;
    }


    .jsmei-editor-photo {
        width: 150px;
    }


    .jsmei-editor-grid {
        grid-template-columns: 1fr;
    }

}



/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-editorial-header {
        margin-bottom: 27px;
    }


    .jsmei-editorial-header h1 {
        font-size: 25px;
    }


    .jsmei-editor-featured {
        grid-template-columns: 1fr;

        gap: 18px;

        padding: 16px;
    }


    .jsmei-editor-photo {
        width: 140px;
        min-height: 165px;

        margin: 0 auto;
    }


    .jsmei-editor-photo img {
        height: 165px;
    }


    .jsmei-editor-top {
        flex-direction: column;

        gap: 8px;

        align-items: flex-start;
    }


    .jsmei-editor-top h2 {
        font-size: 19px;
    }


    .jsmei-editor-meta {
        grid-template-columns: 1fr;

        gap: 8px;
    }


    .jsmei-editor-profiles {
        gap: 6px;
    }


    .jsmei-profile-btn {
        font-size: 9px;
    }


    .jsmei-editor-card {
        grid-template-columns:
            78px
            minmax(0,1fr);

        gap: 12px;

        padding: 12px;
    }


    .jsmei-card-photo {
        width: 78px;
        height: 95px;
    }

}



/* ==========================================================
   VERY SMALL MOBILE
   ========================================================== */

@media screen and (max-width: 420px) {

    .jsmei-editorial-label {
        font-size: 9px;
    }


    .jsmei-editorial-header h1 {
        font-size: 23px;
    }


    .jsmei-editor-card {
        grid-template-columns:
            70px
            minmax(0,1fr);
    }


    .jsmei-card-photo {
        width: 70px;
        height: 88px;
    }


    .jsmei-card-content h3 {
        font-size: 14px;
    }

}
/* ==========================================================
   JSMEI - REVIEWERS PAGE
   MODERN ACADEMIC DIRECTORY
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-reviewers-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family: Arial, Helvetica, sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-reviewers-page *,
.jsmei-reviewers-page *::before,
.jsmei-reviewers-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HEADER
   ========================================================== */

.jsmei-reviewers-header {
    position: relative;

    width: 100%;

    margin: 0 0 34px;

    padding: 4px 0 27px;

    border-bottom: 1px solid #dce5eb;
}


.jsmei-reviewers-eyebrow {
    margin: 0 0 9px;

    font-size: 9.5px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #1E6292;
}


.jsmei-reviewers-header-row {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 30px;
}


.jsmei-reviewers-header-text {
    min-width: 0;

    max-width: 780px;
}


.jsmei-reviewers-header h1 {
    margin: 0 0 13px;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;
    line-height: 1.2;

    font-weight: 700;

    color: #173b56;
}


.jsmei-reviewers-header h1::after {
    content: "";

    display: block;

    width: 58px;
    height: 4px;

    margin-top: 12px;

    background: #1E6292;

    border-radius: 4px;
}


.jsmei-reviewers-header p {
    max-width: 760px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687c89;
}


/* ==========================================================
   PEER REVIEW MARK
   ========================================================== */

.jsmei-reviewers-mark {
    flex: 0 0 auto;

    min-width: 105px;

    padding: 12px 15px;

    background: #f2f7fa;

    border-left: 3px solid #1E6292;

    border-radius: 0 6px 6px 0;

    text-align: right;
}


.jsmei-reviewers-mark span,
.jsmei-reviewers-mark strong {
    display: block;
}


.jsmei-reviewers-mark span {
    margin-bottom: 2px;

    font-size: 9px;

    text-transform: uppercase;

    letter-spacing: 1.2px;

    color: #8797a1;
}


.jsmei-reviewers-mark strong {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;

    color: #173b56;
}


/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-reviewers-section {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* ==========================================================
   SECTION TITLE
   ========================================================== */

.jsmei-reviewers-section-title {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin: 0 0 20px;

    padding: 0 0 12px;

    border-bottom: 1px solid #dce5eb;
}


.jsmei-reviewers-section-title::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 50px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-section-kicker {
    display: block;

    margin: 0 0 3px;

    font-size: 8.5px;

    font-weight: 700;

    letter-spacing: 1.1px;

    color: #1E6292;
}


.jsmei-reviewers-section-title h2 {
    margin: 0;
    padding: 0;

    font-size: 17px;
    line-height: 1.3;

    font-weight: 700;

    color: #173b56;
}


.jsmei-reviewers-badge {
    display: inline-flex;

    align-items: center;

    min-height: 25px;

    padding: 4px 9px;

    background: #f1f7fa;

    border: 1px solid #d8e6ed;

    border-radius: 20px;

    font-size: 8.5px;

    font-weight: 700;

    letter-spacing: .4px;

    text-transform: uppercase;

    color: #1E6292;
}


/* ==========================================================
   GRID
   ========================================================== */

.jsmei-reviewers-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 16px;

    width: 100%;
}


/* ==========================================================
   REVIEWER CARD
   ========================================================== */

.jsmei-reviewer-card {
    position: relative;

    display: grid;

    grid-template-columns:
        104px
        minmax(0, 1fr);

    gap: 17px;

    align-items: stretch;

    width: 100%;

    min-width: 0;

    margin: 0;
    padding: 15px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 70%,
            #f8fbfc 100%
        );

    border: 1px solid #dfe7ec;

    border-radius: 9px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-reviewer-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 16px;
    bottom: 16px;

    width: 3px;

    background: transparent;

    border-radius: 3px;

    transition: background .18s ease;
}


.jsmei-reviewer-card:hover {
    transform: translateY(-3px);

    border-color: #c7dce7;

    box-shadow:
        0 9px 22px
        rgba(29, 70, 96, .09);
}


.jsmei-reviewer-card:hover::before {
    background: #1E6292;
}


/* ==========================================================
   PHOTO
   ========================================================== */

.jsmei-reviewer-photo-wrap {
    position: relative;

    width: 104px;
}


.jsmei-reviewer-photo {
    position: relative;

    width: 104px;
    height: 125px;

    overflow: hidden;

    background: #edf3f6;

    border-radius: 7px;
}


.jsmei-reviewer-photo img {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    object-fit: cover;
    object-position: center top;

    border: 0;
}


/* ==========================================================
   REVIEWER NUMBER
   ========================================================== */

.jsmei-reviewer-number {
    position: absolute;

    right: -6px;
    bottom: -6px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    background: #1E6292;

    border: 3px solid #ffffff;

    border-radius: 50%;

    color: #ffffff;

    font-size: 8.5px;

    font-weight: 700;

    letter-spacing: .4px;

    box-shadow:
        0 4px 9px
        rgba(30, 98, 146, .18);
}


/* ==========================================================
   CONTENT
   ========================================================== */

.jsmei-reviewer-content {
    display: flex;

    flex-direction: column;

    justify-content: center;

    min-width: 0;
}


.jsmei-reviewer-role {
    display: inline-block;

    margin: 0 0 4px;

    font-size: 8px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #1E6292;
}


.jsmei-reviewer-name-area h3 {
    margin: 0 0 4px;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;
    line-height: 1.3;

    font-weight: 700;

    color: #203f55;
}


.jsmei-reviewer-affiliation {
    margin: 0 !important;

    font-size: 10.5px;
    line-height: 1.45;

    color: #6e808b;
}


/* ==========================================================
   META
   ========================================================== */

.jsmei-reviewer-meta {
    display: grid;

    grid-template-columns:
        minmax(75px, .8fr)
        minmax(0, 1.5fr);

    gap: 12px;

    margin: 12px 0;
    padding: 9px 0;

    border-top: 1px solid #e5ecef;
    border-bottom: 1px solid #e5ecef;
}


.jsmei-reviewer-meta div {
    min-width: 0;
}


.jsmei-reviewer-meta span {
    display: block;

    margin: 0 0 2px;

    font-size: 7.5px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: .7px;

    text-transform: uppercase;

    color: #9aa6ae;
}


.jsmei-reviewer-meta strong {
    display: block;

    font-size: 9.5px;
    line-height: 1.4;

    font-weight: 600;

    color: #405968;
}


/* ==========================================================
   PROFILE BUTTONS
   ========================================================== */

.jsmei-reviewer-profiles {
    display: flex;

    flex-wrap: wrap;

    gap: 5px;
}


.jsmei-reviewer-profile {
    display: inline-flex;

    align-items: center;

    gap: 5px;

    min-height: 26px;

    padding: 3px 7px 3px 4px;

    background: #f7fafb;

    border: 1px solid #dce5ea;

    border-radius: 4px;

    color: #536c7b !important;

    font-size: 8px;
    line-height: 1;

    font-weight: 700;

    text-decoration: none !important;

    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease,
        transform .16s ease;
}


.jsmei-profile-symbol {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    background: #eaf2f6;

    border-radius: 3px;

    color: #1E6292;

    font-size: 7.5px;

    font-weight: 700;

    transition:
        background .16s ease,
        color .16s ease;
}


.jsmei-reviewer-profile:hover {
    transform: translateY(-1px);

    background: #1E6292;

    border-color: #1E6292;

    color: #ffffff !important;
}


.jsmei-reviewer-profile:hover
.jsmei-profile-symbol {
    background: rgba(255,255,255,.18);

    color: #ffffff;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 1000px) {

    .jsmei-reviewers-grid {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-reviewers-header {
        margin-bottom: 27px;
    }


    .jsmei-reviewers-header-row {
        display: block;
    }


    .jsmei-reviewers-header h1 {
        font-size: 25px;
    }


    .jsmei-reviewers-mark {
        display: none;
    }


    .jsmei-reviewers-section-title {
        align-items: center;
    }


    .jsmei-reviewer-card {
        grid-template-columns:
            88px
            minmax(0, 1fr);

        gap: 13px;

        padding: 12px;
    }


    .jsmei-reviewer-photo-wrap {
        width: 88px;
    }


    .jsmei-reviewer-photo {
        width: 88px;
        height: 110px;
    }


    .jsmei-reviewer-name-area h3 {
        font-size: 14px;
    }


    .jsmei-reviewer-meta {
        grid-template-columns: 1fr;

        gap: 6px;

        margin: 9px 0;

        padding: 8px 0;
    }


    .jsmei-reviewer-profile {
        font-size: 7.5px;
    }

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media screen and (max-width: 430px) {

    .jsmei-reviewer-card {
        grid-template-columns: 1fr;

        gap: 13px;
    }


    .jsmei-reviewer-photo-wrap {
        width: 96px;

        margin: 0 auto;
    }


    .jsmei-reviewer-photo {
        width: 96px;
        height: 118px;
    }


    .jsmei-reviewer-content {
        text-align: center;
    }


    .jsmei-reviewer-meta {
        text-align: left;
    }


    .jsmei-reviewer-profiles {
        justify-content: center;
    }

}
/* ==========================================================
   JSMEI - ONLINE SUBMISSION
   MODERN WORKFLOW UI
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-submission-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-submission-page *,
.jsmei-submission-page *::before,
.jsmei-submission-page *::after {
    box-sizing: border-box;
}



/* ==========================================================
   HERO
   ========================================================== */

.jsmei-submission-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        230px;

    gap: 32px;

    align-items: center;

    width: 100%;

    margin: 0 0 38px;

    padding: 30px 32px;

    background:
        linear-gradient(
            120deg,
            #f3f8fb 0%,
            #ffffff 52%,
            #eef6fa 100%
        );

    border: 1px solid #d9e5eb;

    border-radius: 10px;

    overflow: hidden;
}


.jsmei-submission-hero::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 5px;

    background: #1E6292;
}


.jsmei-submission-hero::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -75px;
    top: -80px;

    border: 30px solid rgba(30,98,146,.04);

    border-radius: 50%;

    pointer-events: none;
}



/* ==========================================================
   HERO CONTENT
   ========================================================== */

.jsmei-submission-eyebrow {
    margin: 0 0 8px;

    font-size: 9px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-submission-hero h1 {
    margin: 0 0 12px;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    font-weight: 700;

    color: #173b56;
}


.jsmei-submission-hero-main > p {
    max-width: 650px;

    margin: 0;

    font-size: 13px;
    line-height: 1.75;

    color: #667b88;
}



/* ==========================================================
   HERO ACTIONS
   ========================================================== */

.jsmei-submission-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 20px;
}


.jsmei-submit-primary,
.jsmei-submit-secondary {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 40px;

    border-radius: 5px;

    font-size: 10.5px;
    line-height: 1;

    font-weight: 700;

    text-decoration: none !important;

    transition:
        transform .17s ease,
        background .17s ease,
        border-color .17s ease,
        box-shadow .17s ease;
}


.jsmei-submit-primary {
    gap: 8px;

    padding: 8px 15px 8px 8px;

    background: #1E6292;

    border: 1px solid #1E6292;

    color: #ffffff !important;

    box-shadow:
        0 6px 14px
        rgba(30,98,146,.16);
}


.jsmei-btn-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;

    background:
        rgba(255,255,255,.14);

    border-radius: 4px;

    font-size: 15px;
}


.jsmei-submit-primary:hover {
    transform: translateY(-2px);

    background: #184f77;

    border-color: #184f77;

    box-shadow:
        0 8px 18px
        rgba(30,98,146,.22);
}


.jsmei-submit-secondary {
    padding: 8px 15px;

    background: #ffffff;

    border: 1px solid #cadce5;

    color: #31576f !important;
}


.jsmei-submit-secondary:hover {
    transform: translateY(-2px);

    border-color: #1E6292;

    color: #1E6292 !important;
}



/* ==========================================================
   HERO SIDE
   ========================================================== */

.jsmei-submission-hero-side {
    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    gap: 10px;
}


.jsmei-submission-status {
    display: flex;

    align-items: center;

    gap: 10px;

    padding: 13px 14px;

    background:
        rgba(255,255,255,.88);

    border: 1px solid #d7e4ea;

    border-radius: 7px;
}


.jsmei-status-dot {
    position: relative;

    flex: 0 0 auto;

    width: 10px;
    height: 10px;

    background: #2d9d65;

    border-radius: 50%;
}


.jsmei-status-dot::after {
    content: "";

    position: absolute;

    inset: -4px;

    border: 1px solid
        rgba(45,157,101,.25);

    border-radius: 50%;
}


.jsmei-submission-status small,
.jsmei-submission-status strong {
    display: block;
}


.jsmei-submission-status small {
    margin-bottom: 2px;

    font-size: 8px;

    text-transform: uppercase;

    letter-spacing: .7px;

    color: #8a99a2;
}


.jsmei-submission-status strong {
    font-size: 10.5px;

    color: #315567;
}


.jsmei-submission-journal {
    padding: 14px;

    background: #173b56;

    border-radius: 7px;

    color: #ffffff;
}


.jsmei-submission-journal > span {
    display: block;

    margin-bottom: 5px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;

    font-weight: 700;

    letter-spacing: 1px;
}


.jsmei-submission-journal p {
    margin: 0;

    font-size: 8.5px;
    line-height: 1.5;

    color:
        rgba(255,255,255,.72);
}



/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-submission-section {
    width: 100%;

    margin: 0 0 38px;
    padding: 0;
}



/* ==========================================================
   SECTION HEADING
   ========================================================== */

.jsmei-submission-section-heading {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin: 0 0 21px;

    padding: 0 0 12px;

    border-bottom: 1px solid #dce5eb;
}


.jsmei-submission-section-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-submission-kicker {
    display: block;

    margin: 0 0 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-submission-section-heading h2 {
    margin: 0;
    padding: 0;

    font-size: 17px;
    line-height: 1.35;

    font-weight: 700;

    color: #173b56;
}


.jsmei-step-count {
    padding: 5px 9px;

    background: #eff6f9;

    border: 1px solid #d6e6ee;

    border-radius: 20px;

    font-size: 8.5px;

    font-weight: 700;

    color: #1E6292;
}



/* ==========================================================
   SUBMISSION FLOW
   ========================================================== */

.jsmei-submission-flow {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 13px;
}


.jsmei-submission-flow::before {
    content: "";

    position: absolute;

    left: 8%;
    right: 8%;
    top: 30px;

    height: 1px;

    background: #d9e5eb;

    z-index: 0;
}


.jsmei-flow-item {
    position: relative;

    z-index: 1;

    min-width: 0;

    padding: 0 7px;
}


.jsmei-flow-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    margin: 0 0 15px;

    background: #ffffff;

    border: 2px solid #1E6292;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;

    font-weight: 700;

    box-shadow:
        0 0 0 5px #ffffff;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


.jsmei-flow-item:hover
.jsmei-flow-number {
    transform: translateY(-3px);

    background: #1E6292;

    color: #ffffff;
}


.jsmei-flow-label {
    display: inline-block;

    margin: 0 0 5px;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #1E6292;
}


.jsmei-flow-content h3 {
    margin: 0 0 7px;

    font-size: 13px;
    line-height: 1.4;

    font-weight: 700;

    color: #26495f;
}


.jsmei-flow-content p {
    margin: 0;

    font-size: 10.5px;
    line-height: 1.65;

    color: #71828c;
}



/* ==========================================================
   CHECKLIST
   ========================================================== */

.jsmei-checklist {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 0 25px;
}


.jsmei-check-item {
    display: grid;

    grid-template-columns:
        30px
        minmax(0,1fr);

    gap: 11px;

    align-items: flex-start;

    padding: 14px 0;

    border-bottom: 1px solid #e3eaee;
}


.jsmei-check-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    background: #eaf5ef;

    border-radius: 50%;

    color: #29855a;

    font-size: 12px;

    font-weight: 700;
}


.jsmei-check-item strong {
    display: block;

    margin: 0 0 4px;

    font-size: 11.5px;

    color: #2c4c60;
}


.jsmei-check-item p {
    margin: 0;

    font-size: 10.5px;
    line-height: 1.55;

    color: #778892;
}



/* ==========================================================
   RESOURCES
   ========================================================== */

.jsmei-submission-resources {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 11px;
}


.jsmei-resource-item {
    display: grid;

    grid-template-columns:
        37px
        minmax(0,1fr)
        25px;

    gap: 10px;

    align-items: center;

    min-width: 0;

    padding: 13px;

    background: #f8fafb;

    border: 1px solid #dde6eb;

    border-radius: 7px;

    color: #3b5565 !important;

    text-decoration: none !important;

    transition:
        transform .17s ease,
        border-color .17s ease,
        background .17s ease,
        box-shadow .17s ease;
}


.jsmei-resource-item:hover {
    transform: translateY(-2px);

    background: #ffffff;

    border-color: #bdd5e1;

    box-shadow:
        0 7px 15px
        rgba(30,80,108,.07);
}


.jsmei-resource-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 9px;

    font-weight: 700;
}


.jsmei-resource-content {
    min-width: 0;
}


.jsmei-resource-content strong,
.jsmei-resource-content small {
    display: block;
}


.jsmei-resource-content strong {
    margin-bottom: 3px;

    font-size: 10.5px;

    color: #294a5e;
}


.jsmei-resource-content small {
    font-size: 8.5px;
    line-height: 1.4;

    color: #83919a;
}


.jsmei-resource-arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    border-radius: 50%;

    color: #1E6292;

    font-size: 14px;

    transition:
        background .17s ease,
        color .17s ease;
}


.jsmei-resource-item:hover
.jsmei-resource-arrow {
    background: #1E6292;

    color: #ffffff;
}



/* ==========================================================
   FINAL CTA
   ========================================================== */

.jsmei-submission-final {
    position: relative;

    display: grid;

    grid-template-columns:
        46px
        minmax(0,1fr)
        auto;

    gap: 15px;

    align-items: center;

    width: 100%;

    padding: 20px 21px;

    background:
        linear-gradient(
            120deg,
            #173b56 0%,
            #1E6292 100%
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-submission-final::after {
    content: "";

    position: absolute;

    right: -40px;
    bottom: -70px;

    width: 150px;
    height: 150px;

    border:
        24px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


.jsmei-final-icon {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    background:
        rgba(255,255,255,.12);

    border: 1px solid
        rgba(255,255,255,.18);

    border-radius: 50%;

    color: #ffffff;

    font-size: 16px;
}


.jsmei-final-content {
    position: relative;

    z-index: 2;
}


.jsmei-final-content > span {
    display: block;

    margin-bottom: 3px;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color:
        rgba(255,255,255,.68);
}


.jsmei-final-content h2 {
    margin: 0 0 4px;

    font-size: 17px;

    color: #ffffff;
}


.jsmei-final-content p {
    max-width: 540px;

    margin: 0;

    font-size: 9.5px;
    line-height: 1.5;

    color:
        rgba(255,255,255,.72);
}


.jsmei-final-button {
    position: relative;

    z-index: 2;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 38px;

    padding: 8px 14px;

    background: #ffffff;

    border-radius: 5px;

    color: #1E6292 !important;

    font-size: 10px;

    font-weight: 700;

    text-decoration: none !important;

    white-space: nowrap;

    transition:
        transform .17s ease,
        background .17s ease;
}


.jsmei-final-button:hover {
    transform: translateY(-2px);

    background: #f0f6f9;
}



/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 900px) {

    .jsmei-submission-hero {
        grid-template-columns: 1fr;
    }


    .jsmei-submission-hero-side {
        display: grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-submission-flow {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 25px 15px;
    }


    .jsmei-submission-flow::before {
        display: none;
    }


    .jsmei-submission-resources {
        grid-template-columns: 1fr;
    }

}



/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-submission-hero {
        gap: 22px;

        margin-bottom: 30px;

        padding: 22px 18px;
    }


    .jsmei-submission-hero h1 {
        font-size: 25px;
    }


    .jsmei-submission-hero-side {
        grid-template-columns: 1fr;
    }


    .jsmei-submission-actions {
        flex-direction: column;

        align-items: stretch;
    }


    .jsmei-submit-primary,
    .jsmei-submit-secondary {
        width: 100%;
    }


    .jsmei-submission-section-heading {
        align-items: center;
    }


    .jsmei-submission-flow {
        grid-template-columns: 1fr;

        gap: 8px;
    }


    .jsmei-flow-item {
        display: grid;

        grid-template-columns:
            48px
            minmax(0,1fr);

        gap: 13px;

        padding: 10px 0;

        border-bottom: 1px solid #e5ecef;
    }


    .jsmei-flow-number {
        width: 46px;
        height: 46px;

        margin: 0;

        font-size: 12px;
    }


    .jsmei-checklist {
        grid-template-columns: 1fr;
    }


    .jsmei-submission-final {
        grid-template-columns:
            40px
            minmax(0,1fr);

        padding: 18px;
    }


    .jsmei-final-button {
        grid-column: 1 / -1;

        width: 100%;

        margin-top: 3px;
    }

}
/* ==========================================================
   JSMEI - CONTACT PAGE
   MODERN CONTACT HUB
   Primary: #1E6292
   ========================================================== */


/* ROOT */

.jsmei-contact-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-contact-page *,
.jsmei-contact-page *::before,
.jsmei-contact-page *::after {
    box-sizing: border-box;
}



/* ==========================================================
   HERO
   ========================================================== */

.jsmei-contact-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        165px;

    gap: 35px;

    align-items: center;

    width: 100%;

    margin: 0 0 38px;

    padding:
        26px
        30px;

    background:
        linear-gradient(
            115deg,
            #f5f9fb 0%,
            #ffffff 58%,
            #edf5f9 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dae5eb;

    overflow: hidden;
}


.jsmei-contact-hero::after {
    content: "";

    position: absolute;

    right: -65px;
    top: -100px;

    width: 220px;
    height: 220px;

    border:
        35px solid
        rgba(30,98,146,.04);

    border-radius: 50%;

    pointer-events: none;
}


.jsmei-contact-eyebrow {
    margin: 0 0 8px;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-contact-hero h1 {
    margin: 0 0 12px;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    font-weight: 700;

    color: #173b56;
}


.jsmei-contact-hero p {
    max-width: 690px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687b87;
}



/* HERO MARK */

.jsmei-contact-hero-mark {
    position: relative;

    z-index: 2;

    padding:
        16px
        17px;

    border-left:
        3px solid #1E6292;

    text-align: right;
}


.jsmei-contact-hero-mark span {
    display: block;

    margin-bottom: 5px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-contact-hero-mark strong {
    display: block;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;
    line-height: 1.3;

    color: #173b56;
}



/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-contact-section {
    width: 100%;

    margin: 0 0 38px;
    padding: 0;
}



/* SECTION TITLE */

.jsmei-contact-section-title {
    position: relative;

    margin: 0 0 20px;

    padding: 0 0 12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-contact-section-title::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-contact-section-title span {
    display: block;

    margin-bottom: 3px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.3px;

    color: #1E6292;
}


.jsmei-contact-section-title h2 {
    margin: 0;
    padding: 0;

    font-size: 17px;
    line-height: 1.35;

    font-weight: 700;

    color: #173b56;
}



/* ==========================================================
   QUICK CONTACT
   ========================================================== */

.jsmei-contact-info-grid {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 12px;
}


.jsmei-contact-info-item {
    position: relative;

    display: grid;

    grid-template-columns:
        39px
        minmax(0,1fr)
        25px;

    gap: 10px;

    align-items: center;

    min-width: 0;

    padding:
        14px
        13px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    color: #355365 !important;

    text-decoration: none !important;

    transition:
        transform .17s ease,
        border-color .17s ease,
        box-shadow .17s ease,
        background .17s ease;
}


.jsmei-contact-info-item:hover {
    transform: translateY(-2px);

    background: #ffffff;

    border-color: #bed6e2;

    box-shadow:
        0 7px 17px
        rgba(30,75,103,.07);
}


.jsmei-contact-info-item.static:hover {
    transform: none;

    box-shadow: none;
}



/* ICON */

.jsmei-contact-info-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 14px;

    font-weight: 700;
}



/* CONTENT */

.jsmei-contact-info-content {
    min-width: 0;
}


.jsmei-contact-info-content small,
.jsmei-contact-info-content strong,
.jsmei-contact-info-content em {
    display: block;
}


.jsmei-contact-info-content small {
    margin-bottom: 3px;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: .8px;

    text-transform: uppercase;

    color: #8b9aa3;
}


.jsmei-contact-info-content strong {
    margin-bottom: 2px;

    font-size: 10.5px;
    line-height: 1.4;

    color: #2d4e62;

    overflow-wrap: anywhere;
}


.jsmei-contact-info-content em {
    font-size: 8.5px;
    line-height: 1.4;

    font-style: normal;

    color: #8997a0;
}


.jsmei-contact-info-arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    border-radius: 50%;

    color: #1E6292;

    font-size: 14px;

    transition:
        background .17s ease,
        color .17s ease;
}


.jsmei-contact-info-item:hover
.jsmei-contact-info-arrow {
    background: #1E6292;

    color: #ffffff;
}



/* ==========================================================
   CONTACT PERSON
   ========================================================== */

.jsmei-contact-person-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 16px;
}


.jsmei-contact-person {
    position: relative;

    min-width: 0;

    padding:
        20px
        21px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8fbfc 100%
        );

    border:
        1px solid #dce6eb;

    border-radius: 9px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-contact-person::before {
    content: "";

    position: absolute;

    left: 0;
    top: 19px;
    bottom: 19px;

    width: 4px;

    background: #1E6292;

    border-radius: 4px;
}


.jsmei-contact-person:hover {
    transform: translateY(-2px);

    border-color: #bfd5e0;

    box-shadow:
        0 8px 20px
        rgba(29,73,99,.07);
}



/* LABEL */

.jsmei-person-label {
    margin: 0 0 14px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;

    color: #1E6292;
}



/* PERSON HEAD */

.jsmei-person-head {
    display: flex;

    align-items: center;

    gap: 13px;
}


.jsmei-person-avatar {
    flex: 0 0 auto;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 53px;
    height: 53px;

    background:
        linear-gradient(
            135deg,
            #1E6292,
            #174d73
        );

    border-radius: 50%;

    color: #ffffff;

    font-family:
        Georgia,
        serif;

    font-size: 15px;

    font-weight: 700;

    box-shadow:
        0 5px 12px
        rgba(30,98,146,.18);
}


.jsmei-person-identity h3 {
    margin: 0 0 4px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;

    color: #213f54;
}


.jsmei-person-identity p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.4;

    color: #7c8d97;
}



/* DIVIDER */

.jsmei-person-divider {
    width: 100%;
    height: 1px;

    margin:
        16px 0;

    background: #e3eaee;
}



/* DETAIL */

.jsmei-person-detail {
    display: grid;

    gap: 9px;

    margin-bottom: 16px;
}


.jsmei-person-detail span {
    display: block;

    margin-bottom: 2px;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: .7px;

    text-transform: uppercase;

    color: #9aa6ad;
}


.jsmei-person-detail strong,
.jsmei-person-detail a {
    display: block;

    font-size: 10px;
    line-height: 1.45;

    font-weight: 600;

    color: #405a69 !important;

    text-decoration: none !important;
}


.jsmei-person-detail a:hover {
    color: #1E6292 !important;
}



/* BUTTON */

.jsmei-person-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 34px;

    padding:
        7px
        11px;

    background: #1E6292;

    border:
        1px solid #1E6292;

    border-radius: 5px;

    color: #ffffff !important;

    font-size: 9.5px;

    font-weight: 700;

    text-decoration: none !important;

    transition:
        transform .16s ease,
        background .16s ease;
}


.jsmei-person-button:hover {
    transform: translateY(-1px);

    background: #174f78;
}


.jsmei-person-button.secondary {
    background: #ffffff;

    color: #1E6292 !important;

    border-color: #bdd4df;
}


.jsmei-person-button.secondary:hover {
    background: #eef6fa;
}



/* ==========================================================
   LOCATION
   ========================================================== */

.jsmei-location-layout {
    display: grid;

    grid-template-columns:
        minmax(240px,.8fr)
        minmax(0,1.5fr);

    gap: 18px;

    align-items: stretch;
}



/* LOCATION INFO */

.jsmei-location-info {
    position: relative;

    padding:
        21px
        22px;

    background: #173b56;

    border-radius: 8px;

    color: #ffffff;

    overflow: hidden;
}


.jsmei-location-info::after {
    content: "";

    position: absolute;

    right: -55px;
    bottom: -75px;

    width: 155px;
    height: 155px;

    border:
        25px solid
        rgba(255,255,255,.04);

    border-radius: 50%;
}


.jsmei-location-symbol {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    margin-bottom: 15px;

    background:
        rgba(255,255,255,.11);

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 50%;

    color: #ffffff;

    font-size: 10px;
}


.jsmei-location-kicker {
    display: block;

    margin-bottom: 6px;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: 1.1px;

    color:
        rgba(255,255,255,.61);
}


.jsmei-location-info h3 {
    margin: 0 0 18px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;
    line-height: 1.45;

    color: #ffffff;
}



/* ADDRESS */

.jsmei-address {
    position: relative;

    z-index: 2;

    margin-bottom: 20px;
}


.jsmei-address > span {
    display: block;

    margin-bottom: 4px;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: .8px;

    text-transform: uppercase;

    color:
        rgba(255,255,255,.55);
}


.jsmei-address strong {
    display: block;

    margin-bottom: 8px;

    font-size: 10.5px;

    color: #ffffff;
}


.jsmei-address p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.6;

    color:
        rgba(255,255,255,.72);
}



/* OFFICE HOURS */

.jsmei-office-hours {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 10px;

    padding-top: 14px;

    border-top:
        1px solid
        rgba(255,255,255,.12);
}


.jsmei-clock {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background:
        rgba(255,255,255,.09);

    border-radius: 5px;
}


.jsmei-office-hours small,
.jsmei-office-hours strong,
.jsmei-office-hours em {
    display: block;
}


.jsmei-office-hours small {
    margin-bottom: 2px;

    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .8px;

    color:
        rgba(255,255,255,.5);
}


.jsmei-office-hours strong {
    margin-bottom: 2px;

    font-size: 9px;

    color: #ffffff;
}


.jsmei-office-hours em {
    font-size: 8.5px;

    font-style: normal;

    color:
        rgba(255,255,255,.67);
}



/* MAP */

.jsmei-location-map {
    width: 100%;

    min-height: 310px;

    background: #edf2f5;

    border:
        1px solid #d9e3e8;

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-location-map iframe {
    display: block;

    width: 100% !important;
    height: 100% !important;

    min-height: 310px;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}



/* ==========================================================
   CONTACT GUIDE
   ========================================================== */

.jsmei-contact-guide {
    display: grid;

    grid-template-columns:
        190px
        minmax(0,1fr);

    gap: 28px;

    align-items: start;

    width: 100%;

    padding:
        20px
        0
        0;

    border-top:
        1px solid #dce5eb;
}


.jsmei-guide-heading span {
    display: block;

    margin-bottom: 5px;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-guide-heading h2 {
    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;
    line-height: 1.35;

    color: #173b56;
}


.jsmei-guide-list {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 15px;
}


.jsmei-guide-item {
    display: grid;

    grid-template-columns:
        31px
        minmax(0,1fr);

    gap: 9px;

    align-items: flex-start;
}


.jsmei-guide-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 29px;
    height: 29px;

    background: #edf5f9;

    border-radius: 50%;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-guide-item strong {
    display: block;

    margin-bottom: 4px;

    font-size: 10.5px;

    color: #2d4d60;
}


.jsmei-guide-item p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.55;

    color: #7c8b94;
}



/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 900px) {

    .jsmei-contact-info-grid {
        grid-template-columns: 1fr;
    }


    .jsmei-location-layout {
        grid-template-columns: 1fr;
    }


    .jsmei-contact-guide {
        grid-template-columns: 1fr;
    }

}



/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-contact-hero {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            22px
            18px;
    }


    .jsmei-contact-hero h1 {
        font-size: 25px;
    }


    .jsmei-contact-hero-mark {
        text-align: left;

        border-left: 0;

        border-top:
            1px solid #dbe5ea;

        padding:
            15px
            0
            0;
    }


    .jsmei-contact-hero-mark strong br {
        display: none;
    }


    .jsmei-contact-person-grid {
        grid-template-columns: 1fr;
    }


    .jsmei-guide-list {
        grid-template-columns: 1fr;

        gap: 17px;
    }


    .jsmei-location-map,
    .jsmei-location-map iframe {
        min-height: 240px;
    }

}
/* ==========================================================
   JSMEI - PUBLICATION FEE PAGE
   MODERN FEE / PRICING UI
   Primary: #1E6292
   ========================================================== */


/* ROOT */

.jsmei-fee-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-fee-page *,
.jsmei-fee-page *::before,
.jsmei-fee-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.jsmei-fee-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        190px;

    gap: 35px;

    align-items: center;

    width: 100%;

    margin: 0 0 38px;

    padding: 28px 30px;

    background:
        linear-gradient(
            115deg,
            #f4f9fb 0%,
            #ffffff 58%,
            #edf5f9 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dce6eb;

    overflow: hidden;
}


.jsmei-fee-hero::after {
    content: "";

    position: absolute;

    right: -65px;
    top: -90px;

    width: 210px;
    height: 210px;

    border:
        34px solid
        rgba(30,98,146,.04);

    border-radius: 50%;
}


.jsmei-fee-eyebrow {
    margin: 0 0 8px;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-fee-hero h1 {
    margin: 0 0 12px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    color: #173b56;
}


.jsmei-fee-hero p {
    max-width: 690px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687b87;
}


/* HERO SIDE */

.jsmei-fee-hero-side {
    position: relative;

    z-index: 2;

    padding: 15px 17px;

    border-left:
        3px solid #1E6292;

    text-align: right;
}


.jsmei-fee-hero-side span {
    display: block;

    margin-bottom: 5px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.4px;

    color: #1E6292;
}


.jsmei-fee-hero-side strong {
    font-family:
        Georgia,
        serif;

    font-size: 17px;
    line-height: 1.35;

    color: #173b56;
}


/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-fee-section {
    width: 100%;

    margin: 0 0 38px;
}


/* SECTION TITLE */

.jsmei-fee-section-title {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 15px;

    margin: 0 0 20px;

    padding: 0 0 12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-fee-section-title::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-fee-section-title span {
    display: block;

    margin-bottom: 3px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-fee-section-title h2 {
    margin: 0;

    font-size: 17px;
    line-height: 1.35;

    color: #173b56;
}


/* ==========================================================
   PRICING
   ========================================================== */

.jsmei-fee-pricing {
    display: grid;

    grid-template-columns:
        minmax(0,1.45fr)
        minmax(250px,.75fr);

    gap: 16px;
}


/* PRICE CARD */

.jsmei-fee-price-card {
    position: relative;

    padding: 24px;

    background:
        linear-gradient(
            135deg,
            #173b56 0%,
            #1E6292 100%
        );

    border-radius: 10px;

    color: #ffffff;

    overflow: hidden;
}


.jsmei-fee-price-card::after {
    content: "";

    position: absolute;

    right: -70px;
    bottom: -90px;

    width: 210px;
    height: 210px;

    border:
        32px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


/* PRICE TOP */

.jsmei-fee-price-top {
    position: relative;

    z-index: 2;

    display: flex;

    justify-content: space-between;

    gap: 12px;

    align-items: center;
}


.jsmei-fee-price-label {
    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    color:
        rgba(255,255,255,.72);
}


.jsmei-fee-price-status {
    padding: 5px 9px;

    background:
        rgba(255,255,255,.11);

    border:
        1px solid
        rgba(255,255,255,.14);

    border-radius: 20px;

    font-size: 8px;

    color: #ffffff;
}


/* AMOUNT */

.jsmei-fee-amount {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: baseline;

    gap: 9px;

    margin:
        21px
        0
        12px;
}


.jsmei-fee-amount small {
    font-size: 12px;

    font-weight: 700;

    color:
        rgba(255,255,255,.66);
}


.jsmei-fee-amount strong {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 39px;
    line-height: 1;

    font-weight: 700;

    color: #ffffff;
}


.jsmei-fee-price-card > p {
    position: relative;

    z-index: 2;

    max-width: 600px;

    margin: 0;

    font-size: 10.5px;
    line-height: 1.65;

    color:
        rgba(255,255,255,.75);
}


/* NOTE */

.jsmei-fee-note {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        25px
        minmax(0,1fr);

    gap: 9px;

    align-items: center;

    margin-top: 18px;

    padding-top: 14px;

    border-top:
        1px solid
        rgba(255,255,255,.13);
}


.jsmei-fee-note > span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    background:
        rgba(255,255,255,.11);

    border-radius: 50%;

    font-family: Georgia, serif;

    font-size: 11px;

    font-style: italic;
}


.jsmei-fee-note p {
    margin: 0;

    font-size: 9px;
    line-height: 1.5;

    color:
        rgba(255,255,255,.68);
}


/* ==========================================================
   SUMMARY
   ========================================================== */

.jsmei-fee-summary {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 10px;
}


.jsmei-fee-summary-item {
    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-height: 105px;

    padding: 13px;

    background: #f7fafb;

    border:
        1px solid #dee7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease,
        background .17s ease;
}


.jsmei-fee-summary-item:hover {
    transform: translateY(-2px);

    background: #ffffff;

    border-color: #c5dbe5;
}


.jsmei-summary-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 29px;
    height: 29px;

    background: #eaf3f8;

    border-radius: 5px;

    font-size: 8px;

    font-weight: 700;

    color: #1E6292;
}


.jsmei-fee-summary-item small,
.jsmei-fee-summary-item strong {
    display: block;
}


.jsmei-fee-summary-item small {
    margin-bottom: 3px;

    font-size: 7.5px;

    text-transform: uppercase;

    letter-spacing: .6px;

    color: #8c9aa3;
}


.jsmei-fee-summary-item strong {
    font-size: 11px;
    line-height: 1.4;

    color: #315267;
}


/* ==========================================================
   SERVICES
   ========================================================== */

.jsmei-fee-services {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 0 25px;
}


.jsmei-fee-service {
    display: grid;

    grid-template-columns:
        30px
        minmax(0,1fr);

    gap: 11px;

    align-items: flex-start;

    padding: 14px 0;

    border-bottom:
        1px solid #e3eaee;
}


.jsmei-service-check {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    background: #e8f4ee;

    border-radius: 50%;

    color: #2d8d60;

    font-size: 11px;

    font-weight: 700;
}


.jsmei-fee-service strong {
    display: block;

    margin-bottom: 4px;

    font-size: 11px;

    color: #2d4e62;
}


.jsmei-fee-service p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.55;

    color: #7a8a93;
}


/* ==========================================================
   PAYMENT FLOW
   ========================================================== */

.jsmei-fee-step-badge {
    padding: 5px 9px;

    background: #eef6f9;

    border: 1px solid #d5e5ed;

    border-radius: 20px;

    font-size: 8px !important;

    color: #1E6292 !important;
}


.jsmei-payment-flow {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 12px;
}


.jsmei-payment-step {
    position: relative;

    padding: 15px;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-payment-step::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 3px;

    background: transparent;

    transition:
        background .18s ease;
}


.jsmei-payment-step:hover {
    transform: translateY(-2px);

    border-color: #c2d8e3;

    box-shadow:
        0 7px 16px
        rgba(30,77,104,.07);
}


.jsmei-payment-step:hover::before {
    background: #1E6292;
}


.jsmei-payment-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    margin-bottom: 14px;

    background: #edf5f9;

    border-radius: 50%;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-payment-step small {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .8px;

    color: #1E6292;
}


.jsmei-payment-step h3 {
    margin:
        0
        0
        7px;

    font-size: 11.5px;

    color: #315064;
}


.jsmei-payment-step p {
    margin: 0;

    font-size: 9px;
    line-height: 1.6;

    color: #7c8b94;
}


/* ==========================================================
   POLICIES
   ========================================================== */

.jsmei-fee-policy-list {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 12px;
}


.jsmei-fee-policy {
    display: grid;

    grid-template-columns:
        37px
        minmax(0,1fr);

    gap: 11px;

    align-items: flex-start;

    padding: 14px;

    background: #f8fafb;

    border:
        1px solid #e0e8ec;

    border-radius: 7px;
}


.jsmei-policy-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-fee-policy strong {
    display: block;

    margin-bottom: 4px;

    font-size: 10.5px;

    color: #315064;
}


.jsmei-fee-policy p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.55;

    color: #7a8a94;
}


/* ==========================================================
   PAYMENT INFORMATION
   ========================================================== */

.jsmei-payment-info {
    display: grid;

    grid-template-columns:
        minmax(230px,.8fr)
        minmax(0,1.2fr);

    gap: 25px;

    align-items: start;

    margin-bottom: 38px;

    padding: 21px;

    background: #f5f9fb;

    border-left:
        4px solid #1E6292;

    border-top:
        1px solid #dde7eb;

    border-right:
        1px solid #dde7eb;

    border-bottom:
        1px solid #dde7eb;
}


.jsmei-payment-info-head > span {
    display: block;

    margin-bottom: 5px;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-payment-info-head h2 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        serif;

    font-size: 18px;

    color: #173b56;
}


.jsmei-payment-info-head p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.6;

    color: #778993;
}


/* BANK */

.jsmei-payment-bank {
    background: #ffffff;

    border:
        1px solid #dde6eb;

    border-radius: 6px;

    overflow: hidden;
}


.jsmei-bank-row {
    display: grid;

    grid-template-columns:
        135px
        minmax(0,1fr);

    gap: 15px;

    padding:
        11px
        13px;

    border-bottom:
        1px solid #e7edef;
}


.jsmei-bank-row:last-child {
    border-bottom: 0;
}


.jsmei-bank-row span {
    font-size: 8px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .6px;

    color: #8a99a2;
}


.jsmei-bank-row strong,
.jsmei-bank-row a {
    font-size: 10px;

    font-weight: 600;

    color: #365466 !important;

    text-decoration: none !important;
}


/* ==========================================================
   HELP CTA
   ========================================================== */

.jsmei-fee-help {
    position: relative;

    display: grid;

    grid-template-columns:
        44px
        minmax(0,1fr)
        auto;

    gap: 15px;

    align-items: center;

    width: 100%;

    padding: 19px 21px;

    background:
        linear-gradient(
            120deg,
            #173b56 0%,
            #1E6292 100%
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-fee-help-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    background:
        rgba(255,255,255,.12);

    border-radius: 50%;

    color: #ffffff;

    font-family: Georgia, serif;

    font-size: 17px;
}


.jsmei-fee-help-content > span {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1.1px;

    color:
        rgba(255,255,255,.65);
}


.jsmei-fee-help-content h2 {
    margin:
        0
        0
        4px;

    font-size: 16px;

    color: #ffffff;
}


.jsmei-fee-help-content p {
    max-width: 570px;

    margin: 0;

    font-size: 9px;
    line-height: 1.5;

    color:
        rgba(255,255,255,.7);
}


.jsmei-fee-help-button {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding:
        9px
        13px;

    background: #ffffff;

    border-radius: 5px;

    color: #1E6292 !important;

    font-size: 9.5px;

    font-weight: 700;

    text-decoration: none !important;

    white-space: nowrap;

    transition:
        transform .17s ease;
}


.jsmei-fee-help-button:hover {
    transform: translateY(-2px);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 900px) {

    .jsmei-fee-pricing {
        grid-template-columns: 1fr;
    }


    .jsmei-payment-flow {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-payment-info {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-fee-hero {
        grid-template-columns: 1fr;

        gap: 18px;

        padding:
            22px
            18px;
    }


    .jsmei-fee-hero h1 {
        font-size: 25px;
    }


    .jsmei-fee-hero-side {
        text-align: left;

        border-left: 0;

        border-top:
            1px solid #dce5ea;

        padding:
            14px
            0
            0;
    }


    .jsmei-fee-hero-side strong br {
        display: none;
    }


    .jsmei-fee-amount strong {
        font-size: 31px;
    }


    .jsmei-fee-summary {
        grid-template-columns: 1fr;
    }


    .jsmei-fee-summary-item {
        min-height: auto;

        flex-direction: row;

        align-items: center;

        gap: 12px;
    }


    .jsmei-fee-services,
    .jsmei-fee-policy-list {
        grid-template-columns: 1fr;
    }


    .jsmei-payment-flow {
        grid-template-columns: 1fr;
    }


    .jsmei-bank-row {
        grid-template-columns: 1fr;

        gap: 4px;
    }


    .jsmei-fee-help {
        grid-template-columns:
            40px
            minmax(0,1fr);
    }


    .jsmei-fee-help-button {
        grid-column: 1 / -1;

        justify-content: center;

        width: 100%;

        margin-top: 3px;
    }

}
/* ==========================================================
   JSMEI - JOURNAL HISTORY
   MODERN EDITORIAL TIMELINE
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-history-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-history-page *,
.jsmei-history-page *::before,
.jsmei-history-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.jsmei-history-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        190px;

    gap: 35px;

    align-items: center;

    width: 100%;

    margin: 0 0 38px;

    padding: 30px 31px;

    background:
        linear-gradient(
            115deg,
            #f4f9fb 0%,
            #ffffff 56%,
            #eef6fa 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dce6eb;

    overflow: hidden;
}


.jsmei-history-hero::before {
    content: "";

    position: absolute;

    width: 210px;
    height: 210px;

    right: -80px;
    top: -110px;

    border:
        32px solid
        rgba(30,98,146,.04);

    border-radius: 50%;
}


.jsmei-history-eyebrow {
    margin: 0 0 8px;

    font-size: 9px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-history-hero h1 {
    margin: 0 0 12px;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    font-weight: 700;

    color: #173b56;
}


.jsmei-history-hero p {
    max-width: 700px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687c88;
}


/* HERO MARK */

.jsmei-history-hero-mark {
    position: relative;

    z-index: 2;

    padding:
        10px
        0
        10px
        18px;

    border-left:
        3px solid #1E6292;
}


.jsmei-history-hero-mark span,
.jsmei-history-hero-mark strong,
.jsmei-history-hero-mark small {
    display: block;
}


.jsmei-history-hero-mark span {
    margin-bottom: 6px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-history-hero-mark strong {
    margin-bottom: 6px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
    line-height: 1.3;

    color: #173b56;
}


.jsmei-history-hero-mark small {
    font-size: 8px;
    line-height: 1.5;

    color: #83939d;
}


/* ==========================================================
   INTRO
   ========================================================== */

.jsmei-history-intro {
    display: grid;

    grid-template-columns:
        68px
        minmax(0,1fr);

    gap: 20px;

    align-items: start;

    margin: 0 0 42px;

    padding:
        5px
        0
        28px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-history-intro-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    background: #edf5f9;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;

    font-weight: 700;
}


.jsmei-history-kicker {
    display: block;

    margin: 0 0 5px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.4px;

    color: #1E6292;
}


.jsmei-history-intro-content h2 {
    margin:
        0
        0
        10px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;
    line-height: 1.35;

    color: #173b56;
}


.jsmei-history-intro-content p {
    max-width: 820px;

    margin:
        0
        0
        10px;

    font-size: 12px;
    line-height: 1.75;

    color: #657a87;
}


.jsmei-history-intro-content p:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-history-section {
    width: 100%;

    margin: 0 0 42px;
    padding: 0;
}


/* ==========================================================
   SECTION HEADING
   ========================================================== */

.jsmei-history-section-heading {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin: 0 0 26px;

    padding: 0 0 12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-history-section-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-history-section-heading > div:first-child > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-history-section-heading h2 {
    margin: 0;

    font-size: 17px;
    line-height: 1.35;

    color: #173b56;
}


.jsmei-history-heading-label {
    padding:
        5px
        9px;

    background: #edf5f9;

    border:
        1px solid #d7e5ec;

    border-radius: 20px;

    font-size: 8px;

    font-weight: 700;

    color: #1E6292;
}


/* ==========================================================
   TIMELINE
   ========================================================== */

.jsmei-history-timeline {
    position: relative;

    width: 100%;
}


/* VERTICAL LINE */

.jsmei-history-timeline::before {
    content: "";

    position: absolute;

    left: 123px;
    top: 12px;
    bottom: 12px;

    width: 1px;

    background:
        linear-gradient(
            to bottom,
            #bcd2de,
            #dfe8ed
        );
}


/* ==========================================================
   TIMELINE EVENT
   ========================================================== */

.jsmei-history-event {
    position: relative;

    display: grid;

    grid-template-columns:
        94px
        58px
        minmax(0,1fr);

    gap: 0;

    align-items: start;

    width: 100%;

    margin: 0;

    padding:
        0
        0
        28px;

    transition:
        transform .18s ease;
}


.jsmei-history-event:last-child {
    padding-bottom: 0;
}


.jsmei-history-event:hover {
    transform: translateX(3px);
}


/* ==========================================================
   YEAR
   ========================================================== */

.jsmei-history-year {
    padding-top: 5px;

    text-align: right;
}


.jsmei-history-year span {
    display: inline-block;

    padding:
        5px
        8px;

    background: #f2f7fa;

    border:
        1px solid #d8e5eb;

    border-radius: 4px;

    font-size: 8px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: .6px;

    color: #1E6292;
}


/* ==========================================================
   DOT
   ========================================================== */

.jsmei-history-dot {
    position: relative;

    width: 58px;
    height: 30px;
}


.jsmei-history-dot::before {
    content: "";

    position: absolute;

    left: 23px;
    top: 6px;

    width: 13px;
    height: 13px;

    background: #ffffff;

    border:
        3px solid #1E6292;

    border-radius: 50%;

    box-shadow:
        0 0 0 5px #ffffff;

    z-index: 2;
}


/* CURRENT */

.jsmei-history-event.current
.jsmei-history-dot::before {
    background: #1E6292;

    box-shadow:
        0 0 0 5px #ffffff,
        0 0 0 7px rgba(30,98,146,.10);
}


/* ==========================================================
   EVENT CONTENT
   ========================================================== */

.jsmei-history-event-content {
    position: relative;

    min-width: 0;

    padding:
        16px
        18px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f9fbfc 100%
        );

    border:
        1px solid #dfe7eb;

    border-radius: 8px;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}


.jsmei-history-event-content::before {
    content: "";

    position: absolute;

    left: -6px;
    top: 12px;

    width: 11px;
    height: 11px;

    background: #ffffff;

    border-left:
        1px solid #dfe7eb;

    border-bottom:
        1px solid #dfe7eb;

    transform:
        rotate(45deg);
}


.jsmei-history-event:hover
.jsmei-history-event-content {
    background: #ffffff;

    border-color: #bfd5e0;

    box-shadow:
        0 8px 19px
        rgba(29,74,100,.07);
}


.jsmei-history-event-label {
    margin: 0 0 5px;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: 1.1px;

    color: #1E6292;
}


.jsmei-history-event-content h3 {
    margin:
        0
        0
        7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;
    line-height: 1.35;

    color: #24465c;
}


.jsmei-history-event-content p {
    margin: 0;

    font-size: 10.5px;
    line-height: 1.65;

    color: #75868f;
}


/* TAG */

.jsmei-history-event-tag {
    display: inline-flex;

    align-items: center;

    margin-top: 11px;

    padding:
        4px
        8px;

    background: #eef6f9;

    border-radius: 20px;

    font-size: 7.5px;

    font-weight: 700;

    color: #1E6292;
}


/* CURRENT EVENT */

.jsmei-history-event.current
.jsmei-history-event-content {
    border-color: #bfd6e1;

    background:
        linear-gradient(
            145deg,
            #f2f8fb 0%,
            #ffffff 100%
        );
}


/* ==========================================================
   VALUES
   ========================================================== */

.jsmei-history-values {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 12px;
}


.jsmei-history-value {
    position: relative;

    min-width: 0;

    padding:
        16px
        14px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-history-value::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 3px;

    background: transparent;

    transition:
        background .18s ease;
}


.jsmei-history-value:hover {
    transform: translateY(-3px);

    border-color: #c1d7e1;

    box-shadow:
        0 8px 18px
        rgba(29,73,99,.07);
}


.jsmei-history-value:hover::before {
    background: #1E6292;
}


.jsmei-history-value-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    margin-bottom: 13px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-history-value span {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .9px;

    color: #1E6292;
}


.jsmei-history-value h3 {
    margin:
        0
        0
        6px;

    font-size: 11.5px;
    line-height: 1.4;

    color: #315064;
}


.jsmei-history-value p {
    margin: 0;

    font-size: 9px;
    line-height: 1.6;

    color: #7b8b94;
}


/* ==========================================================
   JOURNAL TODAY
   ========================================================== */

.jsmei-history-today {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(290px,.8fr);

    gap: 30px;

    align-items: center;

    width: 100%;

    padding:
        23px
        24px;

    background:
        linear-gradient(
            120deg,
            #173b56 0%,
            #1E6292 100%
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-history-today::after {
    content: "";

    position: absolute;

    right: -55px;
    bottom: -80px;

    width: 180px;
    height: 180px;

    border:
        28px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


.jsmei-history-today-main,
.jsmei-history-today-info {
    position: relative;

    z-index: 2;
}


.jsmei-history-today-kicker {
    display: block;

    margin-bottom: 5px;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color:
        rgba(255,255,255,.63);
}


.jsmei-history-today h2 {
    margin:
        0
        0
        7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;

    color: #ffffff;
}


.jsmei-history-today-main p {
    max-width: 620px;

    margin: 0;

    font-size: 10px;
    line-height: 1.65;

    color:
        rgba(255,255,255,.72);
}


/* INFO */

.jsmei-history-today-info {
    display: grid;

    gap: 8px;

    padding-left: 22px;

    border-left:
        1px solid
        rgba(255,255,255,.15);
}


.jsmei-history-today-info div {
    display: grid;

    grid-template-columns:
        100px
        minmax(0,1fr);

    gap: 10px;

    align-items: center;
}


.jsmei-history-today-info span {
    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .7px;

    color:
        rgba(255,255,255,.5);
}


.jsmei-history-today-info strong {
    font-size: 9px;
    line-height: 1.4;

    color: #ffffff;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 900px) {

    .jsmei-history-values {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-history-today {
        grid-template-columns: 1fr;
    }


    .jsmei-history-today-info {
        padding:
            17px
            0
            0;

        border-left: 0;

        border-top:
            1px solid
            rgba(255,255,255,.15);
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-history-hero {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            22px
            18px;
    }


    .jsmei-history-hero h1 {
        font-size: 25px;
    }


    .jsmei-history-hero-mark {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            1px solid #dce5ea;
    }


    .jsmei-history-intro {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .jsmei-history-intro-number {
        width: 46px;
        height: 46px;

        font-size: 12px;
    }


    .jsmei-history-section-heading {
        align-items: center;
    }


    .jsmei-history-heading-label {
        display: none;
    }


    /* TIMELINE MOBILE */

    .jsmei-history-timeline::before {
        left: 16px;
    }


    .jsmei-history-event {
        grid-template-columns:
            32px
            minmax(0,1fr);

        padding-bottom: 22px;
    }


    .jsmei-history-year {
        grid-column:
            2;

        grid-row:
            1;

        margin-bottom: 6px;

        padding-top: 0;

        text-align: left;
    }


    .jsmei-history-dot {
        grid-column:
            1;

        grid-row:
            1 / span 2;

        width: 32px;
    }


    .jsmei-history-dot::before {
        left: 10px;
        top: 5px;
    }


    .jsmei-history-event-content {
        grid-column:
            2;

        grid-row:
            2;

        padding:
            14px
            15px;
    }


    .jsmei-history-event-content::before {
        display: none;
    }


    .jsmei-history-values {
        grid-template-columns: 1fr;
    }


    .jsmei-history-today-info div {
        grid-template-columns: 1fr;

        gap: 3px;
    }

}
/* ==========================================================
   JSMEI - INDEXING & ABSTRACTING
   MODERN ACADEMIC VISIBILITY UI
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-indexing-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-indexing-page *,
.jsmei-indexing-page *::before,
.jsmei-indexing-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.jsmei-indexing-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        190px;

    gap: 35px;

    align-items: center;

    width: 100%;

    margin: 0 0 36px;

    padding:
        29px
        31px;

    background:
        linear-gradient(
            115deg,
            #f4f9fb 0%,
            #ffffff 57%,
            #eef6fa 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dce6eb;

    overflow: hidden;
}


.jsmei-indexing-hero::after {
    content: "";

    position: absolute;

    right: -75px;
    top: -105px;

    width: 220px;
    height: 220px;

    border:
        34px solid
        rgba(30,98,146,.04);

    border-radius: 50%;

    pointer-events: none;
}


/* EYEBROW */

.jsmei-indexing-eyebrow {
    margin: 0 0 8px;

    font-size: 9px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-indexing-hero h1 {
    margin: 0 0 12px;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    font-weight: 700;

    color: #173b56;
}


.jsmei-indexing-hero p {
    max-width: 700px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687c88;
}


/* HERO SIDE */

.jsmei-indexing-hero-side {
    position: relative;

    z-index: 2;

    padding:
        10px
        0
        10px
        18px;

    border-left:
        3px solid #1E6292;
}


.jsmei-indexing-hero-side span,
.jsmei-indexing-hero-side strong,
.jsmei-indexing-hero-side small {
    display: block;
}


.jsmei-indexing-hero-side > span {
    margin-bottom: 6px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-indexing-hero-side strong {
    margin-bottom: 6px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;
    line-height: 1.3;

    color: #173b56;
}


.jsmei-indexing-hero-side small {
    font-size: 8px;

    color: #83939d;
}


/* ==========================================================
   INTRO
   ========================================================== */

.jsmei-indexing-intro {
    display: grid;

    grid-template-columns:
        52px
        minmax(0,1fr);

    gap: 17px;

    align-items: start;

    width: 100%;

    margin: 0 0 38px;

    padding:
        0
        0
        25px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-indexing-intro-mark {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 45px;
    height: 45px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-family: Georgia, serif;

    font-size: 18px;
    font-style: italic;
}


.jsmei-indexing-intro-text > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-indexing-intro-text h2 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;
    line-height: 1.35;

    color: #173b56;
}


.jsmei-indexing-intro-text p {
    max-width: 800px;

    margin: 0;

    font-size: 11.5px;
    line-height: 1.7;

    color: #6c7f8a;
}


/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-indexing-section {
    width: 100%;

    margin: 0 0 40px;
    padding: 0;
}


/* SECTION HEADING */

.jsmei-indexing-section-heading {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin: 0 0 21px;

    padding: 0 0 12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-indexing-section-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-indexing-section-heading > div > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-indexing-section-heading h2 {
    margin: 0;

    font-size: 17px;
    line-height: 1.35;

    color: #173b56;
}


.jsmei-indexing-count {
    padding:
        5px
        9px;

    background: #eef6f9;

    border:
        1px solid #d7e5ec;

    border-radius: 20px;

    font-size: 8px;

    font-weight: 700;

    color: #1E6292;
}


/* ==========================================================
   INDEXING GRID
   ========================================================== */

.jsmei-indexing-grid {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 14px;
}


/* ==========================================================
   INDEX CARD
   ========================================================== */

.jsmei-index-card {
    position: relative;

    min-width: 0;

    margin: 0;

    padding: 0;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 9px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-index-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 3px;

    background: transparent;

    transition:
        background .18s ease;
}


.jsmei-index-card:hover {
    transform: translateY(-3px);

    border-color: #bfd6e1;

    box-shadow:
        0 9px 20px
        rgba(29,73,99,.08);
}


.jsmei-index-card:hover::before {
    background: #1E6292;
}


/* ==========================================================
   LOGO AREA
   ========================================================== */

.jsmei-index-logo {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 108px;

    padding:
        18px
        22px;

    background:
        linear-gradient(
            145deg,
            #f7fafb,
            #ffffff
        );

    border-bottom:
        1px solid #e5ecef;
}


.jsmei-index-logo img {
    display: block;

    width: auto;
    max-width: 100%;

    height: auto;
    max-height: 68px;

    margin: 0 auto;
    padding: 0;

    object-fit: contain;

    border: 0;
}


/* ==========================================================
   CONTENT
   ========================================================== */

.jsmei-index-content {
    padding:
        14px
        15px
        15px;
}


.jsmei-index-top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 8px;
}


.jsmei-index-category {
    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #1E6292;
}


.jsmei-index-status {
    display: inline-flex;

    align-items: center;

    gap: 4px;

    padding:
        4px
        7px;

    background: #eaf5ef;

    border-radius: 20px;

    font-size: 7px;

    font-weight: 700;

    color: #2c855a;
}


.jsmei-index-status::before {
    content: "";

    display: block;

    width: 5px;
    height: 5px;

    background: #2c9963;

    border-radius: 50%;
}


.jsmei-index-content h3 {
    margin:
        0
        0
        6px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;
    line-height: 1.35;

    color: #24465b;
}


.jsmei-index-content p {
    min-height: 45px;

    margin:
        0
        0
        12px;

    font-size: 9.5px;
    line-height: 1.55;

    color: #7b8b94;
}


/* ==========================================================
   PROFILE LINK
   ========================================================== */

.jsmei-index-link {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    font-size: 8.5px;

    font-weight: 700;

    color: #1E6292 !important;

    text-decoration: none !important;
}


.jsmei-index-link > span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    background: #edf5f9;

    border-radius: 50%;

    transition:
        background .17s ease,
        color .17s ease,
        transform .17s ease;
}


.jsmei-index-link:hover > span {
    background: #1E6292;

    color: #ffffff;

    transform: translateX(2px);
}


/* ==========================================================
   VISIBILITY FLOW
   ========================================================== */

.jsmei-visibility-flow {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 12px;
}


.jsmei-visibility-item {
    position: relative;

    display: grid;

    grid-template-columns:
        39px
        minmax(0,1fr);

    gap: 10px;

    align-items: start;

    min-width: 0;

    padding:
        14px
        12px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease;
}


.jsmei-visibility-item:hover {
    transform: translateY(-2px);

    border-color: #c3d9e3;
}


.jsmei-visibility-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-visibility-label {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .9px;

    color: #1E6292;
}


.jsmei-visibility-item h3 {
    margin:
        0
        0
        5px;

    font-size: 11px;
    line-height: 1.4;

    color: #315064;
}


.jsmei-visibility-item p {
    margin: 0;

    font-size: 8.8px;
    line-height: 1.55;

    color: #7b8b94;
}


/* ==========================================================
   VERIFICATION
   ========================================================== */

.jsmei-indexing-verification {
    position: relative;

    display: grid;

    grid-template-columns:
        45px
        minmax(0,1fr)
        85px;

    gap: 15px;

    align-items: center;

    width: 100%;

    padding:
        20px
        22px;

    background:
        linear-gradient(
            120deg,
            #173b56 0%,
            #1E6292 100%
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-indexing-verification::after {
    content: "";

    position: absolute;

    right: -50px;
    bottom: -75px;

    width: 160px;
    height: 160px;

    border:
        25px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


.jsmei-verification-icon {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    background:
        rgba(255,255,255,.12);

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 50%;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;
}


.jsmei-verification-content {
    position: relative;

    z-index: 2;
}


.jsmei-verification-content > span {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1.1px;

    color:
        rgba(255,255,255,.62);
}


.jsmei-verification-content h2 {
    margin:
        0
        0
        4px;

    font-size: 16px;

    color: #ffffff;
}


.jsmei-verification-content p {
    max-width: 620px;

    margin: 0;

    font-size: 9px;
    line-height: 1.55;

    color:
        rgba(255,255,255,.72);
}


.jsmei-verification-mark {
    position: relative;

    z-index: 2;

    padding-left: 17px;

    border-left:
        1px solid
        rgba(255,255,255,.16);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;

    font-weight: 700;

    letter-spacing: 1px;

    color:
        rgba(255,255,255,.92);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 950px) {

    .jsmei-indexing-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-visibility-flow {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-indexing-hero {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            22px
            18px;
    }


    .jsmei-indexing-hero h1 {
        font-size: 25px;
    }


    .jsmei-indexing-hero-side {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            1px solid #dce5ea;
    }


    .jsmei-indexing-hero-side strong br {
        display: none;
    }


    .jsmei-indexing-intro {
        grid-template-columns:
            42px
            minmax(0,1fr);

        gap: 12px;
    }


    .jsmei-indexing-intro-mark {
        width: 38px;
        height: 38px;

        font-size: 15px;
    }


    .jsmei-indexing-count {
        display: none;
    }


    .jsmei-indexing-grid {
        grid-template-columns: 1fr;
    }


    .jsmei-index-logo {
        height: 100px;
    }


    .jsmei-visibility-flow {
        grid-template-columns: 1fr;
    }


    .jsmei-indexing-verification {
        grid-template-columns:
            40px
            minmax(0,1fr);

        padding:
            18px;
    }


    .jsmei-verification-mark {
        grid-column:
            1 / -1;

        padding:
            12px
            0
            0;

        border-left: 0;

        border-top:
            1px solid
            rgba(255,255,255,.14);
    }

}
/* ==========================================================
   JSMEI - PEER REVIEW PROCESS
   MODERN EDITORIAL WORKFLOW
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-review-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-review-page *,
.jsmei-review-page *::before,
.jsmei-review-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.jsmei-review-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        200px;

    gap: 34px;

    align-items: center;

    width: 100%;

    margin: 0 0 37px;

    padding:
        29px
        31px;

    background:
        linear-gradient(
            115deg,
            #f4f9fb 0%,
            #ffffff 57%,
            #eef6fa 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dce6eb;

    overflow: hidden;
}


.jsmei-review-hero::after {
    content: "";

    position: absolute;

    right: -80px;
    top: -105px;

    width: 220px;
    height: 220px;

    border:
        34px solid
        rgba(30,98,146,.04);

    border-radius: 50%;
}


/* HERO CONTENT */

.jsmei-review-eyebrow {
    margin-bottom: 8px;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-review-hero h1 {
    margin:
        0
        0
        12px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    color: #173b56;
}


.jsmei-review-hero-main > p {
    max-width: 690px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687c88;
}


/* ==========================================================
   REVIEW MODEL
   ========================================================== */

.jsmei-review-model {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: 18px;

    padding:
        8px
        12px
        8px
        8px;

    background: #ffffff;

    border:
        1px solid #d6e4eb;

    border-radius: 6px;
}


.jsmei-review-model-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #1E6292;

    border-radius: 5px;

    color: #ffffff;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .4px;
}


.jsmei-review-model small,
.jsmei-review-model strong {
    display: block;
}


.jsmei-review-model small {
    margin-bottom: 2px;

    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .7px;

    color: #8c9ba4;
}


.jsmei-review-model strong {
    font-size: 10px;

    color: #315166;
}


/* ==========================================================
   HERO SIDE
   ========================================================== */

.jsmei-review-hero-side {
    position: relative;

    z-index: 2;

    padding:
        10px
        0
        10px
        18px;

    border-left:
        3px solid #1E6292;
}


.jsmei-review-hero-side span,
.jsmei-review-hero-side strong,
.jsmei-review-hero-side small {
    display: block;
}


.jsmei-review-hero-side > span {
    margin-bottom: 6px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #1E6292;
}


.jsmei-review-hero-side strong {
    margin-bottom: 6px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;
    line-height: 1.35;

    color: #173b56;
}


.jsmei-review-hero-side small {
    font-size: 8px;

    color: #83939c;
}


/* ==========================================================
   INTRO
   ========================================================== */

.jsmei-review-intro {
    display: grid;

    grid-template-columns:
        60px
        minmax(0,1fr);

    gap: 18px;

    align-items: start;

    margin: 0 0 40px;

    padding:
        0
        0
        27px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-review-intro-mark {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 14px;

    font-weight: 700;
}


.jsmei-review-intro-content > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-review-intro h2 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;

    color: #173b56;
}


.jsmei-review-intro p {
    max-width: 800px;

    margin:
        0
        0
        8px;

    font-size: 11.5px;
    line-height: 1.7;

    color: #687d89;
}


/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-review-section {
    width: 100%;

    margin: 0 0 40px;
}


/* SECTION HEADING */

.jsmei-review-section-heading {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin: 0 0 22px;

    padding: 0 0 12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-review-section-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-review-section-heading > div > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-review-section-heading h2 {
    margin: 0;

    font-size: 17px;

    color: #173b56;
}


.jsmei-review-step-badge {
    padding:
        5px
        9px;

    background: #edf5f9;

    border:
        1px solid #d6e5ec;

    border-radius: 20px;

    font-size: 8px;

    font-weight: 700;

    color: #1E6292;
}


/* ==========================================================
   WORKFLOW
   ========================================================== */

.jsmei-review-workflow {
    width: 100%;
}


/* STEP */

.jsmei-review-step {
    display: grid;

    grid-template-columns:
        64px
        minmax(0,1fr);

    gap: 14px;

    align-items: stretch;

    width: 100%;
}


/* SIDE */

.jsmei-review-step-side {
    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;
}


.jsmei-review-step-number {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 46px;
    height: 46px;

    background: #ffffff;

    border:
        2px solid #1E6292;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 11px;

    font-weight: 700;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


.jsmei-review-step:hover
.jsmei-review-step-number {
    transform: scale(1.05);

    background: #1E6292;

    color: #ffffff;
}


.jsmei-review-step-line {
    width: 1px;

    flex: 1;

    min-height: 40px;

    background:
        #d4e1e7;
}


/* CONTENT */

.jsmei-review-step-content {
    position: relative;

    margin-bottom: 14px;

    padding:
        16px
        18px;

    background:
        #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 8px;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-review-step:hover
.jsmei-review-step-content {
    transform: translateX(3px);

    border-color: #c1d7e1;

    box-shadow:
        0 7px 18px
        rgba(29,73,99,.06);
}


/* FEATURED STEP */

.jsmei-review-step.featured
.jsmei-review-step-content {
    background:
        linear-gradient(
            135deg,
            #f1f8fb 0%,
            #ffffff 100%
        );

    border-color:
        #bfd6e1;
}


.jsmei-review-step.featured
.jsmei-review-step-number {
    background: #1E6292;

    color: #ffffff;
}


/* FINAL */

.jsmei-review-step.final
.jsmei-review-step-content {
    margin-bottom: 0;
}


/* TOP */

.jsmei-review-step-top {
    display: flex;

    justify-content: space-between;

    gap: 12px;

    margin-bottom: 5px;
}


.jsmei-review-step-top > span {
    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #1E6292;
}


.jsmei-review-step-top > small {
    font-size: 7px;

    color: #95a1a9;
}


/* TITLE */

.jsmei-review-step-content h3 {
    margin:
        0
        0
        6px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;

    color: #26485d;
}


.jsmei-review-step-content p {
    margin: 0;

    font-size: 10.5px;
    line-height: 1.65;

    color: #748690;
}


/* TAGS */

.jsmei-review-step-tags {
    display: flex;

    flex-wrap: wrap;

    gap: 5px;

    margin-top: 10px;
}


.jsmei-review-step-tags span {
    padding:
        4px
        7px;

    background: #edf5f9;

    border-radius: 20px;

    font-size: 7px;

    font-weight: 700;

    color: #1E6292;
}


/* ==========================================================
   CRITERIA
   ========================================================== */

.jsmei-review-criteria {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 12px;
}


.jsmei-review-criterion {
    display: grid;

    grid-template-columns:
        36px
        minmax(0,1fr);

    gap: 10px;

    align-items: start;

    padding:
        14px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease;
}


.jsmei-review-criterion:hover {
    transform: translateY(-2px);

    border-color: #c2d8e2;
}


.jsmei-criterion-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 33px;
    height: 33px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-review-criterion h3 {
    margin:
        0
        0
        5px;

    font-size: 11px;

    color: #315064;
}


.jsmei-review-criterion p {
    margin: 0;

    font-size: 9px;
    line-height: 1.55;

    color: #7b8b94;
}


/* ==========================================================
   DECISIONS
   ========================================================== */

.jsmei-review-decisions {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 11px;
}


.jsmei-decision-item {
    position: relative;

    min-width: 0;

    padding:
        15px;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    overflow: hidden;
}


.jsmei-decision-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;

    background: #1E6292;
}


.jsmei-decision-code {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 33px;
    height: 33px;

    margin-bottom: 12px;

    background: #edf5f9;

    border-radius: 50%;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-decision-item small {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .7px;

    color: #9aa6ad;
}


.jsmei-decision-item h3 {
    margin:
        0
        0
        5px;

    font-size: 11.5px;

    color: #315064;
}


.jsmei-decision-item p {
    margin: 0;

    font-size: 8.8px;
    line-height: 1.55;

    color: #7b8a94;
}


/* ==========================================================
   PRINCIPLES
   ========================================================== */

.jsmei-review-principles {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(270px,.8fr);

    gap: 30px;

    align-items: center;

    width: 100%;

    padding:
        22px
        24px;

    background:
        linear-gradient(
            120deg,
            #173b56 0%,
            #1E6292 100%
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-review-principles::after {
    content: "";

    position: absolute;

    right: -60px;
    bottom: -85px;

    width: 175px;
    height: 175px;

    border:
        27px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


.jsmei-review-principles-main,
.jsmei-review-principles-list {
    position: relative;

    z-index: 2;
}


.jsmei-review-principles-main > span {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1.1px;

    color:
        rgba(255,255,255,.62);
}


.jsmei-review-principles-main h2 {
    margin:
        0
        0
        6px;

    font-family:
        Georgia,
        serif;

    font-size: 18px;

    color: #ffffff;
}


.jsmei-review-principles-main p {
    max-width: 620px;

    margin: 0;

    font-size: 9.5px;
    line-height: 1.6;

    color:
        rgba(255,255,255,.72);
}


/* PRINCIPLE LIST */

.jsmei-review-principles-list {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 8px;
}


.jsmei-review-principles-list div {
    display: flex;

    align-items: center;

    gap: 8px;

    padding:
        8px
        9px;

    background:
        rgba(255,255,255,.08);

    border:
        1px solid
        rgba(255,255,255,.11);

    border-radius: 5px;
}


.jsmei-review-principles-list span {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 25px;
    height: 25px;

    background:
        rgba(255,255,255,.1);

    border-radius: 50%;

    font-size: 7px;

    color: #ffffff;
}


.jsmei-review-principles-list strong {
    font-size: 8.5px;
    line-height: 1.3;

    color: #ffffff;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 900px) {

    .jsmei-review-criteria {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-review-decisions {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-review-principles {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-review-hero {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            22px
            18px;
    }


    .jsmei-review-hero h1 {
        font-size: 25px;
    }


    .jsmei-review-hero-side {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            1px solid #dce5ea;
    }


    .jsmei-review-hero-side strong br {
        display: none;
    }


    .jsmei-review-intro {
        grid-template-columns:
            45px
            minmax(0,1fr);

        gap: 12px;
    }


    .jsmei-review-intro-mark {
        width: 40px;
        height: 40px;

        font-size: 11px;
    }


    .jsmei-review-step {
        grid-template-columns:
            48px
            minmax(0,1fr);

        gap: 9px;
    }


    .jsmei-review-step-number {
        width: 39px;
        height: 39px;

        font-size: 9px;
    }


    .jsmei-review-step-content {
        padding:
            13px
            14px;
    }


    .jsmei-review-step-top {
        flex-direction: column;

        gap: 2px;
    }


    .jsmei-review-criteria,
    .jsmei-review-decisions {
        grid-template-columns: 1fr;
    }


    .jsmei-review-principles-list {
        grid-template-columns: 1fr;
    }

}
/* ==========================================================
   JSMEI - FOCUS AND SCOPE
   MODERN RESEARCH DOMAIN UI
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-scope-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-scope-page *,
.jsmei-scope-page *::before,
.jsmei-scope-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.jsmei-scope-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        195px;

    gap: 35px;

    align-items: center;

    width: 100%;

    margin: 0 0 38px;

    padding:
        29px
        31px;

    background:
        linear-gradient(
            115deg,
            #f4f9fb 0%,
            #ffffff 57%,
            #edf5f9 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dce6eb;

    overflow: hidden;
}


.jsmei-scope-hero::after {
    content: "";

    position: absolute;

    right: -78px;
    top: -108px;

    width: 225px;
    height: 225px;

    border:
        34px solid
        rgba(30,98,146,.04);

    border-radius: 50%;
}


.jsmei-scope-eyebrow {
    margin: 0 0 8px;

    font-size: 9px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-scope-hero h1 {
    margin:
        0
        0
        12px;

    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    color: #173b56;
}


.jsmei-scope-hero-main > p {
    max-width: 700px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687c88;
}


/* ==========================================================
   HERO SIDE
   ========================================================== */

.jsmei-scope-hero-side {
    position: relative;

    z-index: 2;

    padding:
        10px
        0
        10px
        18px;

    border-left:
        3px solid #1E6292;
}


.jsmei-scope-hero-side span,
.jsmei-scope-hero-side strong,
.jsmei-scope-hero-side small {
    display: block;
}


.jsmei-scope-hero-side > span {
    margin-bottom: 6px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-scope-hero-side strong {
    margin-bottom: 6px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;
    line-height: 1.3;

    color: #173b56;
}


.jsmei-scope-hero-side small {
    font-size: 8px;
    line-height: 1.5;

    color: #83939d;
}


/* ==========================================================
   INTRO
   ========================================================== */

.jsmei-scope-intro {
    display: grid;

    grid-template-columns:
        58px
        minmax(0,1fr);

    gap: 18px;

    align-items: start;

    margin: 0 0 40px;

    padding:
        0
        0
        27px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-scope-intro-mark {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;

    font-weight: 700;
}


.jsmei-scope-intro-content > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-scope-intro-content h2 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;

    color: #173b56;
}


.jsmei-scope-intro-content p {
    max-width: 820px;

    margin:
        0
        0
        9px;

    font-size: 11.5px;
    line-height: 1.72;

    color: #687d89;
}


.jsmei-scope-intro-content p:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-scope-section {
    width: 100%;

    margin: 0 0 41px;
}


/* ==========================================================
   SECTION HEADING
   ========================================================== */

.jsmei-scope-section-heading {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin: 0 0 22px;

    padding: 0 0 12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-scope-section-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-scope-section-heading > div > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-scope-section-heading h2 {
    margin: 0;

    font-size: 17px;
    line-height: 1.35;

    color: #173b56;
}


.jsmei-scope-domain-badge {
    padding:
        5px
        9px;

    background: #eef6f9;

    border:
        1px solid #d6e5ec;

    border-radius: 20px;

    font-size: 8px;

    font-weight: 700;

    color: #1E6292;
}


/* ==========================================================
   CORE DOMAINS
   ========================================================== */

.jsmei-scope-domains {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 14px;
}


.jsmei-domain-card {
    position: relative;

    min-width: 0;

    padding:
        17px
        16px
        16px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f9fbfc 100%
        );

    border:
        1px solid #dfe7eb;

    border-radius: 9px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-domain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 3px;

    background: #1E6292;
}


.jsmei-domain-card:hover {
    transform: translateY(-3px);

    border-color: #bfd6e1;

    box-shadow:
        0 9px 20px
        rgba(29,73,99,.08);
}


/* TOP */

.jsmei-domain-top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 14px;
}


.jsmei-domain-number {
    font-family:
        Georgia,
        serif;

    font-size: 10px;

    font-weight: 700;

    color: #1E6292;
}


.jsmei-domain-code {
    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #8998a1;
}


/* SYMBOL */

.jsmei-domain-symbol {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    margin-bottom: 13px;

    background:
        #eaf3f8;

    border-radius: 8px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    font-weight: 700;

    color: #1E6292;

    transition:
        background .18s ease,
        color .18s ease;
}


.jsmei-domain-card:hover
.jsmei-domain-symbol {
    background: #1E6292;

    color: #ffffff;
}


.jsmei-domain-card h3 {
    margin:
        0
        0
        7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;

    color: #25475c;
}


.jsmei-domain-card > p {
    min-height: 82px;

    margin:
        0
        0
        12px;

    font-size: 9.7px;
    line-height: 1.6;

    color: #748690;
}


/* TOPIC TAGS */

.jsmei-domain-topics {
    display: flex;

    flex-wrap: wrap;

    gap: 5px;
}


.jsmei-domain-topics span {
    display: inline-flex;

    padding:
        4px
        7px;

    background: #eef5f8;

    border-radius: 20px;

    font-size: 7px;

    font-weight: 700;

    color: #557284;
}


/* ==========================================================
   SCOPE MAP
   ========================================================== */

.jsmei-scope-map {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 12px;

    align-items: stretch;
}


/* CENTER */

.jsmei-scope-map-center {
    grid-column: 2;
    grid-row: 1 / span 2;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    min-height: 250px;

    padding: 20px;

    background:
        linear-gradient(
            145deg,
            #173b56 0%,
            #1E6292 100%
        );

    border-radius: 9px;

    text-align: center;

    color: #ffffff;
}


.jsmei-scope-map-center > span {
    margin-bottom: 7px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    color:
        rgba(255,255,255,.65);
}


.jsmei-scope-map-center strong {
    margin-bottom: 7px;

    font-family:
        Georgia,
        serif;

    font-size: 22px;
    line-height: 1.35;

    color: #ffffff;
}


.jsmei-scope-map-center small {
    font-size: 8px;

    color:
        rgba(255,255,255,.67);
}


/* TOPICS */

.jsmei-scope-topic {
    display: grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    gap: 10px;

    align-items: start;

    padding: 14px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease,
        background .17s ease;
}


.jsmei-scope-topic:hover {
    transform: translateY(-2px);

    background: #ffffff;

    border-color: #c3d9e3;
}


.jsmei-topic-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-scope-topic strong {
    display: block;

    margin-bottom: 4px;

    font-size: 10.5px;

    color: #315064;
}


.jsmei-scope-topic p {
    margin: 0;

    font-size: 8.7px;
    line-height: 1.55;

    color: #7b8b94;
}


/* POSITION */

.jsmei-scope-topic.topic-1 {
    grid-column: 1;
    grid-row: 1;
}


.jsmei-scope-topic.topic-2 {
    grid-column: 3;
    grid-row: 1;
}


.jsmei-scope-topic.topic-3 {
    grid-column: 1;
    grid-row: 2;
}


.jsmei-scope-topic.topic-4 {
    grid-column: 3;
    grid-row: 2;
}


.jsmei-scope-topic.topic-5 {
    grid-column: 1;
    grid-row: 3;
}


.jsmei-scope-topic.topic-6 {
    grid-column: 3;
    grid-row: 3;
}


/* ==========================================================
   RESEARCH APPROACHES
   ========================================================== */

.jsmei-scope-approaches {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 11px;
}


.jsmei-approach-item {
    display: grid;

    grid-template-columns:
        36px
        minmax(0,1fr);

    gap: 10px;

    align-items: start;

    padding: 14px;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease,
        box-shadow .17s ease;
}


.jsmei-approach-item:hover {
    transform: translateY(-2px);

    border-color: #c2d8e3;

    box-shadow:
        0 6px 15px
        rgba(30,75,102,.06);
}


.jsmei-approach-item > span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 33px;
    height: 33px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-approach-item small {
    display: block;

    margin-bottom: 3px;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .8px;

    color: #1E6292;
}


.jsmei-approach-item h3 {
    margin:
        0
        0
        5px;

    font-size: 10.8px;

    color: #315064;
}


.jsmei-approach-item p {
    margin: 0;

    font-size: 8.7px;
    line-height: 1.55;

    color: #7a8a94;
}


/* ==========================================================
   CONTRIBUTION
   ========================================================== */

.jsmei-scope-contribution {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.8fr);

    gap: 28px;

    align-items: center;

    width: 100%;

    padding:
        22px
        24px;

    background:
        linear-gradient(
            120deg,
            #173b56 0%,
            #1E6292 100%
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-scope-contribution::after {
    content: "";

    position: absolute;

    right: -58px;
    bottom: -83px;

    width: 175px;
    height: 175px;

    border:
        27px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


.jsmei-scope-contribution-main,
.jsmei-scope-contribution-tags {
    position: relative;

    z-index: 2;
}


.jsmei-scope-contribution-main > span {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1.1px;

    color:
        rgba(255,255,255,.62);
}


.jsmei-scope-contribution-main h2 {
    max-width: 560px;

    margin:
        0
        0
        7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;
    line-height: 1.4;

    color: #ffffff;
}


.jsmei-scope-contribution-main p {
    max-width: 630px;

    margin: 0;

    font-size: 9.5px;
    line-height: 1.6;

    color:
        rgba(255,255,255,.72);
}


/* TAGS */

.jsmei-scope-contribution-tags {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 8px;
}


.jsmei-scope-contribution-tags div {
    display: flex;

    align-items: center;

    gap: 8px;

    min-width: 0;

    padding:
        8px
        9px;

    background:
        rgba(255,255,255,.08);

    border:
        1px solid
        rgba(255,255,255,.11);

    border-radius: 5px;
}


.jsmei-scope-contribution-tags span {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 25px;
    height: 25px;

    background:
        rgba(255,255,255,.1);

    border-radius: 50%;

    color: #ffffff;

    font-size: 7px;
}


.jsmei-scope-contribution-tags strong {
    font-size: 8.5px;

    color: #ffffff;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 950px) {

    .jsmei-scope-domains {
        grid-template-columns: 1fr;
    }


    .jsmei-domain-card > p {
        min-height: 0;
    }


    .jsmei-scope-approaches {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-scope-contribution {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-scope-hero {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            22px
            18px;
    }


    .jsmei-scope-hero h1 {
        font-size: 25px;
    }


    .jsmei-scope-hero-side {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            1px solid #dce5ea;
    }


    .jsmei-scope-hero-side strong br {
        display: none;
    }


    .jsmei-scope-intro {
        grid-template-columns:
            43px
            minmax(0,1fr);

        gap: 12px;
    }


    .jsmei-scope-intro-mark {
        width: 39px;
        height: 39px;

        font-size: 13px;
    }


    .jsmei-scope-domain-badge {
        display: none;
    }


    /* SCOPE MAP MOBILE */

    .jsmei-scope-map {
        grid-template-columns: 1fr;
    }


    .jsmei-scope-map-center,
    .jsmei-scope-topic.topic-1,
    .jsmei-scope-topic.topic-2,
    .jsmei-scope-topic.topic-3,
    .jsmei-scope-topic.topic-4,
    .jsmei-scope-topic.topic-5,
    .jsmei-scope-topic.topic-6 {
        grid-column: auto;
        grid-row: auto;
    }


    .jsmei-scope-map-center {
        min-height: 150px;

        order: -1;
    }


    .jsmei-scope-map-center strong br {
        display: none;
    }


    .jsmei-scope-approaches {
        grid-template-columns: 1fr;
    }


    .jsmei-scope-contribution-tags {
        grid-template-columns: 1fr;
    }

}
/* ==========================================================
   JSMEI - OPEN ACCESS POLICY
   MODERN OPEN KNOWLEDGE UI
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-oa-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-oa-page *,
.jsmei-oa-page *::before,
.jsmei-oa-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.jsmei-oa-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        195px;

    gap: 35px;

    align-items: center;

    width: 100%;

    margin: 0 0 38px;

    padding:
        29px
        31px;

    background:
        linear-gradient(
            115deg,
            #f4f9fb 0%,
            #ffffff 57%,
            #edf5f9 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dce6eb;

    overflow: hidden;
}


.jsmei-oa-hero::after {
    content: "";

    position: absolute;

    right: -78px;
    top: -108px;

    width: 225px;
    height: 225px;

    border:
        34px solid
        rgba(30,98,146,.04);

    border-radius: 50%;
}


.jsmei-oa-eyebrow {
    margin: 0 0 8px;

    font-size: 9px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-oa-hero h1 {
    margin:
        0
        0
        12px;

    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    color: #173b56;
}


.jsmei-oa-hero-main > p {
    max-width: 690px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687c88;
}


/* ==========================================================
   OPEN ACCESS STATUS
   ========================================================== */

.jsmei-oa-status {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: 18px;

    padding:
        8px
        13px
        8px
        8px;

    background: #ffffff;

    border:
        1px solid #d7e5eb;

    border-radius: 6px;
}


.jsmei-oa-status-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #e8f5ee;

    border-radius: 50%;

    color: #278657;

    font-size: 12px;

    font-weight: 700;
}


.jsmei-oa-status small,
.jsmei-oa-status strong {
    display: block;
}


.jsmei-oa-status small {
    margin-bottom: 2px;

    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .7px;

    color: #909da5;
}


.jsmei-oa-status strong {
    font-size: 10px;

    color: #315166;
}


/* ==========================================================
   HERO SIDE
   ========================================================== */

.jsmei-oa-hero-side {
    position: relative;

    z-index: 2;

    padding:
        10px
        0
        10px
        18px;

    border-left:
        3px solid #1E6292;
}


.jsmei-oa-hero-side span,
.jsmei-oa-hero-side strong,
.jsmei-oa-hero-side small {
    display: block;
}


.jsmei-oa-hero-side > span {
    margin-bottom: 6px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #1E6292;
}


.jsmei-oa-hero-side strong {
    margin-bottom: 6px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;
    line-height: 1.3;

    color: #173b56;
}


.jsmei-oa-hero-side small {
    font-size: 8px;

    color: #83939d;
}


/* ==========================================================
   INTRO
   ========================================================== */

.jsmei-oa-intro {
    display: grid;

    grid-template-columns:
        58px
        minmax(0,1fr);

    gap: 18px;

    align-items: start;

    margin: 0 0 40px;

    padding:
        0
        0
        27px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-oa-intro-mark {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 12px;

    font-weight: 700;
}


.jsmei-oa-intro-content > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-oa-intro-content h2 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;

    color: #173b56;
}


.jsmei-oa-intro-content p {
    max-width: 820px;

    margin:
        0
        0
        9px;

    font-size: 11.5px;
    line-height: 1.72;

    color: #687d89;
}


.jsmei-oa-intro-content p:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-oa-section {
    width: 100%;

    margin: 0 0 41px;
}


/* ==========================================================
   SECTION HEADING
   ========================================================== */

.jsmei-oa-section-heading {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin: 0 0 22px;

    padding: 0 0 12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-oa-section-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-oa-section-heading > div > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-oa-section-heading h2 {
    margin: 0;

    font-size: 17px;
    line-height: 1.35;

    color: #173b56;
}


.jsmei-oa-heading-badge {
    padding:
        5px
        9px;

    background: #e9f5ef;

    border:
        1px solid #d0e7da;

    border-radius: 20px;

    font-size: 8px;

    font-weight: 700;

    color: #2b865a;
}


/* ==========================================================
   PRINCIPLES
   ========================================================== */

.jsmei-oa-principles {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 12px;
}


.jsmei-oa-principle {
    position: relative;

    min-width: 0;

    padding:
        16px
        14px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f8fbfc
        );

    border:
        1px solid #dfe7eb;

    border-radius: 8px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-oa-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 3px;

    background: transparent;

    transition:
        background .18s ease;
}


.jsmei-oa-principle:hover {
    transform: translateY(-3px);

    border-color: #bfd6e1;

    box-shadow:
        0 8px 18px
        rgba(29,73,99,.07);
}


.jsmei-oa-principle:hover::before {
    background: #1E6292;
}


.jsmei-oa-principle-number {
    position: absolute;

    right: 12px;
    top: 11px;

    font-family:
        Georgia,
        serif;

    font-size: 9px;

    color: #9aa7ae;
}


.jsmei-oa-principle-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 39px;
    height: 39px;

    margin-bottom: 13px;

    background: #eaf3f8;

    border-radius: 7px;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 15px;

    font-weight: 700;

    transition:
        background .18s ease,
        color .18s ease;
}


.jsmei-oa-principle:hover
.jsmei-oa-principle-icon {
    background: #1E6292;

    color: #ffffff;
}


.jsmei-oa-principle-label {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .9px;

    color: #1E6292;
}


.jsmei-oa-principle h3 {
    margin:
        0
        0
        6px;

    font-size: 11.5px;

    color: #315064;
}


.jsmei-oa-principle p {
    margin: 0;

    font-size: 9px;
    line-height: 1.6;

    color: #7a8a94;
}


/* ==========================================================
   ACCESS RIGHTS
   ========================================================== */

.jsmei-oa-rights {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 15px;
}


.jsmei-oa-right-panel {
    padding:
        18px;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 8px;
}


.jsmei-oa-right-panel.readers {
    border-top:
        3px solid #1E6292;
}


.jsmei-oa-right-panel.authors {
    border-top:
        3px solid #3c8d74;
}


/* HEAD */

.jsmei-oa-right-head {
    display: flex;

    align-items: center;

    gap: 11px;

    padding-bottom: 13px;

    border-bottom:
        1px solid #e4ebee;
}


.jsmei-oa-right-symbol {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 13px;

    font-weight: 700;
}


.jsmei-oa-right-head small {
    display: block;

    margin-bottom: 2px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .8px;

    color: #1E6292;
}


.jsmei-oa-right-head h3 {
    margin: 0;

    font-family:
        Georgia,
        serif;

    font-size: 15px;

    color: #294b60;
}


/* LIST */

.jsmei-oa-right-list {
    padding-top: 8px;
}


.jsmei-oa-right-list > div {
    display: grid;

    grid-template-columns:
        22px
        minmax(0,1fr);

    gap: 7px;

    align-items: start;

    padding:
        8px
        0;

    border-bottom:
        1px solid #edf1f3;
}


.jsmei-oa-right-list > div:last-child {
    border-bottom: 0;
}


.jsmei-oa-right-list span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    background: #eaf5ef;

    border-radius: 50%;

    color: #2b885b;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-oa-right-list p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.5;

    color: #6f818c;
}


/* ==========================================================
   LICENSE
   ========================================================== */

.jsmei-oa-license {
    display: grid;

    grid-template-columns:
        210px
        minmax(0,1fr);

    gap: 0;

    overflow: hidden;

    border:
        1px solid #dbe5ea;

    border-radius: 9px;
}


.jsmei-oa-license-brand {
    display: flex;

    flex-direction: column;

    justify-content: center;

    min-height: 205px;

    padding: 22px;

    background:
        linear-gradient(
            145deg,
            #173b56,
            #1E6292
        );

    color: #ffffff;
}


.jsmei-oa-license-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    margin-bottom: 17px;

    background:
        rgba(255,255,255,.12);

    border:
        1px solid
        rgba(255,255,255,.16);

    border-radius: 50%;

    font-size: 12px;

    font-weight: 700;
}


.jsmei-oa-license-brand > span {
    margin-bottom: 5px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1.1px;

    color:
        rgba(255,255,255,.58);
}


.jsmei-oa-license-brand > strong {
    font-family:
        Georgia,
        serif;

    font-size: 18px;

    line-height: 1.35;

    color: #ffffff;
}


/* CONTENT */

.jsmei-oa-license-content {
    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        23px
        25px;

    background:
        linear-gradient(
            145deg,
            #f7fafb,
            #ffffff
        );
}


.jsmei-oa-license-content > span {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #1E6292;
}


.jsmei-oa-license-content h3 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #27495e;
}


.jsmei-oa-license-content p {
    max-width: 650px;

    margin:
        0
        0
        13px;

    font-size: 10px;
    line-height: 1.65;

    color: #71838e;
}


.jsmei-oa-license-button {
    display: inline-flex;

    align-items: center;

    align-self: flex-start;

    gap: 7px;

    padding:
        7px
        10px;

    background: #1E6292;

    border-radius: 5px;

    color: #ffffff !important;

    font-size: 8.5px;

    font-weight: 700;

    text-decoration: none !important;

    transition:
        transform .17s ease,
        background .17s ease;
}


.jsmei-oa-license-button:hover {
    transform: translateY(-1px);

    background: #174e76;
}


/* ==========================================================
   OPEN ACCESS FLOW
   ========================================================== */

.jsmei-oa-flow {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        28px
        minmax(0,1fr)
        28px
        minmax(0,1fr)
        28px
        minmax(0,1fr);

    gap: 7px;

    align-items: center;
}


.jsmei-oa-flow-item {
    min-width: 0;

    padding:
        14px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease;
}


.jsmei-oa-flow-item:hover {
    transform: translateY(-2px);

    border-color: #bfd6e1;
}


.jsmei-oa-flow-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    margin-bottom: 12px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-oa-flow-item small {
    display: block;

    margin-bottom: 3px;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .8px;

    color: #1E6292;
}


.jsmei-oa-flow-item h3 {
    margin:
        0
        0
        5px;

    font-size: 10.5px;

    color: #315064;
}


.jsmei-oa-flow-item p {
    margin: 0;

    font-size: 8.7px;
    line-height: 1.55;

    color: #7a8a94;
}


.jsmei-oa-flow-arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 26px;
    height: 26px;

    color: #1E6292;

    font-size: 16px;
}


/* ==========================================================
   STATEMENT
   ========================================================== */

.jsmei-oa-statement {
    position: relative;

    display: grid;

    grid-template-columns:
        48px
        minmax(0,1fr)
        90px;

    gap: 15px;

    align-items: center;

    width: 100%;

    padding:
        21px
        23px;

    background:
        linear-gradient(
            120deg,
            #173b56,
            #1E6292
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-oa-statement::after {
    content: "";

    position: absolute;

    right: -55px;
    bottom: -80px;

    width: 170px;
    height: 170px;

    border:
        27px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


.jsmei-oa-statement-icon {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 45px;
    height: 45px;

    background:
        rgba(255,255,255,.12);

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 50%;

    color: #ffffff;

    font-size: 10px;

    font-weight: 700;
}


.jsmei-oa-statement-content {
    position: relative;

    z-index: 2;
}


.jsmei-oa-statement-content > span {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color:
        rgba(255,255,255,.62);
}


.jsmei-oa-statement-content h2 {
    margin:
        0
        0
        5px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #ffffff;
}


.jsmei-oa-statement-content p {
    max-width: 650px;

    margin: 0;

    font-size: 9px;
    line-height: 1.55;

    color:
        rgba(255,255,255,.7);
}


.jsmei-oa-statement-brand {
    position: relative;

    z-index: 2;

    padding-left: 18px;

    border-left:
        1px solid
        rgba(255,255,255,.16);

    font-family:
        Georgia,
        serif;

    font-size: 20px;

    font-weight: 700;

    color: #ffffff;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 950px) {

    .jsmei-oa-principles {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-oa-flow {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 12px;
    }


    .jsmei-oa-flow-arrow {
        display: none;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-oa-hero {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            22px
            18px;
    }


    .jsmei-oa-hero h1 {
        font-size: 25px;
    }


    .jsmei-oa-hero-side {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            1px solid #dce5ea;
    }


    .jsmei-oa-hero-side strong br {
        display: none;
    }


    .jsmei-oa-intro {
        grid-template-columns:
            43px
            minmax(0,1fr);

        gap: 12px;
    }


    .jsmei-oa-intro-mark {
        width: 39px;
        height: 39px;

        font-size: 9px;
    }


    .jsmei-oa-heading-badge {
        display: none;
    }


    .jsmei-oa-principles {
        grid-template-columns: 1fr;
    }


    .jsmei-oa-rights {
        grid-template-columns: 1fr;
    }


    .jsmei-oa-license {
        grid-template-columns: 1fr;
    }


    .jsmei-oa-license-brand {
        min-height: auto;
    }


    .jsmei-oa-flow {
        grid-template-columns: 1fr;
    }


    .jsmei-oa-statement {
        grid-template-columns:
            42px
            minmax(0,1fr);
    }


    .jsmei-oa-statement-brand {
        grid-column: 1 / -1;

        padding:
            12px
            0
            0;

        border-left: 0;

        border-top:
            1px solid
            rgba(255,255,255,.15);
    }

}
/* ==========================================================
   JSMEI - ARCHIVING POLICY
   DIGITAL PRESERVATION UI
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-archive-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-archive-page *,
.jsmei-archive-page *::before,
.jsmei-archive-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.jsmei-archive-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        195px;

    gap: 35px;

    align-items: center;

    width: 100%;

    margin: 0 0 38px;

    padding:
        29px
        31px;

    background:
        linear-gradient(
            115deg,
            #f4f9fb 0%,
            #ffffff 56%,
            #edf5f9 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dce6eb;

    overflow: hidden;
}


.jsmei-archive-hero::after {
    content: "";

    position: absolute;

    right: -80px;
    top: -110px;

    width: 225px;
    height: 225px;

    border:
        34px solid
        rgba(30,98,146,.04);

    border-radius: 50%;
}


/* HERO MAIN */

.jsmei-archive-eyebrow {
    margin-bottom: 8px;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-archive-hero h1 {
    margin:
        0
        0
        12px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    color: #173b56;
}


.jsmei-archive-hero-main > p {
    max-width: 700px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687c88;
}


/* STATUS */

.jsmei-archive-status {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: 18px;

    padding:
        8px
        13px
        8px
        8px;

    background: #ffffff;

    border:
        1px solid #d7e5eb;

    border-radius: 6px;
}


.jsmei-archive-status-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #e9f5ef;

    border-radius: 50%;

    color: #278657;

    font-size: 11px;

    font-weight: 700;
}


.jsmei-archive-status small,
.jsmei-archive-status strong {
    display: block;
}


.jsmei-archive-status small {
    margin-bottom: 2px;

    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .7px;

    color: #919ea6;
}


.jsmei-archive-status strong {
    font-size: 10px;

    color: #315166;
}


/* HERO SIDE */

.jsmei-archive-hero-side {
    position: relative;

    z-index: 2;

    padding:
        10px
        0
        10px
        18px;

    border-left:
        3px solid #1E6292;
}


.jsmei-archive-hero-side span,
.jsmei-archive-hero-side strong,
.jsmei-archive-hero-side small {
    display: block;
}


.jsmei-archive-hero-side > span {
    margin-bottom: 6px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #1E6292;
}


.jsmei-archive-hero-side strong {
    margin-bottom: 6px;

    font-family:
        Georgia,
        serif;

    font-size: 19px;
    line-height: 1.3;

    color: #173b56;
}


.jsmei-archive-hero-side small {
    font-size: 8px;

    color: #83939d;
}


/* ==========================================================
   INTRO
   ========================================================== */

.jsmei-archive-intro {
    display: grid;

    grid-template-columns:
        58px
        minmax(0,1fr);

    gap: 18px;

    align-items: start;

    margin:
        0
        0
        40px;

    padding:
        0
        0
        27px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-archive-intro-mark {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 11px;

    font-weight: 700;
}


.jsmei-archive-intro-content > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-archive-intro h2 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        serif;

    font-size: 20px;

    color: #173b56;
}


.jsmei-archive-intro p {
    max-width: 820px;

    margin:
        0
        0
        9px;

    font-size: 11.5px;
    line-height: 1.72;

    color: #687d89;
}


/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-archive-section {
    width: 100%;

    margin:
        0
        0
        41px;
}


/* HEADING */

.jsmei-archive-section-heading {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin:
        0
        0
        22px;

    padding:
        0
        0
        12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-archive-section-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-archive-section-heading > div > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-archive-section-heading h2 {
    margin: 0;

    font-size: 17px;
    line-height: 1.35;

    color: #173b56;
}


.jsmei-archive-heading-badge {
    padding:
        5px
        9px;

    background: #eef6f9;

    border:
        1px solid #d6e5ec;

    border-radius: 20px;

    font-size: 8px;

    font-weight: 700;

    color: #1E6292;
}


/* ==========================================================
   PRESERVATION FRAMEWORK
   ========================================================== */

.jsmei-archive-framework {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        30px
        minmax(0,1fr)
        30px
        minmax(0,1fr)
        30px
        minmax(0,1fr);

    gap: 7px;

    align-items: center;
}


.jsmei-archive-stage {
    position: relative;

    min-width: 0;

    padding: 15px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f8fbfc
        );

    border:
        1px solid #dfe7eb;

    border-radius: 8px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-archive-stage::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 3px;

    background: transparent;

    transition:
        background .18s ease;
}


.jsmei-archive-stage:hover {
    transform: translateY(-3px);

    border-color: #bfd6e1;

    box-shadow:
        0 8px 18px
        rgba(29,73,99,.07);
}


.jsmei-archive-stage:hover::before {
    background: #1E6292;
}


.jsmei-archive-stage-number {
    position: absolute;

    right: 12px;
    top: 11px;

    font-family:
        Georgia,
        serif;

    font-size: 9px;

    color: #9aa7ae;
}


.jsmei-archive-stage-symbol {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 39px;
    height: 39px;

    margin-bottom: 12px;

    background: #eaf3f8;

    border-radius: 7px;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 14px;

    font-weight: 700;

    transition:
        background .18s ease,
        color .18s ease;
}


.jsmei-archive-stage:hover
.jsmei-archive-stage-symbol {
    background: #1E6292;

    color: #ffffff;
}


.jsmei-archive-stage > span {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .9px;

    color: #1E6292;
}


.jsmei-archive-stage h3 {
    margin:
        0
        0
        6px;

    font-size: 11px;

    color: #315064;
}


.jsmei-archive-stage p {
    margin: 0;

    font-size: 8.8px;
    line-height: 1.55;

    color: #7a8a94;
}


/* CONNECTOR */

.jsmei-archive-connector {
    display: flex;

    align-items: center;
    justify-content: center;

    color: #1E6292;

    font-size: 16px;
}


/* ==========================================================
   PRINCIPLES
   ========================================================== */

.jsmei-archive-principles {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 11px;
}


.jsmei-archive-principle {
    display: grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    gap: 10px;

    padding: 14px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease;
}


.jsmei-archive-principle:hover {
    transform: translateY(-2px);

    border-color: #c3d9e3;
}


.jsmei-principle-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-archive-principle small {
    display: block;

    margin-bottom: 3px;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .8px;

    color: #1E6292;
}


.jsmei-archive-principle h3 {
    margin:
        0
        0
        5px;

    font-size: 10.5px;

    color: #315064;
}


.jsmei-archive-principle p {
    margin: 0;

    font-size: 8.7px;
    line-height: 1.55;

    color: #7a8a94;
}


/* ==========================================================
   ARCHIVING SERVICES
   ========================================================== */

.jsmei-archive-services {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 14px;
}


.jsmei-archive-service {
    overflow: hidden;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 8px;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-archive-service:hover {
    transform: translateY(-3px);

    border-color: #bfd6e1;

    box-shadow:
        0 8px 18px
        rgba(29,73,99,.07);
}


/* LOGO */

.jsmei-archive-service-logo {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 105px;

    padding:
        18px
        22px;

    background:
        linear-gradient(
            145deg,
            #f7fafb,
            #ffffff
        );

    border-bottom:
        1px solid #e5ecef;
}


.jsmei-archive-service-logo img {
    display: block;

    width: auto;
    max-width: 100%;

    height: auto;
    max-height: 65px;

    margin: 0 auto;

    object-fit: contain;
}


/* CONTENT */

.jsmei-archive-service-content {
    padding:
        14px
        15px;
}


.jsmei-archive-service-content > span {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .9px;

    color: #1E6292;
}


.jsmei-archive-service-content h3 {
    margin:
        0
        0
        6px;

    font-family:
        Georgia,
        serif;

    font-size: 14px;

    color: #294b60;
}


.jsmei-archive-service-content p {
    min-height: 44px;

    margin:
        0
        0
        11px;

    font-size: 9px;
    line-height: 1.55;

    color: #7a8a94;
}


.jsmei-archive-service-content a {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #1E6292 !important;

    font-size: 8.5px;

    font-weight: 700;

    text-decoration: none !important;
}


.jsmei-archive-service-content a > span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    background: #edf5f9;

    border-radius: 50%;

    transition:
        background .17s ease,
        color .17s ease,
        transform .17s ease;
}


.jsmei-archive-service-content a:hover > span {
    transform: translateX(2px);

    background: #1E6292;

    color: #ffffff;
}


/* ==========================================================
   PRESERVED CONTENT
   ========================================================== */

.jsmei-archive-content-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 11px;
}


.jsmei-preserved-item {
    display: grid;

    grid-template-columns:
        38px
        minmax(0,1fr);

    gap: 11px;

    align-items: start;

    padding: 14px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;
}


.jsmei-preserved-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-preserved-item strong {
    display: block;

    margin-bottom: 4px;

    font-size: 10.5px;

    color: #315064;
}


.jsmei-preserved-item p {
    margin: 0;

    font-size: 9px;
    line-height: 1.55;

    color: #7a8a94;
}


/* ==========================================================
   CONTINUITY
   ========================================================== */

.jsmei-archive-continuity {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(310px,.9fr);

    gap: 30px;

    align-items: center;

    width: 100%;

    margin-bottom: 38px;

    padding:
        20px
        22px;

    background: #f5f9fb;

    border-left:
        4px solid #1E6292;

    border-top:
        1px solid #dce6eb;

    border-right:
        1px solid #dce6eb;

    border-bottom:
        1px solid #dce6eb;
}


.jsmei-archive-continuity-main > span {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1.1px;

    color: #1E6292;
}


.jsmei-archive-continuity-main h2 {
    margin:
        0
        0
        7px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #173b56;
}


.jsmei-archive-continuity-main p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.6;

    color: #71838e;
}


/* FLOW */

.jsmei-archive-continuity-flow {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;
}


.jsmei-archive-continuity-flow > div {
    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 60px;
    height: 60px;

    background: #ffffff;

    border:
        1px solid #d7e4ea;

    border-radius: 50%;
}


.jsmei-archive-continuity-flow span {
    margin-bottom: 2px;

    font-size: 7px;

    color: #1E6292;

    font-weight: 700;
}


.jsmei-archive-continuity-flow strong {
    font-size: 8px;

    color: #405d6d;
}


.jsmei-archive-continuity-flow i {
    color: #1E6292;

    font-size: 12px;

    font-style: normal;
}


/* ==========================================================
   FINAL STATEMENT
   ========================================================== */

.jsmei-archive-statement {
    position: relative;

    display: grid;

    grid-template-columns:
        46px
        minmax(0,1fr)
        85px;

    gap: 15px;

    align-items: center;

    width: 100%;

    padding:
        20px
        22px;

    background:
        linear-gradient(
            120deg,
            #173b56,
            #1E6292
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-archive-statement::after {
    content: "";

    position: absolute;

    right: -55px;
    bottom: -80px;

    width: 170px;
    height: 170px;

    border:
        27px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


.jsmei-archive-statement-icon {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    background:
        rgba(255,255,255,.12);

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 50%;

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;
}


.jsmei-archive-statement-content {
    position: relative;

    z-index: 2;
}


.jsmei-archive-statement-content > span {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color:
        rgba(255,255,255,.62);
}


.jsmei-archive-statement-content h2 {
    margin:
        0
        0
        4px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #ffffff;
}


.jsmei-archive-statement-content p {
    max-width: 650px;

    margin: 0;

    font-size: 9px;
    line-height: 1.55;

    color:
        rgba(255,255,255,.7);
}


.jsmei-archive-statement-brand {
    position: relative;

    z-index: 2;

    padding-left: 17px;

    border-left:
        1px solid
        rgba(255,255,255,.16);

    font-family:
        Georgia,
        serif;

    font-size: 19px;

    font-weight: 700;

    color: #ffffff;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 950px) {

    .jsmei-archive-framework {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 12px;
    }


    .jsmei-archive-connector {
        display: none;
    }


    .jsmei-archive-principles {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-archive-services {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-archive-continuity {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-archive-hero {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            22px
            18px;
    }


    .jsmei-archive-hero h1 {
        font-size: 25px;
    }


    .jsmei-archive-hero-side {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            1px solid #dce5ea;
    }


    .jsmei-archive-hero-side strong br {
        display: none;
    }


    .jsmei-archive-intro {
        grid-template-columns:
            43px
            minmax(0,1fr);

        gap: 12px;
    }


    .jsmei-archive-intro-mark {
        width: 39px;
        height: 39px;

        font-size: 9px;
    }


    .jsmei-archive-heading-badge {
        display: none;
    }


    .jsmei-archive-framework,
    .jsmei-archive-principles,
    .jsmei-archive-services,
    .jsmei-archive-content-grid {
        grid-template-columns: 1fr;
    }


    .jsmei-archive-service-content p {
        min-height: 0;
    }


    .jsmei-archive-continuity-flow {
        flex-wrap: wrap;
    }


    .jsmei-archive-continuity-flow i {
        display: none;
    }


    .jsmei-archive-statement {
        grid-template-columns:
            42px
            minmax(0,1fr);
    }


    .jsmei-archive-statement-brand {
        grid-column:
            1 / -1;

        padding:
            12px
            0
            0;

        border-left: 0;

        border-top:
            1px solid
            rgba(255,255,255,.15);
    }

}
/* ==========================================================
   JSMEI - PUBLICATION FREQUENCY
   MODERN ANNUAL CALENDAR UI
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-frequency-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-frequency-page *,
.jsmei-frequency-page *::before,
.jsmei-frequency-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.jsmei-frequency-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        195px;

    gap: 35px;

    align-items: center;

    width: 100%;

    margin: 0 0 38px;

    padding:
        29px
        31px;

    background:
        linear-gradient(
            115deg,
            #f4f9fb 0%,
            #ffffff 57%,
            #edf5f9 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dce6eb;

    overflow: hidden;
}


.jsmei-frequency-hero::after {
    content: "";

    position: absolute;

    right: -80px;
    top: -110px;

    width: 225px;
    height: 225px;

    border:
        34px solid
        rgba(30,98,146,.04);

    border-radius: 50%;
}


/* EYEBROW */

.jsmei-frequency-eyebrow {
    margin: 0 0 8px;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-frequency-hero h1 {
    margin:
        0
        0
        12px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    color: #173b56;
}


.jsmei-frequency-hero-main > p {
    max-width: 700px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687c88;
}


/* ==========================================================
   FREQUENCY STATUS
   ========================================================== */

.jsmei-frequency-status {
    display: inline-flex;

    align-items: center;

    gap: 11px;

    margin-top: 18px;

    padding:
        7px
        13px
        7px
        7px;

    background: #ffffff;

    border:
        1px solid #d6e4eb;

    border-radius: 6px;
}


.jsmei-frequency-status-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 37px;
    height: 37px;

    background: #1E6292;

    border-radius: 6px;

    color: #ffffff;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    font-weight: 700;
}


.jsmei-frequency-status small,
.jsmei-frequency-status strong {
    display: block;
}


.jsmei-frequency-status small {
    margin-bottom: 2px;

    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .7px;

    color: #8f9ca4;
}


.jsmei-frequency-status strong {
    font-size: 10px;

    color: #315166;
}


/* ==========================================================
   HERO SIDE
   ========================================================== */

.jsmei-frequency-hero-side {
    position: relative;

    z-index: 2;

    padding:
        10px
        0
        10px
        18px;

    border-left:
        3px solid #1E6292;
}


.jsmei-frequency-hero-side span,
.jsmei-frequency-hero-side strong,
.jsmei-frequency-hero-side small {
    display: block;
}


.jsmei-frequency-hero-side > span {
    margin-bottom: 6px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #1E6292;
}


.jsmei-frequency-hero-side strong {
    margin-bottom: 6px;

    font-family:
        Georgia,
        serif;

    font-size: 19px;
    line-height: 1.3;

    color: #173b56;
}


.jsmei-frequency-hero-side small {
    font-size: 8px;

    color: #83939d;
}


/* ==========================================================
   OVERVIEW
   ========================================================== */

.jsmei-frequency-overview {
    display: grid;

    grid-template-columns:
        64px
        minmax(0,1fr);

    gap: 18px;

    align-items: start;

    margin:
        0
        0
        40px;

    padding:
        0
        0
        27px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-frequency-overview-mark {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 56px;
    height: 56px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 15px;

    font-weight: 700;
}


.jsmei-frequency-overview-content > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-frequency-overview-content h2 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        serif;

    font-size: 20px;

    color: #173b56;
}


.jsmei-frequency-overview-content p {
    max-width: 820px;

    margin:
        0
        0
        9px;

    font-size: 11.5px;
    line-height: 1.72;

    color: #687d89;
}


/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-frequency-section {
    width: 100%;

    margin:
        0
        0
        41px;
}


/* ==========================================================
   SECTION HEADING
   ========================================================== */

.jsmei-frequency-section-heading {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin:
        0
        0
        22px;

    padding:
        0
        0
        12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-frequency-section-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-frequency-section-heading > div > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-frequency-section-heading h2 {
    margin: 0;

    font-size: 17px;
    line-height: 1.35;

    color: #173b56;
}


.jsmei-frequency-heading-badge {
    padding:
        5px
        9px;

    background: #eef6f9;

    border:
        1px solid #d6e5ec;

    border-radius: 20px;

    font-size: 8px;

    font-weight: 700;

    color: #1E6292;
}


/* ==========================================================
   ISSUE CALENDAR
   ========================================================== */

.jsmei-frequency-calendar {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 14px;
}


.jsmei-frequency-issue {
    position: relative;

    min-width: 0;

    padding:
        17px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f8fbfc
        );

    border:
        1px solid #dfe7eb;

    border-radius: 9px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-frequency-issue::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 3px;

    background: #d7e4ea;

    transition:
        background .18s ease;
}


.jsmei-frequency-issue:hover {
    transform: translateY(-3px);

    border-color: #bfd6e1;

    box-shadow:
        0 9px 20px
        rgba(29,73,99,.08);
}


.jsmei-frequency-issue:hover::before,
.jsmei-frequency-issue.featured::before {
    background: #1E6292;
}


.jsmei-frequency-issue.featured {
    background:
        linear-gradient(
            145deg,
            #f1f8fb,
            #ffffff
        );

    border-color: #bfd6e1;
}


/* TOP */

.jsmei-frequency-issue-top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 19px;
}


.jsmei-frequency-issue-number {
    font-family:
        Georgia,
        serif;

    font-size: 12px;

    font-weight: 700;

    color: #1E6292;
}


.jsmei-frequency-issue-label {
    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #87969f;
}


/* PERIOD */

.jsmei-frequency-period small,
.jsmei-frequency-period strong {
    display: block;
}


.jsmei-frequency-period small {
    margin-bottom: 4px;

    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .8px;

    color: #91a0a8;
}


.jsmei-frequency-period strong {
    font-family:
        Georgia,
        serif;

    font-size: 22px;

    color: #1E6292;
}


.jsmei-frequency-divider {
    width: 100%;
    height: 1px;

    margin:
        15px
        0;

    background: #e3eaee;
}


.jsmei-frequency-issue h3 {
    margin:
        0
        0
        6px;

    font-size: 12px;

    color: #315064;
}


.jsmei-frequency-issue p {
    min-height: 44px;

    margin:
        0
        0
        12px;

    font-size: 9px;
    line-height: 1.55;

    color: #7a8a94;
}


.jsmei-frequency-cycle-tag {
    display: inline-flex;

    padding:
        4px
        7px;

    background: #edf5f9;

    border-radius: 20px;

    font-size: 7px;

    font-weight: 700;

    color: #1E6292;
}


/* ==========================================================
   ANNUAL TIMELINE
   ========================================================== */

.jsmei-frequency-timeline {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 20px;

    min-height: 130px;

    padding:
        15px
        20px
        0;
}


.jsmei-frequency-track {
    position: absolute;

    left: 16%;
    right: 16%;
    top: 39px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            #c7dce6,
            #1E6292,
            #c7dce6
        );
}


.jsmei-frequency-point {
    position: relative;

    z-index: 2;

    text-align: center;
}


.jsmei-frequency-dot {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    margin:
        0
        auto
        10px;

    background: #ffffff;

    border:
        2px solid #1E6292;

    border-radius: 50%;

    box-shadow:
        0 0 0 6px #ffffff;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 10px;

    font-weight: 700;
}


.jsmei-frequency-point span {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .7px;

    color: #87969f;
}


.jsmei-frequency-point strong {
    font-size: 9px;

    color: #315064;
}


/* ==========================================================
   PROCESS
   ========================================================== */

.jsmei-frequency-process {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        25px
        minmax(0,1fr)
        25px
        minmax(0,1fr)
        25px
        minmax(0,1fr);

    gap: 6px;

    align-items: center;
}


.jsmei-frequency-process-item {
    padding:
        14px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease;
}


.jsmei-frequency-process-item:hover {
    transform: translateY(-2px);

    border-color: #c2d8e2;
}


.jsmei-frequency-process-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    margin-bottom: 11px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-frequency-process-item small {
    display: block;

    margin-bottom: 3px;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .8px;

    color: #1E6292;
}


.jsmei-frequency-process-item h3 {
    margin:
        0
        0
        5px;

    font-size: 10.5px;

    color: #315064;
}


.jsmei-frequency-process-item p {
    margin: 0;

    font-size: 8.7px;
    line-height: 1.55;

    color: #7a8a94;
}


.jsmei-frequency-process-arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    color: #1E6292;

    font-size: 14px;
}


/* ==========================================================
   PRINCIPLES
   ========================================================== */

.jsmei-frequency-principles {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 11px;
}


.jsmei-frequency-principle {
    display: grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    gap: 10px;

    padding:
        14px;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease;
}


.jsmei-frequency-principle:hover {
    transform: translateY(-2px);

    border-color: #c3d9e3;
}


.jsmei-frequency-principle > span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-frequency-principle small {
    display: block;

    margin-bottom: 3px;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .8px;

    color: #1E6292;
}


.jsmei-frequency-principle h3 {
    margin:
        0
        0
        5px;

    font-size: 10.5px;

    color: #315064;
}


.jsmei-frequency-principle p {
    margin: 0;

    font-size: 8.7px;
    line-height: 1.55;

    color: #7a8a94;
}


/* ==========================================================
   SUMMARY
   ========================================================== */

.jsmei-frequency-summary {
    position: relative;

    display: grid;

    grid-template-columns:
        67px
        minmax(0,1fr)
        85px;

    gap: 16px;

    align-items: center;

    width: 100%;

    padding:
        20px
        22px;

    background:
        linear-gradient(
            120deg,
            #173b56,
            #1E6292
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-frequency-summary::after {
    content: "";

    position: absolute;

    right: -55px;
    bottom: -80px;

    width: 170px;
    height: 170px;

    border:
        27px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


/* NUMBER */

.jsmei-frequency-summary-number {
    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;

    background:
        rgba(255,255,255,.11);

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 50%;
}


.jsmei-frequency-summary-number span {
    font-family:
        Georgia,
        serif;

    font-size: 24px;

    font-weight: 700;

    color: #ffffff;
}


.jsmei-frequency-summary-number small {
    font-size: 6px;

    letter-spacing: .7px;

    color:
        rgba(255,255,255,.63);
}


/* CONTENT */

.jsmei-frequency-summary-content {
    position: relative;

    z-index: 2;
}


.jsmei-frequency-summary-content > span {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color:
        rgba(255,255,255,.62);
}


.jsmei-frequency-summary-content h2 {
    margin:
        0
        0
        5px;

    font-family:
        Georgia,
        serif;

    font-size: 18px;

    color: #ffffff;
}


.jsmei-frequency-summary-content p {
    max-width: 650px;

    margin: 0;

    font-size: 9px;
    line-height: 1.55;

    color:
        rgba(255,255,255,.7);
}


.jsmei-frequency-summary-brand {
    position: relative;

    z-index: 2;

    padding-left: 17px;

    border-left:
        1px solid
        rgba(255,255,255,.16);

    font-family:
        Georgia,
        serif;

    font-size: 19px;

    font-weight: 700;

    color: #ffffff;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 950px) {

    .jsmei-frequency-calendar {
        grid-template-columns: 1fr;
    }


    .jsmei-frequency-issue p {
        min-height: 0;
    }


    .jsmei-frequency-process {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 12px;
    }


    .jsmei-frequency-process-arrow {
        display: none;
    }


    .jsmei-frequency-principles {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-frequency-hero {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            22px
            18px;
    }


    .jsmei-frequency-hero h1 {
        font-size: 25px;
    }


    .jsmei-frequency-hero-side {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            1px solid #dce5ea;
    }


    .jsmei-frequency-hero-side strong br {
        display: none;
    }


    .jsmei-frequency-overview {
        grid-template-columns:
            46px
            minmax(0,1fr);

        gap: 12px;
    }


    .jsmei-frequency-overview-mark {
        width: 42px;
        height: 42px;

        font-size: 11px;
    }


    .jsmei-frequency-heading-badge {
        display: none;
    }


    /* TIMELINE */

    .jsmei-frequency-timeline {
        grid-template-columns: 1fr;

        gap: 15px;

        min-height: 0;

        padding:
            0
            0
            0
            45px;
    }


    .jsmei-frequency-track {
        left: 20px;
        right: auto;
        top: 10px;
        bottom: 10px;

        width: 2px;
        height: auto;
    }


    .jsmei-frequency-point {
        display: grid;

        grid-template-columns:
            45px
            minmax(0,1fr);

        gap: 10px;

        text-align: left;
    }


    .jsmei-frequency-dot {
        position: absolute;

        left: -45px;

        width: 40px;
        height: 40px;

        margin: 0;

        font-size: 8px;
    }


    .jsmei-frequency-process,
    .jsmei-frequency-principles {
        grid-template-columns: 1fr;
    }


    .jsmei-frequency-summary {
        grid-template-columns:
            58px
            minmax(0,1fr);
    }


    .jsmei-frequency-summary-number {
        width: 54px;
        height: 54px;
    }


    .jsmei-frequency-summary-brand {
        grid-column: 1 / -1;

        padding:
            12px
            0
            0;

        border-left: 0;

        border-top:
            1px solid
            rgba(255,255,255,.15);
    }

}
/* ==========================================================
   JSMEI - PUBLICATION ETHICS STATEMENT
   MODERN ETHICS CHARTER UI
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-ethics-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-ethics-page *,
.jsmei-ethics-page *::before,
.jsmei-ethics-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.jsmei-ethics-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        200px;

    gap: 35px;

    align-items: center;

    width: 100%;

    margin: 0 0 38px;

    padding:
        29px
        31px;

    background:
        linear-gradient(
            115deg,
            #f4f9fb 0%,
            #ffffff 57%,
            #edf5f9 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dce6eb;

    overflow: hidden;
}


.jsmei-ethics-hero::after {
    content: "";

    position: absolute;

    right: -80px;
    top: -110px;

    width: 225px;
    height: 225px;

    border:
        34px solid
        rgba(30,98,146,.04);

    border-radius: 50%;
}


/* HERO TEXT */

.jsmei-ethics-eyebrow {
    margin:
        0
        0
        8px;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-ethics-hero h1 {
    margin:
        0
        0
        12px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    color: #173b56;
}


.jsmei-ethics-hero-main > p {
    max-width: 700px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687c88;
}


/* ==========================================================
   ETHICS STATUS
   ========================================================== */

.jsmei-ethics-status {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: 18px;

    padding:
        8px
        13px
        8px
        8px;

    background: #ffffff;

    border:
        1px solid #d7e5eb;

    border-radius: 6px;
}


.jsmei-ethics-status-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #e9f5ef;

    border-radius: 50%;

    color: #278657;

    font-size: 11px;

    font-weight: 700;
}


.jsmei-ethics-status small,
.jsmei-ethics-status strong {
    display: block;
}


.jsmei-ethics-status small {
    margin-bottom: 2px;

    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .7px;

    color: #909da5;
}


.jsmei-ethics-status strong {
    font-size: 10px;

    color: #315166;
}


/* ==========================================================
   HERO SIDE
   ========================================================== */

.jsmei-ethics-hero-side {
    position: relative;

    z-index: 2;

    padding:
        10px
        0
        10px
        18px;

    border-left:
        3px solid #1E6292;
}


.jsmei-ethics-hero-side span,
.jsmei-ethics-hero-side strong,
.jsmei-ethics-hero-side small {
    display: block;
}


.jsmei-ethics-hero-side > span {
    margin-bottom: 6px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #1E6292;
}


.jsmei-ethics-hero-side strong {
    margin-bottom: 6px;

    font-family:
        Georgia,
        serif;

    font-size: 19px;
    line-height: 1.3;

    color: #173b56;
}


.jsmei-ethics-hero-side small {
    font-size: 8px;

    color: #83939d;
}


/* ==========================================================
   INTRO
   ========================================================== */

.jsmei-ethics-intro {
    display: grid;

    grid-template-columns:
        58px
        minmax(0,1fr);

    gap: 18px;

    align-items: start;

    margin:
        0
        0
        40px;

    padding:
        0
        0
        27px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-ethics-intro-mark {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 11px;

    font-weight: 700;
}


.jsmei-ethics-intro-content > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-ethics-intro h2 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        serif;

    font-size: 20px;

    color: #173b56;
}


.jsmei-ethics-intro p {
    max-width: 820px;

    margin:
        0
        0
        9px;

    font-size: 11.5px;
    line-height: 1.72;

    color: #687d89;
}


/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-ethics-section {
    width: 100%;

    margin:
        0
        0
        41px;
}


/* SECTION HEADING */

.jsmei-ethics-section-heading {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin:
        0
        0
        22px;

    padding:
        0
        0
        12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-ethics-section-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-ethics-section-heading > div > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-ethics-section-heading h2 {
    margin: 0;

    font-size: 17px;

    color: #173b56;
}


.jsmei-ethics-heading-badge {
    padding:
        5px
        9px;

    background: #eef6f9;

    border:
        1px solid #d6e5ec;

    border-radius: 20px;

    font-size: 8px;

    font-weight: 700;

    color: #1E6292;
}


/* ==========================================================
   RESPONSIBILITY ROLES
   ========================================================== */

.jsmei-ethics-roles {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 14px;
}


.jsmei-ethics-role {
    position: relative;

    min-width: 0;

    padding:
        17px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f9fbfc
        );

    border:
        1px solid #dfe7eb;

    border-radius: 9px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-ethics-role::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 3px;

    background: #d7e4ea;

    transition:
        background .18s ease;
}


.jsmei-ethics-role:hover {
    transform: translateY(-3px);

    border-color: #bfd6e1;

    box-shadow:
        0 9px 20px
        rgba(29,73,99,.08);
}


.jsmei-ethics-role:hover::before {
    background: #1E6292;
}


/* HEAD */

.jsmei-ethics-role-head {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 13px;
}


.jsmei-ethics-role-number {
    font-family:
        Georgia,
        serif;

    font-size: 10px;

    font-weight: 700;

    color: #1E6292;
}


.jsmei-ethics-role-code {
    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #8d9ba3;
}


/* SYMBOL */

.jsmei-ethics-role-symbol {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    margin-bottom: 12px;

    background: #eaf3f8;

    border-radius: 8px;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 16px;

    font-weight: 700;

    transition:
        background .18s ease,
        color .18s ease;
}


.jsmei-ethics-role:hover
.jsmei-ethics-role-symbol {
    background: #1E6292;

    color: #ffffff;
}


.jsmei-ethics-role h3 {
    margin:
        0
        0
        6px;

    font-family:
        Georgia,
        serif;

    font-size: 16px;

    color: #294b60;
}


.jsmei-ethics-role > p {
    margin:
        0
        0
        11px;

    font-size: 9.5px;
    line-height: 1.6;

    color: #748590;
}


/* LIST */

.jsmei-ethics-role-list {
    border-top:
        1px solid #e5ecef;

    padding-top: 7px;
}


.jsmei-ethics-role-list > div {
    display: grid;

    grid-template-columns:
        20px
        minmax(0,1fr);

    gap: 7px;

    align-items: start;

    padding:
        6px
        0;
}


.jsmei-ethics-role-list span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    background: #e9f5ef;

    border-radius: 50%;

    color: #2c875b;

    font-size: 7px;

    font-weight: 700;
}


.jsmei-ethics-role-list p {
    margin: 0;

    font-size: 8.8px;
    line-height: 1.45;

    color: #6e808b;
}


/* ==========================================================
   PRINCIPLES
   ========================================================== */

.jsmei-ethics-principles {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 11px;
}


.jsmei-ethics-principle {
    display: grid;

    grid-template-columns:
        35px
        minmax(0,1fr);

    gap: 10px;

    padding:
        14px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease;
}


.jsmei-ethics-principle:hover {
    transform: translateY(-2px);

    border-color: #c3d9e3;
}


.jsmei-principle-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-ethics-principle small {
    display: block;

    margin-bottom: 3px;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .8px;

    color: #1E6292;
}


.jsmei-ethics-principle h3 {
    margin:
        0
        0
        5px;

    font-size: 10.5px;

    color: #315064;
}


.jsmei-ethics-principle p {
    margin: 0;

    font-size: 8.7px;
    line-height: 1.55;

    color: #7a8a94;
}


/* ==========================================================
   ETHICS ALERT
   ========================================================== */

.jsmei-ethics-alert-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 10px;
}


.jsmei-ethics-alert {
    display: grid;

    grid-template-columns:
        38px
        minmax(0,1fr);

    gap: 11px;

    align-items: start;

    padding:
        13px
        14px;

    background: #fbf8f7;

    border:
        1px solid #eadfdb;

    border-radius: 7px;

    transition:
        border-color .17s ease,
        transform .17s ease;
}


.jsmei-ethics-alert:hover {
    transform: translateY(-2px);

    border-color: #ddc9c1;
}


.jsmei-alert-code {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    background: #f4e8e3;

    border-radius: 6px;

    color: #98604d;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-ethics-alert strong {
    display: block;

    margin-bottom: 4px;

    font-size: 10.5px;

    color: #4b555c;
}


.jsmei-ethics-alert p {
    margin: 0;

    font-size: 8.8px;
    line-height: 1.55;

    color: #7d898f;
}


/* ==========================================================
   SCHOLARLY RECORD
   ========================================================== */

.jsmei-ethics-record {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(320px,.85fr);

    gap: 25px;

    align-items: center;

    padding:
        20px;

    background: #f5f9fb;

    border-left:
        4px solid #1E6292;

    border-top:
        1px solid #dce6eb;

    border-right:
        1px solid #dce6eb;

    border-bottom:
        1px solid #dce6eb;
}


.jsmei-ethics-record-main > span {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #1E6292;
}


.jsmei-ethics-record-main h3 {
    margin:
        0
        0
        7px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #173b56;
}


.jsmei-ethics-record-main p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.6;

    color: #71838e;
}


/* RECORD ACTIONS */

.jsmei-ethics-record-actions {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 8px;
}


.jsmei-ethics-record-actions div {
    padding:
        11px;

    background: #ffffff;

    border:
        1px solid #dce6eb;

    border-radius: 6px;
}


.jsmei-ethics-record-actions span,
.jsmei-ethics-record-actions strong,
.jsmei-ethics-record-actions small {
    display: block;
}


.jsmei-ethics-record-actions span {
    margin-bottom: 7px;

    font-size: 8px;

    font-weight: 700;

    color: #1E6292;
}


.jsmei-ethics-record-actions strong {
    margin-bottom: 4px;

    font-size: 9.5px;

    color: #365467;
}


.jsmei-ethics-record-actions small {
    font-size: 7.5px;
    line-height: 1.45;

    color: #87959d;
}


/* ==========================================================
   ETHICS FLOW
   ========================================================== */

.jsmei-ethics-flow {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        25px
        minmax(0,1fr)
        25px
        minmax(0,1fr)
        25px
        minmax(0,1fr)
        25px
        minmax(0,1fr);

    gap: 5px;

    align-items: center;
}


.jsmei-ethics-flow-item {
    min-width: 0;

    padding:
        13px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    text-align: center;
}


.jsmei-ethics-flow-item > span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    margin:
        0
        auto
        9px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-ethics-flow-item small {
    display: block;

    margin-bottom: 3px;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .8px;

    color: #1E6292;
}


.jsmei-ethics-flow-item strong {
    display: block;

    font-size: 8.8px;
    line-height: 1.4;

    color: #405d6d;
}


.jsmei-ethics-flow-arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    color: #1E6292;

    font-size: 13px;
}


/* ==========================================================
   FINAL STATEMENT
   ========================================================== */

.jsmei-ethics-final {
    position: relative;

    display: grid;

    grid-template-columns:
        46px
        minmax(0,1fr)
        85px;

    gap: 15px;

    align-items: center;

    width: 100%;

    padding:
        20px
        22px;

    background:
        linear-gradient(
            120deg,
            #173b56,
            #1E6292
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-ethics-final::after {
    content: "";

    position: absolute;

    right: -55px;
    bottom: -80px;

    width: 170px;
    height: 170px;

    border:
        27px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


.jsmei-ethics-final-icon {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    background:
        rgba(255,255,255,.12);

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 50%;

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;
}


.jsmei-ethics-final-content {
    position: relative;

    z-index: 2;
}


.jsmei-ethics-final-content > span {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color:
        rgba(255,255,255,.62);
}


.jsmei-ethics-final-content h2 {
    margin:
        0
        0
        4px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #ffffff;
}


.jsmei-ethics-final-content p {
    max-width: 650px;

    margin: 0;

    font-size: 9px;
    line-height: 1.55;

    color:
        rgba(255,255,255,.7);
}


.jsmei-ethics-final-brand {
    position: relative;

    z-index: 2;

    padding-left: 17px;

    border-left:
        1px solid
        rgba(255,255,255,.16);

    font-family:
        Georgia,
        serif;

    font-size: 19px;

    font-weight: 700;

    color: #ffffff;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 950px) {

    .jsmei-ethics-principles {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-ethics-record {
        grid-template-columns: 1fr;
    }


    .jsmei-ethics-flow {
        grid-template-columns:
            repeat(3,minmax(0,1fr));

        gap: 10px;
    }


    .jsmei-ethics-flow-arrow {
        display: none;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-ethics-hero {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            22px
            18px;
    }


    .jsmei-ethics-hero h1 {
        font-size: 25px;
    }


    .jsmei-ethics-hero-side {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            1px solid #dce5ea;
    }


    .jsmei-ethics-hero-side strong br {
        display: none;
    }


    .jsmei-ethics-intro {
        grid-template-columns:
            43px
            minmax(0,1fr);

        gap: 12px;
    }


    .jsmei-ethics-intro-mark {
        width: 39px;
        height: 39px;

        font-size: 9px;
    }


    .jsmei-ethics-heading-badge {
        display: none;
    }


    .jsmei-ethics-roles,
    .jsmei-ethics-principles,
    .jsmei-ethics-alert-grid {
        grid-template-columns: 1fr;
    }


    .jsmei-ethics-record-actions {
        grid-template-columns: 1fr;
    }


    .jsmei-ethics-flow {
        grid-template-columns: 1fr;
    }


    .jsmei-ethics-final {
        grid-template-columns:
            42px
            minmax(0,1fr);
    }


    .jsmei-ethics-final-brand {
        grid-column:
            1 / -1;

        padding:
            12px
            0
            0;

        border-left: 0;

        border-top:
            1px solid
            rgba(255,255,255,.15);
    }

}
/* ==========================================================
   JSMEI - ALLEGATIONS OF MISCONDUCT
   MODERN INTEGRITY CASE MANAGEMENT UI
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-misconduct-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-misconduct-page *,
.jsmei-misconduct-page *::before,
.jsmei-misconduct-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.jsmei-misconduct-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        195px;

    gap: 35px;

    align-items: center;

    width: 100%;

    margin: 0 0 38px;

    padding:
        29px
        31px;

    background:
        linear-gradient(
            115deg,
            #f5f9fb 0%,
            #ffffff 56%,
            #f6f4f1 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dce6eb;

    overflow: hidden;
}


.jsmei-misconduct-hero::after {
    content: "";

    position: absolute;

    right: -78px;
    top: -110px;

    width: 225px;
    height: 225px;

    border:
        34px solid
        rgba(30,98,146,.04);

    border-radius: 50%;
}


/* HERO CONTENT */

.jsmei-misconduct-eyebrow {
    margin: 0 0 8px;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-misconduct-hero h1 {
    margin:
        0
        0
        12px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    color: #173b56;
}


.jsmei-misconduct-hero-main > p {
    max-width: 700px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687c88;
}


/* ==========================================================
   STATUS
   ========================================================== */

.jsmei-misconduct-status {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: 18px;

    padding:
        8px
        13px
        8px
        8px;

    background: #ffffff;

    border:
        1px solid #e2ddd8;

    border-radius: 6px;
}


.jsmei-misconduct-status-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #f7eee6;

    border-radius: 50%;

    color: #a56638;

    font-family: Georgia, serif;

    font-size: 14px;

    font-weight: 700;
}


.jsmei-misconduct-status small,
.jsmei-misconduct-status strong {
    display: block;
}


.jsmei-misconduct-status small {
    margin-bottom: 2px;

    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .7px;

    color: #939da3;
}


.jsmei-misconduct-status strong {
    font-size: 10px;

    color: #315166;
}


/* ==========================================================
   HERO SIDE
   ========================================================== */

.jsmei-misconduct-hero-side {
    position: relative;

    z-index: 2;

    padding:
        10px
        0
        10px
        18px;

    border-left:
        3px solid #1E6292;
}


.jsmei-misconduct-hero-side span,
.jsmei-misconduct-hero-side strong,
.jsmei-misconduct-hero-side small {
    display: block;
}


.jsmei-misconduct-hero-side > span {
    margin-bottom: 6px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #1E6292;
}


.jsmei-misconduct-hero-side strong {
    margin-bottom: 6px;

    font-family:
        Georgia,
        serif;

    font-size: 19px;
    line-height: 1.3;

    color: #173b56;
}


.jsmei-misconduct-hero-side small {
    font-size: 8px;

    color: #83939d;
}


/* ==========================================================
   INTRO
   ========================================================== */

.jsmei-misconduct-intro {
    display: grid;

    grid-template-columns:
        58px
        minmax(0,1fr);

    gap: 18px;

    align-items: start;

    margin:
        0
        0
        40px;

    padding:
        0
        0
        27px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-misconduct-intro-mark {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 11px;

    font-weight: 700;
}


.jsmei-misconduct-intro-content > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-misconduct-intro h2 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        serif;

    font-size: 20px;

    color: #173b56;
}


.jsmei-misconduct-intro p {
    max-width: 820px;

    margin:
        0
        0
        9px;

    font-size: 11.5px;
    line-height: 1.72;

    color: #687d89;
}


/* ==========================================================
   SECTION
   ========================================================== */

.jsmei-misconduct-section {
    width: 100%;

    margin:
        0
        0
        41px;
}


/* ==========================================================
   SECTION HEADING
   ========================================================== */

.jsmei-misconduct-section-heading {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin:
        0
        0
        22px;

    padding:
        0
        0
        12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-misconduct-section-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-misconduct-section-heading > div > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-misconduct-section-heading h2 {
    margin: 0;

    font-size: 17px;

    color: #173b56;
}


.jsmei-misconduct-heading-badge {
    padding:
        5px
        9px;

    background: #f6f1ed;

    border:
        1px solid #e5d9d0;

    border-radius: 20px;

    font-size: 8px;

    font-weight: 700;

    color: #8d6348;
}


/* ==========================================================
   MISCONDUCT TYPES
   ========================================================== */

.jsmei-misconduct-types {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 12px;
}


.jsmei-misconduct-type {
    position: relative;

    min-width: 0;

    padding:
        16px
        14px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fafbfb
        );

    border:
        1px solid #dfe7eb;

    border-radius: 8px;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-misconduct-type::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 3px;

    background: #e5ddd7;

    transition:
        background .18s ease;
}


.jsmei-misconduct-type:hover {
    transform: translateY(-3px);

    border-color: #c4d8e2;

    box-shadow:
        0 8px 18px
        rgba(29,73,99,.07);
}


.jsmei-misconduct-type:hover::before {
    background: #1E6292;
}


.jsmei-misconduct-type-number {
    position: absolute;

    right: 12px;
    top: 11px;

    font-family:
        Georgia,
        serif;

    font-size: 9px;

    color: #9aa7ae;
}


.jsmei-misconduct-type-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 39px;
    height: 39px;

    margin-bottom: 12px;

    background: #f3ebe5;

    border-radius: 7px;

    color: #936244;

    font-family:
        Georgia,
        serif;

    font-size: 13px;

    font-weight: 700;

    transition:
        background .18s ease,
        color .18s ease;
}


.jsmei-misconduct-type:hover
.jsmei-misconduct-type-icon {
    background: #1E6292;

    color: #ffffff;
}


.jsmei-misconduct-type-label {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .9px;

    color: #1E6292;
}


.jsmei-misconduct-type h3 {
    margin:
        0
        0
        6px;

    font-size: 11.5px;

    color: #315064;
}


.jsmei-misconduct-type p {
    margin: 0;

    font-size: 9px;
    line-height: 1.58;

    color: #798a93;
}


/* ==========================================================
   REPORTING PANEL
   ========================================================== */

.jsmei-misconduct-report {
    display: grid;

    grid-template-columns:
        minmax(230px,.75fr)
        minmax(0,1.25fr);

    gap: 27px;

    align-items: center;

    width: 100%;

    margin:
        0
        0
        41px;

    padding:
        21px
        22px;

    background: #f5f9fb;

    border-left:
        4px solid #1E6292;

    border-top:
        1px solid #dce6eb;

    border-right:
        1px solid #dce6eb;

    border-bottom:
        1px solid #dce6eb;
}


.jsmei-misconduct-report-side > span {
    display: block;

    margin-bottom: 5px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1.1px;

    color: #1E6292;
}


.jsmei-misconduct-report-side h2 {
    margin:
        0
        0
        7px;

    font-family:
        Georgia,
        serif;

    font-size: 18px;

    color: #173b56;
}


.jsmei-misconduct-report-side p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.6;

    color: #71838e;
}


/* REPORT LIST */

.jsmei-misconduct-report-list {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 8px;
}


.jsmei-misconduct-report-list > div {
    display: grid;

    grid-template-columns:
        30px
        minmax(0,1fr);

    gap: 9px;

    align-items: start;

    padding:
        10px;

    background: #ffffff;

    border:
        1px solid #dde6ea;

    border-radius: 6px;
}


.jsmei-misconduct-report-list > div > span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    background: #eaf3f8;

    border-radius: 5px;

    color: #1E6292;

    font-size: 7px;

    font-weight: 700;
}


.jsmei-misconduct-report-list strong {
    display: block;

    margin-bottom: 3px;

    font-size: 9px;

    color: #395769;
}


.jsmei-misconduct-report-list p {
    margin: 0;

    font-size: 7.8px;
    line-height: 1.45;

    color: #85939b;
}


/* ==========================================================
   WORKFLOW
   ========================================================== */

.jsmei-misconduct-workflow {
    width: 100%;
}


.jsmei-case-step {
    display: grid;

    grid-template-columns:
        62px
        minmax(0,1fr);

    gap: 13px;

    align-items: stretch;
}


/* SIDE */

.jsmei-case-step-side {
    display: flex;

    flex-direction: column;

    align-items: center;
}


.jsmei-case-step-side > span {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 44px;
    height: 44px;

    background: #ffffff;

    border:
        2px solid #1E6292;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 10px;

    font-weight: 700;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


.jsmei-case-step:hover
.jsmei-case-step-side > span {
    transform: scale(1.05);

    background: #1E6292;

    color: #ffffff;
}


.jsmei-case-step-side i {
    width: 1px;

    flex: 1;

    min-height: 36px;

    background: #d6e2e8;
}


/* CONTENT */

.jsmei-case-step-content {
    margin-bottom: 13px;

    padding:
        15px
        17px;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 8px;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-case-step:hover
.jsmei-case-step-content {
    transform: translateX(3px);

    border-color: #c0d7e2;

    box-shadow:
        0 7px 17px
        rgba(29,73,99,.06);
}


.jsmei-case-step.featured
.jsmei-case-step-content {
    background:
        linear-gradient(
            135deg,
            #f1f8fb,
            #ffffff
        );

    border-color: #bfd6e1;
}


.jsmei-case-step.featured
.jsmei-case-step-side > span {
    background: #1E6292;

    color: #ffffff;
}


.jsmei-case-step.final
.jsmei-case-step-content {
    margin-bottom: 0;
}


.jsmei-case-step-top {
    display: flex;

    justify-content: space-between;

    gap: 10px;

    margin-bottom: 4px;
}


.jsmei-case-step-top > span {
    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #1E6292;
}


.jsmei-case-step-top small {
    font-size: 7px;

    color: #95a1a8;
}


.jsmei-case-step-content h3 {
    margin:
        0
        0
        6px;

    font-family:
        Georgia,
        serif;

    font-size: 15px;

    color: #294a5f;
}


.jsmei-case-step-content p {
    margin: 0;

    font-size: 10px;
    line-height: 1.62;

    color: #748690;
}


/* ==========================================================
   PRINCIPLES
   ========================================================== */

.jsmei-misconduct-principles {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 11px;
}


.jsmei-misconduct-principle {
    display: grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    gap: 9px;

    padding: 13px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease;
}


.jsmei-misconduct-principle:hover {
    transform: translateY(-2px);

    border-color: #c3d9e3;
}


.jsmei-misconduct-principle > span {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-misconduct-principle small {
    display: block;

    margin-bottom: 3px;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .7px;

    color: #1E6292;
}


.jsmei-misconduct-principle h3 {
    margin:
        0
        0
        5px;

    font-size: 10px;

    color: #315064;
}


.jsmei-misconduct-principle p {
    margin: 0;

    font-size: 8.5px;
    line-height: 1.55;

    color: #798a93;
}


/* ==========================================================
   OUTCOMES
   ========================================================== */

.jsmei-misconduct-outcomes {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 11px;
}


.jsmei-misconduct-outcome {
    display: grid;

    grid-template-columns:
        37px
        minmax(0,1fr);

    gap: 10px;

    align-items: start;

    padding:
        13px;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease;
}


.jsmei-misconduct-outcome:hover {
    transform: translateY(-2px);

    border-color: #c3d9e3;
}


.jsmei-outcome-code {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    background: #edf5f9;

    border-radius: 50%;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-misconduct-outcome.retraction
.jsmei-outcome-code,
.jsmei-misconduct-outcome.reject
.jsmei-outcome-code {
    background: #f4e8e3;

    color: #98604d;
}


.jsmei-misconduct-outcome small {
    display: block;

    margin-bottom: 3px;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .7px;

    color: #929fa6;
}


.jsmei-misconduct-outcome h3 {
    margin:
        0
        0
        4px;

    font-size: 10.5px;

    color: #315064;
}


.jsmei-misconduct-outcome p {
    margin: 0;

    font-size: 8.6px;
    line-height: 1.55;

    color: #798a93;
}


/* ==========================================================
   REFERRAL
   ========================================================== */

.jsmei-misconduct-referral {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(300px,.8fr);

    gap: 27px;

    align-items: center;

    width: 100%;

    margin-bottom: 38px;

    padding:
        20px
        22px;

    background: #f5f9fb;

    border-left:
        4px solid #1E6292;

    border-top:
        1px solid #dce6eb;

    border-right:
        1px solid #dce6eb;

    border-bottom:
        1px solid #dce6eb;
}


.jsmei-misconduct-referral-main > span {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #1E6292;
}


.jsmei-misconduct-referral-main h2 {
    margin:
        0
        0
        7px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #173b56;
}


.jsmei-misconduct-referral-main p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.62;

    color: #71838e;
}


/* REFERRAL PATH */

.jsmei-misconduct-referral-path {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 7px;
}


.jsmei-misconduct-referral-path > div {
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 86px;
    height: 74px;

    padding: 7px;

    background: #ffffff;

    border:
        1px solid #d8e4ea;

    border-radius: 7px;

    text-align: center;
}


.jsmei-misconduct-referral-path span {
    margin-bottom: 5px;

    font-size: 7px;

    font-weight: 700;

    color: #1E6292;
}


.jsmei-misconduct-referral-path strong {
    font-size: 8px;
    line-height: 1.35;

    color: #405d6d;
}


.jsmei-misconduct-referral-path i {
    font-size: 12px;

    font-style: normal;

    color: #1E6292;
}


/* ==========================================================
   CONTACT CTA
   ========================================================== */

.jsmei-misconduct-contact {
    position: relative;

    display: grid;

    grid-template-columns:
        46px
        minmax(0,1fr)
        auto;

    gap: 15px;

    align-items: center;

    width: 100%;

    padding:
        20px
        22px;

    background:
        linear-gradient(
            120deg,
            #173b56,
            #1E6292
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-misconduct-contact::after {
    content: "";

    position: absolute;

    right: -55px;
    bottom: -80px;

    width: 170px;
    height: 170px;

    border:
        27px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


.jsmei-misconduct-contact-icon {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    background:
        rgba(255,255,255,.12);

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 50%;

    color: #ffffff;

    font-family:
        Georgia,
        serif;

    font-size: 15px;

    font-weight: 700;
}


.jsmei-misconduct-contact-content {
    position: relative;

    z-index: 2;
}


.jsmei-misconduct-contact-content > span {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color:
        rgba(255,255,255,.62);
}


.jsmei-misconduct-contact-content h2 {
    margin:
        0
        0
        4px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #ffffff;
}


.jsmei-misconduct-contact-content p {
    max-width: 620px;

    margin: 0;

    font-size: 9px;
    line-height: 1.55;

    color:
        rgba(255,255,255,.7);
}


.jsmei-misconduct-contact-button {
    position: relative;

    z-index: 2;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    min-height: 37px;

    padding:
        8px
        13px;

    background: #ffffff;

    border-radius: 5px;

    color: #1E6292 !important;

    font-size: 9px;

    font-weight: 700;

    text-decoration: none !important;

    white-space: nowrap;

    transition:
        transform .17s ease,
        background .17s ease;
}


.jsmei-misconduct-contact-button:hover {
    transform: translateY(-2px);

    background: #f2f7f9;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 950px) {

    .jsmei-misconduct-types,
    .jsmei-misconduct-outcomes {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-misconduct-principles {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-misconduct-report,
    .jsmei-misconduct-referral {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-misconduct-hero {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            22px
            18px;
    }


    .jsmei-misconduct-hero h1 {
        font-size: 25px;
    }


    .jsmei-misconduct-hero-side {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            1px solid #dce5ea;
    }


    .jsmei-misconduct-hero-side strong br {
        display: none;
    }


    .jsmei-misconduct-intro {
        grid-template-columns:
            43px
            minmax(0,1fr);

        gap: 12px;
    }


    .jsmei-misconduct-intro-mark {
        width: 39px;
        height: 39px;

        font-size: 9px;
    }


    .jsmei-misconduct-heading-badge {
        display: none;
    }


    .jsmei-misconduct-types,
    .jsmei-misconduct-principles,
    .jsmei-misconduct-outcomes,
    .jsmei-misconduct-report-list {
        grid-template-columns: 1fr;
    }


    .jsmei-case-step {
        grid-template-columns:
            48px
            minmax(0,1fr);

        gap: 9px;
    }


    .jsmei-case-step-side > span {
        width: 39px;
        height: 39px;

        font-size: 9px;
    }


    .jsmei-case-step-content {
        padding:
            13px
            14px;
    }


    .jsmei-case-step-top {
        flex-direction: column;

        gap: 2px;
    }


    .jsmei-misconduct-referral-path {
        flex-wrap: wrap;
    }


    .jsmei-misconduct-referral-path i {
        display: none;
    }


    .jsmei-misconduct-contact {
        grid-template-columns:
            42px
            minmax(0,1fr);
    }


    .jsmei-misconduct-contact-button {
        grid-column: 1 / -1;

        width: 100%;

        margin-top: 3px;
    }

}
/* ==========================================================
   JSMEI - SCREENING FOR PLAGIARISM
   MODERN SIMILARITY SCREENING DASHBOARD
   Primary: #1E6292
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.jsmei-plagiarism-page {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #294455;

    box-sizing: border-box;
}


.jsmei-plagiarism-page *,
.jsmei-plagiarism-page *::before,
.jsmei-plagiarism-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.jsmei-plagiarism-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        195px;

    gap: 35px;

    align-items: center;

    width: 100%;

    margin: 0 0 38px;

    padding:
        29px
        31px;

    background:
        linear-gradient(
            115deg,
            #f4f9fb 0%,
            #ffffff 57%,
            #f6f5f1 100%
        );

    border-top:
        4px solid #1E6292;

    border-bottom:
        1px solid #dce6eb;

    overflow: hidden;
}


.jsmei-plagiarism-hero::after {
    content: "";

    position: absolute;

    right: -80px;
    top: -110px;

    width: 225px;
    height: 225px;

    border:
        34px solid
        rgba(30,98,146,.04);

    border-radius: 50%;
}


.jsmei-plagiarism-eyebrow {
    margin:
        0
        0
        8px;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #1E6292;
}


.jsmei-plagiarism-hero h1 {
    margin:
        0
        0
        12px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 31px;
    line-height: 1.2;

    color: #173b56;
}


.jsmei-plagiarism-hero-main > p {
    max-width: 700px;

    margin: 0;

    font-size: 13px;
    line-height: 1.8;

    color: #687c88;
}


/* ==========================================================
   STATUS
   ========================================================== */

.jsmei-plagiarism-status {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: 18px;

    padding:
        8px
        13px
        8px
        8px;

    background: #ffffff;

    border:
        1px solid #d7e5eb;

    border-radius: 6px;
}


.jsmei-plagiarism-status-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #e8f5ee;

    border-radius: 50%;

    color: #278657;

    font-size: 11px;

    font-weight: 700;
}


.jsmei-plagiarism-status small,
.jsmei-plagiarism-status strong {
    display: block;
}


.jsmei-plagiarism-status small {
    margin-bottom: 2px;

    font-size: 7px;

    text-transform: uppercase;

    letter-spacing: .7px;

    color: #909da5;
}


.jsmei-plagiarism-status strong {
    font-size: 10px;

    color: #315166;
}


/* ==========================================================
   HERO SIDE
   ========================================================== */

.jsmei-plagiarism-hero-side {
    position: relative;

    z-index: 2;

    padding:
        10px
        0
        10px
        18px;

    border-left:
        3px solid #1E6292;
}


.jsmei-plagiarism-hero-side span,
.jsmei-plagiarism-hero-side strong,
.jsmei-plagiarism-hero-side small {
    display: block;
}


.jsmei-plagiarism-hero-side > span {
    margin-bottom: 6px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #1E6292;
}


.jsmei-plagiarism-hero-side strong {
    margin-bottom: 6px;

    font-family:
        Georgia,
        serif;

    font-size: 19px;
    line-height: 1.3;

    color: #173b56;
}


.jsmei-plagiarism-hero-side small {
    font-size: 8px;

    color: #83939d;
}


/* ==========================================================
   INTRO
   ========================================================== */

.jsmei-plagiarism-intro {
    display: grid;

    grid-template-columns:
        58px
        minmax(0,1fr);

    gap: 18px;

    align-items: start;

    margin:
        0
        0
        40px;

    padding:
        0
        0
        27px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-plagiarism-intro-mark {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    background: #eaf3f8;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 11px;

    font-weight: 700;
}


.jsmei-plagiarism-intro-content > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-plagiarism-intro h2 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        serif;

    font-size: 20px;

    color: #173b56;
}


.jsmei-plagiarism-intro p {
    max-width: 820px;

    margin:
        0
        0
        9px;

    font-size: 11.5px;
    line-height: 1.72;

    color: #687d89;
}


/* ==========================================================
   SECTIONS
   ========================================================== */

.jsmei-plagiarism-section {
    width: 100%;

    margin:
        0
        0
        41px;
}


.jsmei-plagiarism-section-heading {
    position: relative;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin:
        0
        0
        22px;

    padding:
        0
        0
        12px;

    border-bottom:
        1px solid #dce5eb;
}


.jsmei-plagiarism-section-heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 52px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-plagiarism-section-heading > div > span {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #1E6292;
}


.jsmei-plagiarism-section-heading h2 {
    margin: 0;

    font-size: 17px;

    color: #173b56;
}


.jsmei-plagiarism-heading-badge {
    padding:
        5px
        9px;

    background: #eef6f9;

    border:
        1px solid #d6e5ec;

    border-radius: 20px;

    font-size: 8px;

    font-weight: 700;

    color: #1E6292;
}


/* ==========================================================
   DASHBOARD
   ========================================================== */

.jsmei-plagiarism-dashboard {
    display: grid;

    grid-template-columns:
        minmax(0,1.1fr)
        minmax(250px,.9fr);

    gap: 14px;
}


/* SOFTWARE */

.jsmei-plagiarism-software {
    display: grid;

    grid-template-columns:
        145px
        minmax(0,1fr);

    gap: 18px;

    align-items: center;

    min-height: 180px;

    padding:
        17px;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 9px;
}


.jsmei-plagiarism-software-logo {
    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 120px;

    padding: 15px;

    background:
        linear-gradient(
            145deg,
            #f6f9fa,
            #ffffff
        );

    border:
        1px solid #e2e9ed;

    border-radius: 7px;
}


.jsmei-plagiarism-software-logo img {
    display: block;

    width: auto;
    max-width: 100%;

    height: auto;
    max-height: 75px;

    margin: 0 auto;

    object-fit: contain;
}


.jsmei-plagiarism-software-info > span {
    display: block;

    margin-bottom: 5px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #1E6292;
}


.jsmei-plagiarism-software-info h3 {
    margin:
        0
        0
        8px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #294b60;
}


.jsmei-plagiarism-software-info p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.6;

    color: #73858f;
}


/* ==========================================================
   THRESHOLD
   ========================================================== */

.jsmei-plagiarism-threshold {
    position: relative;

    min-height: 180px;

    padding:
        18px;

    background:
        linear-gradient(
            135deg,
            #173b56,
            #1E6292
        );

    border-radius: 9px;

    color: #ffffff;

    overflow: hidden;
}


.jsmei-plagiarism-threshold::after {
    content: "";

    position: absolute;

    right: -60px;
    bottom: -80px;

    width: 160px;
    height: 160px;

    border:
        25px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


.jsmei-threshold-top {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 10px;
}


.jsmei-threshold-top > span {
    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color:
        rgba(255,255,255,.7);
}


.jsmei-threshold-top small {
    font-size: 7px;

    color:
        rgba(255,255,255,.55);
}


.jsmei-threshold-value {
    position: relative;

    z-index: 2;

    margin:
        20px
        0
        12px;
}


.jsmei-threshold-value strong {
    display: block;

    margin-bottom: 5px;

    font-family:
        Georgia,
        serif;

    font-size: 38px;
    line-height: 1;

    color: #ffffff;
}


.jsmei-threshold-value span {
    display: block;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .8px;

    color:
        rgba(255,255,255,.65);
}


.jsmei-plagiarism-threshold > p {
    position: relative;

    z-index: 2;

    margin: 0;

    font-size: 8.8px;
    line-height: 1.55;

    color:
        rgba(255,255,255,.7);
}


/* ==========================================================
   DISTINCTION
   ========================================================== */

.jsmei-plagiarism-distinction {
    display: grid;

    grid-template-columns:
        215px
        minmax(0,1fr);

    gap: 0;

    margin-bottom: 41px;

    overflow: hidden;

    border:
        1px solid #dfe6e9;

    border-radius: 8px;
}


.jsmei-distinction-side {
    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        22px;

    background: #f5eee7;
}


.jsmei-distinction-side > span {
    margin-bottom: 7px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #9a6844;
}


.jsmei-distinction-side strong {
    font-family:
        Georgia,
        serif;

    font-size: 18px;
    line-height: 1.35;

    color: #604c40;
}


.jsmei-distinction-side em {
    display: block;

    margin:
        3px
        0;

    font-size: 23px;

    font-style: normal;

    color: #1E6292;
}


/* CONTENT */

.jsmei-distinction-content {
    padding:
        22px
        24px;

    background:
        linear-gradient(
            145deg,
            #f8fafb,
            #ffffff
        );
}


.jsmei-distinction-content > span {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #1E6292;
}


.jsmei-distinction-content h2 {
    margin:
        0
        0
        7px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #173b56;
}


.jsmei-distinction-content p {
    max-width: 700px;

    margin: 0;

    font-size: 9.7px;
    line-height: 1.65;

    color: #71838e;
}


/* ==========================================================
   WORKFLOW
   ========================================================== */

.jsmei-plagiarism-flow {
    width: 100%;
}


.jsmei-plagiarism-step {
    display: grid;

    grid-template-columns:
        62px
        minmax(0,1fr);

    gap: 13px;

    align-items: stretch;
}


.jsmei-plagiarism-step-marker {
    display: flex;

    flex-direction: column;

    align-items: center;
}


.jsmei-plagiarism-step-marker > span {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 44px;
    height: 44px;

    background: #ffffff;

    border:
        2px solid #1E6292;

    border-radius: 50%;

    color: #1E6292;

    font-family:
        Georgia,
        serif;

    font-size: 10px;

    font-weight: 700;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


.jsmei-plagiarism-step-marker i {
    width: 1px;

    flex: 1;

    min-height: 36px;

    background: #d6e2e8;
}


.jsmei-plagiarism-step:hover
.jsmei-plagiarism-step-marker > span {
    transform: scale(1.05);

    background: #1E6292;

    color: #ffffff;
}


.jsmei-plagiarism-step.featured
.jsmei-plagiarism-step-marker > span {
    background: #1E6292;

    color: #ffffff;
}


/* CONTENT */

.jsmei-plagiarism-step-content {
    margin-bottom: 13px;

    padding:
        15px
        17px;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 8px;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.jsmei-plagiarism-step:hover
.jsmei-plagiarism-step-content {
    transform: translateX(3px);

    border-color: #c0d7e2;

    box-shadow:
        0 7px 17px
        rgba(29,73,99,.06);
}


.jsmei-plagiarism-step.featured
.jsmei-plagiarism-step-content {
    background:
        linear-gradient(
            135deg,
            #f1f8fb,
            #ffffff
        );

    border-color: #bfd6e1;
}


.jsmei-plagiarism-step.final
.jsmei-plagiarism-step-content {
    margin-bottom: 0;
}


.jsmei-plagiarism-step-top {
    display: flex;

    justify-content: space-between;

    gap: 10px;

    margin-bottom: 4px;
}


.jsmei-plagiarism-step-top > span {
    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #1E6292;
}


.jsmei-plagiarism-step-top small {
    font-size: 7px;

    color: #95a1a8;
}


.jsmei-plagiarism-step-content h3 {
    margin:
        0
        0
        6px;

    font-family:
        Georgia,
        serif;

    font-size: 15px;

    color: #294a5f;
}


.jsmei-plagiarism-step-content p {
    margin: 0;

    font-size: 10px;
    line-height: 1.62;

    color: #748690;
}


/* ==========================================================
   ASSESSMENT ITEMS
   ========================================================== */

.jsmei-plagiarism-assessment {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 11px;
}


.jsmei-plagiarism-assessment-item {
    display: grid;

    grid-template-columns:
        35px
        minmax(0,1fr);

    gap: 10px;

    padding:
        14px;

    background: #f8fafb;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    transition:
        transform .17s ease,
        border-color .17s ease;
}


.jsmei-plagiarism-assessment-item:hover {
    transform: translateY(-2px);

    border-color: #c3d9e3;
}


.jsmei-assessment-number {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #eaf3f8;

    border-radius: 6px;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-plagiarism-assessment-item small {
    display: block;

    margin-bottom: 3px;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .8px;

    color: #1E6292;
}


.jsmei-plagiarism-assessment-item h3 {
    margin:
        0
        0
        5px;

    font-size: 10.5px;

    color: #315064;
}


.jsmei-plagiarism-assessment-item p {
    margin: 0;

    font-size: 8.7px;
    line-height: 1.55;

    color: #7a8a94;
}


/* ==========================================================
   RESULTS
   ========================================================== */

.jsmei-plagiarism-results {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 11px;
}


.jsmei-plagiarism-result {
    position: relative;

    min-width: 0;

    padding: 14px;

    background: #ffffff;

    border:
        1px solid #dfe7eb;

    border-radius: 7px;

    overflow: hidden;

    transition:
        transform .17s ease,
        border-color .17s ease;
}


.jsmei-plagiarism-result::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 3px;

    background: #d5e3e9;
}


.jsmei-plagiarism-result.clear::before {
    background: #4b9870;
}


.jsmei-plagiarism-result.revise::before {
    background: #bd944e;
}


.jsmei-plagiarism-result.investigate::before {
    background: #1E6292;
}


.jsmei-plagiarism-result.reject::before {
    background: #a96555;
}


.jsmei-plagiarism-result:hover {
    transform: translateY(-2px);

    border-color: #c3d9e3;
}


.jsmei-result-code {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 33px;
    height: 33px;

    margin-bottom: 11px;

    background: #edf5f9;

    border-radius: 50%;

    color: #1E6292;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-plagiarism-result > span {
    display: block;

    margin-bottom: 3px;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .8px;

    color: #8a99a1;
}


.jsmei-plagiarism-result h3 {
    margin:
        0
        0
        6px;

    font-size: 11px;

    color: #315064;
}


.jsmei-plagiarism-result p {
    min-height: 57px;

    margin:
        0
        0
        11px;

    font-size: 8.7px;
    line-height: 1.55;

    color: #798a93;
}


.jsmei-result-status {
    display: inline-flex;

    padding:
        4px
        7px;

    background: #f0f5f7;

    border-radius: 20px;

    font-size: 7px;

    font-weight: 700;

    color: #597381;
}


/* ==========================================================
   AUTHOR RESPONSIBILITY
   ========================================================== */

.jsmei-plagiarism-responsibility {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(300px,.8fr);

    gap: 28px;

    align-items: center;

    width: 100%;

    margin-bottom: 38px;

    padding:
        20px
        22px;

    background: #f5f9fb;

    border-left:
        4px solid #1E6292;

    border-top:
        1px solid #dce6eb;

    border-right:
        1px solid #dce6eb;

    border-bottom:
        1px solid #dce6eb;
}


.jsmei-plagiarism-responsibility-main > span {
    display: block;

    margin-bottom: 4px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #1E6292;
}


.jsmei-plagiarism-responsibility-main h2 {
    margin:
        0
        0
        7px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #173b56;
}


.jsmei-plagiarism-responsibility-main p {
    margin: 0;

    font-size: 9.5px;
    line-height: 1.6;

    color: #71838e;
}


/* CHECKS */

.jsmei-plagiarism-author-checks {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 8px;
}


.jsmei-plagiarism-author-checks > div {
    display: flex;

    align-items: center;

    gap: 8px;

    padding:
        9px;

    background: #ffffff;

    border:
        1px solid #dce6eb;

    border-radius: 6px;
}


.jsmei-plagiarism-author-checks span {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 23px;
    height: 23px;

    background: #e8f5ee;

    border-radius: 50%;

    color: #2a875b;

    font-size: 8px;

    font-weight: 700;
}


.jsmei-plagiarism-author-checks strong {
    font-size: 8.5px;
    line-height: 1.4;

    color: #405d6d;
}


/* ==========================================================
   FINAL
   ========================================================== */

.jsmei-plagiarism-final {
    position: relative;

    display: grid;

    grid-template-columns:
        46px
        minmax(0,1fr)
        85px;

    gap: 15px;

    align-items: center;

    width: 100%;

    padding:
        20px
        22px;

    background:
        linear-gradient(
            120deg,
            #173b56,
            #1E6292
        );

    border-radius: 8px;

    overflow: hidden;
}


.jsmei-plagiarism-final::after {
    content: "";

    position: absolute;

    right: -55px;
    bottom: -80px;

    width: 170px;
    height: 170px;

    border:
        27px solid
        rgba(255,255,255,.05);

    border-radius: 50%;
}


.jsmei-plagiarism-final-icon {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    background:
        rgba(255,255,255,.12);

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 50%;

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;
}


.jsmei-plagiarism-final-content {
    position: relative;

    z-index: 2;
}


.jsmei-plagiarism-final-content > span {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    color:
        rgba(255,255,255,.62);
}


.jsmei-plagiarism-final-content h2 {
    margin:
        0
        0
        4px;

    font-family:
        Georgia,
        serif;

    font-size: 17px;

    color: #ffffff;
}


.jsmei-plagiarism-final-content p {
    max-width: 650px;

    margin: 0;

    font-size: 9px;
    line-height: 1.55;

    color:
        rgba(255,255,255,.7);
}


.jsmei-plagiarism-final-brand {
    position: relative;

    z-index: 2;

    padding-left: 17px;

    border-left:
        1px solid
        rgba(255,255,255,.16);

    font-family:
        Georgia,
        serif;

    font-size: 19px;

    font-weight: 700;

    color: #ffffff;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 950px) {

    .jsmei-plagiarism-assessment {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-plagiarism-results {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .jsmei-plagiarism-responsibility {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-plagiarism-hero {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            22px
            18px;
    }


    .jsmei-plagiarism-hero h1 {
        font-size: 25px;
    }


    .jsmei-plagiarism-hero-side {
        padding:
            14px
            0
            0;

        border-left: 0;

        border-top:
            1px solid #dce5ea;
    }


    .jsmei-plagiarism-hero-side strong br {
        display: none;
    }


    .jsmei-plagiarism-intro {
        grid-template-columns:
            43px
            minmax(0,1fr);

        gap: 12px;
    }


    .jsmei-plagiarism-intro-mark {
        width: 39px;
        height: 39px;

        font-size: 9px;
    }


    .jsmei-plagiarism-heading-badge {
        display: none;
    }


    .jsmei-plagiarism-dashboard {
        grid-template-columns: 1fr;
    }


    .jsmei-plagiarism-software {
        grid-template-columns: 1fr;
    }


    .jsmei-plagiarism-software-logo {
        min-height: 95px;
    }


    .jsmei-plagiarism-distinction {
        grid-template-columns: 1fr;
    }


    .jsmei-distinction-side {
        padding:
            17px;
    }


    .jsmei-distinction-side em {
        display: inline;
    }


    .jsmei-plagiarism-step {
        grid-template-columns:
            48px
            minmax(0,1fr);

        gap: 9px;
    }


    .jsmei-plagiarism-step-marker > span {
        width: 39px;
        height: 39px;

        font-size: 9px;
    }


    .jsmei-plagiarism-step-content {
        padding:
            13px
            14px;
    }


    .jsmei-plagiarism-step-top {
        flex-direction: column;

        gap: 2px;
    }


    .jsmei-plagiarism-assessment,
    .jsmei-plagiarism-results,
    .jsmei-plagiarism-author-checks {
        grid-template-columns: 1fr;
    }


    .jsmei-plagiarism-result p {
        min-height: 0;
    }


    .jsmei-plagiarism-final {
        grid-template-columns:
            42px
            minmax(0,1fr);
    }


    .jsmei-plagiarism-final-brand {
        grid-column: 1 / -1;

        padding:
            12px
            0
            0;

        border-left: 0;

        border-top:
            1px solid
            rgba(255,255,255,.15);
    }

}
/* ==========================================================
   JSMEI HOMEPAGE
   INDEXING LOGO MARQUEE
   Primary: #1E6292
   ========================================================== */

.jsmei-home-indexing {
    width: 100%;
    margin: 30px 0 4px;
    padding: 0;

    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    box-sizing: border-box;
}


.jsmei-home-indexing *,
.jsmei-home-indexing *::before,
.jsmei-home-indexing *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HEADING
   ========================================================== */

.jsmei-home-indexing-head {
    position: relative;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 30px;

    margin: 0 0 15px;
    padding: 0 0 11px;

    border-bottom: 1px solid #dce5eb;
}


.jsmei-home-indexing-head::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 48px;
    height: 3px;

    background: #1E6292;

    border-radius: 3px;
}


.jsmei-home-indexing-head span {
    display: block;

    margin-bottom: 3px;

    font-size: 8px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 1.3px;

    color: #1E6292;
}


.jsmei-home-indexing-head h3 {
    margin: 0;
    padding: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;
    line-height: 1.35;

    font-weight: 700;

    color: #173b56;
}


.jsmei-home-indexing-head p {
    max-width: 440px;

    margin: 0;

    font-size: 9px;
    line-height: 1.55;

    text-align: right;

    color: #81919a;
}


/* ==========================================================
   MARQUEE WINDOW
   ========================================================== */

.jsmei-index-marquee {
    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 9px 0 11px;
}


/* FADE LEFT */

.jsmei-index-marquee::before {
    content: "";

    position: absolute;

    z-index: 5;

    left: 0;
    top: 0;
    bottom: 0;

    width: 65px;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255,255,255,.94) 35%,
            rgba(255,255,255,0) 100%
        );

    pointer-events: none;
}


/* FADE RIGHT */

.jsmei-index-marquee::after {
    content: "";

    position: absolute;

    z-index: 5;

    right: 0;
    top: 0;
    bottom: 0;

    width: 65px;

    background:
        linear-gradient(
            270deg,
            #ffffff 0%,
            rgba(255,255,255,.94) 35%,
            rgba(255,255,255,0) 100%
        );

    pointer-events: none;
}


/* ==========================================================
   MOVING TRACK
   ========================================================== */

.jsmei-index-track {
    display: flex;

    align-items: center;

    width: max-content;

    gap: 18px;

    animation:
        jsmeiIndexScroll 28s linear infinite;

    will-change: transform;
}


/* PAUSE ON HOVER */

.jsmei-index-marquee:hover
.jsmei-index-track {
    animation-play-state: paused;
}


/* ==========================================================
   LOGO ITEM
   ========================================================== */

.jsmei-index-logo-item {
    position: relative;

    display: flex !important;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 145px;
    height: 76px;

    padding:
        10px
        16px;

    background: #ffffff;

    border:
        1px solid #e0e8ec;

    border-radius: 8px;

    text-decoration: none !important;

    overflow: hidden;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


/* SMALL TOP ACCENT */

.jsmei-index-logo-item::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 0;

    width: 0;
    height: 3px;

    background: #1E6292;

    transform: translateX(-50%);

    transition:
        width .18s ease;
}


.jsmei-index-logo-item:hover {
    transform: translateY(-3px);

    border-color: #bfd6e1;

    box-shadow:
        0 7px 17px
        rgba(30,98,146,.09);
}


.jsmei-index-logo-item:hover::before {
    width: 55%;
}


/* ==========================================================
   LOGO IMAGE
   ========================================================== */

.jsmei-index-logo-item img {
    display: block !important;

    width: auto !important;
    max-width: 110px !important;

    height: auto !important;
    max-height: 46px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    object-fit: contain;

    border: 0 !important;

    filter: grayscale(20%);

    opacity: .88;

    transition:
        filter .18s ease,
        opacity .18s ease,
        transform .18s ease;
}


.jsmei-index-logo-item:hover img {
    filter: grayscale(0);

    opacity: 1;

    transform: scale(1.03);
}


/* ==========================================================
   ANIMATION
   ========================================================== */

@keyframes jsmeiIndexScroll {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(
            calc(-50% - 9px)
        );
    }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 900px) {

    .jsmei-home-indexing-head {
        align-items: flex-start;
    }


    .jsmei-home-indexing-head p {
        max-width: 340px;
    }


    .jsmei-index-logo-item {
        width: 135px;
        height: 72px;
    }


    .jsmei-index-logo-item img {
        max-width: 103px !important;
        max-height: 43px !important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    .jsmei-home-indexing {
        margin-top: 23px;
    }


    .jsmei-home-indexing-head {
        display: block;
    }


    .jsmei-home-indexing-head p {
        max-width: none;

        margin-top: 6px;

        text-align: left;

        font-size: 8.5px;
    }


    .jsmei-index-marquee {
        padding:
            7px
            0
            9px;
    }


    .jsmei-index-marquee::before,
    .jsmei-index-marquee::after {
        width: 30px;
    }


    .jsmei-index-track {
        gap: 12px;

        animation-duration: 23s;
    }


    .jsmei-index-logo-item {
        width: 120px;
        height: 65px;

        padding:
            8px
            12px;
    }


    .jsmei-index-logo-item img {
        max-width: 94px !important;
        max-height: 38px !important;
    }

}


/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .jsmei-index-track {
        animation: none;
    }


    .jsmei-index-marquee {
        overflow-x: auto;
    }

}