/* =========================================================
   IJIMR — VOLUME 1 ISSUE 1
   PREMIUM ACADEMIC ISSUE PAGE
   HERO BANNER REMOVED
   ONLY PREMIUM ISSUE TITLE
========================================================= */


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

.ijimr-issue-page {

    --ijimr-blue: #123B63;
    --ijimr-blue-dark: #0A2945;
    --ijimr-blue-deep: #071D31;
    --ijimr-blue-light: #1E527F;

    --ijimr-sky: #38A9E8;
    --ijimr-sky-light: #69C4F2;
    --ijimr-sky-dark: #1688C5;

    --ijimr-white: #FFFFFF;
    --ijimr-offwhite: #F8FBFD;
    --ijimr-blue-soft: #F1F8FC;

    --ijimr-text: #17344D;
    --ijimr-muted: #718397;

    --ijimr-border: #DCE7EF;
    --ijimr-border-light: #EAF1F6;

    color: var(--ijimr-text);
    background: var(--ijimr-white);

}


/* =========================================================
   GLOBAL RESET
========================================================= */

.ijimr-issue-page *,
.ijimr-issue-page *::before,
.ijimr-issue-page *::after {

    box-sizing: border-box;

}

.ijimr-issue-page a {

    text-decoration: none;

}

.ijimr-issue-page button,
.ijimr-issue-page input,
.ijimr-issue-page textarea,
.ijimr-issue-page select {

    font-family: inherit;

}


.issue-container {

    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;

}


/* =========================================================
   PREMIUM VOLUME / ISSUE TITLE
   NO HERO BANNER
========================================================= */

.issue-title-section {

    position: relative;

    padding: 42px 0 34px;

    background: #FFFFFF;

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

    overflow: hidden;

}


/* =========================================================
   TOP PREMIUM LINE
========================================================= */

.issue-title-section::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--ijimr-blue-deep),
            var(--ijimr-blue),
            var(--ijimr-sky)
        );

}


/* =========================================================
   SUBTLE DECORATION
========================================================= */

.issue-title-section::after {

    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: -150px;
    top: -150px;

    border: 1px solid rgba(56,169,232,.10);

    border-radius: 50%;

    box-shadow:
        0 0 0 35px rgba(56,169,232,.025),
        0 0 0 70px rgba(56,169,232,.018);

    pointer-events: none;

}


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

.issue-title-inner {

    position: relative;

    z-index: 2;

}


/* =========================================================
   ISSUE LABEL
========================================================= */

.issue-title-label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 11px;

    color: var(--ijimr-sky-dark);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;

    text-transform: uppercase;

}


.issue-title-label::before {

    content: "";

    width: 25px;
    height: 2px;

    background: var(--ijimr-sky);

}


/* =========================================================
   MAIN ISSUE TITLE
========================================================= */

.issue-title-section h1 {

    margin: 0;

    color: var(--ijimr-blue-deep);

    font-size: clamp(36px, 4vw, 44px);

    line-height: 1.1;

    font-weight: 700;

    letter-spacing: -1.4px;

}


.issue-title-section h1 span {

    color: var(--ijimr-sky-dark);

}


/* =========================================================
   JOURNAL NAME
========================================================= */

.issue-title-subtitle {

    max-width: 760px;

    margin: 12px 0 0;

    color: var(--ijimr-muted);

    font-size: 13px;

    line-height: 1.7;

}


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

.issue-title-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 18px;

}


.issue-title-meta span {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    padding: 7px 11px;

    color: var(--ijimr-blue);

    background: var(--ijimr-blue-soft);

    border: 1px solid var(--ijimr-border);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .7px;

    text-transform: uppercase;

}


.issue-title-meta span i {

    color: var(--ijimr-sky-dark);

    font-size: 10px;

}


/* =========================================================
   BREADCRUMB
========================================================= */

.issue-title-breadcrumb {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 19px;

    font-size: 10px;

}


.issue-title-breadcrumb a {

    color: var(--ijimr-sky-dark);

    font-weight: 700;

}


.issue-title-breadcrumb i {

    color: var(--ijimr-muted);

    font-size: 8px;

}


.issue-title-breadcrumb span {

    color: var(--ijimr-muted);

}


/* =========================================================
   ISSUE INFORMATION
========================================================= */

.issue-information {

    padding: 48px 0 0;

    background: #FFFFFF;

}


.issue-info-card {

    display: grid;

    grid-template-columns: repeat(7, 1fr);

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

    border-left: 1px solid var(--ijimr-border);

    background: #FFFFFF;

}


.issue-info-item {

    min-height: 112px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 22px 18px;

    border-right: 1px solid var(--ijimr-border);

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

}


.issue-info-item span {

    display: block;

    margin-bottom: 9px;

    color: var(--ijimr-sky-dark);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.4px;

    text-transform: uppercase;

}


.issue-info-item strong {

    color: var(--ijimr-blue);

    font-size: 14px;

    font-weight: 700;

    line-height: 1.4;

}


/* =========================================================
   ISSUE ACTIONS
========================================================= */

.issue-actions-section {

    padding: 25px 0 55px;

    background: #FFFFFF;

}


.issue-actions {

    display: flex;

    align-items: center;

    gap: 9px;

}


/* =========================================================
   BUTTON BASE
========================================================= */

.issue-primary-btn,
.issue-secondary-btn {

    min-height: 43px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    padding: 0 19px;

    border-radius: 0;

    font-size: 10px;

    font-weight: 800;

    cursor: pointer;

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

}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

.issue-primary-btn {

    color: #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--ijimr-blue),
            var(--ijimr-blue-light)
        );

    border: 1px solid var(--ijimr-blue);

}


.issue-primary-btn:hover {

    color: #FFFFFF;

    background: var(--ijimr-blue-dark);

    border-color: var(--ijimr-blue-dark);

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(18,59,99,.15);

}


/* =========================================================
   SECONDARY BUTTON
========================================================= */

.issue-secondary-btn {

    color: var(--ijimr-blue);

    background: #FFFFFF;

    border: 1px solid var(--ijimr-border);

}


.issue-secondary-btn:hover {

    color: var(--ijimr-blue);

    background: var(--ijimr-blue-soft);

    border-color: var(--ijimr-sky);

    transform: translateY(-2px);

}


/* =========================================================
   TABLE OF CONTENTS
========================================================= */

.table-of-contents {

    padding: 70px 0;

    background: var(--ijimr-offwhite);
    
    margin-top: -30px;

}


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

.toc-heading {

    display: grid;

    grid-template-columns: 1fr auto;

    gap: 40px;

    align-items: end;

    margin-bottom: 35px;

}


.toc-heading-left {

    max-width: 800px;

}


.toc-label {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: var(--ijimr-sky-dark);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.7px;

    text-transform: uppercase;

}


.toc-heading h2 {

    margin: 10px 0 0;

    color: var(--ijimr-blue-deep);

    font-size: clamp(29px, 4vw, 42px);

    line-height: 1.15;

    letter-spacing: -1px;

}


.toc-heading h2 span {

    color: var(--ijimr-sky-dark);

}


.toc-heading p {

    max-width: 720px;

    margin: 15px 0 0;

    color: var(--ijimr-muted);

    font-size: 13px;

    line-height: 1.75;

}


/* =========================================================
   ARTICLE COUNT
========================================================= */

.toc-count {

    min-width: 115px;

    padding: 18px;

    text-align: center;

    border: 1px solid var(--ijimr-border);

    background: #FFFFFF;

}


.toc-count strong {

    display: block;

    color: var(--ijimr-blue);

    font-size: 27px;

    line-height: 1;

}


.toc-count span {

    display: block;

    margin-top: 7px;

    color: var(--ijimr-muted);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;

}


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

.article-list {

    display: flex;

    flex-direction: column;

    gap: 11px;

}


/* =========================================================
   ARTICLE CARD
========================================================= */

.article-card {

    position: relative;

    display: grid;

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

    align-items: center;

    gap: 23px;

    min-height: 135px;

    padding: 22px;

    background: #FFFFFF;

    border: 1px solid var(--ijimr-border-light);

    border-radius: 0;

    box-shadow: none;

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

}


.article-card:hover {

    transform: translateY(-3px);

    border-color: rgba(56,169,232,.45);

    box-shadow:
        0 16px 35px rgba(7,29,49,.07);

}


/* =========================================================
   ARTICLE NUMBER
========================================================= */

.article-number {

    width: 62px;

    height: 70px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    color: #FFFFFF;

    background:
        linear-gradient(
            145deg,
            var(--ijimr-blue),
            var(--ijimr-blue-light)
        );

}


.article-number span {

    margin-bottom: 5px;

    color: rgba(255,255,255,.65);

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 1.1px;

    text-transform: uppercase;

}


.article-number strong {

    color: #FFFFFF;

    font-size: 22px;

    line-height: 1;

    font-weight: 800;

}


/* =========================================================
   ARTICLE MAIN
========================================================= */

.article-main {

    min-width: 0;

}


.article-type {

    display: flex;

    align-items: center;

    gap: 6px;

    margin-bottom: 7px;

    color: var(--ijimr-sky-dark);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.2px;

    text-transform: uppercase;

}


.article-type i {

    font-size: 9px;

}


.article-main h3 {

    margin: 0 0 8px;

    color: var(--ijimr-blue);

    font-size: 16px;

    line-height: 1.4;

    font-weight: 700;

}


.article-authors {

    display: flex;

    align-items: center;

    gap: 6px;

    margin: 0 0 9px;

    color: var(--ijimr-muted);

    font-size: 10px;

    line-height: 1.5;

}


.article-authors i {

    color: var(--ijimr-sky-dark);

    font-size: 9px;

}


.article-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

}


.article-meta span {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    color: var(--ijimr-muted);

    font-size: 8.5px;

    font-weight: 600;

}


.article-meta i {

    color: var(--ijimr-sky-dark);

    font-size: 8px;

}


.meta-divider {

    width: 3px;

    height: 3px;

    border-radius: 50%;

    background: var(--ijimr-sky);

}


/* =========================================================
   ARTICLE ACTION AREA
========================================================= */

.article-action {

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: center;

    gap: 7px;

    min-width: 145px;

}


/* =========================================================
   ARTICLE BUTTONS
========================================================= */

.article-view-btn,
.article-abstract-btn,
.article-pdf-btn {

    width: 100%;

    min-height: 39px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    padding: 9px 12px;

    border-radius: 0;

    font-size: 9px;

    font-weight: 800;

    line-height: 1.2;

    cursor: pointer;

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

}


/* =========================================================
   VIEW ARTICLE
========================================================= */

.article-view-btn {

    color: #FFFFFF;

    background: var(--ijimr-blue);

    border: 1px solid var(--ijimr-blue);

}


.article-view-btn:hover {

    color: #FFFFFF;

    background: var(--ijimr-blue-dark);

    border-color: var(--ijimr-blue-dark);

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(18,59,99,.15);

}


/* =========================================================
   ABSTRACT
========================================================= */

.article-abstract-btn {

    color: var(--ijimr-blue);

    background: #FFFFFF;

    border: 1px solid var(--ijimr-border);

}


.article-abstract-btn:hover {

    color: var(--ijimr-blue);

    background: var(--ijimr-blue-soft);

    border-color: var(--ijimr-sky);

    transform: translateY(-2px);

}


/* =========================================================
   PDF
========================================================= */

.article-pdf-btn {

    color: var(--ijimr-sky-dark);

    background: var(--ijimr-blue-soft);

    border: 1px solid var(--ijimr-border);

}


.article-pdf-btn:hover {

    color: var(--ijimr-blue);

    background: #EAF6FC;

    border-color: var(--ijimr-sky);

    transform: translateY(-2px);

}


.article-action i {

    font-size: 10px;

}


/* =========================================================
   HIDDEN ARTICLES
========================================================= */

.article-card.article-hidden {

    display: none;

}


/* =========================================================
   PAGINATION
========================================================= */

.issue-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

    margin-top: 32px;

}


.pagination-numbers {

    display: flex;

    align-items: center;

    gap: 6px;

}


.issue-pagination button {

    font-family: inherit;

}


/* =========================================================
   PAGINATION NUMBERS
========================================================= */

.pagination-number {

    min-width: 39px;

    height: 39px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--ijimr-border);

    border-radius: 0;

    color: var(--ijimr-muted);

    background: #FFFFFF;

    font-size: 9px;

    font-weight: 800;

    cursor: pointer;

    transition: .25s ease;

}


.pagination-number:hover {

    color: var(--ijimr-blue);

    background: var(--ijimr-blue-soft);

    border-color: var(--ijimr-sky);

}


.pagination-number.active {

    color: #FFFFFF;

    background: var(--ijimr-blue);

    border-color: var(--ijimr-blue);

}


/* =========================================================
   PAGINATION ARROWS
========================================================= */

.pagination-arrow {

    min-height: 39px;

    padding: 0 14px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

    border: 1px solid var(--ijimr-border);

    border-radius: 0;

    color: var(--ijimr-muted);

    background: #FFFFFF;

    font-size: 9px;

    font-weight: 800;

    cursor: pointer;

    transition: .25s ease;

}


.pagination-arrow:hover:not(:disabled) {

    color: var(--ijimr-blue);

    background: var(--ijimr-blue-soft);

    border-color: var(--ijimr-sky);

}


.pagination-arrow:disabled {

    opacity: .4;

    cursor: not-allowed;

}


/* =========================================================
   BUTTON CLICK
========================================================= */

.issue-primary-btn.button-clicked,
.issue-secondary-btn.button-clicked {

    transform: scale(.98);

}


/* =========================================================
   ABSTRACT MODAL
========================================================= */

.ijimr-abstract-modal {

    position: fixed;

    inset: 0;

    z-index: 99999;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 24px;

    visibility: hidden;

    opacity: 0;

    transition:
        opacity .25s ease,
        visibility .25s ease;

}


.ijimr-abstract-modal.is-open {

    visibility: visible;

    opacity: 1;

}


/* =========================================================
   MODAL OVERLAY
========================================================= */

.ijimr-abstract-modal .abstract-modal-overlay {

    position: absolute;

    inset: 0;

    background: rgba(7,29,49,.72);

    backdrop-filter: blur(6px);

    -webkit-backdrop-filter: blur(6px);

}


/* =========================================================
   MODAL BOX
========================================================= */

.ijimr-abstract-modal .abstract-modal-box {

    position: relative;

    width: min(760px, 100%);

    max-height: calc(100vh - 48px);

    display: flex;

    flex-direction: column;

    overflow: hidden;

    background: #FFFFFF;

    border: 1px solid var(--ijimr-border);

    border-radius: 0;

    box-shadow:
        0 30px 80px rgba(7,29,49,.30);

    transform:
        translateY(20px)
        scale(.98);

    transition:
        transform .3s ease;

}


.ijimr-abstract-modal.is-open
.abstract-modal-box {

    transform:
        translateY(0)
        scale(1);

}


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

.ijimr-abstract-modal .abstract-modal-header {

    flex-shrink: 0;

    min-height: 66px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 23px;

    color: #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--ijimr-blue-deep),
            var(--ijimr-blue)
        );

}


.ijimr-abstract-modal .abstract-modal-label {

    display: flex;

    align-items: center;

    gap: 8px;

    color: #FFFFFF;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}


.ijimr-abstract-modal .abstract-modal-label i {

    color: var(--ijimr-sky-light);

    font-size: 13px;

}


/* =========================================================
   MODAL CLOSE
========================================================= */

.ijimr-abstract-modal .abstract-modal-close {

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    color: #FFFFFF;

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

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

    border-radius: 50%;

    font-size: 13px;

    cursor: pointer;

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

}


.ijimr-abstract-modal .abstract-modal-close:hover {

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

    border-color: rgba(255,255,255,.4);

    transform: rotate(90deg);

}


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

.ijimr-abstract-modal .abstract-modal-content {

    padding: 30px;

    overflow-y: auto;

    scrollbar-width: thin;

}


.ijimr-abstract-modal .abstract-article-number {

    display: inline-block;

    margin-bottom: 9px;

    color: var(--ijimr-sky-dark);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}


.ijimr-abstract-modal
.abstract-modal-content h2 {

    margin: 0;

    color: var(--ijimr-blue-deep);

    font-size: clamp(22px, 3vw, 30px);

    line-height: 1.3;

    font-weight: 700;

}


.ijimr-abstract-modal
.abstract-modal-authors {

    display: flex;

    align-items: center;

    margin: 12px 0 0;

    color: var(--ijimr-muted);

    font-size: 12px;

    line-height: 1.6;

}


.ijimr-abstract-modal
.abstract-modal-authors i {

    margin-right: 7px;

    color: var(--ijimr-sky);

}


/* =========================================================
   DIVIDER
========================================================= */

.ijimr-abstract-modal .abstract-divider {

    width: 100%;

    height: 1px;

    margin: 22px 0;

    background: var(--ijimr-border-light);

}


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

.ijimr-abstract-modal .abstract-section {

    margin-bottom: 25px;

}


.ijimr-abstract-modal .abstract-section:last-child {

    margin-bottom: 0;

}


.ijimr-abstract-modal .abstract-section h3 {

    display: flex;

    align-items: center;

    gap: 7px;

    margin: 0 0 10px;

    color: var(--ijimr-blue);

    font-size: 13px;

    font-weight: 800;

}


.ijimr-abstract-modal .abstract-section h3 i {

    color: var(--ijimr-sky-dark);

    font-size: 11px;

}


.ijimr-abstract-modal .abstract-section p {

    margin: 0;

    color: #4D6477;

    font-size: 13px;

    line-height: 1.8;

}


/* =========================================================
   KEYWORDS
========================================================= */

.ijimr-abstract-modal .abstract-keywords {

    display: block;

    margin: 0;

    color: #4D6477;

    font-size: 12px;

    line-height: 1.8;

}


.ijimr-abstract-modal
.abstract-keywords span {

    display: inline;

    padding: 0;

    margin: 0;

    color: #4D6477;

    background: none;

    border: 0;

    font-size: inherit;

    font-weight: 400;

}


.ijimr-abstract-modal
.abstract-keywords span:not(:last-child)::after {

    content: ", ";

}


/* =========================================================
   MODAL FOOTER
========================================================= */

.ijimr-abstract-modal .abstract-modal-footer {

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 9px;

    padding: 15px 23px;

    background: var(--ijimr-offwhite);

    border-top: 1px solid var(--ijimr-border-light);

}


/* =========================================================
   MODAL BUTTONS
========================================================= */

.ijimr-abstract-modal
.abstract-modal-article-btn,

.ijimr-abstract-modal
.abstract-modal-pdf-btn {

    min-height: 41px;

    padding: 9px 16px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    border-radius: 0;

    font-size: 9px;

    font-weight: 800;

    text-decoration: none;

    transition: .25s ease;

}


/* Article */

.ijimr-abstract-modal
.abstract-modal-article-btn {

    color: #FFFFFF;

    background: var(--ijimr-blue);

    border: 1px solid var(--ijimr-blue);

}


.ijimr-abstract-modal
.abstract-modal-article-btn:hover {

    color: #FFFFFF;

    background: var(--ijimr-blue-dark);

    border-color: var(--ijimr-blue-dark);

    transform: translateY(-2px);

}


/* PDF */

.ijimr-abstract-modal
.abstract-modal-pdf-btn {

    color: var(--ijimr-sky-dark);

    background: #FFFFFF;

    border: 1px solid var(--ijimr-border);

}


.ijimr-abstract-modal
.abstract-modal-pdf-btn:hover {

    color: var(--ijimr-blue);

    background: var(--ijimr-blue-soft);

    border-color: var(--ijimr-sky);

    transform: translateY(-2px);

}


/* =========================================================
   BODY LOCK
========================================================= */

body.ijimr-modal-open {

    overflow: hidden;

}


/* =========================================================
   FOOTER FONT FIX
========================================================= */

.ijimr-issue-page footer,
.ijimr-issue-page .site-footer,
.ijimr-issue-page .ijimr-footer,
.ijimr-issue-page footer *,
.ijimr-issue-page .site-footer *,
.ijimr-issue-page .ijimr-footer * {

    font-family:
        "Poppins",
        "Inter",
        Arial,
        sans-serif !important;

}


.ijimr-issue-page footer h1,
.ijimr-issue-page footer h2,
.ijimr-issue-page footer h3,
.ijimr-issue-page footer h4,
.ijimr-issue-page .site-footer h1,
.ijimr-issue-page .site-footer h2,
.ijimr-issue-page .site-footer h3,
.ijimr-issue-page .site-footer h4 {

    font-family:
        "Poppins",
        "Inter",
        Arial,
        sans-serif !important;

    font-weight: 700 !important;

}


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

@media (max-width: 1050px) {

    .issue-container {

        width: min(100% - 32px, 900px);

    }


    /* Information */

    .issue-info-card {

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

    }


    .issue-info-item:nth-child(4) {

        border-right: 0;

    }


    .issue-info-item:nth-child(n+5) {

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

    }


    /* Articles */

    .article-card {

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

        gap: 19px;

    }


    .article-action {

        grid-column: 2;

        width: 100%;

        display: grid;

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

        gap: 7px;

        margin-top: 4px;

    }

}


/* =========================================================
   SMALL LAPTOP / TABLET
========================================================= */

@media (max-width: 850px) {

    .toc-heading {

        grid-template-columns: 1fr;

        gap: 18px;

    }


    .toc-count {

        width: max-content;

    }

}


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

@media (max-width: 760px) {

    .issue-container {

        width: calc(100% - 28px);

    }


    /* TITLE */

    .issue-title-section {

        padding: 35px 0 30px;

    }


    .issue-title-section h1 {

        font-size: 34px;

        letter-spacing: -.8px;

    }


    .issue-title-subtitle {

        font-size: 12px;

    }


    .issue-title-meta {

        margin-top: 16px;

    }


    /* INFORMATION */

    .issue-information {

        padding-top: 35px;

    }


    .issue-info-card {

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

    }


    .issue-info-item {

        min-height: 88px;

        padding: 17px 14px;

    }


    .issue-info-item:nth-child(even) {

        border-right: 0;

    }


    .issue-info-item:nth-child(n+3) {

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

    }


    /* ACTIONS */

    .issue-actions-section {

        padding: 20px 0 45px;

    }


    .issue-actions {

        flex-direction: column;

        align-items: stretch;

    }


    .issue-primary-btn,
    .issue-secondary-btn {

        width: 100%;

    }


    /* TOC */

    .table-of-contents {

        padding: 55px 0;

    }


    .toc-heading {

        margin-bottom: 27px;

    }


    .toc-heading h2 {

        font-size: 32px;

    }


    /* ARTICLE */

    .article-card {

        display: block;

        padding: 20px;

    }


    .article-number {

        margin-bottom: 18px;

    }


    .article-main h3 {

        font-size: 15px;

    }


    .article-action {

        display: grid;

        grid-template-columns: 1fr;

        width: 100%;

        margin-top: 18px;

        padding-top: 16px;

        border-top: 1px solid var(--ijimr-border-light);

    }


    .article-view-btn,
    .article-abstract-btn,
    .article-pdf-btn {

        min-height: 42px;

    }


    /* PAGINATION */

    .issue-pagination {

        margin-top: 26px;

        flex-wrap: wrap;

    }


    /* MODAL */

    .ijimr-abstract-modal {

        padding: 15px;

    }


    .ijimr-abstract-modal
    .abstract-modal-box {

        max-height: calc(100vh - 30px);

    }


    .ijimr-abstract-modal
    .abstract-modal-content {

        padding: 23px 19px;

    }

}


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

@media (max-width: 600px) {

    .issue-title-section {

        padding: 30px 0 27px;

    }


    .issue-title-section h1 {

        font-size: 30px;

    }


    .issue-title-label {

        font-size: 8px;

        letter-spacing: 1.4px;

    }


    .issue-title-subtitle {

        font-size: 11.5px;

        line-height: 1.65;

    }


    .issue-title-meta {

        flex-direction: row;

        gap: 6px;

    }


    .issue-title-meta span {

        padding: 6px 8px;

        font-size: 7.5px;

    }


    .issue-title-breadcrumb {

        font-size: 9px;

    }


    /* INFORMATION */

    .issue-information {

        padding-top: 28px;

    }


    .issue-info-item strong {

        font-size: 12px;

    }


    .issue-info-item span {

        font-size: 8px;

    }


    /* TOC */

    .table-of-contents {

        padding: 48px 0;

    }


    .toc-heading h2 {

        font-size: 29px;

    }


    .toc-heading p {

        font-size: 12.5px;

    }


    /* ARTICLE */

    .article-card {

        padding: 18px;

    }


    .article-number {

        width: 57px;

        height: 64px;

    }


    .article-number strong {

        font-size: 20px;

    }


    .article-main h3 {

        font-size: 14px;

        line-height: 1.5;

    }


    .article-authors {

        font-size: 9px;

    }


    .article-meta span {

        font-size: 8px;

    }


    /* PAGINATION */

    .pagination-number {

        min-width: 35px;

        height: 35px;

    }


    .pagination-arrow {

        min-height: 35px;

        padding: 0 10px;

    }


    /* MODAL */

    .ijimr-abstract-modal {

        padding: 9px;

    }


    .ijimr-abstract-modal
    .abstract-modal-box {

        max-height: calc(100vh - 18px);

    }


    .ijimr-abstract-modal
    .abstract-modal-header {

        min-height: 56px;

        padding: 0 15px;

    }


    .ijimr-abstract-modal
    .abstract-modal-label {

        font-size: 8px;

    }


    .ijimr-abstract-modal
    .abstract-modal-content {

        padding: 21px 16px;

    }


    .ijimr-abstract-modal
    .abstract-modal-content h2 {

        font-size: 20px;

    }


    .ijimr-abstract-modal
    .abstract-section p {

        font-size: 12.5px;

        line-height: 1.75;

    }


    .ijimr-abstract-modal
    .abstract-modal-footer {

        flex-direction: column;

        padding: 12px 16px;

    }


    .ijimr-abstract-modal
    .abstract-modal-article-btn,

    .ijimr-abstract-modal
    .abstract-modal-pdf-btn {

        width: 100%;

    }

}


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

@media (max-width: 420px) {

    .issue-container {

        width: calc(100% - 22px);

    }


    /* TITLE */

    .issue-title-section {

        padding: 27px 0 25px;

    }


    .issue-title-section h1 {

        font-size: 27px;

    }


    .issue-title-label {

        font-size: 7.5px;

        letter-spacing: 1.2px;

    }


    .issue-title-subtitle {

        font-size: 11px;

    }


    .issue-title-meta {

        flex-direction: column;

        align-items: flex-start;

    }


    .issue-title-meta span {

        font-size: 7.5px;

    }


    .issue-title-breadcrumb {

        font-size: 8.5px;

    }


    /* INFORMATION */

    .issue-info-card {

        grid-template-columns: 1fr;

    }


    .issue-info-item {

        min-height: 70px;

    }


    .issue-info-item:nth-child(even) {

        border-right: 1px solid var(--ijimr-border);

    }


    .issue-info-item:nth-child(n+2) {

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

    }


    /* ARTICLE */

    .article-card {

        padding: 15px;

    }


    .article-number {

        width: 51px;

        height: 58px;

    }


    .article-number strong {

        font-size: 18px;

    }


    .article-main h3 {

        font-size: 13px;

    }


    .article-authors {

        font-size: 8.5px;

    }


    .article-meta {

        gap: 5px;

    }


    .article-meta span {

        font-size: 7.5px;

    }


    /* PAGINATION */

    .pagination-number {

        min-width: 32px;

        height: 32px;

    }


    .pagination-arrow {

        min-height: 32px;

        font-size: 8.5px;

    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.article-view-btn:focus-visible,
.article-abstract-btn:focus-visible,
.article-pdf-btn:focus-visible,
.issue-primary-btn:focus-visible,
.issue-secondary-btn:focus-visible,
.pagination-number:focus-visible,
.pagination-arrow:focus-visible,
.abstract-modal-close:focus-visible {

    outline: 3px solid rgba(56,169,232,.25);

    outline-offset: 2px;

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ijimr-issue-page *,
    .ijimr-issue-page *::before,
    .ijimr-issue-page *::after,
    .ijimr-abstract-modal,
    .ijimr-abstract-modal * {

        transition: none !important;

        animation: none !important;

        scroll-behavior: auto !important;

    }

}
/* =========================================================
   IJIMR — VOLUME 1 ISSUE 1
   PREMIUM PROFESSIONAL ISSUE HEADER
   HERO BANNER COMPLETELY REMOVED
========================================================= */


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

.ijimr-v1i1-heading {

    position: relative;

    background: #ffffff;

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

    overflow: hidden;

}


/* =========================================================
   PREMIUM TOP LINE
========================================================= */

.ijimr-v1i1-heading::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--ijimr-blue-deep) 0%,
            var(--ijimr-blue) 55%,
            var(--ijimr-sky) 100%
        );

}


/* =========================================================
   VERY SUBTLE BACKGROUND DETAIL
========================================================= */

.ijimr-v1i1-heading::after {

    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: -240px;
    top: -260px;

    border: 1px solid rgba(56,169,232,.08);

    border-radius: 50%;

    box-shadow:
        0 0 0 35px rgba(56,169,232,.025),
        0 0 0 70px rgba(56,169,232,.015);

    pointer-events: none;

}


/* =========================================================
   TOP ROW
========================================================= */

.v1i1-heading-top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 23px 0 18px;

    border-bottom: 1px solid var(--ijimr-border-light);

}


/* =========================================================
   KICKER
========================================================= */

.v1i1-kicker {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: var(--ijimr-sky-dark);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.8px;

    text-transform: uppercase;

}


.v1i1-kicker::before {

    content: "";

    width: 22px;
    height: 2px;

    background: var(--ijimr-sky);

}


/* =========================================================
   VOLUME INDEX
========================================================= */

.v1i1-index {

    display: flex;

    align-items: center;

    gap: 9px;

    color: var(--ijimr-muted);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.4px;

}


.v1i1-index b {

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: var(--ijimr-sky);

}


/* =========================================================
   MAIN HEADING AREA
========================================================= */

.v1i1-heading-main {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

    padding: 30px 0 28px;

}


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

.v1i1-title-block {

    min-width: 0;

}


.v1i1-title-block h1 {

    margin: 0;

    color: var(--ijimr-blue-deep);

    font-size: clamp(36px, 4vw, 44px);

    line-height: .98;

    font-weight: 700;

    letter-spacing: -2.4px;

}


.v1i1-title-block h1 em {

    display: inline-block;

    margin-left: 8px;

    color: var(--ijimr-sky-dark);

    font-style: normal;

    font-weight: 500;

}


.v1i1-title-block p {

    margin: 14px 0 0;

    color: var(--ijimr-text);

    font-size: 13px;

    font-weight: 500;

    line-height: 1.6;

}


/* =========================================================
   DATE BLOCK
========================================================= */

.v1i1-date-block {

    position: relative;

    flex-shrink: 0;

    min-width: 205px;

    padding-left: 24px;

    border-left: 2px solid var(--ijimr-sky);

}


.v1i1-date-block span {

    display: block;

    margin-bottom: 6px;

    color: var(--ijimr-muted);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}


.v1i1-date-block strong {

    display: block;

    color: var(--ijimr-blue);

    font-size: 16px;

    font-weight: 700;

    line-height: 1.3;

}


.v1i1-date-block small {

    display: block;

    margin-top: 6px;

    color: var(--ijimr-muted);

    font-size: 9px;

    line-height: 1.4;

}


/* =========================================================
   BOTTOM ROW
========================================================= */

.v1i1-heading-bottom {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding: 13px 0;

    border-top: 1px solid var(--ijimr-border-light);

}


/* =========================================================
   BREADCRUMB
========================================================= */

.v1i1-breadcrumb {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    font-size: 9px;

}


.v1i1-breadcrumb a {

    color: var(--ijimr-sky-dark);

    font-weight: 700;

}


.v1i1-breadcrumb i {

    color: #AAB9C5;

    font-size: 7px;

}


.v1i1-breadcrumb span {

    color: var(--ijimr-muted);

}


/* =========================================================
   STATUS
========================================================= */

.v1i1-status {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: var(--ijimr-blue);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;

}


.status-dot {

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--ijimr-sky);

    box-shadow:
        0 0 0 4px rgba(56,169,232,.10);

}


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

@media (max-width: 760px) {

    .v1i1-heading-top {

        padding: 19px 0 15px;

    }

    .v1i1-heading-main {

        align-items: flex-start;

        flex-direction: column;

        gap: 20px;

        padding: 26px 0 23px;

    }

    .v1i1-title-block h1 {

        font-size: 40px;

        letter-spacing: -1.5px;

    }

    .v1i1-title-block p {

        font-size: 12px;

    }

    .v1i1-date-block {

        min-width: 0;

        width: 100%;

        padding: 12px 0 0 16px;

    }

}


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

@media (max-width: 600px) {

    .v1i1-heading-top {

        align-items: flex-start;

        flex-direction: column;

        gap: 10px;

    }

    .v1i1-index {

        font-size: 7px;

    }

    .v1i1-heading-main {

        padding: 23px 0 20px;

    }

    .v1i1-title-block h1 {

        font-size: 34px;

        line-height: 1;

    }

    .v1i1-title-block h1 em {

        margin-left: 3px;

    }

    .v1i1-title-block p {

        margin-top: 12px;

        font-size: 11px;

    }

    .v1i1-date-block strong {

        font-size: 14px;

    }

    .v1i1-heading-bottom {

        align-items: flex-start;

        flex-direction: column;

        gap: 11px;

    }

}


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

@media (max-width: 420px) {

    .v1i1-heading-top {

        padding: 17px 0 13px;

    }

    .v1i1-kicker {

        font-size: 7px;

        letter-spacing: 1.3px;

    }

    .v1i1-heading-main {

        padding: 21px 0 18px;

    }

    .v1i1-title-block h1 {

        font-size: 29px;

        letter-spacing: -1px;

    }

    .v1i1-title-block p {

        font-size: 10px;

        line-height: 1.55;

    }

    .v1i1-date-block {

        padding-left: 13px;

    }

    .v1i1-date-block strong {

        font-size: 13px;

    }

    .v1i1-breadcrumb {

        font-size: 8px;

    }

    .v1i1-status {

        font-size: 7px;

    }

}
/* =========================================================
   IJIMR V1I1 — TITLE SPACING ONLY
   TEXT SIZE / DESIGN UNCHANGED
========================================================= */

/* Top small row */
.v1i1-heading-top {
    padding: 10px 0 8px;
}

/* Main title area */
.v1i1-heading-main {
    padding: 14px 0 12px;
    gap: 20px;
}

/* Title subtitle spacing */
.v1i1-title-block p {
    margin-top: 7px;
}

/* Published information */
.v1i1-date-block span {
    margin-bottom: 4px;
}

.v1i1-date-block small {
    margin-top: 4px;
}

/* Bottom breadcrumb row */
.v1i1-heading-bottom {
    padding: 7px 0;
}


/* =========================================================
   MOBILE — SPACING ONLY
========================================================= */

@media (max-width: 760px) {

    .v1i1-heading-top {
        padding: 9px 0 7px;
    }

    .v1i1-heading-main {
        padding: 12px 0 10px;
        gap: 12px;
    }

    .v1i1-title-block p {
        margin-top: 6px;
    }

    .v1i1-date-block {
        padding-top: 5px;
    }

    .v1i1-heading-bottom {
        padding: 6px 0;
    }

}


/* =========================================================
   SMALL MOBILE — SPACING ONLY
========================================================= */

@media (max-width: 420px) {

    .v1i1-heading-top {
        padding: 8px 0 6px;
    }

    .v1i1-heading-main {
        padding: 10px 0 8px;
        gap: 10px;
    }

    .v1i1-title-block p {
        margin-top: 5px;
    }

    .v1i1-date-block {
        padding-top: 4px;
    }

    .v1i1-heading-bottom {
        padding: 5px 0;
    }

}