@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --primary: #1f68ce;
    --primary-dark: #154fa1;
    --primary-light: #e8f0fe;
    --primary-light-hover: #d4e4fd;
    --accent: #f59e0b;
    /* Warm gold for key highlight metrics */
    --accent-dark: #d97706;

    --text-main: #1e293b;
    --text-muted: #64748b;
    --text-light: #94a3b8;
    --bg-body: #ffffff;
    --bg-card: #ffffff;
    --border-color: #e2e8f0;

    --font-sans: 'Inter', sans-serif;
    --font-title: 'Inter', sans-serif;

    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;

    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
}

html {
    scrollbar-gutter: stable;
}

/* Base Resets */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-sans);
    background-color: var(--bg-body);
    color: var(--text-main);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* ══════════════════════════════════════════════════════════════════════
   GLOBAL UNIFIED TYPOGRAPHY ('Inter' Font Across Entire Website)
   Exact match with Menu font family: all titles, paragraphs, home page & inner pages
   ══════════════════════════════════════════════════════════════════════ */
html,
body,
p,
div,
span,
a,
button,
input,
select,
textarea,
label,
h1,
h2,
h3,
h4,
h5,
h6,
.main-navbar,
.nav-container,
.nav-menu,
.nav-item,
.nav-link,
.dropdown-menu,
.dropdown-link,
.mobile-nav-bar,
.mobile-nav-brand,
.mobile-header-menu-btn,
.site-header-v6,
.pro-journal-desc,
.pro-journal-desc p,
.pro-welcome-header,
.pro-welcome-title,
.pro-welcome-title .welcome-black,
.pro-welcome-title .welcome-blue,
.banner-title,
.banner-description,
.mobile-showcase-section,
.pro-issue-header,
.metrics-panel-title,
.call-for-papers-title,
.sidebar-widget-title,
.about-box-title,
.pro-indexing-title,
.archive-main-title,
.issue-page-title,
.art-main-heading,
.ugc-pro-title,
.join-hero-title,
.content-box h1 {
    font-family: 'Inter', sans-serif !important;
}

/* Global Paragraph Font Size (15px) */
p,
.pro-journal-desc p,
.about-main-card p,
.about-content-section p,
.about-text-content p,
.article-detail-container p,
.ugc-text-content p,
.ugc-desc-text,
.pro-indexing-desc,
.pro-scope-intro,
.pro-scope-details,
.policy-content p,
.author-guidelines p,
.peer-review-content p,
.contact-card-content p,
.content-box p {
    font-size: 15px;
    line-height: 1.68;
}

a {
    color: var(--primary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover {
    color: var(--primary-dark);
}

ul {
    list-style: none;
}

/* Container */
.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* Top Utility Bar */
.top-bar {
    background-color: #0f172a;
    color: #cbd5e1;
    font-size: 0.775rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.top-bar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-bar-left,
.top-bar-right {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.top-bar a {
    color: #cbd5e1;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.top-bar a:hover {
    color: #ffffff;
}

.top-bar-divider {
    color: #475569;
}

/* Language Dropdown Selector */
.lang-selector {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* ════════════════════════════════════════════════
   SITE HEADER v6 — Redesigned
   ════════════════════════════════════════════════ */

.site-header-v6 {
    background: #ffffff;
    padding: 0;
    border-bottom: 2px solid #e2e8f0;
}

.header-container-v6 {
    display: grid;
    grid-template-columns: 190px 1fr 440px;
    align-items: center;
    column-gap: 2rem;
    row-gap: 1rem;
    background-image: url('../img/map-fig.png');
    background-size: auto 100%;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 0.35rem 1.5rem;
}

/* ── Left Column: Logo & Badge ── */
.hdr-col-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0;
}

.journal-logo-link {
    display: block;
    flex-shrink: 0;
    transition: none;
    cursor: pointer;
}

.journal-logo-link:hover,
.journal-logo-link:active,
.journal-logo-link:focus,
.journal-logo-img:hover,
.journal-logo-img:active,
.journal-logo-img:focus {
    transform: none !important;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.08)) !important;
}

.journal-logo-img {
    width: 195px;
    height: 195px;
    object-fit: contain;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.08));
    transition: none;
}

.journal-logo-badge {
    background-color: transparent;
    color: #000;
    font-family: var(--font-title);
    font-size: 0.88rem;
    font-weight: 800;
    padding: 0;
    margin-top: -0.25rem;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    box-shadow: none;
}

/* ── Center Column: Title & Metadata ── */
.hdr-col-center {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.title-top-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 0.35rem;
}

.abbr-squares-row {
    display: flex;
    gap: 0.35rem;
}

.abbr-square {
    width: 28px;
    height: 28px;
    background-color: var(--primary);
    color: #ffffff;
    font-family: var(--font-title);
    font-size: 1.15rem;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.journal-doi-badge {
    background-color: transparent;
    color: #475569;
    font-family: var(--font-title);
    font-size: 0.78rem;
    font-weight: 700;
    margin-top: 0.2rem;
    text-align: center;
    white-space: nowrap;
}

.no-break-word {
    white-space: nowrap !important;
    display: inline-block;
}

.journal-title-v6 {
    font-family: var(--font-title);
    font-size: 1.65rem;
    font-weight: 800;
    color: #1e293b;
    letter-spacing: -0.01em;
    margin: 0 0 0.45rem 0;
    text-transform: none;
    border-bottom: 1px solid #e2e8f0;
    /* Thin underline */
    padding-bottom: 0.45rem;
    line-height: 1.25;
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: none;
}

.journal-tagline {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-muted);
    margin: 0 0 0.5rem 0;
    letter-spacing: 0.01em;
}

.journal-meta-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--primary);
    background-color: var(--primary-light);
    padding: 0.35rem 0.85rem;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(31, 104, 206, 0.12);
}

.meta-item {
    display: flex;
    align-items: center;
}

.meta-divider {
    color: rgba(31, 104, 206, 0.25);
    font-weight: 300;
}

/* ── Right Column: Email & 2x2 Partner Logos Map ── */
.hdr-col-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 0.5rem;
}

.email-contact-v6 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: 0.25rem;
}

.email-icon-wrapper {
    width: 26px;
    height: 26px;
    background-color: var(--primary);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
}

.email-text-v6 a {
    color: var(--primary);
    text-decoration: none;
}

.email-text-v6 a:hover {
    text-decoration: underline;
}

.partner-logos-map-container {
    padding: 0;
    width: 440px;
    max-width: 100%;
}

/* 2×2 grid layout for the 4 partner logos */
.partner-logos-grid-v6 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.65rem 1rem;
    width: 100%;
}

/* Clean white card badge for all logos */
.partner-logo-item-v6 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
    height: 82px;
    padding: 6px 10px;
    overflow: hidden;
    text-decoration: none;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.partner-logo-item-v6:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

/* Base image reset – individual sizes are set per logo class below */
.partner-logo-img-v6 {
    display: block;
    max-width: 100%;
    height: auto;
    background: transparent;
    border: none;
    box-shadow: none;
    filter: none;
    opacity: 1;
    object-fit: contain;
    transform: none;
}

/* ── ORCID logo ──────────────────────────────────────────────────────────
   Official look: green 'iD' badge + "ORCID" wordmark + tagline.
   Wider than tall. Set explicit width; height follows naturally. */
.logo-cope {
    width: 135px;
    height: auto;
    object-fit: contain;
}

/* ── Crossref / DOI logo ─────────────────────────────────────────────────
   Very wide logo with triangles + "Crossref doi" text. */
.logo-crossref {
    width: 155px;
    height: auto;
    object-fit: contain;
}

/* ── Google Scholar logo ─────────────────────────────────────────────────
   Wide "Google scholar" wordmark – already looks good. */
.logo-google {
    width: 135px;
    height: 56px;
    object-fit: contain;
}

/* ── Open Access logo ────────────────────────────────────────────────────
   Square-ish padlock + "OPEN ACCESS" text – dedicated width separate
   from other logos to preserve its compact square proportions. */
.logo-issn {
    width: 125px;
    height: auto;
    object-fit: contain;
}


/* Navigation Bar */
.main-navbar {
    background-color: var(--primary);
    color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: var(--shadow-md);
    transition: background-color var(--transition-normal);
}

.main-navbar.scrolled {
    background-color: rgba(31, 104, 206, 0.95);
    backdrop-filter: blur(8px);
}

.nav-container {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.nav-menu {
    display: flex;
    align-items: stretch;
    margin: 0;
    padding: 0;
}

.nav-item {
    position: relative;
    display: flex;
    align-items: stretch;
}

.nav-link {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 1rem 0.55rem;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    transition: all var(--transition-fast);
}

.nav-link:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.12);
}

.nav-item.active .nav-link {
    color: #ffffff;
    background-color: #ff9e1b;
    /* Solid orange background */
}

/* Dropdown Menu */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #1f68ce;
    min-width: 275px;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.22);
    border: none;
    border-top: 3px solid #ff9e1b;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);
    z-index: 101;
}

.nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-link {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff;
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    padding: 0.52rem 1.15rem !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    transition: background-color var(--transition-fast), padding-left var(--transition-fast);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    white-space: nowrap !important;
}

.dropdown-link i {
    width: 18px !important;
    min-width: 18px !important;
    text-align: center !important;
    font-size: 0.82rem !important;
    color: #bfdbfe !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 0.25rem !important;
    transition: color var(--transition-fast);
}

.dropdown-link:last-child {
    border-bottom: none;
}

.dropdown-link:hover {
    background-color: #154fa1;
    color: #ffffff;
    padding-left: 1.35rem !important;
}

.dropdown-link:hover i {
    color: #ffb74d !important;
}

/* Action button in Nav */
.nav-cta-btn {
    background-color: var(--accent);
    color: #1e293b !important;
    font-weight: 700 !important;
    padding: 0.5rem 1.125rem;
    border-radius: var(--radius-sm);
    box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.03em;
    transition: all var(--transition-fast) !important;
}

.nav-cta-btn:hover {
    background-color: var(--accent-dark);
    color: #ffffff !important;
    box-shadow: 0 4px 6px rgba(217, 119, 6, 0.3);
    transform: translateY(-1px);
}

/* Announcement Ticker */
.announcement-ticker {
    background-color: var(--primary-light);
    border-bottom: 1px solid rgba(31, 104, 206, 0.1);
    padding: 0.5rem 0;
    font-size: 0.825rem;
    font-weight: 500;
}

.ticker-content {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ticker-label {
    background-color: var(--primary);
    color: #ffffff;
    padding: 0.125rem 0.625rem;
    border-radius: var(--radius-sm);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.725rem;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.ticker-scroll {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.ticker-scroll p {
    display: inline-block;
    padding-left: 100%;
    animation: ticker 25s linear infinite;
    color: var(--primary-dark);
}

@keyframes ticker {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

/* Main Layout Grid */
.main-layout {
    display: grid;
    grid-template-columns: 280px 1fr 280px;
    gap: 1.75rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

/* Sidebar Cards & Styling */
.sidebar-card {
    background-color: var(--bg-card);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.sidebar-card:hover {
    box-shadow: var(--shadow-md);
}

.card-title {
    font-family: var(--font-title);
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    background-color: var(--primary);
    padding: 0.625rem 1rem;
    margin: -1.25rem -1.25rem 1.25rem -1.25rem;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    text-transform: uppercase;
    font-size: 0.825rem;
    letter-spacing: 0.04em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Sidebar lists & links */
.sidebar-links-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sidebar-link-item a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-main);
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.5rem;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
    border-bottom: 1px solid #f1f5f9;
}

.sidebar-link-item a:last-child {
    border-bottom: none;
}

.sidebar-link-item a:hover {
    background-color: var(--primary-light);
    color: var(--primary-dark);
    padding-left: 0.75rem;
}

/* Quick contact info style */
.sidebar-contact-info {
    font-size: 0.825rem;
    color: var(--text-muted);
}

.sidebar-contact-info p {
    margin-bottom: 0.75rem;
    display: flex;
    gap: 0.5rem;
}

.sidebar-contact-info p i {
    color: var(--primary);
    margin-top: 0.25rem;
}

/* Center Content styling */
.main-content-area {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.content-section-card {
    background-color: var(--bg-card);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    padding: 2rem;
}

.section-title {
    font-family: var(--font-title);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-dark);
    margin-bottom: 1rem;
    position: relative;
    padding-bottom: 0.5rem;
}

.section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: var(--accent);
    border-radius: 9999px;
}

.intro-text {
    font-size: 0.95rem;
    color: var(--text-main);
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.journal-highlight-box {
    border-left: 4px solid var(--primary);
    background-color: var(--primary-light);
    padding: 1.25rem;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    font-size: 0.9rem;
    color: var(--primary-dark);
    font-weight: 500;
    margin-bottom: 1.5rem;
}

/* Table styling */
.stats-table-wrapper {
    overflow-x: auto;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    margin: 1.5rem 0;
}

.stats-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    text-align: left;
}

.stats-table th {
    background-color: var(--primary-light);
    color: var(--primary-dark);
    font-weight: 600;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid var(--border-color);
}

.stats-table td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-main);
}

.stats-table tr:last-child td {
    border-bottom: none;
}

.stats-table tr:hover td {
    background-color: #f8fafc;
}

.stats-table .highlight-text {
    font-weight: 700;
    color: var(--primary);
}

/* Call For Papers Badge Left Column */
.call-papers-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.875rem;
    padding: 0.5rem 0;
}

.call-badge-img {
    width: 100%;
    max-width: 180px;
    height: auto;
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition-normal);
}

.call-badge-img:hover {
    transform: scale(1.05);
}

.btn-sidebar-submit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: var(--primary);
    color: #ffffff;
    font-weight: 700;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    font-size: 0.825rem;
    letter-spacing: 0.05em;
    box-shadow: 0 4px 6px -1px rgba(31, 104, 206, 0.2);
    transition: all var(--transition-fast);
}

.btn-sidebar-submit:hover {
    background-color: var(--primary-dark);
    color: #ffffff;
    box-shadow: 0 6px 8px -1px rgba(21, 79, 161, 0.3);
    transform: translateY(-1px);
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .main-layout {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    /* Redesigned Header Responsiveness */
    .header-container-v6 {
        grid-template-columns: 1fr;
        justify-content: center;
        gap: 1.25rem;
        text-align: center;
    }

    .hdr-col-left {
        gap: 0.25rem;
    }

    .journal-logo-img {
        width: 140px;
        height: 140px;
    }

    .hdr-col-center {
        align-items: center;
        text-align: center;
    }

    .title-top-row {
        justify-content: center;
        flex-wrap: wrap;
    }

    .hdr-col-right {
        align-items: center;
        margin-top: 0.5rem;
    }
}

@media (max-width: 768px) {
    .journal-meta-row {
        flex-direction: column;
        gap: 0.45rem;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    .meta-divider {
        display: none;
    }
}

/* ════════════════════════════════════════════════
   MODERN BANNER ROTATION SLIDER
   ════════════════════════════════════════════════ */
.banner-slider-section {
    position: relative;
    width: 100%;
    height: 480px;
    overflow: hidden;
    background-color: #0f172a;
    box-shadow: var(--shadow-md);
}

.banner-slider-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner-slides-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
    z-index: 1;
    overflow: hidden;
}

.banner-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

/* Standard high-quality cover images */
.banner-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Left-aligned gradient overlay to keep text highly readable while leaving the right side of the banner fully bright */
.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.7) 0%, rgba(15, 23, 42, 0.45) 35%, rgba(15, 23, 42, 0.15) 60%, rgba(15, 23, 42, 0) 80%);
    z-index: 3;
}

/* Slide Content/Captions */
.banner-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: flex;
    align-items: center;
}

.banner-content-wrapper .container {
    width: 100%;
}

.banner-caption {
    max-width: 650px;
    padding: 0 2rem 0 3.5rem;
    color: #ffffff;
    background: transparent;
    border: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.banner-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(245, 158, 11, 0.2);
    border: 1px solid var(--accent);
    color: var(--accent);
    font-family: var(--font-title);
    font-size: 0.775rem;
    font-weight: 700;
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
    margin-bottom: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.banner-slide.active .banner-badge {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.banner-title {
    font-family: var(--font-title);
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    opacity: 0;
    transform: translateY(35px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 4px 20px rgba(0, 0, 0, 0.6);
}

.banner-slide.active .banner-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

.banner-description {
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    color: #cbd5e1;
    opacity: 0;
    transform: translateY(25px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8), 0 2px 10px rgba(0, 0, 0, 0.6);
}

.banner-slide.active .banner-description {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.7s;
}

.banner-actions {
    display: flex;
    gap: 1rem;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.banner-slide.active .banner-actions {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.9s;
}

.btn-banner-primary {
    background-color: var(--primary);
    color: #ffffff;
    font-family: var(--font-title);
    font-weight: 700;
    padding: 0.85rem 1.75rem;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    font-size: 0.825rem;
    letter-spacing: 0.05em;
    transition: all var(--transition-fast);
    box-shadow: 0 4px 12px rgba(31, 104, 206, 0.3);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-banner-primary:hover {
    background-color: var(--primary-dark);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(21, 79, 161, 0.4);
}

.btn-banner-secondary {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);
    font-family: var(--font-title);
    font-weight: 700;
    padding: 0.85rem 1.75rem;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    font-size: 0.825rem;
    letter-spacing: 0.05em;
    transition: all var(--transition-fast);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-banner-secondary:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
    color: #ffffff;
    transform: translateY(-2px);
}

/* Glassmorphic Arrows */
.banner-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(15, 23, 42, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    transition: all var(--transition-normal);
    backdrop-filter: blur(8px);
    opacity: 0;
}

.banner-slider-section:hover .banner-arrow {
    opacity: 1;
}

.banner-arrow:hover {
    background: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 4px 12px rgba(31, 104, 206, 0.3);
    transform: translateY(-50%) scale(1.05);
}

.banner-arrow-left {
    left: 1.5rem;
}

.banner-arrow-right {
    right: 1.5rem;
}

/* Indicator Dots */
.banner-dots {
    display: none;
}

.banner-dot {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    cursor: pointer;
    transition: all var(--transition-normal);
}

.banner-dot:hover {
    background: rgba(255, 255, 255, 0.7);
}

.banner-dot.active {
    width: 28px;
    height: 8px;
    border-radius: 9999px;
    background: var(--accent);
    box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);
}

/* Responsiveness for Slider */
@media (max-width: 1024px) {
    .banner-slider-section {
        height: auto;
    }

    .banner-title {
        font-size: 2rem;
    }

    .banner-description {
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 768px) {
    .banner-slider-section {
        height: auto;
    }

    .banner-caption {
        padding: 1.25rem;
        max-width: calc(100% - 2rem);
        margin: 0 1rem;
    }

    .banner-badge {
        font-size: 0.7rem;
        padding: 0.25rem 0.65rem;
        margin-bottom: 0.75rem;
    }

    .banner-title {
        font-size: 1.5rem;
        margin-bottom: 0.75rem;
    }

    .banner-description {
        font-size: 0.85rem;
        margin-bottom: 1.25rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .btn-banner-primary,
    .btn-banner-secondary {
        padding: 0.65rem 1.25rem;
        font-size: 0.75rem;
    }

    .banner-arrow {
        width: 40px;
        height: 40px;
        font-size: 0.85rem;
        opacity: 0.7;
        /* Always visible on touch screens */
    }

    .banner-arrow-left {
        left: 0.75rem;
    }

    .banner-arrow-right {
        right: 0.75rem;
    }
}

/* ════════════════════════════════════════════════
   ULTRA-PROFESSIONAL MAIN BODY REDESIGN
   ════════════════════════════════════════════════ */

/* Professional Card Layouts */
.sidebar-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1.5rem;
    margin-bottom: 1.75rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    transition: box-shadow var(--transition-normal);
}

.sidebar-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.08);
}

.card-title {
    font-family: var(--font-title);
    font-size: 0.9rem;
    font-weight: 800;
    color: #0f1c3f;
    background-color: transparent;
    padding: 0 0 0.75rem 0;
    margin: 0 0 1.25rem 0;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-bottom: 1px solid #f1f5f9;
}

/* Call For Papers */
.call-papers-container-v6 {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.regional-lang-box {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #ff9e1b;
    border-radius: 4px;
    padding: 1rem;
}

.regional-lang-title {
    font-size: 0.85rem;
    font-weight: 700;
    color: #0f1c3f;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.65rem;
}

.new-badge {
    background-color: #ef4444;
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 0.125rem 0.45rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.lang-list {
    font-size: 0.8rem;
    color: #475569;
    line-height: 1.6;
    padding-left: 1rem;
    list-style-type: disc;
}

.lang-list li {
    margin-bottom: 0.35rem;
}

.lang-list-intl {
    margin-top: 0.65rem;
    border-top: 1px dashed #e2e8f0;
    padding-top: 0.65rem;
    font-weight: 700;
    color: var(--primary);
    list-style-type: none;
    padding-left: 0;
}

.btn-submit-paper-v6 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.85rem 1rem;
    background: #0f1c3f;
    color: #ffffff;
    font-weight: 700;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.06em;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(15, 28, 63, 0.12);
}

.btn-submit-paper-v6:hover {
    background: #1e3a8a;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(15, 28, 63, 0.2);
}

/* Subject Area Widgets */
.subject-group {
    margin-bottom: 1.5rem;
}

.subject-group:last-child {
    margin-bottom: 0;
}

.subject-header-v6 {
    font-family: var(--font-title);
    font-size: 0.8rem;
    font-weight: 800;
    color: #0f1c3f;
    padding: 0.25rem 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.subject-links-list-v6 {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.subject-link-item-v6 a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.45rem 0.5rem;
    color: #475569;
    font-size: 0.825rem;
    font-weight: 500;
    border-radius: 4px;
    transition: all var(--transition-fast);
}

.subject-link-item-v6 a:hover {
    background-color: #f8fafc;
    color: var(--primary);
    padding-left: 0.75rem;
}

.subject-link-item-v6 a i {
    font-size: 0.65rem;
    opacity: 0.4;
    transition: transform var(--transition-fast);
}

.subject-link-item-v6 a:hover i {
    transform: translateX(2px);
    opacity: 1;
    color: var(--primary);
}

/* Center Content Area */
.content-section-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 2.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.welcome-header-container {
    text-align: center;
    margin-bottom: 2rem;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 1.25rem;
}

.welcome-title-v6 {
    font-family: var(--font-title);
    font-size: 1.75rem;
    font-weight: 800;
    color: #0f1c3f;
    line-height: 1.35;
    margin-bottom: 0.5rem;
}

.welcome-stars {
    display: flex;
    justify-content: center;
    gap: 0.35rem;
    color: #ff9e1b;
    font-size: 0.75rem;
}

/* Center welcome grid details */
.welcome-intro-block {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 2.5rem;
}

@media (max-width: 640px) {
    .welcome-intro-block {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

/* Journal Cover Mockup */
.journal-cover-wrapper {
    width: 170px;
    height: 240px;
    border: 1px solid #cbd5e1;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    overflow: hidden;
    background-color: #ffffff;
}

.journal-cover-design {
    width: 100%;
    height: 100%;
    background-color: #0f1c3f;
    padding: 1rem;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    position: relative;
}

.cover-issn {
    font-size: 0.6rem;
    font-weight: 700;
    color: #ff9e1b;
    letter-spacing: 0.05em;
}

.cover-title {
    font-family: var(--font-title);
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.4;
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: 0.5rem 0;
    width: 100%;
}

.cover-sub {
    font-size: 0.5rem;
    color: #94a3b8;
    text-transform: uppercase;
    font-weight: 600;
}

.cover-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.cover-logo-circle {
    width: 28px;
    height: 28px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}

.cover-logo-circle img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

.cover-editor {
    font-size: 0.45rem;
    font-weight: 700;
    color: #cbd5e1;
    text-transform: uppercase;
}

/* Key Info & Metrics section */
.metrics-section-title {
    font-family: var(--font-title);
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f1c3f;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 0.5rem;
}

.metrics-dashboard-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

@media (max-width: 768px) {
    .metrics-dashboard-grid {
        grid-template-columns: 1fr;
    }
}

.metrics-board-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    overflow: hidden;
}

.metrics-board-header {
    background-color: #f8fafc;
    color: #0f1c3f;
    padding: 0.85rem 1rem;
    font-family: var(--font-title);
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.metrics-board-body {
    display: flex;
    flex-direction: column;
}

.metrics-board-row {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.825rem;
    transition: background-color var(--transition-fast);
}

.metrics-board-row:last-child {
    border-bottom: none;
}

.metrics-board-row:hover {
    background-color: #f8fafc;
}

.metrics-board-label {
    padding: 0.75rem 1rem;
    font-weight: 700;
    color: #475569;
    background-color: #fafbfb;
    border-right: 1px solid #e2e8f0;
}

.metrics-board-value {
    padding: 0.75rem 1rem;
    color: #0f1c3f;
    font-weight: 500;
}

.metrics-board-value.highlight {
    color: var(--primary);
    font-weight: 700;
}

/* Subscription details */
.subscription-card {
    border: 1px solid #cbd5e1;
    border-top: 3px solid #ff9e1b;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 1.25rem;
    text-align: center;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.subscription-title {
    font-family: var(--font-title);
    font-size: 0.85rem;
    font-weight: 800;
    color: #0f1c3f;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.subscription-text {
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.5rem;
}

.subscription-rec {
    font-size: 0.75rem;
    color: #ef4444;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* UGC Alert Link */
.ugc-alert-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: #ffffff;
    border: 1px solid #f59e0b;
    color: #b45309;
    font-weight: 700;
    font-size: 0.8rem;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    margin-bottom: 1.5rem;
    transition: all var(--transition-fast);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.ugc-alert-link:hover {
    background-color: #fef3c7;
    color: #b45309;
    transform: translateY(-1px);
    box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.08);
}

/* ISSN Barcode & indexing card grids */
.barcode-card {
    text-align: center;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1.25rem;
    background: #ffffff;
    margin-bottom: 1.75rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.barcode-img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0.65rem;
    object-fit: contain;
}

.barcode-text {
    font-size: 0.75rem;
    font-weight: 700;
    color: #64748b;
    letter-spacing: 0.05em;
}

/* ══════════════════════════════════════════════════════════
   PROFESSIONAL 3-COLUMN MAIN LAYOUT
══════════════════════════════════════════════════════════ */

.pro-body-wrapper {
    background: #f0f4f8;
    padding: 2rem 0 2.5rem;
}

.pro-grid {
    display: grid;
    grid-template-columns: 230px 1fr 210px;
    gap: 1.5rem;
    align-items: stretch;
}

.pro-widget {
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    margin-bottom: 1.25rem;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s;
}

.pro-widget:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
}

.pro-widget-header {
    background: #1f68ce;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 0.6rem 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-transform: uppercase;
}

@keyframes bellRing {

    0%,
    100% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(15deg);
    }

    20% {
        transform: rotate(-10deg);
    }

    30% {
        transform: rotate(8deg);
    }

    40% {
        transform: rotate(-6deg);
    }

    50% {
        transform: rotate(4deg);
    }

    60% {
        transform: rotate(-2deg);
    }

    70% {
        transform: rotate(0);
    }
}

.pro-widget-header i.fa-bell {
    display: inline-block;
    animation: bellRing 2.5s infinite ease-in-out;
    transform-origin: top center;
}

.pro-widget-body {
    padding: 0.9rem;
}

.cfp-header {
    background: linear-gradient(135deg, #0f4c2b 0%, #16a34a 100%);
}

.cfp-lang-block {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 4px;
    padding: 0.6rem 0.8rem;
    margin-bottom: 0.8rem;
}

.cfp-lang-label {
    font-size: 0.72rem;
    font-weight: 700;
    color: #15803d;
    margin-bottom: 0.4rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.cfp-new-tag {
    background: #dc2626;
    color: #fff;
    font-size: 0.6rem;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: 700;
}

.cfp-lang-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.cfp-lang-list li {
    font-size: 0.72rem;
    color: #374151;
    padding-left: 0.6rem;
    border-left: 2px solid #16a34a;
}

.cfp-lang-list .cfp-intl {
    color: #0369a1;
    border-left-color: #0369a1;
    font-weight: 600;
}

.cfp-btn-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    background: transparent !important;
    border: 2px solid #1d4ed8 !important;
    color: #1d4ed8 !important;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.55rem 1rem;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease !important;
}

.cfp-btn-submit:hover {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(29, 78, 216, 0.2);
}

.subj-section {
    margin-bottom: 0.25rem;
}

.subj-group-title {
    font-size: 0.72rem;
    font-weight: 700;
    color: #1e3a5f;
    margin-bottom: 0.4rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.subj-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.subj-list li a,
.subj-list li.subj-item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    color: #374151;
    padding: 0.28rem 0;
    border-bottom: 1px dashed #f0f0f0;
    text-decoration: none;
    transition: color 0.15s, padding-left 0.15s;
}

.subj-list li a:hover {
    color: #1d4ed8;
    padding-left: 0.3rem;
}

.subj-list li:last-child a,
.subj-list li:last-child.subj-item {
    border-bottom: none;
}

a.subj-more {
    font-size: 0.75rem !important;
    font-weight: 700;
    color: #1d4ed8 !important;
}

.pro-sidebar-left {
    align-self: stretch;
}

.sidebar-left-sticky {
    position: sticky;
    top: 70px;
    /* Aligns sticky sidebar below the sticky header navigation */
}

.pro-center {
    min-width: 0;
}

.desktop-only-br {
    display: inline;
}

.pro-welcome-header {
    background: transparent;
    padding: 0.5rem 0 1rem 0;
    border-bottom: none;
    margin-bottom: 1.25rem;
    position: relative;
}

/* Same short pill underline as About Us / inner page headings */
.pro-welcome-underline {
    width: 45px;
    height: 3px;
    background-color: var(--accent);
    border-radius: 9999px;
    margin: 0.5rem auto 0;
}

/* Orange pill underline for metrics section headings */
.metrics-heading-underline {
    width: 45px;
    height: 3px;
    background-color: var(--accent);
    border-radius: 9999px;
    margin: 0 auto 0.75rem;
}

.pro-welcome-prefix {
    font-size: 1rem;
    font-weight: 500;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.pro-welcome-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.75rem;
    font-weight: 800;
    color: #000000;
    line-height: 1.25;
    margin: 0;
}

@media (min-width: 768px) {
    .welcome-line-1 {
        white-space: nowrap;
    }
}

.pro-journal-intro {
    display: flex;
    gap: 1.4rem;
    align-items: flex-start;
    background: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 1.4rem;
    margin-bottom: 1.5rem;
    box-shadow: none;
}

.pro-cover-container {
    position: relative;
    flex-shrink: 0;
}

.pro-cover-img {
    width: 175px;
    height: auto;
    border-radius: 6px;
    box-shadow: 6px 8px 24px rgba(0, 0, 0, 0.25), -2px 0 8px rgba(0, 0, 0, 0.08);
    display: block;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pro-cover-img:hover {
    transform: scale(1.03) rotate(-1deg);
    box-shadow: 10px 14px 30px rgba(0, 0, 0, 0.3);
}

.pro-cover-badge {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #d97706, #f59e0b);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.pro-journal-desc {
    flex: 1;
    min-width: 0;
}

.pro-journal-desc p {
    font-size: 15px !important;
    line-height: 1.75;
    color: #374151;
    margin-top: 0 !important;
    margin-bottom: 0.75rem;
}

.pro-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.pro-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.3rem 0.7rem;
    border-radius: 20px;
    border: 1px solid #bfdbfe;
}

.pro-stats-header {
    background: linear-gradient(135deg, #1e3a5f 0%, #2563a8 100%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 0.65rem 1rem;
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-transform: uppercase;
}

.pro-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid #e2e8f0;
    border-top: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
}

.pro-stat-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 0.9rem;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    transition: background 0.15s;
}

.pro-stat-card:hover {
    background: #f8faff;
}

.pro-stat-card:nth-child(4n) {
    border-right: none;
}

.pro-stat-card:nth-child(n+5) {
    border-bottom: none;
}

.pro-stat-icon {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.pro-stat-info {
    min-width: 0;
}

.pro-stat-label {
    font-size: 0.65rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.1rem;
}

.pro-stat-value {
    font-size: 0.8rem;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro-sidebar-right {
    align-self: stretch;
}

.sidebar-right-sticky {
    position: sticky;
    top: 70px;
    /* Aligns sticky sidebar below the sticky header navigation */
}

.pro-sub-type {
    font-size: 0.85rem;
    color: #1e3a5f;
    font-weight: 700;
    margin-bottom: 0.4rem;
}

@keyframes slowSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes arrowBounce {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(5px);
    }
}

.pro-sub-rec-simple {
    font-size: 0.75rem;
    color: #475569;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 500;
}

.pro-sub-rec-simple i.fa-certificate {
    animation: slowSpin 8s linear infinite;
    display: inline-block;
}

.pro-ugc-btn {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: transparent !important;
    border: 1.5px solid #1d4ed8 !important;
    color: #1d4ed8 !important;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.65rem 0.9rem;
    border-radius: 6px;
    text-decoration: none;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.2s ease !important;
}

.pro-ugc-btn:hover {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(29, 78, 216, 0.2) !important;
}

.pro-ugc-btn i.fa-arrow-right {
    display: inline-block;
    animation: arrowBounce 1.5s infinite ease-in-out;
}

.btn-join-reviewer {
    background: #e65c00;
    color: #ffffff !important;
    font-family: var(--font-title);
    font-size: 1.05rem;
    font-weight: 800;
    padding: 0.8rem 1.25rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    box-shadow: 0 4px 12px rgba(230, 92, 0, 0.15);
    transition: all 0.25s ease;
    border: none;
    width: 100%;
    text-decoration: none;
}

.btn-join-reviewer:hover {
    background: #ff6a00;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(230, 92, 0, 0.3);
}

.btn-join-reviewer i {
    font-size: 1.25rem;
}

.pro-announce-list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.25rem 0.15rem;
}

.pro-announce-item {
    display: flex !important;
    gap: 0.55rem !important;
    align-items: flex-start !important;
    font-size: 0.75rem !important;
    color: #334155 !important;
    line-height: 1.45 !important;
    padding-bottom: 0.65rem !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    text-align: left !important;
}

.pro-announce-item:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.pro-announce-dot {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    border-radius: 50% !important;
    background: #1f68ce !important;
    flex-shrink: 0 !important;
    margin-top: 5px !important;
    display: inline-block !important;
    box-shadow: 0 0 0 2px rgba(31, 104, 206, 0.15);
}

.pro-announce-item p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.75rem !important;
    line-height: 1.45 !important;
    color: #334155 !important;
    flex: 1 !important;
    text-align: left !important;
    word-break: break-word !important;
}

.pro-widget.pro-indexing-card .pro-widget-body {
    padding: 0.9rem;
    text-align: center;
}

.pro-index-logo {
    max-width: 100%;
    height: auto;
    max-height: 55px;
    object-fit: contain;
    margin-bottom: 0.4rem;
}

.pro-index-text {
    font-size: 0.68rem;
    font-weight: 700;
    color: #64748b;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

@media (max-width: 1100px) {
    .pro-grid {
        grid-template-columns: 210px 1fr;
    }

    .pro-sidebar-right {
        display: none;
    }

    .pro-stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .pro-stat-card:nth-child(4n) {
        border-right: 1px solid #e2e8f0;
    }

    .pro-stat-card:nth-child(3n) {
        border-right: none;
    }
}

@media (max-width: 768px) {
    .pro-grid {
        grid-template-columns: 1fr;
    }

    .pro-sidebar-left {
        position: static;
    }

    .pro-journal-intro {
        flex-direction: column;
        align-items: center;
    }

    .pro-cover-img {
        width: 140px;
    }

    .pro-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ── FLOAT LAYOUT OVERRIDES (text wraps around cover image) ── */
.pro-journal-intro {
    display: block !important;
    overflow: hidden;
    background: #ffffff;
    border: none !important;
    border-radius: 8px !important;
    padding: 1.4rem;
    margin-bottom: 1.5rem;
    box-shadow: none !important;
}

.pro-cover-float {
    float: left;
    margin-right: 1.25rem;
    margin-bottom: 0.75rem;
    position: relative;
}

.pro-journal-desc {
    overflow: visible !important;
    min-width: 0;
}

/* ── BLUE ONLY COLOR OVERRIDES ── */

/* CFP widget - solid blue instead of gradient */
.cfp-header {
    background: #1f68ce !important;
}

.cfp-lang-block {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
}

.cfp-lang-label {
    color: #1d4ed8 !important;
}

.cfp-lang-list li {
    border-left: 2px solid #1d4ed8 !important;
    color: #374151;
}

.cfp-lang-list .cfp-intl {
    color: #1e3a5f !important;
    border-left-color: #1e3a5f !important;
    font-weight: 600;
}

/* UGC button - outline hover and transition styling */
.pro-ugc-btn {
    background: transparent !important;
    border: 1.5px solid #1d4ed8 !important;
    color: #1d4ed8 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.2s ease !important;
}

.pro-ugc-btn:hover {
    background: #1d4ed8 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(29, 78, 216, 0.2) !important;
}

/* Background of body wrapper - white/light blue only */
.pro-body-wrapper {
    background: #f0f6ff !important;
}

/* ==========================================================================
   NEW CUSTOM WIDGETS & SECTIONS STYLE (PHASE 3)
   ========================================================================== */

/* ── Journal Scope & Coverage Section ── */
.pro-scope-section {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.pro-scope-header {
    background: #1f68ce;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 0.65rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-transform: uppercase;
}

.pro-scope-body {
    padding: 1.25rem;
}

.pro-scope-intro {
    font-size: 0.85rem;
    color: #4b5563;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.pro-scope-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pro-scope-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 0.6rem 0.8rem;
    transition: all 0.2s ease;
}

.pro-scope-card:hover {
    background: #f0f6ff;
    border-color: #bfdbfe;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.pro-scope-letter {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #1f68ce;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pro-scope-title {
    font-size: 0.8rem;
    color: #1e293b;
    font-weight: 600;
    line-height: 1.3;
}

.pro-scope-details {
    font-size: 0.85rem;
    color: #4b5563;
    line-height: 1.6;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 6px;
    padding: 0.85rem 1rem;
    margin-bottom: 1rem;
}

.pro-scope-alert {
    background: #fffbeb;
    border: 1px solid #fef3c7;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    color: #b45309;
    font-size: 0.82rem;
    line-height: 1.4;
}

.pro-scope-alert i {
    margin-top: 0.15rem;
    font-size: 0.95rem;
    color: #d97706;
    flex-shrink: 0;
}

/* ── Current Issue Section ── */
.pro-issue-section {
    background: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 1.5rem;
    overflow: visible;
    box-shadow: none;
}

.pro-issue-header {
    background: transparent;
    color: #000000;
    font-family: var(--font-title);
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    padding: 0.75rem 0 0.5rem 0;
    border-bottom: none;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-transform: capitalize;
}

/* Orange pill underline for Current Issue heading */
.pro-issue-header+.metrics-heading-underline,
.pro-issue-underline {
    width: 45px;
    height: 3px;
    background-color: var(--accent);
    border-radius: 9999px;
    margin-bottom: 1.25rem;
}

/* ══ PROFESSIONAL ISSUE DOWNLOADS PANEL ══ */
.issue-dl-panel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.85rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
    .issue-dl-panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 960px) and (min-width: 769px) {
    .issue-dl-panel {
        grid-template-columns: repeat(2, 1fr);
    }
}

.issue-dl-card {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    text-decoration: none;
    transition: all 0.22s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
    position: relative;
    overflow: hidden;
}

.issue-dl-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, #1f68ce, #3b82f6);
    border-radius: 8px 0 0 8px;
}

.issue-dl-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(31, 104, 206, 0.1);
    border-color: #ff9e1b;
}

.issue-dl-card:hover .issue-dl-icon {
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
    color: #ff9e1b;
}

.issue-dl-icon {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, #f0f7ff, #e0f2fe);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    color: #1f68ce;
    flex-shrink: 0;
    transition: all 0.22s ease;
}

.issue-dl-info {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.issue-dl-title {
    font-size: 0.8rem;
    font-weight: 700;
    color: #1e3a5f;
    line-height: 1.35;
    word-break: break-word;
}

.issue-dl-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: #f0f7ff;
    color: #1f68ce;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    border: 1px solid #cbd5e1;
    white-space: nowrap;
    flex-shrink: 0;
}

.pro-issue-body {
    padding: 0;
}

.pro-issue-volume-info {
    background: #f8fafc;
    border-left: 4px solid #1f68ce;
    padding: 0.6rem 1rem;
    font-size: 0.88rem;
    color: #1e3a5f;
    border-radius: 0 4px 4px 0;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pro-issue-volume-info i {
    color: #1f68ce;
}

.pro-papers-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pro-paper-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.15rem 1.35rem 0.95rem;
    box-shadow: 0 1px 4px rgba(15, 28, 63, 0.02);
    transition: all 0.2s ease;
}

.pro-paper-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 4px 14px rgba(15, 28, 63, 0.05);
}

.pro-paper-meta {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.6rem;
}

.pro-paper-meta-item {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.pro-paper-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 750;
    color: #1f68ce !important;
    line-height: 1.45;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.pro-paper-title a,
.pro-article-title-link,
a.pro-article-title-link {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #1f68ce !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    transition: color 0.18s ease;
}

.pro-article-title-link:hover,
.pro-article-title-link:focus,
.pro-article-title-link:active,
.pro-article-title-link:visited,
a.pro-article-title-link:hover,
a.pro-article-title-link:focus,
a.pro-article-title-link:active,
a.pro-article-title-link:visited {
    color: #1f68ce !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

.pro-paper-authors {
    font-size: 0.85rem;
    color: #475569;
    margin-bottom: 0.65rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.45rem;
    font-weight: 600;
    line-height: 1.45;
}

.pro-paper-authors i {
    color: #2563eb;
    font-size: 0.82rem;
    margin-top: 3px;
    flex-shrink: 0;
}

.pro-paper-meta-badges {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pro-views-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #15803d;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.18rem 0.5rem;
    border-radius: 4px;
}

.pro-downloads-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.18rem 0.5rem;
    border-radius: 4px;
}

.pro-paper-actions-main,
.pro-paper-actions-auth {
    display: contents;
}

.pro-paper-doi-link {
    color: #1f68ce;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 550;
    font-size: 12px !important;
    font-family: 'Inter', sans-serif !important;
}

.doi-text,
.pro-paper-doi-link .doi-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
}

.pro-paper-actions {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.pro-paper-pdf-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: #1f68ce;
    color: #ffffff !important;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.45rem 0.85rem;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.pro-paper-pdf-btn:hover {
    background: #154fa1;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(31, 104, 206, 0.2);
}

.pro-paper-cite-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: 1px solid #cbd5e1;
    color: #475569;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.45rem 0.85rem;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pro-paper-cite-btn:hover {
    background: #f8fafc;
    border-color: #64748b;
    color: #1e293b;
}

.pro-paper-accept-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: 1px solid #10b981;
    color: #047857 !important;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.45rem 0.85rem;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.pro-paper-accept-btn:hover {
    background: #ecfdf5;
    border-color: #059669;
    color: #065f46 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(16, 185, 129, 0.15);
}

.pro-paper-cert-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: 1px solid #8b5cf6;
    color: #6d28d9 !important;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.45rem 0.85rem;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.pro-paper-cert-btn:hover {
    background: #f5f3ff;
    border-color: #7c3aed;
    color: #5b21b6 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(139, 92, 246, 0.15);
}

.pro-citation-panel {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.35s ease, margin 0.35s ease;
    margin-top: 0;
    padding: 0 1rem;
    background: #f8fafc;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 0.78rem;
    color: #334155;
    line-height: 1.5;
}

.pro-citation-panel.show {
    max-height: 160px;
    opacity: 1;
    margin-top: 0.85rem;
    padding: 0.75rem 1rem;
    border-color: #e2e8f0;
}

.citation-doi {
    display: block;
    margin-top: 0.25rem;
    color: #1f68ce;
    font-weight: 600;
}

/* ── Editorial Support Widget ── */
.comm-section-title {
    font-size: 0.72rem;
    font-weight: 700;
    color: #475569;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.comm-topics-list {
    list-style: none;
    padding: 0;
    margin: 0 0 0.85rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.comm-topics-list li {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.75rem;
    color: #334155;
    font-weight: 500;
}

.comm-topics-list li i {
    color: #1f68ce;
    font-size: 0.7rem;
}

.comm-contacts-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 0.65rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.comm-contact-item {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.comm-contact-item>i {
    font-size: 0.9rem;
    color: #1f68ce;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #eff6ff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.comm-contact-details {
    display: flex;
    flex-direction: column;
}

.comm-contact-label {
    font-size: 0.62rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.comm-contact-value {
    font-size: 0.72rem;
    font-weight: 700;
    color: #1f68ce !important;
    text-decoration: none;
}

.comm-contact-value:hover {
    text-decoration: underline;
}

/* ── Archives Card Style ── */
.pro-archive-card {
    position: relative;
    display: block;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    transition: all 0.25s ease;
    border: 1px solid #e2e8f0;
}

.pro-archive-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    border-color: #cbd5e1;
}

.pro-archive-card-img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
    padding-top: 10px;
    background: #ffffff;
}

.pro-archive-card:hover .pro-archive-card-img {
    transform: scale(1.04);
}

.pro-archive-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0) 100%);
    padding: 1.5rem 0.75rem 0.5rem 0.75rem;
}

.pro-archive-card-title {
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

/* ── Indexing Sidebar Carousel & Logo Grid ── */
.indexing-carousel-wrapper {
    position: relative;
    width: 100%;
}

.idx-carousel-btn {
    display: none;
}

.pro-indexing-sidebar-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pro-sidebar-logo-card {
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 75px;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    background-color: #fff;
    transition: all 0.2s ease;
    overflow: hidden;
}

.pro-sidebar-logo-card:hover {
    border-color: #94a3b8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.pro-sidebar-logo-img {
    max-width: 90%;
    max-height: 55px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* ── Compact Open Metrics Section ── */
.pro-metrics-container {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    margin: 1.25rem 0 1.5rem 0;
    padding: 1.25rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
    width: 100%;
}

.metrics-grid-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

@media (max-width: 768px) {
    .metrics-grid-layout {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

.metrics-panel-col {
    display: flex;
    flex-direction: column;
}

.metrics-panel-title {
    font-family: var(--font-title);
    font-size: 1.05rem;
    font-weight: 800;
    color: #000000 !important;
    margin-bottom: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
}

/* ── Professional 3-PDF Downloads Panel ── */
.pro-issue-downloads-bar {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: linear-gradient(135deg, #1e3a8a 0%, #1f68ce 100%);
    border-radius: 10px;
    padding: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(31, 104, 206, 0.18);
    border: none;
}

.pro-issue-downloads-bar .bar-header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 1rem;
    background: rgba(0, 0, 0, 0.18);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.pro-issue-downloads-bar .download-icon {
    color: #fbbf24;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.pro-issue-downloads-bar .bar-label {
    color: #ffffff;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0;
}

.pro-issue-downloads-bar .bar-pdf-btns {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
    padding: 0.65rem 0.75rem;
    gap: 0.55rem;
    align-items: center;
}

.pro-issue-downloads-bar .bar-pdf-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 6px;
    padding: 0.38rem 0.85rem;
    font-size: 0.77rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.22s ease;
    cursor: pointer;
    white-space: nowrap;
    backdrop-filter: blur(4px);
}

.pro-issue-downloads-bar .bar-pdf-btn i {
    color: #fbbf24;
    font-size: 0.82rem;
    flex-shrink: 0;
}

.pro-issue-downloads-bar .bar-pdf-btn:hover {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.5);
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

/* Legacy selectors (for backward compat) */
.pro-issue-downloads-bar .bar-link {
    color: #ffffff !important;
    text-decoration: none;
}

.pro-issue-downloads-bar .bar-separator {
    color: rgba(255, 255, 255, 0.35);
    font-size: 0.7rem;
    user-select: none;
}

.pro-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: #ffffff;
    border: 1.5px solid #ff9e1b;
    color: #ff9e1b !important;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.7rem 1rem;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 2px 4px rgba(255, 158, 27, 0.05);
}

.pro-download-btn:hover {
    background: #ff9e1b;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 158, 27, 0.2);
}

.pro-download-btn i {
    font-size: 0.95rem;
}

/* ── Modern Action Buttons Styling ── */
.pro-paper-actions-clean {
    display: flex !important;
    flex-direction: row !important;
    gap: 4px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-top: 0.6rem !important;
    padding-top: 0;
    border-top: none;
    width: 100% !important;
}

@media (min-width: 769px) {
    .pro-paper-actions-clean {
        flex-wrap: nowrap !important;
        overflow-x: visible !important;
    }
}

@media (max-width: 768px) {
    .pro-paper-actions-clean {
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
}

/* Base button reset for <a> and <button> to ensure identical dimensions & alignment */
.btn-action-abstract,
.btn-action-pdf,
.btn-action-cite,
.btn-action-cert,
.btn-action-accept {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 5px !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    line-height: 1 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transition: all 0.18s ease-in-out !important;
}

/* 1. View Abstract: Solid Royal Blue */
.btn-action-abstract {
    background: #1f68ce !important;
    color: #ffffff !important;
    border: 1.5px solid #1f68ce !important;
    box-shadow: 0 2px 5px rgba(31, 104, 206, 0.2) !important;
}

.btn-action-abstract:hover {
    background: #154ca7 !important;
    border-color: #154ca7 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(31, 104, 206, 0.28) !important;
}

.btn-action-abstract i {
    color: #ffffff !important;
    font-size: 0.88rem !important;
    line-height: 1 !important;
}

/* 2. Download PDF: White Card with Soft Blue Border & Red PDF Icon */
.btn-action-pdf {
    background: #ffffff !important;
    color: #1f68ce !important;
    border: 1.5px solid #bfdbfe !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.btn-action-pdf:hover {
    background: #f0f7ff !important;
    border-color: #93c5fd !important;
    color: #154ca7 !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(31, 104, 206, 0.12) !important;
}

.btn-action-pdf i {
    color: #dc2626 !important;
    /* Red PDF symbol */
    font-size: 0.95rem !important;
    line-height: 1 !important;
}

/* 3. Cite: White Card with Soft Blue Border & Blue Quote Icon */
.btn-action-cite {
    background: #ffffff !important;
    color: #1f68ce !important;
    border: 1.5px solid #bfdbfe !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.btn-action-cite:hover {
    background: #f0f7ff !important;
    border-color: #93c5fd !important;
    color: #154ca7 !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(31, 104, 206, 0.12) !important;
}

.btn-action-cite i {
    color: #2563eb !important;
    font-size: 0.85rem !important;
    line-height: 1 !important;
}

/* Supplementary Document Buttons */
.btn-action-cert {
    background: #ffffff !important;
    color: #0284c7 !important;
    border: 1.5px solid #bae6fd !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.btn-action-cert:hover {
    background: #f0f9ff !important;
    border-color: #7dd3fc !important;
    transform: translateY(-1px);
}

.btn-action-cert i {
    color: #0284c7 !important;
    font-size: 0.9rem !important;
    line-height: 1 !important;
}

.btn-action-accept {
    background: #fdfcff !important;
    color: #4338ca !important;
    border: 1.5px solid #c7d2fe !important;
    box-shadow: 0 1px 3px rgba(79, 70, 229, 0.04) !important;
}

.btn-action-accept:hover {
    background: #f5f3ff !important;
    border-color: #a5b4fc !important;
    color: #3730a3 !important;
    transform: translateY(-1px);
}

.btn-action-accept i {
    color: #6366f1 !important;
    font-size: 0.9rem !important;
    line-height: 1 !important;
}

/* Citation Toggle Panel Styles — Buttery Smooth Transition */
.pro-citation-panel {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    padding: 0 1.15rem;
    border: 1px solid transparent;
    border-left: 3.5px solid transparent;
    border-radius: 6px;
    font-size: 0.825rem;
    color: #334155;
    line-height: 1.6;
    background: #fbfcfe;
    transform: translateY(-6px);
    transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.35s ease,
        transform 0.35s ease,
        padding 0.4s ease,
        margin 0.4s ease;
}

.pro-citation-panel.show {
    max-height: 800px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 0.75rem;
    padding: 0.85rem 1.15rem;
    border-color: #e2e8f0;
    border-left-color: #1f68ce;
}

.pro-paper-editor-btn:hover,
.pro-paper-toc-btn:hover,
.pro-paper-cover-btn:hover {
    background: #fffbeb;
    border-color: #d97706;
    color: #b45309 !important;
    transform: translateY(-1px);
}

/* ── Unified Current Issue Volume Card (combines volume info and documents) ── */
.pro-issue-volume-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #ff9e1b;
    /* Changed from blue to orange theme accent */
    border-radius: 0 6px 6px 0;
    padding: 0.85rem 1.25rem;
    margin-bottom: 1.5rem;
}

/* Reset individual volume info container inside the card */
.pro-issue-volume-info {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 0.92rem;
    color: #1e3a5f;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.pro-issue-volume-info i {
    color: #1f68ce;
}

/* ── Issue Documents Bar (shown inside the volume card or header card) ── */
.pro-issue-docs-bar {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid #e2e8f0;
    background: transparent;
    border-bottom: none;
}

/* Clean, transparent inline text links matching fonts and styles perfectly */
.pro-issue-doc-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #475569 !important;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.18s ease;
    padding: 0.15rem 0;
}

.pro-issue-doc-pill i {
    font-size: 0.88rem;
    color: #dc2626;
    transition: color 0.18s ease;
}

.pro-issue-doc-pill:hover {
    color: #ff9e1b !important;
    /* Orange text on hover */
    text-decoration: underline;
}

.pro-issue-doc-pill:hover i {
    color: #ff9e1b;
    /* Orange icon on hover */
}

/* ── DOI badge positioning (on its own row below the authors) ── */
.pro-paper-doi-row {
    margin-top: 0.35rem;
    margin-bottom: 0.45rem;
    display: flex;
}

/* Premium DOI link (NO background, NO border, clean typography) */
.pro-author-doi-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    color: #1f68ce !important;
    border: none;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0;
    text-decoration: none;
    transition: all 0.15s ease;
    vertical-align: middle;
}

.doi-logo-img {
    height: 12px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    object-fit: contain;
    flex-shrink: 0;
}

.pro-author-doi-badge:hover {
    color: #ff9e1b !important;
    text-decoration: underline;
}

/* Old ::after removed — now using .metrics-heading-underline div instead */

.metrics-db-grid {
    display: flex;
    flex-direction: column;
}

@media (max-width: 580px) {
    .metrics-db-grid {
        display: flex;
        flex-direction: column;
    }
}

.db-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.825rem;
    color: #334155;
    font-weight: 600;
    padding: 0.45rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.db-item i {
    color: #1f68ce;
}

.pro-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    padding: 0.45rem 0;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.825rem;
}

.pro-info-row:last-child {
    border-bottom: none;
}

.pro-info-label {
    color: #475569;
    font-weight: 600;
}

.pro-info-value {
    color: #0f172a;
    font-weight: 700;
    text-align: right;
}

.badge-open-access {
    background: #ecfdf5;
    color: #059669;
    padding: 0.2rem 0.6rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid #a7f3d0;
}

/* ══════════════════════════════════════════════════════════
   REFACTORED EXTERNAL CLASSES (PHASE 4: REMOVE INLINE CSS)
   ══════════════════════════════════════════════════════════ */

/* ── Meta-item icons (barcode, chart-line, graduation-cap) ── */
.journal-meta-row .meta-item i {
    color: var(--accent);
    margin-right: 0.35rem;
}

/* ── Nav Link Sub-icon Down Chevron ── */
.nav-link i.fa-chevron-down {
    font-size: 0.65rem;
    margin-left: 0.25rem;
}

/* ── Subject Lists Icon Colors (Downloads) ── */
.subj-list i.icon-word {
    color: #2b579a;
}

.subj-list i.icon-pdf {
    color: #dc2626;
}

.subj-list i.icon-signature {
    color: #0ea5e9;
}

/* ── Join Reviewer Button Margin Adjustment ── */
/* ════════════════════════════════════════════════
   SITE FOOTER — Professional v3 (Screenshot Match)
   White body · Blue disclaimer · Darker blue bottom
   ════════════════════════════════════════════════ */

/* ── Join Reviewer Button ── */
.btn-join-reviewer {
    margin-bottom: 1.5rem;
}

/* ── Current Issue Image Widget & Banner ── */
.pro-widget-transparent {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.current-issue-banner-img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* ── Welcome Header ── */
.pro-welcome-header {
    text-align: center;
    margin-bottom: 1.5rem !important;
}

.pro-welcome-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #000000 !important;
}

/* ── Journal Intro ── */
.pro-journal-desc p {
    text-align: justify;
}

.pro-journal-desc p.desc-last {
    margin-bottom: 2rem !important;
}

/* ── IQ Cell Certificate Icon ── */
.pro-sub-rec-simple i.fa-certificate {
    color: #1d4ed8;
}

/* ── UGC Notification Arrow ── */
.pro-ugc-btn i.fa-arrow-right {
    margin-left: auto;
}

/* ── Announcements Widget ── */
.announcements-body {
    padding: 0.5rem 0.9rem !important;
}

.announcements-marquee {
    display: block;
}

.pro-announce-list {
    gap: 0.8rem !important;
}

/* ═══════════════════════════════════════════════════════════
   SITE FOOTER — Professional (White + Blue scheme)
   ═══════════════════════════════════════════════════════════ */

.site-footer {
    position: relative;
    font-size: 0.875rem;
}

/* ── Main Footer Body ── */
.footer-main {
    background-color: #f1f5f9;
    border-top: 1px solid #cbd5e1;
    padding: 1.25rem 0 2.5rem;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 4px 1fr 1fr 4px 1.25fr;
    gap: 0 2rem;
    align-items: flex-start;
}

/* Vertical Dividers */
.footer-vdivider {
    width: 1px;
    background: linear-gradient(to bottom, transparent, #cbd5e1 30%, #cbd5e1 70%, transparent);
    align-self: stretch;
    min-height: 260px;
}

.footer-col {
    display: flex;
    flex-direction: column;
    padding: 0 0.5rem;
}

/* Brand Column */
.footer-logo-wrap {
    margin-bottom: 0.85rem;
}

.footer-logo-img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    filter: drop-shadow(0 2px 6px rgba(31, 104, 206, 0.2));
    transition: transform var(--transition-normal);
}

.footer-logo-img:hover {
    transform: scale(1.05);
}

.footer-brand-name {
    font-family: var(--font-title);
    font-size: 0.92rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.45;
    margin-bottom: 0.85rem;
}

/* CC Badge Image */
.footer-cc-badge-wrap {
    margin-bottom: 0.85rem;
}

.footer-cc-badge-img {
    width: 130px;
    height: auto;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}

.footer-cc-badge-img:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
}

.footer-brand-tagline {
    font-size: 0.8rem;
    line-height: 1.65;
    color: #64748b;
    margin-bottom: 1.25rem;
}

.footer-brand-tagline a {
    color: var(--primary);
    text-decoration: underline;
    transition: color var(--transition-fast);
}

.footer-brand-tagline a:hover {
    color: var(--primary-dark);
}

/* Social Icons */
.footer-socials {
    display: flex;
    gap: 0.625rem;
    margin-top: 0.25rem;
}

.footer-social-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    text-decoration: none;
    transition: all var(--transition-fast);
    border: none;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Facebook — solid blue */
.footer-social-fb {
    background: #1877f2;
}

.footer-social-fb:hover {
    background: #1557c0;
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(24, 119, 242, 0.45);
}

/* X / Twitter — solid dark */
.footer-social-x {
    background: #14171a;
}

.footer-social-x:hover {
    background: #000;
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
}

/* LinkedIn — solid blue */
.footer-social-li {
    background: #0a66c2;
}

.footer-social-li:hover {
    background: #004d94;
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(10, 102, 194, 0.45);
}

/* Column Titles */
.footer-col-title {
    font-family: var(--font-title);
    font-size: 0.875rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding-bottom: 0.65rem;
    border-bottom: 2px solid var(--primary);
}

.footer-col-icon {
    color: var(--primary);
    font-size: 0.85rem;
}

/* Links Lists */
.footer-links-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.footer-links-list li a {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: #000;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.45rem 0.4rem;
    border-bottom: 1px solid #e2e8f0;
    transition: all var(--transition-fast);
    text-decoration: none;
    line-height: 1.4;
}

.footer-links-list li:last-child a {
    border-bottom: none;
}

.footer-links-list li a i {
    font-size: 0.55rem;
    color: var(--primary);
    flex-shrink: 0;
    width: 12px;
    text-align: center;
    line-height: 1;
    transition: transform var(--transition-fast);
    position: relative;
    top: 0;
}

.footer-links-list li a:hover {
    color: var(--primary);
    background: rgba(31, 104, 206, 0.06);
    padding-left: 0.9rem;
    border-radius: 4px;
}

.footer-links-list li a:hover i {
    transform: translateX(4px);
}

/* Contact Info */
.footer-contact-info {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.footer-contact-block {
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed #cbd5e1;
    margin-bottom: 0.25rem;
}

.footer-contact-journal-name {
    font-size: 0.85rem;
    color: #0f172a;
    line-height: 1.45;
    margin-bottom: 0.25rem;
}

.footer-contact-abbr {
    font-size: 0.775rem;
    color: #64748b;
}

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.footer-contact-icon {
    width: 30px;
    height: 30px;
    min-width: 30px;
    background: var(--primary);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 0.75rem;
    margin-top: 0.1rem;
    flex-shrink: 0;
    transition: background var(--transition-fast), transform var(--transition-fast);
}

.footer-contact-item:hover .footer-contact-icon {
    background: var(--primary-dark);
    transform: scale(1.08);
}

.footer-contact-label {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #94a3b8;
    margin-bottom: 0.1rem;
}

.footer-contact-value {
    font-size: 0.82rem;
    color: #334155;
    line-height: 1.4;
    font-weight: 500;
}

.footer-contact-link {
    font-size: 0.82rem;
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
    transition: color var(--transition-fast);
}

.footer-contact-link:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

/* Disclaimer Bar — Blue */
.footer-disclaimer-bar {
    background-color: #1565c0;
    padding: 1rem 0;
}

.footer-disclaimer-bar p {
    font-size: 0.775rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.65;
    text-align: center;
}

.footer-disclaimer-bar strong {
    color: #ffffff;
    font-weight: 700;
}

/* Bottom CC Bar — Darker Blue */
.footer-bottom-bar {
    background-color: #1976d2;
    padding: 0.875rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-cc-statement {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.88);
    text-align: center;
    line-height: 1.55;
}

.footer-cc-statement a {
    color: #bbdefb;
    text-decoration: underline;
    font-weight: 600;
    transition: color var(--transition-fast);
}

.footer-cc-statement a:hover {
    color: #ffffff;
}

/* Responsive */
@media (max-width: 1100px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

    .footer-vdivider {
        display: none;
    }

    .footer-col-brand {
        grid-column: 1 / -1;
        max-width: 500px;
    }
}

@media (max-width: 640px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .footer-col-brand {
        grid-column: 1;
        max-width: 100%;
    }

    .footer-bottom-inner {
        flex-direction: column;
        text-align: center;
    }
}

/* ─────────────────────────────────────────
   Utilities & Animations
───────────────────────────────────────── */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Inner Page Grid Layout (Only Right Sidebar) */
.pro-grid.inner-layout {
    grid-template-columns: 1fr 210px !important;
}

.inner-layout .pro-sidebar-right {
    display: block !important;
}

@media (max-width: 768px) {
    .pro-grid.inner-layout {
        grid-template-columns: 1fr !important;
    }
}

/* Abstract and Keywords Toggle Panel Styles — Buttery Smooth Transition */
.pro-abstract-panel {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    padding: 0 1.15rem;
    background: #f8fafc;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 0.84rem;
    color: #334155;
    line-height: 1.6;
    transform: translateY(-6px);
    transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.35s ease,
        transform 0.35s ease,
        padding 0.4s ease,
        margin 0.4s ease;
}

.pro-abstract-panel.show {
    max-height: 2500px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 0.85rem;
    padding: 0.85rem 1.15rem;
    border-color: #e2e8f0;
}

.abstract-title {
    font-family: var(--font-title);
    font-weight: 750;
    font-size: 0.88rem;
    color: #1f68ce;
    margin-bottom: 0.4rem;
    display: block;
}

.abstract-text {
    margin-bottom: 0.6rem;
}

.abstract-keywords {
    border-top: 1px solid #f1f5f9;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.78rem;
    color: #475569;
}

.keyword-badge {
    display: inline-block;
    background: #e2e8f0;
    color: #1e293b;
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
    margin-right: 0.3rem;
    font-size: 0.72rem;
    font-weight: 600;
}

/* ─── Global Issue Layout & Breadcrumb Styles ─── */
.pro-grid.issue-layout {
    grid-template-columns: 230px 1fr 210px;
}

.issue-layout .pro-sidebar-left {
    display: block;
}

@media (max-width: 768px) {
    .pro-grid.issue-layout {
        grid-template-columns: 1fr !important;
    }

    .issue-layout .pro-sidebar-right {
        margin-top: 2rem;
    }
}

/* ─── Indexing Page Layout (Content + Right Sidebar, no left sidebar) ─── */
.pro-grid.indexing-page-layout {
    grid-template-columns: 1fr 210px;
    gap: 1.5rem;
    align-items: start;
}

.indexing-page-layout .pro-sidebar-left {
    display: none !important;
}

@media (max-width: 900px) {
    .pro-grid.indexing-page-layout {
        grid-template-columns: 1fr !important;
    }

    .indexing-page-layout .pro-sidebar-right {
        margin-top: 1.5rem;
    }
}

/* Breadcrumb Styling */
.issue-breadcrumb {
    margin-bottom: 1rem;
    display: flex;
    justify-content: flex-start;
}

.breadcrumb-list {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.breadcrumb-item {
    font-size: 0.78rem;
    font-weight: 600;
    color: #64748b;
}

.breadcrumb-item a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.15s ease;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.breadcrumb-item a:hover {
    color: #1f68ce;
}

.breadcrumb-item.separator {
    font-size: 0.65rem;
    color: #cbd5e1;
}

.breadcrumb-item.active {
    color: #1f68ce;
    font-weight: 700;
}

/* ─── Premium Article Details Page Styles ─── */
.pro-article-container {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 2.25rem;
    box-shadow: 0 4px 20px rgba(15, 28, 63, 0.02);
}

.pro-article-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 2.25rem;
    margin-top: 1.5rem;
    border-top: 1px solid #edf2f7;
    padding-top: 1.75rem;
}

@media (max-width: 992px) {
    .pro-article-grid {
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }
}

.pro-primary-pdf-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: #1f68ce;
    color: #ffffff !important;
    font-size: 0.82rem;
    font-weight: 800;
    padding: 0.75rem 1.25rem;
    border-radius: 6px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(31, 104, 206, 0.15);
    width: 100%;
    box-sizing: border-box;
}

.pro-primary-pdf-btn:hover {
    background: #ff9e1b;
    box-shadow: 0 4px 15px rgba(255, 158, 27, 0.2);
    transform: translateY(-1px);
}

.pro-side-section {
    margin-top: 1.5rem;
    border-top: 1px dashed #e2e8f0;
    padding-top: 1.25rem;
}

.pro-side-heading {
    font-size: 0.75rem;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.75rem;
}

.pro-side-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.pro-side-list li a {
    font-size: 0.78rem;
    font-weight: 600;
    color: #1f68ce;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    transition: color 0.15s ease;
}

.pro-side-list li a:hover {
    color: #ff9e1b;
}

.pro-side-list li a i {
    color: #64748b;
    font-size: 0.85rem;
}

/* ─── Paper Card Direct Citation & DOI Styles ─── */
.pro-paper-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.4rem;
}

.pro-pages-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    padding: 0.2rem 0.55rem;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

.pro-direct-citation {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 3.5px solid #1f68ce;
    border-radius: 4px;
    padding: 0.6rem 0.85rem;
    margin: 0.65rem 0 0.85rem 0;
    font-size: 0.82rem;
    line-height: 1.55;
    color: #334155;
}

.pro-direct-citation .citation-label {
    font-weight: 800;
    color: #0f172a;
    margin-right: 0.25rem;
}

.pro-direct-citation .citation-text {
    color: #334155;
}

.pro-direct-citation .citation-doi-inline {
    display: inline-block;
    color: #1f68ce !important;
    font-weight: 700;
    text-decoration: underline;
    word-break: break-all;
    margin-left: 0.25rem;
    transition: color 0.15s ease;
}

.pro-direct-citation .citation-doi-inline:hover {
    color: #ff9e1b !important;
}

/* ─── Global Title Hover & Hand Cursor ─── */
.pro-article-title-link,
a.pro-article-title-link {
    cursor: pointer !important;
    display: inline;
    color: #1f68ce !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    transition: color 0.15s ease, text-decoration 0.15s ease;
}

.pro-article-title-link:hover,
.pro-article-title-link:focus,
.pro-article-title-link:active,
.pro-article-title-link:visited,
a.pro-article-title-link:hover,
a.pro-article-title-link:focus,
a.pro-article-title-link:active,
a.pro-article-title-link:visited {
    color: #1f68ce !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    cursor: pointer !important;
}

/* ─── Article Detail Full Layout (No Right Sidebar) ─── */
.pro-grid.article-full-layout {
    display: block !important;
    max-width: 1280px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

.article-full-layout .pro-sidebar-left,
.article-full-layout .pro-sidebar-right {
    display: none !important;
}

.article-full-layout .pro-center {
    width: 100% !important;
    max-width: 100% !important;
}

/* ─── Global Toast Notifications ─── */
.ijmrr-toast-container {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 9999999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 400px;
    width: calc(100% - 48px);
    pointer-events: none;
}

.ijmrr-toast {
    pointer-events: auto;
    background: #ffffff;
    border-left: 4px solid #f59e0b;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(15, 28, 63, 0.18), 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 12px 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    transform: translateX(120%);
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    border: 1px solid #e2e8f0;
    border-left: 4px solid #f59e0b;
}

.ijmrr-toast.show {
    transform: translateX(0);
    opacity: 1;
}

.ijmrr-toast-icon {
    font-size: 1.25rem;
    color: #f59e0b;
    margin-top: 1px;
    flex-shrink: 0;
}

.ijmrr-toast-body {
    flex: 1;
}

.ijmrr-toast-title {
    font-size: 0.9rem;
    font-weight: 750;
    color: #0f172a;
    margin-bottom: 3px;
    line-height: 1.3;
}

.ijmrr-toast-msg {
    font-size: 0.8rem;
    color: #64748b;
    line-height: 1.45;
}

.ijmrr-toast-close {
    background: none;
    border: none;
    font-size: 1.35rem;
    color: #94a3b8;
    cursor: pointer;
    line-height: 1;
    padding: 0 4px;
    transition: color 0.15s ease;
}

.ijmrr-toast-close:hover {
    color: #0f172a;
}

/* ══════════════════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVENESS & NAVIGATION (PHASE 4)
   ══════════════════════════════════════════════════════════════════════════════ */

/* Mobile Elements - Hidden by default on desktop */
.mobile-nav-bar {
    display: none;
}

.mobile-header-menu-btn {
    display: none;
}

.mobile-journal-subtitle {
    display: none;
}

.mobile-hero-slide-card {
    display: none;
}

.mobile-brand-stack {
    display: none;
}

.mobile-showcase-section {
    display: none;
}

.banner-img-desktop {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ── Tablet Breakpoint (max-width: 991px) ── */
@media (max-width: 991px) {

    /* Remove dotted map from header on tablet/mobile */
    .header-container-v6 {
        background-image: none !important;
        grid-template-columns: 140px 1fr;
        column-gap: 1.5rem;
        row-gap: 1rem;
    }

    .hdr-col-right {
        grid-column: 1 / -1;
        align-items: center;
        width: 100%;
    }

    .partner-logos-map-container {
        width: 100%;
        max-width: 480px;
    }

    /* Mobile Header Menu Toggle Button (Visible <= 991px) */
    .mobile-header-menu-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important;
        font-size: 26px !important;
        cursor: pointer !important;
        padding: 6px 8px !important;
        margin: 0 0 0 auto !important;
        flex-shrink: 0 !important;
        line-height: 1 !important;
        transition: transform 0.15s ease, opacity 0.15s ease !important;
    }

    .mobile-header-menu-btn i {
        color: #ffffff !important;
    }

    .mobile-header-menu-btn:focus {
        outline: none !important;
    }

    .mobile-header-menu-btn:active {
        transform: scale(0.92) !important;
    }

    /* Keep navbar at 0 layout height so it NEVER pushes the banner down */
    .main-navbar,
    .main-navbar.scrolled {
        position: relative !important;
        width: 100% !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        z-index: 1050 !important;
    }

    .nav-container {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile-nav-bar {
        display: none !important;
    }

    /* Mobile Navigation Menu - Overlays directly on top of banner with smooth slide & fade */
    .nav-menu {
        font-family: 'Inter', sans-serif !important;
        display: flex !important;
        flex-direction: column !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        background: #0f172a !important;
        background: linear-gradient(180deg, #10223f 0%, #0a1628 100%) !important;
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45), 0 4px 12px rgba(0, 0, 0, 0.25) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-bottom: 3px solid #ff9e1b !important;
        margin: 0 !important;
        padding: 0 0 0.5rem 0 !important;

        /* Closed state with smooth transitions */
        max-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        pointer-events: none !important;
        transform: translateY(-8px) scaleY(0.98) !important;
        transform-origin: top center !important;
        transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1),
            opacity 0.25s ease,
            transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
            visibility 0.35s !important;
    }

    /* Opened state */
    .nav-menu.mobile-active {
        max-height: calc(100vh - 75px) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        transform: translateY(0) scaleY(1) !important;
    }

    .nav-item {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .nav-item:first-child {
        margin-top: 0 !important;
    }

    .nav-link {
        font-family: 'Inter', sans-serif !important;
        width: 100% !important;
        padding: 0.75rem 1.25rem !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;
        color: #ffffff !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        transition: background 0.15s ease, color 0.15s ease !important;
    }

    .nav-link:hover {
        background-color: rgba(255, 255, 255, 0.08) !important;
        color: #ffffff !important;
    }

    .nav-item.active .nav-link {
        background-color: #ff9e1b !important;
        color: #ffffff !important;
        font-weight: 800 !important;
    }

    .nav-link i.fa-chevron-down {
        font-size: 11px !important;
        transition: transform 0.25s ease !important;
    }

    .has-dropdown.dropdown-open .nav-link i.fa-chevron-down {
        transform: rotate(180deg) !important;
    }

    /* Mobile Accordion Dropdown Submenu - Smooth slide open */
    .dropdown-menu {
        position: static !important;
        display: block !important;
        max-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        transform: none !important;
        background-color: #08111e !important;
        box-shadow: none !important;
        border: none !important;
        border-left: 3px solid #ff9e1b !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1),
            opacity 0.25s ease,
            padding 0.25s ease,
            visibility 0.3s !important;
    }

    .has-dropdown.dropdown-open .dropdown-menu {
        max-height: 400px !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 0.35rem 0 !important;
    }

    .dropdown-link {
        font-family: 'Inter', sans-serif !important;
        padding: 0.65rem 1.25rem 0.65rem 1.85rem !important;
        font-size: 12.5px !important;
        font-weight: 600 !important;
        color: #cbd5e1 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.6rem !important;
        text-transform: none !important;
        transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease !important;
    }

    .dropdown-link:hover {
        background: rgba(255, 255, 255, 0.08) !important;
        color: #ffffff !important;
        padding-left: 2.1rem !important;
    }
}

/* Desktop Subject Wrapper: always open on desktop */
.mobile-subjects-nav-header {
    display: none !important;
}

.pro-subjects-collapse-wrapper {
    display: block !important;
}

/* ── Mobile Devices Breakpoint (max-width: 768px) ── */
@media (max-width: 768px) {

    /* Globally eliminate horizontal overflow & set pure white background */
    html,
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        background-color: #ffffff !important;
    }

    .pro-body-wrapper {
        background-color: #ffffff !important;
    }

    /* Standardized Section Padding on Mobile */
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Top Utility Bar */
    .top-bar {
        padding: 0.4rem 0 !important;
    }

    .top-bar .container {
        flex-direction: column !important;
        gap: 0.35rem !important;
        text-align: center !important;
        padding: 0 15px !important;
    }

    .top-bar-left,
    .top-bar-right {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 0.4rem 0.85rem !important;
        font-size: 0.72rem !important;
    }

    /* ── Mobile Header App Bar (Exact Match with Mockup - Equal Top & Bottom Padding) ── */
    /* ── Mobile Header App Bar: Centered Vertical Stack (Logo -> Full form -> DOI in Blue BG) ── */
    .site-header-v6 {
        padding-top: 14px !important;
        padding-bottom: 12px !important;
        margin-bottom: 0 !important;
        background: #1f68ce !important;
        border-bottom: none !important;
        position: relative !important;
    }

    .header-container-v6 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        background: #1f68ce !important;
        background-image: none !important;
        padding: 0 8px !important;
        margin-bottom: 0 !important;
        gap: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Hide desktop columns on mobile */
    .hdr-col-left,
    .hdr-col-center,
    .hdr-col-right {
        display: none !important;
    }

    /* ── Dedicated Mobile Brand Stack ── */
    .mobile-brand-stack {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* 1. First Logo (Even Bigger, No surrounding shadow/shade, 100% clean) */
    .mobile-stack-logo-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        margin: 0 auto 6px auto !important;
        transition: transform 0.2s ease !important;
    }

    .mobile-stack-logo-link:hover,
    .mobile-stack-logo-link:active {
        transform: scale(1.02) !important;
    }

    .mobile-stack-logo-img {
        width: 180px !important;
        height: 180px !important;
        max-height: 180px !important;
        object-fit: contain !important;
        border-radius: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        filter: none !important;
        /* Shade / shadow completely removed */
        display: block !important;
    }

    /* 2. Full Form: Same font size for entire title + title padding */
    .mobile-stack-fullform {
        color: #ffffff !important;
        font-family: 'Inter', sans-serif !important;
        text-align: center !important;
        margin: 4px auto 10px auto !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 5px 12px !important;
        text-transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    .mobile-stack-fullform .fullform-line-1,
    .mobile-stack-fullform .fullform-line-2 {
        display: block !important;
        white-space: nowrap !important;
        font-size: clamp(1.08rem, 5vw, 1.25rem) !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        color: #ffffff !important;
        text-shadow: none !important;
        text-align: center !important;
        text-transform: none !important;
    }

    .mobile-stack-fullform .fullform-line-1 {
        /* Strictly stays on one line - Multidisciplinary never moves down */
        letter-spacing: -0.025em !important;
    }

    .mobile-stack-fullform .fullform-line-2 {
        letter-spacing: -0.01em !important;
        margin-top: 3px !important;
    }

    /* 3. DOI no in blue BG */
    .mobile-stack-doi-wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .mobile-stack-doi-pill {
        background: linear-gradient(135deg, #0d2859 0%, #081a38 100%) !important;
        border: 1px solid rgba(255, 255, 255, 0.35) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
        border-radius: 99px !important;
        padding: 4px 15px 4px 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        text-decoration: none !important;
    }

    .mobile-doi-icon-img {
        width: 16px !important;
        height: 16px !important;
        object-fit: contain !important;
        border-radius: 50% !important;
        display: inline-block !important;
        flex-shrink: 0 !important;
    }

    .mobile-doi-text {
        color: #ffffff !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 0.80rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.03em !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
    }

    /* Responsive adjustments */
    @media (max-width: 360px) {
        .mobile-stack-logo-img {
            width: 150px !important;
            height: 150px !important;
            max-height: 150px !important;
        }

        .mobile-stack-fullform .fullform-line-1,
        .mobile-stack-fullform .fullform-line-2 {
            font-size: 1.02rem !important;
        }
    }

    @media (min-width: 480px) and (max-width: 768px) {
        .mobile-stack-logo-img {
            width: 215px !important;
            height: 215px !important;
            max-height: 215px !important;
        }

        .mobile-stack-fullform .fullform-line-1,
        .mobile-stack-fullform .fullform-line-2 {
            font-size: 1.35rem !important;
        }
    }

    /* Right: Hamburger Menu Action (Positioned top-right so stack stays centered) */
    .mobile-header-actions {
        position: absolute !important;
        top: 10px !important;
        right: 12px !important;
        z-index: 10 !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    .mobile-search-btn {
        display: none !important;
    }

    .mobile-header-menu-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255, 255, 255, 0.18) !important;
        border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
        color: #ffffff !important;
        font-size: 1.1rem !important;
        cursor: pointer !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 6px !important;
        padding: 0 !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        line-height: 1 !important;
        transition: background 0.15s ease, transform 0.15s ease !important;
    }

    .mobile-header-menu-btn i {
        color: #ffffff !important;
    }

    .mobile-header-menu-btn:focus {
        outline: none !important;
    }

    .mobile-header-menu-btn:active {
        transform: scale(0.92) !important;
        background: rgba(255, 255, 255, 0.35) !important;
    }

    /* Hide 4 Partner Logos & Map on Mobile */
    .hdr-col-right {
        display: none !important;
    }

    /* Mobile Nav in 768px query inherits absolute overlay and smooth transition from 991px query */
    .mobile-nav-bar {
        display: none !important;
    }

    /* Mobile Menu Font Size 12px & Zero Gap Before Home Item */
    .nav-item {
        width: 100% !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .nav-item:first-child {
        margin-top: 0 !important;
    }

    .nav-link {
        font-family: 'Inter', sans-serif !important;
        width: 100% !important;
        padding: 0.7rem 1.15rem !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;
        color: #ffffff !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .nav-item.active .nav-link {
        background-color: #ff9e1b !important;
        color: #ffffff !important;
        font-weight: 800 !important;
    }

    .nav-link i.fa-chevron-down {
        font-size: 11px !important;
    }

    .dropdown-link {
        font-family: 'Inter', sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        padding: 0.65rem 1.15rem 0.65rem 1.6rem !important;
        color: #e2e8f0 !important;
    }

    /* ── Mobile Banner Section & Card (Full Width Edge-to-Edge, No Padding, No Border Radius) ── */
    .banner-slider-section {
        position: relative !important;
        background: transparent !important;
        height: auto !important;
        box-shadow: none !important;
        padding: 0 !important;
        overflow: visible !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
    }

    .banner-slider-container {
        border-radius: 0 !important;
        overflow: hidden !important;
        background: #0f172a !important;
        box-shadow: none !important;
        border: none !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 230px !important;
        min-height: 220px !important;
        position: relative !important;
    }

    .banner-slides-wrapper {
        height: 230px !important;
        min-height: 220px !important;
        border-radius: 0 !important;
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .banner-slide {
        height: 230px !important;
        min-height: 220px !important;
        max-height: 240px !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        border-radius: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out !important;
        z-index: 1 !important;
    }

    .banner-slide.active {
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 2 !important;
    }

    .banner-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        border-radius: 0 !important;
    }

    /* Full Mobile Banner Overlay & Captions (Clean, legible, and responsive) */
    /* Full Mobile Banner Overlay & Captions (Clean, bright, crystal-clear background) */
    .banner-overlay {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.08) 40%, rgba(15, 23, 42, 0.72) 100%) !important;
        z-index: 3 !important;
    }

    .banner-content-wrapper {
        display: flex !important;
        position: absolute !important;
        bottom: 0 !important;
        top: auto !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        z-index: 4 !important;
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 0.5rem 1.25rem 1.65rem 1.25rem !important;
        box-sizing: border-box !important;
    }

    .banner-caption {
        padding: 0 1rem !important;
        max-width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        background: transparent !important;
        background-color: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    .banner-title {
        font-family: var(--font-title, 'Inter', sans-serif) !important;
        font-size: 1.05rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.02em !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        color: #ffffff !important;
        text-transform: uppercase !important;
        text-align: center !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-shadow: 0 1px 3px #000000, 0 2px 8px rgba(0, 0, 0, 0.95), 0 0 14px rgba(0, 0, 0, 0.9) !important;
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.85)) !important;
        opacity: 1 !important;
        transform: none !important;
    }

    /* Hide description and button on mobile devices as requested */
    .banner-description {
        display: none !important;
    }

    .banner-actions {
        display: none !important;
    }

    .btn-banner-primary {
        display: none !important;
    }

    /* Floating Navigation Arrows on Mobile */
    .banner-arrow {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.82) !important;
        color: #0f172a !important;
        border: 1px solid rgba(255, 255, 255, 0.5) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        opacity: 1 !important;
        visibility: visible !important;
        font-size: 0.78rem !important;
        z-index: 10 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: auto !important;
    }

    .banner-arrow-left {
        left: 8px !important;
    }

    .banner-arrow-right {
        right: 8px !important;
    }

    /* Indicator Dots on Mobile */
    .banner-dots {
        display: flex !important;
        position: absolute !important;
        bottom: 8px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 10 !important;
        gap: 6px !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: auto !important;
    }

    .banner-dot {
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.55) !important;
        border: 1px solid rgba(0, 0, 0, 0.25) !important;
        cursor: pointer !important;
        transition: all 0.25s ease !important;
        padding: 0 !important;
        display: block !important;
    }

    .banner-dot.active {
        width: 22px !important;
        height: 8px !important;
        border-radius: 9999px !important;
        background: #ff9e1b !important;
        border-color: #ff9e1b !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
    }

    /* ── Mobile Showcase Section (Below Banner) ── */
    .mobile-showcase-section {
        display: block !important;
        background-color: #ffffff !important;
        padding: 14px 14px 0 14px !important;
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .mobile-journal-title-box,
    .mobile-journal-heading,
    .mobile-journal-line {
        display: none !important;
    }

    /* ── Mobile Search Box After Banner ── */
    .mobile-banner-search-wrap {
        width: 100% !important;
        margin: 0 0 14px 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }

    .mobile-banner-search-form {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile-banner-search-bar {
        display: flex !important;
        align-items: center !important;
        background: #ffffff !important;
        border: 1.5px solid #bfdbfe !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 8px rgba(31, 104, 206, 0.08) !important;
        height: 44px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        transition: border-color 0.2s, box-shadow 0.2s !important;
    }

    .mobile-banner-search-bar:focus-within {
        border-color: #1f68ce !important;
        box-shadow: 0 0 0 3px rgba(31, 104, 206, 0.16) !important;
    }

    .mobile-banner-search-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-left: 12px !important;
        padding-right: 6px !important;
        color: #1f68ce !important;
        font-size: 0.95rem !important;
        flex-shrink: 0 !important;
    }

    .mobile-banner-search-input {
        flex: 1 !important;
        min-width: 0 !important;
        border: none !important;
        outline: none !important;
        background: transparent !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 0.82rem !important;
        color: #0f172a !important;
        padding: 0 6px !important;
        height: 100% !important;
        box-shadow: none !important;
    }

    .mobile-banner-search-input::placeholder {
        color: #94a3b8 !important;
        font-size: 0.78rem !important;
    }

    .mobile-banner-search-clear {
        background: none !important;
        border: none !important;
        padding: 0 8px !important;
        color: #94a3b8 !important;
        cursor: pointer !important;
        font-size: 0.9rem !important;
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .mobile-banner-search-clear:hover {
        color: #475569 !important;
    }

    .mobile-banner-search-submit {
        background: linear-gradient(135deg, #1f68ce 0%, #1555b0 100%) !important;
        color: #ffffff !important;
        border: none !important;
        padding: 0 16px !important;
        height: 100% !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 0.82rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.02em !important;
        cursor: pointer !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        transition: background 0.15s ease !important;
    }

    .mobile-banner-search-submit:active {
        background: #104896 !important;
    }

    .mobile-banner-search-results {
        position: absolute !important;
        top: calc(100% + 6px) !important;
        left: 0 !important;
        right: 0 !important;
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.15) !important;
        z-index: 100 !important;
        max-height: 280px !important;
        overflow-y: auto !important;
        padding: 6px 0 !important;
        text-align: left !important;
    }

    .banner-res-group-title {
        font-size: 0.7rem !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.06em !important;
        color: #64748b !important;
        padding: 6px 14px 4px !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        background: #f8fafc !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }

    .banner-res-item {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 8px 14px !important;
        text-decoration: none !important;
        color: #1e293b !important;
        border-bottom: 1px solid #f8fafc !important;
        transition: background 0.15s !important;
    }

    .banner-res-item:hover,
    .banner-res-item:active {
        background: #f0f7ff !important;
    }

    .banner-res-item:last-child {
        border-bottom: none !important;
    }

    .banner-res-icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 6px !important;
        background: #eff6ff !important;
        color: #1f68ce !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0.75rem !important;
        flex-shrink: 0 !important;
    }

    .banner-res-body {
        flex: 1 !important;
        min-width: 0 !important;
    }

    .banner-res-title {
        font-size: 0.78rem !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        line-height: 1.3 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .banner-res-meta {
        font-size: 0.68rem !important;
        color: #64748b !important;
        margin-top: 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .banner-res-empty {
        padding: 16px 14px !important;
        text-align: center !important;
        font-size: 0.8rem !important;
        color: #64748b !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
    }

    /* 3 Metric Cards Grid in a Row */
    .mobile-metric-cards-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
        margin: 0 0 12px 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .mobile-journal-tagline {
        color: #475569 !important;
        font-size: 0.65rem !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        margin: 0 auto 14px auto !important;
        white-space: nowrap !important;
        text-align: center !important;
        letter-spacing: -0.02em !important;
        display: block !important;
    }

    @media (max-width: 360px) {
        .mobile-journal-tagline {
            font-size: 0.58rem !important;
        }
    }

    .mobile-metric-card {
        border-radius: 12px !important;
        padding: 12px 4px !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    }

    .mobile-metric-card.card-issn {
        background-color: #e0f2fe !important;
    }

    .mobile-metric-card.card-impact {
        background-color: #ecfdf5 !important;
    }

    .mobile-metric-card.card-ugc {
        background-color: #fffbeb !important;
    }

    .mobile-metric-icon {
        font-size: 1.4rem !important;
        margin-bottom: 5px !important;
        line-height: 1 !important;
    }

    .mobile-metric-icon.icon-orange {
        color: #ea580c !important;
    }

    .mobile-metric-icon.icon-blue {
        color: #0f62fe !important;
    }

    .mobile-metric-label {
        color: #64748b !important;
        font-size: 0.66rem !important;
        font-weight: 600 !important;
        margin-bottom: 2px !important;
    }

    .mobile-metric-val {
        color: #0f172a !important;
        font-size: 0.84rem !important;
        font-weight: 850 !important;
        letter-spacing: -0.02em !important;
        line-height: 1.15 !important;
    }

    /* Slogan Divider */
    .mobile-slogan-divider {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        margin: 0 auto 18px auto !important;
        padding: 0 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .slogan-rule {
        width: 32px !important;
        height: 1.5px !important;
        background-color: #93c5fd !important;
        border-radius: 2px !important;
        flex-shrink: 0 !important;
    }

    .slogan-text {
        color: #64748b !important;
        font-size: 0.62rem !important;
        font-weight: 650 !important;
        letter-spacing: 0.12em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    /* Welcome Header visible on mobile (Outfit font family, uppercase, black + blue) */
    .pro-welcome-header {
        display: block !important;
        text-align: center !important;
        margin-top: 24px !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .desktop-only-br {
        display: none !important;
    }

    .pro-welcome-title {
        font-family: 'Inter', sans-serif !important;
        font-size: 1.15rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        line-height: 1.4 !important;
        letter-spacing: -0.01em !important;
        text-align: center !important;
        text-wrap: balance !important;
        padding: 0 12px !important;
        margin: 0 auto !important;
        max-width: 100% !important;
    }

    .pro-welcome-title .welcome-black {
        color: #0f172a !important;
        display: inline !important;
        margin-right: 4px !important;
    }

    .pro-welcome-title .welcome-blue {
        color: #1a56db !important;
        display: inline !important;
    }

    .pro-welcome-underline {
        width: 50px !important;
        height: 3px !important;
        background: #0f62fe !important;
        margin: 8px auto 0 auto !important;
        border-radius: 2px !important;
    }

    /* Main Body Wrapper & Layout Grid */
    .pro-body-wrapper {
        padding: 0.5rem 0 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .container.pro-grid,
    .home-pro-grid,
    .pro-grid {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Mobile Homepage Sequential Ordering: Welcome -> Intro/Metrics -> Downloads & CFP -> Current Issue -> Subjects -> Right Sidebar */
    .home-pro-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .home-pro-grid .pro-sidebar-left,
    .home-pro-grid .sidebar-left-sticky,
    .home-pro-grid .pro-center,
    .home-pro-grid .pro-sidebar-right,
    .home-pro-grid .sidebar-right-sticky {
        display: contents !important;
    }

    /* 1: Welcome Header - Exact 20px Gap After Slogan */
    .home-pro-grid .pro-welcome-header {
        order: 1 !important;
        margin-top: 20px !important;
        margin-bottom: 12px !important;
    }

    /* 2: Journal Intro (Cover, Description, Metrics) */
    .home-pro-grid .pro-journal-intro {
        order: 2 !important;
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    .pro-cover-float {
        float: none !important;
        text-align: center !important;
        margin: 0 auto 1.25rem auto !important;
    }

    .pro-cover-img {
        width: 200px !important;
        max-width: 85% !important;
        height: auto !important;
        margin: 0 auto !important;
        border-radius: 8px !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16) !important;
        display: block !important;
    }

    .pro-journal-desc {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .pro-journal-desc p {
        font-size: 14px !important;
        line-height: 1.65 !important;
        color: #334155 !important;
        margin-bottom: 1rem !important;
        text-align: justify !important;
    }

    .pro-journal-desc p:last-of-type {
        margin-bottom: 0 !important;
    }

    .pro-pill-row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* Exact 24px Gap Before Journal Analytics and Database Metrics */
    .pro-metrics-container {
        margin-top: 24px !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .metrics-grid-layout {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .metrics-panel-col {
        padding: 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 3: Current Issue Section (Directly after Journal Intro) */
    .home-pro-grid .pro-issue-section {
        order: 3 !important;
        margin-top: 24px !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 4: Visitor Counter (1st after Current Issue) */
    .home-pro-grid .visitor-counter-widget {
        order: 4 !important;
        width: 100% !important;
        margin-top: 24px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    /* 5: Call for Papers Widget (then Call for Paper) */
    .home-pro-grid .pro-cfp-widget {
        order: 5 !important;
        width: 100% !important;
        margin-top: 18px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    .home-pro-grid .pro-cfp-widget .pro-widget {
        margin-bottom: 0 !important;
    }

    /* 6: Announcements Widget */
    .home-pro-grid .pro-announcements-widget {
        order: 6 !important;
        width: 100% !important;
        margin-top: 18px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    /* 7: IJMRR Downloads Widget */
    .home-pro-grid .pro-downloads-widget {
        order: 7 !important;
        width: 100% !important;
        margin-top: 18px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    /* 8: Subscription Widget */
    .home-pro-grid .pro-subscription-widget {
        order: 8 !important;
        width: 100% !important;
        margin-top: 18px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    /* 9: UGC Notification */
    .home-pro-grid .pro-ugc-btn {
        order: 9 !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-top: 18px !important;
        margin-bottom: 0 !important;
        padding: 0.75rem 1rem !important;
        box-sizing: border-box !important;
    }

    .pro-issue-header,
    .metrics-panel-title {
        font-family: 'Inter', sans-serif !important;
        font-size: 20px !important;
        font-weight: 850 !important;
        color: #0f172a !important;
        text-transform: capitalize !important;
        letter-spacing: 0.02em !important;
    }

    .pro-issue-header {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-bottom: 6px !important;
    }

    .metrics-panel-title {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        text-align: center !important;
        margin-bottom: 0.4rem !important;
    }

    .pro-issue-header i,
    .metrics-panel-title i {
        font-size: 1.15rem !important;
    }

    .pro-issue-underline {
        width: 48px !important;
        height: 3.5px !important;
        background: #ff9e1b !important;
        border-radius: 2px !important;
        margin: 0 0 14px 0 !important;
    }

    .pro-issue-volume-card {
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-left: 3.5px solid #ff9e1b !important;
        border-radius: 8px !important;
        padding: 11px 14px !important;
        margin-bottom: 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .pro-issue-volume-info {
        font-size: 0.86rem !important;
        color: #1e293b !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .pro-issue-volume-info i {
        color: #0f62fe !important;
        font-size: 0.95rem !important;
    }

    .pro-issue-docs-bar {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin-top: 10px !important;
        padding-top: 8px !important;
        border-top: 1px dashed #e2e8f0 !important;
    }

    .pro-issue-doc-pill {
        font-size: 0.72rem !important;
        padding: 4px 10px !important;
        border-radius: 4px !important;
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        color: #1e293b !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
    }

    /* Paper Cards on Home */
    .pro-paper-card {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 10px !important;
        padding: 14px !important;
        margin-bottom: 14px !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .pro-paper-card-top {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        margin-bottom: 8px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .pro-paper-title {
        font-family: 'Inter', sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.45 !important;
        color: #1f68ce !important;
        text-transform: uppercase !important;
        margin: 0 !important;
        width: 100% !important;
        display: block !important;
        -webkit-line-clamp: unset !important;
        overflow: visible !important;
        text-overflow: unset !important;
        word-break: break-word !important;
        text-decoration: none !important;
        -webkit-text-decoration: none !important;
    }

    /* Straight single-row badges on Mobile */
    .pro-paper-meta-badges {
        display: flex !important;
        align-items: center !important;
        gap: 0.28rem !important;
        flex-wrap: nowrap !important;
        /* Keep badges in a single straight row */
        width: 100% !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .pro-paper-meta-badges::-webkit-scrollbar {
        display: none !important;
    }

    .pro-article-title-link,
    a.pro-article-title-link {
        color: #1f68ce !important;
        text-decoration: none !important;
        -webkit-text-decoration: none !important;
    }

    .pro-article-title-link:hover,
    .pro-article-title-link:focus,
    .pro-article-title-link:active,
    .pro-article-title-link:visited,
    a.pro-article-title-link:hover,
    a.pro-article-title-link:focus,
    a.pro-article-title-link:active,
    a.pro-article-title-link:visited {
        color: #1f68ce !important;
        text-decoration: none !important;
        -webkit-text-decoration: none !important;
    }

    .pro-pages-badge,
    .pro-views-badge,
    .pro-downloads-badge {
        font-size: 0.68rem !important;
        padding: 0.15rem 0.38rem !important;
        border-radius: 4px !important;
        white-space: nowrap !important;
        /* Straight, no wrapping */
        flex-shrink: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.22rem !important;
        line-height: 1.25 !important;
    }

    .pro-pages-badge {
        background: #f1f5f9 !important;
        color: #475569 !important;
        border: 1px solid #e2e8f0 !important;
        font-weight: 700 !important;
    }

    .pro-views-badge {
        background: #f0fdf4 !important;
        color: #15803d !important;
        border: 1px solid #bbf7d0 !important;
        font-weight: 600 !important;
    }

    .pro-downloads-badge {
        background: #eff6ff !important;
        color: #1d4ed8 !important;
        border: 1px solid #bfdbfe !important;
        font-weight: 600 !important;
    }

    /* Author row on Mobile: Lock icon to top-left and wrap text smoothly */
    .pro-paper-authors {
        font-size: 0.78rem !important;
        color: #475569 !important;
        font-weight: 550 !important;
        margin: 0 0 8px 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        line-height: 1.35 !important;
    }

    .pro-paper-authors i {
        color: #3b82f6 !important;
        font-size: 0.80rem !important;
        flex-shrink: 0 !important;
        margin-top: 2px !important;
    }

    .pro-paper-authors .author-names-text {
        flex: 1 !important;
        min-width: 0 !important;
        word-break: break-word !important;
    }

    /* Mobile DOI link styling (no cutting, single line or clean break) */
    .pro-paper-doi {
        margin-top: 0.35rem !important;
        max-width: 100% !important;
    }

    .pro-paper-doi-link {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.35rem !important;
        max-width: 100% !important;
        min-width: 0 !important;
        text-decoration: none !important;
        color: #1f68ce !important;
        font-weight: 550 !important;
    }

    .pro-paper-doi-link .doi-logo-img {
        height: 15px !important;
        width: 15px !important;
        object-fit: contain !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
    }

    .pro-paper-doi-link .doi-text {
        font-family: 'Inter', sans-serif !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
    }

    .pro-paper-doi-link .doi-external-icon {
        font-size: 0.68rem !important;
        color: #60a5fa !important;
        flex-shrink: 0 !important;
    }

    /* Action Buttons layout on Mobile: Main left-aligned, Auth (Cert & Acceptance) centered */
    .pro-paper-actions-clean {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-top: 10px !important;
    }

    .pro-paper-actions-main {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .pro-paper-actions-auth {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        align-items: center !important;
        justify-content: center !important;
        /* ONLY Certificate & Acceptance Letter in center */
        width: 100% !important;
        margin-top: 2px !important;
    }

    .btn-action-abstract,
    .btn-action-pdf,
    .btn-action-cite,
    .btn-action-cert,
    .btn-action-accept {
        height: 32px !important;
        min-height: 32px !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        border-radius: 5px !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 0.72rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        cursor: pointer !important;
        padding: 0 8px !important;
        gap: 5px !important;
        flex: 0 0 auto !important;
        transition: all 0.15s ease !important;
    }

    .btn-action-abstract,
    .btn-action-pdf,
    .btn-action-cite {
        background: #ffffff !important;
        color: #0f172a !important;
        border: 1px solid #cbd5e1 !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    }

    .btn-action-abstract i {
        color: #0f62fe !important;
        font-size: 0.76rem !important;
    }

    .btn-action-pdf i {
        color: #dc2626 !important;
        font-size: 0.78rem !important;
    }

    .btn-action-cite i {
        color: #0f62fe !important;
        font-size: 0.74rem !important;
    }

    .btn-action-cert {
        background: #fffbeb !important;
        color: #92400e !important;
        border: 1px solid #fde68a !important;
    }

    .btn-action-cert i {
        color: #d97706 !important;
        font-size: 0.76rem !important;
    }

    .btn-action-accept {
        background: #fdfcff !important;
        color: #4338ca !important;
        border: 1px solid #c7d2fe !important;
    }

    .btn-action-accept i {
        color: #6366f1 !important;
        font-size: 0.76rem !important;
    }

    /* 10: Browse All Subject Categories (browse sunbjecy) */
    .home-pro-grid .pro-sidebar-subjects {
        order: 10 !important;
        width: 100% !important;
        margin-top: 18px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    /* Mobile Subjects Collapsible Navigation */
    .mobile-subjects-nav-header {
        display: block !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .mobile-subjects-nav-btn {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        background: #0f172a !important;
        color: #ffffff !important;
        border: 1px solid #1e293b !important;
        border-radius: 8px !important;
        padding: 12px 14px !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 0.88rem !important;
        font-weight: 750 !important;
        cursor: pointer !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
        box-sizing: border-box !important;
        transition: background 0.2s ease, border-color 0.2s ease !important;
    }

    .mobile-subjects-nav-btn:hover {
        background: #1e293b !important;
        border-color: #3b82f6 !important;
    }

    .mobile-subjects-nav-btn span {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .mobile-subjects-nav-btn span i {
        color: #ff9e1b !important;
        font-size: 1rem !important;
    }

    .mobile-subjects-nav-btn .toggle-arrow {
        font-size: 0.85rem !important;
        color: #94a3b8 !important;
        transition: transform 0.25s ease !important;
    }

    .pro-subjects-collapse-wrapper {
        display: none !important;
        margin-top: 12px !important;
    }

    .pro-subjects-collapse-wrapper.subjects-open {
        display: block !important;
    }

    /* 11: Indexing & Partners Carousel Widget (all indexing logo with carousel) */
    .home-pro-grid .pro-indexing-widget {
        order: 11 !important;
        width: 100% !important;
        margin-top: 18px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    /* Indexing Logo Carousel on Mobile */
    .indexing-carousel-wrapper {
        position: relative !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    .idx-carousel-btn {
        display: flex !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0.75rem !important;
        color: #1e293b !important;
        cursor: pointer !important;
        z-index: 10 !important;
        transition: background 0.15s ease, transform 0.15s ease !important;
    }

    .idx-btn-prev {
        left: 2px !important;
    }

    .idx-btn-next {
        right: 2px !important;
    }

    .pro-indexing-sidebar-list {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 12px !important;
        padding: 6px 26px 8px 26px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .pro-indexing-sidebar-list::-webkit-scrollbar {
        display: none !important;
    }

    /* All Indexing Logos Look Same - Uniform Middle Size */
    .pro-sidebar-logo-card,
    .pro-sidebar-logo-card:has(img[alt="Check for updates"]),
    .pro-sidebar-logo-card:has(img[alt="Portico"]),
    .pro-sidebar-logo-card:has(img[alt="Open Access"]),
    .pro-sidebar-logo-card:has(img[alt="ISSN"]),
    .pro-sidebar-logo-card:has(img[alt="Crossref"]),
    .pro-sidebar-logo-card:has(img[alt="Google Scholar"]),
    .pro-sidebar-logo-card:has(img[alt="ResearchGate"]),
    .pro-sidebar-logo-card:has(img[alt="ORCID"]),
    .pro-sidebar-logo-card:has(img[alt="Academia.edu"]),
    .pro-sidebar-logo-card:has(img[alt="iThenticate"]),
    .pro-sidebar-logo-card:has(img[alt="DrillBit"]),
    .pro-sidebar-logo-card:has(img[alt="Grammarly"]) {
        flex: 0 0 140px !important;
        width: 140px !important;
        min-width: 140px !important;
        max-width: 140px !important;
        height: 75px !important;
        min-height: 75px !important;
        max-height: 75px !important;
        padding: 8px 12px !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        background-color: #ffffff !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        scroll-snap-align: center !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    .pro-sidebar-logo-img,
    .pro-sidebar-logo-img[alt="Portico"],
    .pro-sidebar-logo-img[alt="Open Access"],
    .pro-sidebar-logo-img[alt="Check for updates"],
    .pro-sidebar-logo-img[alt="ISSN"],
    .pro-sidebar-logo-img[alt="Crossref"],
    .pro-sidebar-logo-img[alt="Google Scholar"],
    .pro-sidebar-logo-img[alt="ResearchGate"],
    .pro-sidebar-logo-img[alt="ORCID"],
    .pro-sidebar-logo-img[alt="Academia.edu"],
    .pro-sidebar-logo-img[alt="iThenticate"],
    .pro-sidebar-logo-img[alt="DrillBit"],
    .pro-sidebar-logo-img[alt="Grammarly"] {
        max-height: 48px !important;
        height: 48px !important;
        max-width: 115px !important;
        width: auto !important;
        object-fit: contain !important;
        display: block !important;
        margin: auto !important;
        transform: none !important;
    }

    /* 12: Join as Reviewer Button */
    .home-pro-grid .btn-join-reviewer {
        order: 12 !important;
        margin-top: 18px !important;
    }

    /* 13: Archives Card */
    .home-pro-grid .pro-archive-card {
        order: 13 !important;
        margin-top: 18px !important;
        width: 100% !important;
        display: block !important;
    }

    /* 14: Editorial Queries Widget - Zero bottom gap */
    .home-pro-grid .communication-widget,
    .communication-widget {
        order: 14 !important;
        margin-top: 18px !important;
        margin-bottom: 0 !important;
        width: 100% !important;
    }

    /* Remove Unnecessary Bottom Gap After Editorial Queries Box */
    .pro-testimonials-section {
        padding-top: 10px !important;
        padding-bottom: 16px !important;
        margin-top: 0 !important;
    }

    .site-footer {
        margin-top: 0 !important;
    }

    /* ── Sidebars on Mobile ── */
    .pro-sidebar-left,
    .sidebar-left-sticky,
    .pro-sidebar-right,
    .sidebar-right-sticky {
        position: static !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Join as Reviewer Button - Middle Width (220px) & Centered on Mobile */
    .btn-join-reviewer {
        max-width: 220px !important;
        width: 100% !important;
        margin: 0 auto 1.25rem auto !important;
        padding: 0.65rem 1rem !important;
        font-size: 0.88rem !important;
        border-radius: 6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        box-sizing: border-box !important;
    }

    /* Submit Paper Button - Exact Same Width (220px) & Centered on Mobile */
    .cfp-btn-submit {
        max-width: 220px !important;
        width: 100% !important;
        margin: 0.75rem auto 0 auto !important;
        padding: 0.65rem 1rem !important;
        font-size: 0.88rem !important;
        font-weight: 750 !important;
        border-radius: 6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        box-sizing: border-box !important;
    }

    /* ── 1. Remove Current Issue Image from All Mobile Devices Only ── */
    .current-issue-centered-box,
    .current-issue-banner-wrapper,
    .current-issue-banner-img,
    .current-issue-img-link,
    .pro-widget.pro-widget-transparent:has(.current-issue-banner-img),
    .pro-widget.current-issue-centered-box,
    .pro-widget-transparent.current-issue-centered-box,
    .home-pro-grid .current-issue-centered-box {
        display: none !important;
    }

    /* ── 3. Hide Sidebars, Subjects, Join as Reviewer, CFP, Announcements & Counter on INNER PAGES ONLY on Mobile ── */
    body.is-inner-page .pro-sidebar-left,
    body.is-inner-page .pro-sidebar-right,
    body.is-inner-page .pro-sidebar-subjects,
    body.is-inner-page .mobile-subjects-nav-header,
    body.is-inner-page .mobile-subjects-nav-btn,
    body.is-inner-page .pro-subjects-collapse-wrapper,
    body.is-inner-page .btn-join-reviewer,
    body.is-inner-page .pro-cfp-widget,
    body.is-inner-page .pro-announcements-widget,
    body.is-inner-page .visitor-counter-widget,
    body.is-inner-page .current-issue-centered-box,
    .pro-grid:not(.home-pro-grid) .pro-sidebar-left,
    .pro-grid:not(.home-pro-grid) .pro-sidebar-right,
    .pro-grid:not(.home-pro-grid) .pro-sidebar-subjects,
    .pro-grid:not(.home-pro-grid) .mobile-subjects-nav-header,
    .pro-grid:not(.home-pro-grid) .mobile-subjects-nav-btn,
    .pro-grid:not(.home-pro-grid) .pro-subjects-collapse-wrapper,
    .pro-grid:not(.home-pro-grid) .btn-join-reviewer,
    .pro-grid:not(.home-pro-grid) .pro-cfp-widget,
    .pro-grid:not(.home-pro-grid) .pro-announcements-widget,
    .pro-grid:not(.home-pro-grid) .visitor-counter-widget,
    .pro-grid:not(.home-pro-grid) .pro-downloads-widget,
    .about-layout .pro-sidebar-left,
    .about-layout .pro-sidebar-right,
    .about-layout .pro-sidebar-subjects,
    .about-layout .mobile-subjects-nav-header,
    .about-layout .mobile-subjects-nav-btn,
    .about-layout .pro-subjects-collapse-wrapper,
    .about-layout .btn-join-reviewer,
    .about-layout .pro-cfp-widget,
    .about-layout .pro-announcements-widget,
    .about-layout .visitor-counter-widget,
    .about-layout .pro-downloads-widget,
    .indexing-page-layout .pro-sidebar-left,
    .indexing-page-layout .pro-sidebar-right,
    .indexing-page-layout .pro-sidebar-subjects,
    .indexing-page-layout .btn-join-reviewer,
    .indexing-page-layout .pro-cfp-widget,
    .indexing-page-layout .pro-announcements-widget,
    .indexing-page-layout .visitor-counter-widget,
    .indexing-layout .pro-sidebar-left,
    .indexing-layout .pro-sidebar-right,
    .indexing-layout .pro-sidebar-subjects,
    .indexing-layout .btn-join-reviewer,
    .indexing-layout .pro-cfp-widget,
    .indexing-layout .pro-announcements-widget,
    .indexing-layout .visitor-counter-widget,
    .contact-layout .pro-sidebar-left,
    .contact-layout .pro-sidebar-right,
    .contact-layout .pro-sidebar-subjects,
    .contact-layout .btn-join-reviewer,
    .contact-layout .pro-cfp-widget,
    .contact-layout .pro-announcements-widget,
    .contact-layout .visitor-counter-widget,
    .archive-layout .pro-sidebar-left,
    .archive-layout .pro-sidebar-right,
    .archive-layout .pro-sidebar-subjects,
    .archive-layout .btn-join-reviewer,
    .archive-layout .pro-cfp-widget,
    .archive-layout .pro-announcements-widget,
    .archive-layout .visitor-counter-widget,
    .article-full-layout .pro-sidebar-left,
    .article-full-layout .pro-sidebar-right,
    .article-full-layout .pro-sidebar-subjects,
    .article-full-layout .btn-join-reviewer,
    .article-full-layout .pro-cfp-widget,
    .article-full-layout .pro-announcements-widget,
    .article-full-layout .visitor-counter-widget,
    .article-detail-layout .pro-sidebar-left,
    .article-detail-layout .pro-sidebar-right,
    .article-detail-layout .pro-sidebar-subjects,
    .article-detail-layout .btn-join-reviewer,
    .article-detail-layout .pro-cfp-widget,
    .article-detail-layout .pro-announcements-widget,
    .article-detail-layout .visitor-counter-widget,
    .policy-layout .pro-sidebar-left,
    .policy-layout .pro-sidebar-right,
    .policy-layout .pro-sidebar-subjects,
    .policy-layout .btn-join-reviewer,
    .policy-layout .pro-cfp-widget,
    .policy-layout .pro-announcements-widget,
    .policy-layout .visitor-counter-widget,
    .inner-layout .pro-sidebar-left,
    .inner-layout .pro-sidebar-right,
    .inner-layout .pro-sidebar-subjects,
    .inner-layout .btn-join-reviewer,
    .inner-layout .pro-cfp-widget,
    .inner-layout .pro-announcements-widget,
    .inner-layout .visitor-counter-widget,
    .issue-layout .pro-sidebar-left,
    .issue-layout .pro-sidebar-right,
    .issue-layout .pro-sidebar-subjects,
    .issue-layout .btn-join-reviewer,
    .issue-layout .pro-cfp-widget,
    .issue-layout .pro-announcements-widget,
    .issue-layout .visitor-counter-widget {
        display: none !important;
    }

    /* Inner Page Main Article: Full 100% Width on Mobile */
    body.is-inner-page .pro-center,
    .pro-grid:not(.home-pro-grid) .pro-center,
    .about-layout .pro-center,
    .indexing-page-layout .pro-center,
    .indexing-layout .pro-center,
    .archive-layout .pro-center,
    .article-full-layout .pro-center,
    .article-detail-layout .pro-center,
    .contact-layout .pro-center,
    .policy-layout .pro-center,
    .inner-layout .pro-center,
    .issue-layout .pro-center {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        flex: 1 1 100% !important;
    }

    .pro-sidebar-right {
        width: 100% !important;
        padding: 0 !important;
        margin-top: 24px !important;
    }

    .pro-widget {
        margin-bottom: 1rem !important;
    }

    .pro-widget-body {
        padding: 1rem 12px !important;
    }

    /* ── All Headings Capitalized (Title Case) ── */
    .pro-issue-header,
    .metrics-panel-title,
    .metrics-panel-col h3,
    .about-box-title,
    .pro-indexing-title,
    .archive-main-title,
    .issue-page-title,
    .ugc-pro-title,
    .art-main-heading,
    .join-hero-title,
    .footer-brand-name {
        text-transform: capitalize !important;
    }

    /* ── All Inner Page Titles on Mobile: 24px (20px on <=360px) to prevent awkward wrapping ── */
    .about-box-title,
    .pro-indexing-title,
    .archive-main-title,
    .issue-page-title,
    .art-main-heading,
    .ugc-pro-title,
    .join-hero-title,
    .pro-center>h1,
    .about-title-section h1,
    .editorial-board-title,
    .policy-card-title,
    .content-box h1 {
        font-family: 'Inter', sans-serif !important;
        font-size: 24px !important;
        font-weight: 850 !important;
        line-height: 1.25 !important;
        color: #0f172a !important;
        text-transform: uppercase !important;
        margin-top: 0 !important;
        margin-bottom: 6px !important;
        letter-spacing: 0.01em !important;
        word-break: break-word !important;
    }

    @media (max-width: 360px) {

        .about-box-title,
        .pro-indexing-title,
        .archive-main-title,
        .issue-page-title,
        .art-main-heading,
        .ugc-pro-title,
        .join-hero-title,
        .pro-center>h1,
        .about-title-section h1,
        .editorial-board-title,
        .policy-card-title,
        .content-box h1 {
            font-size: 20px !important;
        }
    }

    /* Consistent Title Underlines across all pages - Little clean gap after */
    .about-box-title-underline,
    .title-underline,
    .pro-issue-underline,
    .archive-title-underline,
    .ugc-title-underline {
        width: 48px !important;
        height: 3.5px !important;
        background-color: #ff9e1b !important;
        border-radius: 2px !important;
        margin: 0 0 10px 0 !important;
    }

    /* Title Section Spacing & Breadcrumb Gap - Tight and consistent */
    .about-title-section,
    .pro-indexing-header,
    .archive-header-box,
    .archive-header-section,
    .archive-title-wrap,
    .ugc-header-box,
    .ugc-pro-header {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
        padding: 0 !important;
    }

    .about-breadcrumb,
    .breadcrumb-nav,
    .issue-breadcrumb {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

    .about-main-card {
        gap: 0.75rem !important;
    }

    /* "How to submit the manuscript" and similar headings in ONE straight line */
    .about-section-heading {
        font-family: 'Inter', sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        line-height: 1.35 !important;
        margin-top: 18px !important;
        margin-bottom: 8px !important;
        text-transform: none !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        white-space: nowrap !important;
    }

    @media (max-width: 360px) {
        .about-section-heading {
            font-size: 0.84rem !important;
        }
    }

    .policy-section-title,
    .editorial-section-title,
    .art-sub-heading,
    .ugc-links-heading {
        font-family: 'Inter', sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        line-height: 1.35 !important;
        margin-top: 18px !important;
        margin-bottom: 8px !important;
        text-transform: none !important;
    }

    @media (max-width: 360px) {

        .policy-section-title,
        .editorial-section-title,
        .art-sub-heading,
        .ugc-links-heading {
            font-size: 0.88rem !important;
        }
    }

    /* Publisher Box Centering */
    .about-publisher-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 1.25rem 1rem !important;
        margin: 0 auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .publisher-logo-icon {
        margin: 0 auto 8px auto !important;
    }

    .publisher-details {
        text-align: center !important;
        width: 100% !important;
    }

    .publisher-address-text {
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* Aims & Scope Mobile Responsiveness */
    .scope-section-title {
        font-family: 'Inter', sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        line-height: 1.35 !important;
        margin-top: 18px !important;
        margin-bottom: 8px !important;
        text-transform: none !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px 8px !important;
    }

    @media (max-width: 360px) {
        .scope-section-title {
            font-size: 0.88rem !important;
        }
    }

    .section-badge {
        font-size: 0.65rem !important;
        font-weight: 800 !important;
        padding: 2.5px 7px !important;
        border-radius: 4px !important;
        display: inline-block !important;
        letter-spacing: 0.04em !important;
        line-height: 1.15 !important;
        text-transform: uppercase !important;
        flex-shrink: 0 !important;
    }

    .scope-tags-container {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        margin-top: 6px !important;
        margin-bottom: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .scope-tag {
        font-size: 0.74rem !important;
        font-weight: 600 !important;
        padding: 4px 7px !important;
        border-radius: 5px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        color: #334155 !important;
        line-height: 1.3 !important;
        display: inline-flex !important;
        align-items: center !important;
        max-width: 100% !important;
        word-break: break-word !important;
        box-sizing: border-box !important;
    }

    .scope-not-limited-note {
        font-size: 0.78rem !important;
        margin-top: 6px !important;
        line-height: 1.4 !important;
    }

    .scope-disclosure-box {
        padding: 12px 14px !important;
        border-radius: 8px !important;
        margin: 12px 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .disclosure-header h3 {
        font-size: 0.85rem !important;
    }

    .disclosure-body p {
        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    /* Paragraphs across ALL pages: 14px on Mobile */
    p,
    .pro-center p,
    .pro-center article p,
    .pro-journal-desc p,
    .welcome-desc,
    .welcome-desc p,
    .about-main-card p,
    .about-content-section p,
    .about-text-content p,
    .policy-content p,
    .policy-card p,
    .pro-indexing-desc,
    .ugc-text-content p,
    .ugc-desc-text,
    .ugc-notice-content p,
    .ugc-notice-highlight,
    .article-detail-container p,
    .author-guidelines p,
    .peer-review-content p,
    .contact-card-content p,
    .content-box p,
    .description-pro p,
    .article-abstract-text,
    .article-abstract-text p,
    .issue-detail-card p,
    .editorial-board-container p,
    .archive-main-box p {
        font-size: 14px !important;
        line-height: 1.65 !important;
        color: #334155 !important;
        margin-bottom: 1rem !important;
    }

    /* Inner Page Main Content Cards: Clean 14px padding & Full Mobile Alignment */
    .about-main-card,
    .pro-indexing-container,
    .issue-detail-card,
    .article-detail-container,
    .content-box,
    .contact-container,
    .submit-card,
    .editorial-board-container,
    .archive-main-box,
    .ugc-notification-container,
    .policy-card {
        padding: 14px !important;
        border-radius: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Inner Page Layout Grids on Mobile */
    .about-layout,
    .indexing-layout,
    .contact-layout,
    .archive-layout,
    .article-detail-layout,
    .policy-layout {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
        gap: 0 !important;
    }

    .about-layout .pro-center,
    .indexing-layout .pro-center,
    .contact-layout .pro-center,
    .archive-layout .pro-center,
    .article-detail-layout .pro-center {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Indexing Grid on Mobile */
    .pro-indexing-grid {
        grid-template-columns: 1fr !important;
        gap: 0.85rem !important;
    }

    .pro-index-item-card {
        height: 74px !important;
        padding: 6px 10px !important;
    }

    .pro-index-logo-img {
        max-height: 48px !important;
        max-width: 165px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* Footer on Mobile */
    .footer-main {
        padding: 2rem 0 !important;
    }

    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .footer-col-brand {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .footer-logo-wrap {
        display: flex !important;
        justify-content: center !important;
        margin: 0 auto 0.75rem auto !important;
    }

    .footer-brand-name {
        font-family: 'Inter', sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 800 !important;
        text-align: center !important;
        margin: 0 auto 0.75rem auto !important;
        max-width: 290px !important;
        line-height: 1.35 !important;
    }

    .footer-cc-badge-wrap {
        display: flex !important;
        justify-content: center !important;
        margin: 0 auto 0.75rem auto !important;
    }

    .footer-brand-tagline {
        text-align: center !important;
        margin: 0 auto 1rem auto !important;
    }

    .footer-socials {
        display: flex !important;
        justify-content: center !important;
        gap: 0.5rem !important;
    }

    .footer-vdivider {
        display: none !important;
    }

    .footer-disclaimer-bar,
    .footer-bottom-bar {
        padding: 0.85rem 15px !important;
    }

    /* Footer Text Colors on Mobile - Dark readable text on white background */
    .footer-main {
        background-color: #ffffff !important;
    }

    .footer-brand-name {
        color: #0f172a !important;
    }

    .footer-brand-tagline {
        color: #64748b !important;
    }

    .footer-brand-tagline a {
        color: #1d4ed8 !important;
    }

    .footer-col-title {
        color: #0f172a !important;
        border-bottom: 2px solid #1d4ed8 !important;
    }

    .footer-links-list li a {
        color: #0f172a !important;
    }

    .footer-links-list li a i {
        color: #1d4ed8 !important;
    }

    .footer-contact-journal-name {
        color: #0f172a !important;
    }

    .footer-contact-abbr,
    .footer-contact-text,
    .footer-contact-label {
        color: #64748b !important;
    }

    .footer-contact-link {
        color: #1d4ed8 !important;
    }

    /* Only Blue Bars at Bottom Have Pure White Text */
    .footer-disclaimer-bar,
    .footer-disclaimer-bar p,
    .footer-disclaimer-bar strong,
    .footer-disclaimer-bar span,
    .footer-bottom-bar,
    .footer-bottom-bar p,
    .footer-bottom-bar span,
    .footer-cc-statement,
    .footer-cc-statement p,
    .footer-cc-statement a {
        color: #ffffff !important;
    }

    .footer-cc-statement a {
        color: #ffffff !important;
        text-decoration: underline !important;
    }

    /* ════ ALL PAGES & INNER PAGE MOBILE EXPANDED LAYOUT (15PX PADDING) ════ */
    .container.pro-grid,
    .home-pro-grid,
    .pro-grid,
    .pro-grid.archive-layout,
    .pro-grid.about-layout,
    .pro-grid.issue-layout,
    .pro-grid.indexing-layout,
    .pro-grid.indexing-page-layout,
    .pro-grid.contact-layout,
    .pro-grid.article-detail-layout,
    .pro-grid.policy-layout {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        gap: 0 !important;
    }

    .about-layout .pro-center,
    .indexing-layout .pro-center,
    .indexing-page-layout .pro-center,
    .contact-layout .pro-center,
    .archive-layout .pro-center,
    .article-detail-layout .pro-center,
    .issue-layout .pro-center {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* ════ ARCHIVE PAGE MOBILE REDESIGN ════ */
    .archive-breadcrumb {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    .archive-card {
        padding: 10px 8px !important;
        margin-bottom: 1rem !important;
        gap: 0.65rem !important;
        border-radius: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .archive-header-section {
        padding-bottom: 0.4rem !important;
        gap: 0.25rem !important;
        border-bottom: 1px solid #f1f5f9 !important;
        margin-bottom: 0.4rem !important;
    }

    .archive-main-title {
        font-size: 22px !important;
        line-height: 1.25 !important;
        font-weight: 850 !important;
    }

    .archive-title-underline {
        width: 48px !important;
        height: 3.5px !important;
        margin: 4px 0 6px 0 !important;
    }

    .archive-timeline {
        gap: 10px !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .volume-section {
        padding: 10px 8px !important;
        border-radius: 8px !important;
        gap: 8px !important;
        border: 1px solid #e2e8f0 !important;
        background: #ffffff !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02) !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .volume-section-header {
        padding-bottom: 8px !important;
        margin-bottom: 0 !important;
        border-bottom: 1px solid #f1f5f9 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .volume-sec-title {
        gap: 6px !important;
        display: flex !important;
        align-items: center !important;
    }

    .volume-sec-title i {
        font-size: 1rem !important;
        color: #1d4ed8 !important;
    }

    .volume-sec-title h2 {
        font-size: 0.98rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin: 0 !important;
        line-height: 1.25 !important;
    }

    .volume-sec-badge {
        font-size: 0.65rem !important;
        font-weight: 700 !important;
        padding: 2px 6px !important;
        border-radius: 4px !important;
        background: #eff6ff !important;
        color: #1d4ed8 !important;
    }

    .issues-pill-flex {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    .issue-pill {
        padding: 0 8px !important;
        border-radius: 6px !important;
        background: linear-gradient(135deg, #1f68ce 0%, #1555b0 100%) !important;
        border: 1px solid #1a56db !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        color: #ffffff !important;
        overflow: hidden !important;
    }

    .issue-pill.is-current {
        background: linear-gradient(135deg, #1f68ce 0%, #1555b0 100%) !important;
        border: 2px solid #ff9e1b !important;
    }

    .pill-text-group {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        flex-wrap: nowrap !important;
        flex: 1 !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .pill-issue-text {
        font-family: var(--font-title) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        line-height: 1.35 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }

    .pill-arrow {
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 0.70rem !important;
        margin-left: 6px !important;
        flex-shrink: 0 !important;
    }

    .current-indicator-badge {
        font-size: 0.62rem !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.04em !important;
        background: #ff9e1b !important;
        color: #ffffff !important;
        padding: 2px 6px !important;
        border-radius: 4px !important;
        flex-shrink: 0 !important;
        line-height: 1.2 !important;
    }

    /* ════ EDITORIAL BOARD MOBILE REDESIGN ════ */
    .chiefs-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
    }

    .chief-card {
        padding: 16px 14px !important;
        border-radius: 0 12px 12px 0 !important;
        border: 1px solid #e2e8f0 !important;
        border-left: 5px solid #ff9e1b !important;
        background: linear-gradient(135deg, #ffffff 0%, #fafcff 100%) !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, 0.05) !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 4px !important;
    }

    .chief-header {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    .chief-avatar-wrapper {
        width: 54px !important;
        height: 54px !important;
        border-radius: 50% !important;
        border: 2px solid #ff9e1b !important;
        padding: 2px !important;
        background: #fff !important;
        flex-shrink: 0 !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
    }

    .chief-avatar-wrapper.joint-chief {
        border-color: #0284c7 !important;
    }

    .chief-avatar {
        width: 100% !important;
        height: 100% !important;
        border-radius: 50% !important;
        object-fit: cover !important;
    }

    .chief-title-info {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        flex: 1 !important;
        min-width: 0 !important;
    }

    .chief-badge {
        font-size: 0.65rem !important;
        padding: 2px 8px !important;
        border-radius: 20px !important;
        align-self: flex-start !important;
        letter-spacing: 0.03em !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        background: #fff7ed !important;
        color: #c2410c !important;
        border: 1px solid #fed7aa !important;
    }

    .chief-badge.joint-badge {
        background: #f0f9ff !important;
        color: #0369a1 !important;
        border-color: #bae6fd !important;
    }

    .chief-name {
        font-size: 1.02rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }

    .chief-body {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .chief-details {
        font-size: 0.82rem !important;
        line-height: 1.5 !important;
        color: #334155 !important;
        margin: 0 !important;
    }

    .editorial-comm-box {
        padding: 10px 12px !important;
        font-size: 0.76rem !important;
        line-height: 1.45 !important;
        border-radius: 8px !important;
        margin-top: 6px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
    }

    .editorial-section-title {
        font-family: 'Inter', sans-serif !important;
        font-size: 1.05rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin-top: 20px !important;
        margin-bottom: 12px !important;
        border-bottom: 2px solid #e2e8f0 !important;
        padding-bottom: 6px !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .members-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .member-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 12px !important;
        padding: 14px 12px !important;
        border-radius: 0 10px 10px 0 !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-left: 4px solid #1f68ce !important;
        box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .member-avatar-wrapper {
        width: 48px !important;
        height: 48px !important;
        border-radius: 50% !important;
        border: 1.5px solid #cbd5e1 !important;
        padding: 1.5px !important;
        flex-shrink: 0 !important;
        background: #f8fafc !important;
    }

    .member-info {
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
        flex: 1 !important;
        min-width: 0 !important;
    }

    .member-name {
        font-size: 0.94rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }

    .member-affiliation {
        font-size: 0.80rem !important;
        line-height: 1.45 !important;
        color: #475569 !important;
        margin: 0 !important;
        margin-top: 2px !important;
    }

    .member-meta {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin-top: 8px !important;
        padding-top: 8px !important;
        border-top: 1px solid #f1f5f9 !important;
        width: 100% !important;
    }

    .meta-item {
        font-size: 0.72rem !important;
        color: #334155 !important;
        background: #f1f5f9 !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 20px !important;
        padding: 3px 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        word-break: break-word !important;
    }

    .meta-link {
        color: #1d4ed8 !important;
        font-weight: 600 !important;
        word-break: break-all !important;
    }

    /* ════ REVIEWERS PAGE MOBILE OPTIMIZATION ════ */
    .about-text-content p {
        margin-bottom: 0.6rem !important;
    }

    .reviewers-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-top: 4px !important;
        width: 100% !important;
    }

    .reviewer-card {
        padding: 10px 12px !important;
        border-radius: 8px !important;
        gap: 10px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
        display: flex !important;
        align-items: flex-start !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .reviewer-number {
        width: 24px !important;
        height: 24px !important;
        font-size: 0.68rem !important;
        font-weight: 800 !important;
        background: #eff6ff !important;
        color: #1d4ed8 !important;
        border: 1px solid #bfdbfe !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        margin-top: 2px !important;
    }

    .reviewer-details {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        flex: 1 !important;
        min-width: 0 !important;
    }

    .reviewer-name {
        font-family: 'Inter', sans-serif !important;
        font-size: 0.88rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        margin-bottom: 2px !important;
    }

    .reviewer-affiliation {
        font-size: 0.78rem !important;
        line-height: 1.4 !important;
        color: #475569 !important;
        margin: 0 !important;
        margin-bottom: 4px !important;
    }

    .reviewer-interests {
        font-size: 0.72rem !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        padding: 2px 6px !important;
        background: #f0fdf4 !important;
        border: 1px solid #bbf7d0 !important;
        color: #15803d !important;
        border-radius: 4px !important;
        display: inline-block !important;
        width: fit-content !important;
        font-weight: 600 !important;
    }

    /* ════ ONE-LINE BREADCRUMB ON MOBILE (NO WRAPPING) ════ */
    .about-breadcrumb,
    .archive-breadcrumb,
    .issue-breadcrumb,
    .breadcrumb-nav {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        padding: 0 !important;
    }

    .about-breadcrumb::-webkit-scrollbar,
    .archive-breadcrumb::-webkit-scrollbar,
    .issue-breadcrumb::-webkit-scrollbar,
    .breadcrumb-nav::-webkit-scrollbar {
        display: none !important;
    }

    .breadcrumb-list {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        white-space: nowrap !important;
        gap: 4px 6px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .breadcrumb-item {
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        font-size: 0.72rem !important;
        line-height: 1.2 !important;
    }

    .breadcrumb-item.separator {
        font-size: 0.60rem !important;
        color: #cbd5e1 !important;
        margin: 0 1px !important;
    }

    /* ════ CURRENT ISSUE & ARTICLE ACTION BUTTONS MOBILE (PROPER PADDING & NO BREAK) ════ */
    .pro-paper-actions-clean {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        gap: 6px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-top: 8px !important;
    }

    .btn-action-abstract,
    .btn-action-pdf,
    .btn-action-cite {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        border-radius: 7px !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 0.72rem !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        cursor: pointer !important;
        padding: 6px 10px !important;
        box-sizing: border-box !important;
        transition: all 0.15s ease !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
        flex-shrink: 0 !important;
    }

    /* 1. View Abstract: Royal Blue Pill */
    .btn-action-abstract {
        flex: 1.15 1 auto !important;
        background: #eff6ff !important;
        border: 1px solid #bfdbfe !important;
        color: #1d4ed8 !important;
        gap: 5px !important;
    }

    .btn-action-abstract i {
        color: #2563eb !important;
        font-size: 0.78rem !important;
    }

    .btn-action-abstract:hover,
    .btn-action-abstract:active {
        background: #dbeafe !important;
        border-color: #93c5fd !important;
        color: #1e40af !important;
    }

    /* 2. Download PDF: Crimson Red Pill */
    .btn-action-pdf {
        flex: 1.15 1 auto !important;
        background: #fef2f2 !important;
        border: 1px solid #fecaca !important;
        color: #dc2626 !important;
        gap: 5px !important;
    }

    .btn-action-pdf i {
        color: #ef4444 !important;
        font-size: 0.80rem !important;
    }

    .btn-action-pdf:hover,
    .btn-action-pdf:active {
        background: #fee2e2 !important;
        border-color: #fca5a5 !important;
        color: #b91c1c !important;
    }

    /* 3. Cite Button: Slate Pill */
    .btn-action-cite {
        flex: 0.75 1 auto !important;
        background: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        color: #334155 !important;
        gap: 5px !important;
    }

    .btn-action-cite i {
        color: #64748b !important;
        font-size: 0.74rem !important;
    }

    .btn-action-cite:hover,
    .btn-action-cite:active {
        background: #f1f5f9 !important;
        border-color: #94a3b8 !important;
        color: #0f172a !important;
    }

    @media (max-width: 360px) {
        .pro-paper-actions-clean {
            gap: 4px !important;
        }

        .btn-action-abstract,
        .btn-action-pdf,
        .btn-action-cite {
            font-size: 0.68rem !important;
            padding: 5px 6px !important;
            height: 34px !important;
            min-height: 34px !important;
            gap: 3.5px !important;
        }
    }

    /* ════ CURRENT ISSUE ARTICLE BOX & GAP REMOVAL ════ */
    .issue-layout .articles-section-wrapper {
        margin-bottom: 12px !important;
        border-radius: 8px !important;
    }

    .issue-layout .section-title-bar {
        padding: 8px 12px !important;
    }

    .issue-layout .pro-papers-list {
        padding: 8px 6px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .issue-layout .pro-paper-card {
        margin-bottom: 0 !important;
        padding: 12px 10px !important;
        border-radius: 8px !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
    }

    .issue-header-card {
        padding: 12px 10px !important;
        margin-bottom: 10px !important;
        border-radius: 8px !important;
    }

    .issue-layout .pro-sidebar-right {
        margin-top: 14px !important;
    }

    /* ════ ARTICLE DETAIL MOBILE (FONT SIZE 13PX & 10PX PADDING) ════ */
    .article-full-layout,
    .art-columns-container,
    .art-left-col,
    .art-right-col,
    .art-abstract-paragraphs,
    .art-abstract-paragraphs p,
    .art-keywords-list,
    .citation-para,
    .art-side-card-body,
    .art-download-link span,
    .art-meta-item,
    .art-meta-label,
    .art-meta-value,
    .art-authors-line span,
    .art-vol-meta-tag span {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    .art-left-col {
        padding: 14px 10px !important;
        border-radius: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .art-right-col .art-side-card {
        padding: 12px 10px !important;
        border-radius: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .art-main-heading {
        font-size: 1.05rem !important;
        line-height: 1.35 !important;
        font-weight: 800 !important;
    }

    .art-sub-heading {
        font-size: 0.95rem !important;
        font-weight: 800 !important;
    }

    .art-vol-meta-tag {
        font-size: 0.70rem !important;
        padding: 0.2rem 0.55rem !important;
        margin-bottom: 0.5rem !important;
    }

    /* ════ CONTACT PAGE MOBILE REDESIGN ════ */
    .contact-info-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin-top: 6px !important;
        width: 100% !important;
    }

    .contact-card {
        padding: 12px 10px !important;
        border-radius: 8px !important;
        gap: 10px !important;
        border: 1px solid #e2e8f0 !important;
        background: #ffffff !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02) !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: flex-start !important;
    }

    .contact-card-icon {
        width: 34px !important;
        height: 34px !important;
        font-size: 1rem !important;
        background: #eff6ff !important;
        color: #1d4ed8 !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        margin-top: 2px !important;
    }

    .contact-card-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        flex: 1 !important;
        min-width: 0 !important;
    }

    .contact-card-content h3 {
        font-family: 'Inter', sans-serif !important;
        font-size: 0.92rem !important;
        font-weight: 800 !important;
        margin: 0 0 2px 0 !important;
        color: #0f172a !important;
    }

    .contact-card-content p {
        font-size: 0.78rem !important;
        line-height: 1.45 !important;
        color: #475569 !important;
        margin: 0 !important;
    }

    .contact-item {
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
        margin-bottom: 4px !important;
    }

    .contact-item:last-child {
        margin-bottom: 0 !important;
    }

    .contact-item .label {
        font-size: 0.66rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        color: #64748b !important;
    }

    .contact-item .value {
        font-size: 0.82rem !important;
        font-weight: 700 !important;
        color: #1d4ed8 !important;
        word-break: break-all !important;
    }

    .premium-form {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin-top: 8px !important;
        width: 100% !important;
    }

    .form-row-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .form-group {
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
        width: 100% !important;
    }

    .form-group label {
        font-size: 0.78rem !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin-bottom: 2px !important;
    }

    .form-group input[type="text"],
    .form-group input[type="email"],
    .form-group textarea {
        font-size: 0.82rem !important;
        padding: 0.55rem 0.75rem !important;
        border-radius: 6px !important;
        border: 1px solid #cbd5e1 !important;
        background-color: #ffffff !important;
        color: #1e293b !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .form-group .input-wrapper input,
    .form-group .input-wrapper input[type="text"],
    .form-group .input-wrapper input[type="email"],
    .form-group .input-wrapper input[type="tel"],
    .form-group .input-wrapper .form-control {
        padding-left: 44px !important;
    }

    .form-group .input-wrapper textarea {
        padding-left: 44px !important;
    }

    .form-submit-container {
        width: 100% !important;
        justify-content: stretch !important;
        margin-top: 6px !important;
        display: flex !important;
    }

    .form-submit-btn {
        width: 100% !important;
        height: 42px !important;
        justify-content: center !important;
        font-size: 0.88rem !important;
        font-weight: 800 !important;
        border-radius: 6px !important;
        background: linear-gradient(135deg, #1f68ce, #0f2557) !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }
}

/* ════ REMOVE JUSTIFY FROM ABSTRACT (DESKTOP & MOBILE) ════ */
.pro-abstract-panel,
.pro-abstract-panel p,
.abstract-text,
.abstract-text p,
.abstract-text *,
.art-abstract-paragraphs,
.art-abstract-paragraphs p,
.article-abstract-text,
.article-abstract-text p {
    text-align: left !important;
}

/* ════ VISITOR COUNTER WIDGET ════ */
.visitor-counter-widget {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    margin-bottom: 1.25rem;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.visitor-counter-widget:hover {
    box-shadow: 0 4px 14px rgba(31, 104, 206, 0.12);
}

.visitor-widget-header {
    background: linear-gradient(135deg, #1f68ce 0%, #1555b0 100%);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.6rem 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.visitor-live-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.62rem;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    padding: 0.15rem 0.45rem;
    border-radius: 99px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.v-pulse-dot {
    width: 6px;
    height: 6px;
    background: #22c55e;
    border-radius: 50%;
    box-shadow: 0 0 8px #22c55e;
    animation: vLivePulse 1.8s infinite;
}

@keyframes vLivePulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.4);
        opacity: 0.6;
    }
}

.visitor-widget-body {
    padding: 0.95rem 0.85rem 0.85rem;
    text-align: center;
    background: #ffffff;
}

.visitor-odometer {
    display: inline-flex;
    gap: 3px;
    background: #0f172a;
    padding: 5px 8px;
    border-radius: 6px;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.08);
}

.v-digit-box {
    display: inline-block;
    width: 22px;
    height: 30px;
    line-height: 30px;
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 50%, #1e293b 100%);
    color: #ffffff;
    font-family: 'Inter', monospace, sans-serif;
    font-size: 1.15rem;
    font-weight: 800;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

.visitor-count-caption {
    font-size: 0.68rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-top: 0.55rem;
    margin-bottom: 0.75rem;
}

.visitor-metrics-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.4rem;
    border-top: 1px solid #f1f5f9;
    padding-top: 0.75rem;
    margin-bottom: 0.65rem;
}

.v-metric-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 0.45rem 0.25rem;
}

.v-metric-val {
    font-size: 0.85rem;
    font-weight: 800;
    color: #1e293b;
    display: block;
    line-height: 1.2;
}

.v-metric-val.v-active {
    color: #16a34a;
}

.v-metric-lbl {
    font-size: 0.62rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 0.15rem;
    display: block;
}

.visitor-global-badge {
    background: #eff6ff;
    border: 1px solid #dbeafe;
    border-radius: 5px;
    padding: 0.35rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    color: #1d4ed8;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

/* ════ DEFINITIVE ISSUE PILL RULES FOR ALL VOLUMES ════ */
@media (min-width: 769px) {
    .issues-pill-flex {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 0.75rem !important;
        align-items: center !important;
    }

    .issue-pill {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 0 10px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        box-sizing: border-box !important;
        background: linear-gradient(135deg, #1f68ce 0%, #1555b0 100%) !important;
        border: 1px solid #1a56db !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        text-decoration: none !important;
    }

    .issue-pill.is-current {
        border: 2px solid #ff9e1b !important;
    }

    .pill-text-group {
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        min-width: 0 !important;
        flex: 1 !important;
        overflow: hidden !important;
    }

    .pill-issue-text {
        font-family: var(--font-title) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        letter-spacing: 0.01em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 1.35 !important;
        max-width: 100% !important;
    }

    .pill-arrow {
        font-size: 0.7rem !important;
        color: rgba(255, 255, 255, 0.85) !important;
        flex-shrink: 0 !important;
        margin-left: 6px !important;
    }
}

/* ─── Archive & Paper Title Styling: Blue color with NO underline globally ─── */
.pro-paper-title,
.pro-paper-title a,
.pro-article-title-link,
a.pro-article-title-link,
.issue-article-title,
.article-title-main,
.pro-papers-list .pro-paper-title,
.pro-papers-list .pro-paper-title a,
.pro-papers-list .pro-article-title-link,
.pro-paper-card .pro-article-title-link {
    color: #1f68ce !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

.pro-paper-title:hover,
.pro-paper-title:focus,
.pro-paper-title:active,
.pro-paper-title a:hover,
.pro-paper-title a:focus,
.pro-paper-title a:active,
.pro-paper-title a:visited,
.pro-article-title-link:hover,
.pro-article-title-link:focus,
.pro-article-title-link:active,
.pro-article-title-link:visited,
a.pro-article-title-link:hover,
a.pro-article-title-link:focus,
a.pro-article-title-link:active,
a.pro-article-title-link:visited,
.issue-article-title:hover,
.issue-article-title:focus,
.issue-article-title:active,
.article-title-main:hover,
.article-title-main:focus,
.article-title-main:active,
.pro-papers-list .pro-paper-title a:hover,
.pro-papers-list .pro-paper-title a:focus,
.pro-papers-list .pro-paper-title a:active,
.pro-papers-list .pro-paper-title a:visited,
.pro-papers-list .pro-article-title-link:hover,
.pro-papers-list .pro-article-title-link:focus,
.pro-papers-list .pro-article-title-link:active,
.pro-papers-list .pro-article-title-link:visited,
.pro-paper-card .pro-article-title-link:hover,
.pro-paper-card .pro-article-title-link:focus,
.pro-paper-card .pro-article-title-link:active,
.pro-paper-card .pro-article-title-link:visited {
    color: #1f68ce !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    outline: none !important;
}

/* IJMRR Downloads styling matching Call for Papers */
.pro-downloads-widget .pro-widget-header {
    background: #1f68ce !important;
    color: #ffffff !important;
}

.pro-downloads-widget .pro-widget-body {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    border-top: none !important;
}

.pro-download-item-link {
    background: #ffffff !important;
    border: 1px solid #bfdbfe !important;
    transition: all 0.2s ease !important;
}

.pro-download-item-link:hover {
    background: #f0f7ff !important;
    border-color: #1f68ce !important;
    transform: translateX(3px);
    box-shadow: 0 2px 8px rgba(31, 104, 206, 0.12);
}

.pro-dl-icon-btn {
    transition: all 0.2s ease !important;
}

.pro-download-item-link:hover .pro-dl-icon-btn {
    background: #1f68ce !important;
    color: #ffffff !important;
    border-color: #1f68ce !important;
    transform: scale(1.08);
}

/* ══════════════════════════════════════════════════════
 * APC & REFUND POLICY RESPONSIVE STYLES
 * ══════════════════════════════════════════════════════ */
.apc-intro-text {
    font-size: 0.92rem;
    line-height: 1.75;
    color: #334155;
    margin-bottom: 1.25rem;
}

.apc-table-container {
    width: 100%;
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.apc-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
    background: #ffffff;
}

.apc-table thead tr {
    background: linear-gradient(135deg, #1f68ce 0%, #1555b0 100%);
    color: #ffffff;
}

.apc-table th {
    padding: 0.75rem 1rem;
    font-weight: 700;
    text-align: left;
    letter-spacing: 0.02em;
}

.apc-table th.text-center,
.apc-table td.text-center {
    text-align: center;
}

.apc-table tbody tr {
    border-bottom: 1px solid #e2e8f0;
    transition: background 0.15s ease;
}

.apc-table tbody tr:nth-child(even) {
    background: #f8fafc;
}

.apc-table tbody tr:hover {
    background: #eff6ff;
}

.apc-table td {
    padding: 0.75rem 1rem;
    color: #1e293b;
}

.apc-region-cell {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-weight: 600;
}

.apc-currency-icon {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.apc-currency-icon.icon-usd {
    background: #dbeafe;
    color: #1d4ed8;
}

.apc-currency-icon.icon-eur {
    background: #e0e7ff;
    color: #4338ca;
}

.apc-currency-icon.icon-gbp {
    background: #fae8ff;
    color: #86198f;
}

.apc-curr-badge {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    background: #e2e8f0;
    color: #475569;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
}

.apc-amount-badge {
    font-family: var(--font-title);
    font-size: 1rem;
    font-weight: 800;
    color: #1f68ce;
}

.apc-mobile-pricing-cards {
    display: none;
}

.apc-conditions-box {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-left: 4px solid #16a34a;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.apc-condition-item {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    font-size: 0.86rem;
    color: #166534;
    line-height: 1.5;
}

.apc-condition-item i {
    color: #16a34a;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.apc-inline-link {
    color: #1f68ce;
    font-weight: 600;
    text-decoration: underline;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.apc-contact-box {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.apc-contact-icon {
    font-size: 1.4rem;
    color: #1f68ce;
    flex-shrink: 0;
}

.apc-contact-text {
    font-size: 0.86rem;
    color: #1e293b;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.apc-contact-email {
    color: #1f68ce;
    font-weight: 700;
    text-decoration: underline;
}

.policy-nav-actions {
    margin-top: 1.75rem;
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.policy-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.55rem 1.2rem;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.84rem;
    font-weight: 700;
    transition: all 0.2s ease;
}

.btn-primary-policy {
    background: #1f68ce;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(31, 104, 206, 0.25);
}

.btn-primary-policy:hover {
    background: #1555b0;
}

.btn-secondary-policy {
    background: #475569;
    color: #ffffff;
}

.btn-secondary-policy:hover {
    background: #334155;
}

.refund-alert-box {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-left: 4px solid #dc2626;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin: 1rem 0 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.refund-alert-icon {
    font-size: 1.2rem;
    color: #dc2626;
    flex-shrink: 0;
    margin-top: 0.15rem;
}

.refund-alert-content {
    font-size: 0.88rem;
    color: #991b1b;
    line-height: 1.55;
}

.refund-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.65rem;
    margin-bottom: 1.5rem;
}

.refund-service-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 0.65rem 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.84rem;
    font-weight: 600;
    color: #1e293b;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.refund-service-item i {
    color: #1f68ce;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.refund-advisory-box {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 4px solid #d97706;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin: 1rem 0 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.86rem;
    color: #92400e;
    line-height: 1.55;
}

.refund-advisory-box i {
    color: #d97706;
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 0.15rem;
}

@media (max-width: 768px) {
    .apc-intro-text {
        font-size: 0.85rem;
        line-height: 1.6;
    }

    .apc-conditions-box,
    .apc-contact-box,
    .refund-alert-box,
    .refund-advisory-box {
        padding: 0.85rem 1rem !important;
        font-size: 0.82rem !important;
    }

    .refund-services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    .refund-service-item {
        padding: 0.55rem 0.6rem !important;
        font-size: 0.76rem !important;
    }

    .policy-nav-actions {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }

    .policy-action-btn {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0.65rem 1rem !important;
    }
}

@media (max-width: 540px) {
    .apc-table-container {
        display: none !important;
    }

    .apc-mobile-pricing-cards {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-bottom: 1.5rem !important;
        width: 100% !important;
    }

    .apc-mobile-card {
        background: #ffffff !important;
        border: 1.5px solid #bfdbfe !important;
        border-radius: 8px !important;
        padding: 10px 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-shadow: 0 2px 6px rgba(31, 104, 206, 0.06) !important;
    }

    .apc-card-header {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .apc-card-title-group {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
    }

    .apc-card-region {
        font-size: 0.84rem !important;
        font-weight: 700 !important;
        color: #0f172a !important;
    }

    .apc-card-amount {
        font-family: var(--font-title) !important;
        font-size: 1.05rem !important;
        font-weight: 850 !important;
        color: #1f68ce !important;
    }

    .refund-services-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 360px) {
    .refund-services-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ══════════════════════════════════════════════════════
 * CONNECT MAIN SECTION WITH AUTHOR FEEDBACK (ZERO GAP)
 * ══════════════════════════════════════════════════════ */
.is-home-page .pro-body-wrapper {
    padding-bottom: 0 !important;
}

.home-pro-grid {
    margin-bottom: 0 !important;
}

.home-pro-grid .pro-journal-intro {
    margin-bottom: 0 !important;
}

.home-pro-grid .current-issue-centered-box,
.home-pro-grid .pro-sidebar-left .pro-widget:last-child {
    margin-bottom: 0 !important;
}

.communication-widget,
.home-pro-grid .communication-widget,
.home-pro-grid .pro-sidebar-right .pro-widget:last-child {
    margin-bottom: 1.75rem !important;
}

.pro-testimonials-section {
    margin-top: 0 !important;
    border-top: 1px solid #dbeafe !important;
}

/* ══════════════════════════════════════════════════════
 * ARTICLE TITLE & DOI TYPOGRAPHY
 * ══════════════════════════════════════════════════════ */
.pro-paper-title,
.pro-paper-title a,
.pro-article-title-link,
a.pro-article-title-link,
.pro-papers-list .pro-paper-title,
.pro-papers-list .pro-paper-title a,
.pro-paper-card .pro-paper-title,
.pro-paper-card .pro-paper-title a,
.pro-paper-card .pro-article-title-link {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
}

.doi-text,
.pro-paper-doi-link .doi-text,
.pro-paper-doi .doi-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
}

/* ══════════════════════════════════════════════════════
 * ARTICLE VERTICAL STATS & LAYOUT (RIGHT ALIGNED)
 * ══════════════════════════════════════════════════════ */
.pro-paper-card-layout {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    width: 100% !important;
}

.pro-paper-card-main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* Keep all 5 action buttons strictly on a single line next to each other */
.pro-paper-actions-clean {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    padding: 4px 0 !important;
    margin-top: 0.65rem !important;
    margin-bottom: 0.25rem !important;
    width: 100% !important;
}

@media (min-width: 769px) {
    .pro-paper-actions-clean {
        flex-wrap: nowrap !important;
        overflow-x: visible !important;
    }
}

@media (max-width: 768px) {
    .pro-paper-actions-clean {
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
}

.pro-paper-actions-main,
.pro-paper-actions-auth {
    display: contents !important;
}

.btn-action-abstract,
.btn-action-pdf,
.btn-action-cite,
.btn-action-cert,
.btn-action-accept {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 6px !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    line-height: 1 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transition: all 0.18s ease-in-out !important;
}

.btn-action-abstract i,
.btn-action-pdf i,
.btn-action-cite i,
.btn-action-cert i,
.btn-action-accept i {
    font-size: 11.5px !important;
    line-height: 1 !important;
}

/* Right side vertical stats column - Vertically centered inside the card */
.pro-paper-stats-vertical {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    width: 96px !important;
    border-left: 1px solid #edf2f7 !important;
    padding-left: 8px !important;
    box-sizing: content-box !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: 0 !important;
    align-self: center !important;
}

/* Pages badge inside stats column - Perfectly centered */
.pro-paper-stats-vertical .pro-pages-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 96px !important;
    height: 28px !important;
    min-height: 28px !important;
    box-sizing: border-box !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    background: #f4f6fa !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 6px !important;
    user-select: none !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.pro-paper-stats-vertical .pro-pages-badge:hover {
    background: #edf0f6 !important;
    border-color: #cbd5e1 !important;
}

.pro-paper-stats-vertical .pro-pages-badge i {
    font-size: 11px !important;
    color: #334155 !important;
    flex-shrink: 0 !important;
}

/* Stat boxes - Both horizontally centered with clean little gap */
.pro-stat-vbox {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 96px !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    padding: 2px 5px !important;
    gap: 6px !important;
    text-decoration: none !important;
    user-select: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

/* Views Box (Warm Golden Amber) */
.pro-stat-vbox.pro-stat-views {
    background: #fffbeb !important;
    border: 1px solid #fde68a !important;
}

.pro-stat-vbox.pro-stat-views:hover {
    background: #fef3c7 !important;
    border-color: #fcd34d !important;
}

/* Downloads Box (Soft Light Blue) */
.pro-stat-vbox.pro-stat-downloads {
    background: #edf4fe !important;
    border: 1px solid #c7ddfd !important;
}

.pro-stat-vbox.pro-stat-downloads:hover {
    background: #e2eeff !important;
    border-color: #93c5fd !important;
}

/* Icon - Exactly 13px font size */
.pro-stat-vbox .pro-stat-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 13px !important;
    flex-shrink: 0 !important;
}

.pro-stat-vbox .pro-stat-icon i {
    font-size: 13px !important;
}

.pro-stat-views .pro-stat-icon {
    color: #d97706 !important;
    font-size: 13px !important;
}

.pro-stat-downloads .pro-stat-icon {
    color: #1d4ed8 !important;
    font-size: 13px !important;
}

/* Number on top, Label below - Centered */
.pro-stat-vbox .pro-stat-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    width: auto !important;
    flex-shrink: 0 !important;
}

/* Stat Number */
.pro-stat-num {
    display: block !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
}

.pro-stat-views .pro-stat-num {
    color: #b45309 !important;
}

.pro-stat-downloads .pro-stat-num {
    color: #1d4ed8 !important;
}

/* Stat Label */
.pro-stat-lbl {
    display: block !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 7.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    margin-top: 1.5px !important;
}

.pro-stat-views .pro-stat-lbl {
    color: #d97706 !important;
}

.pro-stat-downloads .pro-stat-lbl {
    color: #1d4ed8 !important;
    font-size: 7.5px !important;
}

/* Responsive (Mobile & Small Tablets) */
@media (max-width: 640px) {
    .pro-paper-card-layout {
        flex-direction: column !important;
        gap: 0.6rem !important;
    }

    .pro-paper-stats-vertical {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        gap: 0.4rem !important;
        border-left: none !important;
        border-top: 1px solid #edf2f7 !important;
        padding-left: 0 !important;
        padding-top: 0.5rem !important;
        margin-top: 0.2rem !important;
        margin-left: 0 !important;
    }

    .pro-paper-stats-vertical .pro-pages-badge,
    .pro-stat-vbox {
        flex: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        height: 36px !important;
        min-height: 36px !important;
    }

    .pro-stat-num {
        font-size: 12px !important;
    }

    .pro-stat-lbl {
        font-size: 7px !important;
    }

    .pro-paper-stats-vertical .pro-pages-badge {
        font-size: 11px !important;
        height: 36px !important;
        min-height: 36px !important;
    }
}

/* ── Rich & Multi-line Authors Formatting ── */
.pro-paper-authors,
.art-authors-line {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.55rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #334155 !important;
    margin-bottom: 0.85rem !important;
}

.pro-paper-authors>i,
.art-authors-line>i {
    color: #1f68ce !important;
    font-size: 0.92rem !important;
    margin-top: 3px !important;
    flex-shrink: 0 !important;
}

.pro-paper-authors .author-names-text,
.art-authors-line .art-authors-text {
    flex: 1 !important;
    min-width: 0 !important;
    font-weight: 400 !important;
    color: #334155 !important;
    line-height: 1.45 !important;
}

.art-authors-line .art-authors-text p:first-child {
    font-weight: 600 !important;
    color: #0f172a !important;
    font-size: 0.95rem !important;
    margin: 0 0 0.2rem 0 !important;
}

.art-authors-line .art-authors-text p {
    margin: 0 0 0.25rem 0 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
}

.pro-paper-authors .author-names-text p:last-child,
.art-authors-line .art-authors-text p:last-child {
    margin-bottom: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   PRO CERTIFICATES & RECOGNITIONS SLIDING SHOWCASE
   ══════════════════════════════════════════════════════════════════════ */
.pro-cert-showcase-section {
    margin: 2rem 0 2.25rem 0 !important;
    padding: 1.5rem 1.4rem !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    position: relative !important;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
}

.cert-sec-header-wrap {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    margin-bottom: 1.15rem !important;
}

.cert-sec-title-box {
    flex: 1 1 300px !important;
}

.cert-sec-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
    font-size: 0.72rem !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 20px !important;
    margin-bottom: 0.45rem !important;
}

.cert-sec-title {
    font-size: 1.35rem !important;
    font-weight: 850 !important;
    color: #0f172a !important;
    margin: 0 0 0.3rem 0 !important;
    letter-spacing: -0.01em !important;
}

.cert-sec-title span {
    color: #1f68ce !important;
}

.cert-sec-subtitle {
    font-size: 0.83rem !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.cert-sec-underline {
    height: 3px !important;
    width: 45px !important;
    background-color: var(--accent) !important;
    border-radius: 9999px !important;
    margin-top: 0.35rem !important;
    margin-bottom: 0 !important;
}

.cert-slider-controls {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.cert-nav-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.22s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
    font-size: 0.88rem !important;
}

.cert-nav-btn:hover {
    background: #1f68ce !important;
    color: #ffffff !important;
    border-color: #1f68ce !important;
    transform: scale(1.06) !important;
    box-shadow: 0 4px 12px rgba(31, 104, 206, 0.35) !important;
}

.cert-nav-btn:active {
    transform: scale(0.95) !important;
}

/* Slider Track & Container */
.cert-slider-viewport {
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    border-radius: 10px !important;
    cursor: grab !important;
}

.cert-slider-viewport:active {
    cursor: grabbing !important;
}

.cert-slider-track {
    display: flex !important;
    gap: 1.15rem !important;
    transition: transform 0.45s cubic-bezier(0.2, 0.9, 0.3, 1) !important;
    will-change: transform !important;
}

/* Individual Certificate Card */
.cert-card {
    flex: 0 0 calc((100% - 1.15rem) / 2) !important;
    min-width: 280px !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    user-select: none !important;
}

@media (max-width: 640px) {
    .cert-card {
        flex: 0 0 100% !important;
        min-width: 240px !important;
    }
}

.cert-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 24px -4px rgba(15, 23, 42, 0.12) !important;
    border-color: #cbd5e1 !important;
}

.cert-card-top-accent {
    display: none !important;
}

.cert-card-img-wrap {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.48 / 1 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

@media (max-width: 640px) {
    .cert-card-img-wrap {
        padding: 0 !important;
    }
}

.cert-thumb-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    filter: none !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.cert-card:hover .cert-thumb-img {
    transform: scale(1.03) !important;
}

.cert-card-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.35) !important;
    backdrop-filter: blur(1.5px) !important;
    -webkit-backdrop-filter: blur(1.5px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: opacity 0.22s ease !important;
}

.cert-card:hover .cert-card-overlay {
    opacity: 1 !important;
}

.cert-quick-view-btn {
    padding: 0.5rem 1.1rem !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border: none !important;
    border-radius: 20px !important;
    font-size: 0.78rem !important;
    font-weight: 750 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(6px) !important;
    transition: all 0.22s ease !important;
}

.cert-card:hover .cert-quick-view-btn {
    transform: translateY(0) !important;
}

.cert-card-body {
    padding: 0.75rem 0.95rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    background: #ffffff !important;
}

.cert-card-title {
    font-size: 0.92rem !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}

.cert-card-subtitle {
    font-size: 0.76rem !important;
    color: #64748b !important;
    margin: 0 0 0.75rem 0 !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.cert-card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    border-top: 1px dashed #e2e8f0 !important;
    padding-top: 0.65rem !important;
    margin-top: auto !important;
}

.cert-view-link {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: #1f68ce !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    transition: color 0.2s ease !important;
}

.cert-view-link:hover {
    color: #154fa1 !important;
    text-decoration: underline !important;
}

.cert-pdf-link {
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    color: #dc2626 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    padding: 0.2rem 0.5rem !important;
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

.cert-pdf-link:hover {
    background: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
}

/* Lightbox Modal */
.cert-lightbox-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    background: rgba(15, 23, 42, 0.88) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.25rem !important;
}

.cert-lightbox-modal.active {
    display: flex !important;
}

.cert-lightbox-container {
    background: #ffffff !important;
    border-radius: 14px !important;
    max-width: 960px !important;
    width: 100% !important;
    max-height: 92vh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    box-shadow: 0 25px 60px -12px rgba(0, 0, 0, 0.5) !important;
    animation: certModalZoom 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes certModalZoom {
    from {
        opacity: 0;
        transform: scale(0.92);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.cert-lightbox-header {
    background: #0f172a !important;
    color: #ffffff !important;
    padding: 1rem 1.4rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    flex-shrink: 0 !important;
}

.cert-lightbox-header h3 {
    font-size: 1.05rem !important;
    font-weight: 750 !important;
    color: #ffffff !important;
    margin: 0 0 0.15rem 0 !important;
}

.cert-lightbox-header p {
    font-size: 0.78rem !important;
    color: #94a3b8 !important;
    margin: 0 !important;
}

.cert-lightbox-close {
    background: rgba(255, 255, 255, 0.12) !important;
    border: none !important;
    color: #ffffff !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.1rem !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.cert-lightbox-close:hover {
    background: rgba(255, 255, 255, 0.25) !important;
}

.cert-lightbox-body {
    padding: 1.5rem !important;
    background: #0b1329 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: auto !important;
    flex: 1 !important;
    max-height: calc(92vh - 65px) !important;
}

.cert-lightbox-img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    background: #ffffff !important;
}

.cert-lightbox-footer {
    display: none !important;
}

.cert-lightbox-footer-info {
    font-size: 0.8rem !important;
    color: #64748b !important;
}

.cert-lightbox-dl-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    background: #1f68ce !important;
    color: #ffffff !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
}

.cert-lightbox-dl-btn:hover {
    background: #154fa1 !important;
    color: #ffffff !important;
}