/* --- Global Variables (Royal Academia Theme) --- */
:root {
    --primary-color: #003366; /* Royal Navy Blue */
    --secondary-color: #F0A500; /* UnivColl Gold */
    --text-color: #333333;
    --accent-color: #8B5A2B; 
    --bg-white: #ffffff;
    --bg-light: #f4f6f8; 
    --font-heading: 'Playfair Display', serif; 
    --font-body: 'Roboto', sans-serif;
}

/* --- Global Reset --- */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: var(--font-body);
    background-color: var(--bg-white);
    color: var(--text-color);
    line-height: 1.6;
}

a { text-decoration: none; transition: 0.3s ease; }

/* --- Top Bar Styling --- */
/* Top Bar Base Styling */
.top-bar {
    background-color: var(--primary-color);
    color: var(--bg-white);
    padding: 8px 0;
    border-bottom: 3px solid var(--secondary-color);
    width: 100%;
}

.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Contact Wrapper - The Engine of the Alignment */
.contact-info-wrapper {
    display: flex;
    justify-content: flex-end; /* Right side alignment for Desktop */
    align-items: center;
    flex-wrap: wrap;          /* Mobile par wrap hone ke liye */
    gap: 15px;                 /* Elements ke beech ka gap */
}

.top-contact-link {
    display: flex;
    align-items: center;
    color: var(--bg-white);
    font-size: 13px;
    text-decoration: none;
    transition: 0.3s;
    white-space: nowrap;      /* Text ko tutne se rokne ke liye */
}

.top-contact-link:hover {
    color: var(--secondary-color);
}

.top-icon {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    fill: var(--secondary-color);
}

.email-bold { font-weight: 700; }

.desktop-divider {
    color: rgba(255,255,255,0.3);
    font-weight: 300;
}

/* --- MOBILE FRIENDLY MEDIA QUERY --- */
@media (max-width: 768px) {
    .contact-info-wrapper {
        justify-content: center; /* Mobile par center alignment */
        gap: 8px;
    }
    
    .desktop-divider {
        display: none; /* Mobile par divider ki zaroorat nahi */
    }
    
    .top-contact-link {
        font-size: 12px; /* Choti screen par font thoda chota */
        width: 100%;     /* Pure width par center karne ke liye */
        justify-content: center;
    }
}

/* --- Header Wrapper --- */
.main-header {
    background-color: var(--bg-white);
    padding: 25px 0;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

.header-flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
}

.logo img {
    height: 110px;
    width: auto;
    display: block;
}

.journal-name {
    font-family: var(--font-heading);
    color: var(--primary-color);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
    display: block;
}

/* --- Typography Styling --- */
/*.journal-title h1 {
    font-family: var(--font-heading);
    color: var(--primary-color);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
}*/

.journal-title .subtitle {
    font-family: var(--font-body);
    font-size: 1.1rem;
    color: #444;
    font-weight: 500;
    margin-bottom: 12px;
}
/*--*/

/* --- ISSN & DOI Line --- */
.meta-info {
    font-family: var(--font-body);
    font-size: 1rem;
    color: #222;
    background-color: #f4f6f8;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 4px;
    border-left: 4px solid var(--secondary-color);
}

.divider { margin: 0 10px; color: #ccc; }
/* ================= MOBILE RESPONSIVE ================= */

@media(max-width:992px){
journal-title .journal-name{font-size:26px;}
}

@media(max-width:768px){

/* Header mobile */
.main-header{padding:15px 10px;}
.main-header .logo{display:none;}
.header-flex{
flex-direction:column;
text-align:center;
}
.journal-title .journal-name{
font-size:20px;
line-height:1.3;
}
.meta-info{font-size:14px;}
}

/*--*/

/* --- UIMRJ Global Theme Variables --- */
:root {
    --uimrj-primary: #1a4a72; /* Deep Navy */
    --uimrj-secondary: #00d2ff; /* Tech Blue */
    --uimrj-white: #ffffff;
    --uimrj-divider: #f1f5f9;
}

/* --- Navbar Core --- */
.navbar {
    background: var(--uimrj-primary);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    position: sticky;
    top: 0;
    z-index: 1000;
    height: 65px;
    display: flex;
    align-items: center;
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    max-width: 1300px;
    margin: 0 auto;
}

.nav-menu {
    display: flex;
    list-style: none;
    height: 100%;
}

.nav-link {
    color: var(--uimrj-white);
    padding: 0 15px;
    font-size: 13.5px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    transition: 0.3s;
    gap: 8px;
}

.nav-link i { font-size: 14px; }
/*.nav-link:hover { color: var(--uimrj-secondary); background: rgba(255,255,255,0.05); }*/
.nav-link:hover { 
    color: #F0A500 !important; /* Golden color fix */
    background: rgba(255, 255, 255, 0.1); 
    transition: 0.3s ease;
}

/* --- Advanced Scrollable Dropdown --- */
.dropdown { position: relative; }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 270px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
    border-top: 4px solid var(--uimrj-secondary);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 0 0 8px 8px;
    padding: 10px 0;
}

/* THE SCROLL FIX: Important for long lists */
.scrollable-menu {
    max-height: 75vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--uimrj-primary) var(--uimrj-divider);
}

.scrollable-menu::-webkit-scrollbar { width: 5px; }
.scrollable-menu::-webkit-scrollbar-thumb { background: var(--uimrj-primary); border-radius: 10px; }

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

.dropdown-menu li a {
    padding: 12px 20px;
    color: #334155;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: 0.2s;
    border-bottom: 1px solid #f8fafc;
}

.dropdown-menu li a i { width: 18px; text-align: center; color: var(--uimrj-primary); }
.dropdown-menu li a:hover { background: #f1f5f9; padding-left: 28px; color: var(--uimrj-primary); }

/* --- Category Dividers --- */
.menu-divider {
    background: var(--uimrj-divider);
    color: var(--uimrj-primary);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 20px;
    margin: 10px 0 5px 0;
    border-left: 4px solid var(--uimrj-secondary);
    pointer-events: none;
}

/* --- Mobile Mastery --- */
/* ===== Ultra Clear Mobile Menu Upgrade ===== */
/* Desktop: hide hamburger */
.menu-toggle{
    display: none;
    cursor: pointer;
}

/* ===== MOBILE MENU STYLES ===== */
@media (max-width: 991px) {

    /* 🔥 FIX: container alignment so hamburger visible */
    .nav-container{
        display:flex;
        justify-content:space-between;
        align-items:center;
        position:relative;
    }

    /* Mobile Slide Menu Panel */
    .nav-menu {
        position: fixed;
        left: -100%;
        top: 65px;
        flex-direction: column;
        background: var(--uimrj-primary);
        width: 88%;
        height: calc(100vh - 65px);
        transition: 0.35s ease;
        overflow-y: auto;
        padding: 10px 0 120px 0;
        box-shadow: 5px 0 25px rgba(0,0,0,0.3);
        display:flex;
    }
    .nav-menu.active { left: 0; }

    /* Full clickable width */
    .nav-menu li,
    .dropdown{
        width:100%;
    }

    /* Top Level Links */
    .nav-menu > li > .nav-link {
        font-size: 15px;
        padding: 14px 22px;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        justify-content: space-between;
        display: flex;
        align-items: center;
        color: #ffffff;
        width:100%;
    }

    /* Touch visibility */
    .nav-link:active,
    .nav-link:focus {
        background: rgba(255,255,255,0.15);
        color: #fff !important;
    }

    /* Dropdown panel */
    .dropdown-menu {
        position: static;
        display: none;
        width: 100%;
        background: #0f2f4d;
        box-shadow: none;
        border: none;
        padding: 0;
    }

    .dropdown.active .dropdown-menu {
        display: block;
        animation: fadeMenu 0.25s ease;
    }

    /* Submenu */
    .dropdown-menu li a {
        font-size: 14px;
        padding: 12px 28px;
        color: #ffffff;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        display: block;
    }

    /* Hover / Tap Highlight */
    .dropdown-menu li a:hover,
    .dropdown-menu li a:active,
    .dropdown-menu li a:focus {
        background: rgba(255,255,255,0.18);
        color: #ffffff;
        padding-left: 32px;
    }

    /* Divider */
    .menu-divider {
        background: rgba(255,255,255,0.12);
        color: #ffffff;
        font-size: 11px;
        padding: 8px 22px;
        border-left: 3px solid var(--uimrj-secondary);
    }

    /* Scroll fix */
    .scrollable-menu {
        max-height: none;
        overflow-y: visible;
    }

    /* Hamburger button */
    .menu-toggle {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        padding: 8px;
        z-index: 2000;
        margin-right:10px;
    }

    .bar {
        width: 28px;
        height: 3.5px;
        background: #ffffff;
        margin: 4px 0;
        border-radius: 3px;
        transition: 0.3s;
        box-shadow: 0 0 3px rgba(0,0,0,0.7);
    }

    /* Search spacing */
    .uimrj-search-wrapper {
        margin-right: 5px;
    }

    /* ===== FINAL UI ENHANCEMENTS ===== */

    /* Arrow rotate animation */
    .nav-item.dropdown > .nav-link .arrow{
        transition: transform 0.3s ease;
    }

    .nav-item.dropdown.active > .nav-link .arrow{
        transform: rotate(180deg);
    }

    /* Active parent highlight */
    .nav-item.dropdown.active > .nav-link{
        background: rgba(255,255,255,0.08);
        color: #F0A500 !important;
    }

    /* Submenu icon visibility */
    .dropdown-menu li a i{
        color: #ffffff !important;
        opacity: 0.95;
        width: 18px;
        text-align: center;
        margin-right: 8px;
    }

    /* Icon highlight on tap */
    .dropdown-menu li a:hover i,
    .dropdown-menu li a:active i{
        color: #F0A500 !important;
    }
}

/* Animation */
@keyframes fadeMenu {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Desktop hover unchanged */
.nav-link:hover { 
    color: #F0A500 !important;
    background: rgba(255, 255, 255, 0.1); 
    transition: 0.3s ease;
}
/*--update search bar*/
/* Unique UIMRJ Search Styling - Modern & Clean */
/* Search Wrapper */
/* Hide search button globally (all pages, all devices) */
/* Hide search everywhere by default */
.uimrj-search-wrapper{
    display:none !important;
}

/* Show only on selected pages */
.has-search .uimrj-search-wrapper{
    display:inline-block !important;
}
.uimrj-search-wrapper {
    position: relative; /* Niche position karne ke liye zaroori hai */
    display: inline-block;
    margin-left: 15px;
}

/* Search Icon Button */
.uimrj-trigger-btn {
    background: #3b82f6;
    color: white;
    border: none;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

/* Search Dropdown Box (Positioned Down) */
.uimrj-search-dropdown {
    position: absolute;
    top: 55px; /* Button ke niche ka gap */
    right: 0;   /* Button ke right edge se align */
    width: 320px;
    background: white;
    border: 2px solid #3b82f6;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    
    /* Initially hidden logic */
    display: none; 
    z-index: 9999; /* Taki content ke upar dikhe */
}

/* Jab click ho to ye dikhayi de */
.uimrj-search-dropdown.is-active {
    display: block;
    animation: slideDown 0.3s ease-out;
}

.uimrj-search-inner {
    display: flex;
    gap: 5px;
}

.uimrj-search-inner input {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    outline: none;
}

.uimrj-go-action {
    background: #1e293b;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
}

/* Animation for Smooth Opening */
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Mobile Tweak */
@media (max-width: 768px) {
    .uimrj-search-dropdown {
        width: 280px;
        right: -10px; /* Mobile screen par adjust karne ke liye */
    }
}
/*update search bar end*/
/* --- Smart Search Bar --- */
/* --- Search Box Positioning Master --- */
.search-box {
    position: relative; /* Button ke context mein pop-up dikhane ke liye */
    margin-left: 15px;
    display: flex;
    align-items: center;
}

.search-btn {
    background: none;
    border: none;
    color: #ffffff;
    cursor: pointer;
    padding: 10px;
    transition: 0.3s ease;
    display: flex;
    align-items: center;
}

.search-btn:hover { color: var(--secondary-color); }

/* Search Box Wrapper - Just Below the Button */
.search-input-wrapper {
    position: absolute;
    right: 0;
    top: 60px; /* Navbar height ke niche */
    background: #ffffff;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    display: flex;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 320px;
    border: 1px solid #e2e8f0;
    z-index: 1100;
}

/* Active State Jab Click Ho */
.search-box.active .search-input-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.search-input {
    border: 1px solid #ddd;
    padding: 10px;
    width: 100%;
    outline: none;
    border-radius: 4px;
    font-size: 13px;
    color: #333;
}

.go-btn {
    background: var(--primary-color);
    color: #fff;
    border: none;
    padding: 0 15px;
    margin-left: 8px;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 700;
    transition: 0.3s;
}

.go-btn:hover { background: var(--secondary-color); }

/* Mobile Adjustment */
@media (max-width: 991px) {
    .search-input-wrapper { width: 280px; top: 55px; right: -10px; }
}
/*--*/

/* --- HERO SECTION STYLING --- */
.hero-section {
    position: relative;
    background: linear-gradient(135deg, #003366 0%, #001a33 100%);
    padding: 80px 0;
    overflow: hidden;
    color: #ffffff;
}

.hero-bg-shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03);
    z-index: 1;
}

.shape-1 { width: 300px; height: 300px; top: -50px; right: -50px; }
.shape-2 { width: 500px; height: 500px; bottom: -100px; left: -100px; }

.hero-container {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.hero-content { max-width: 600px; }
/**/
/* Unique Variables for PIJST Section */
.pijst-hero-wrapper {
    --pijst-navy: #002244;
    --pijst-gold: #D4AF37;
    --pijst-red: #e74c3c;
    --pijst-green: #2ecc71;
    
    position: relative;
    background-color: var(--pijst-navy);
    padding: 100px 0;
    overflow: hidden;
    color: #ffffff;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

.pijst-main-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.pijst-content-box {
    flex: 1;
    z-index: 20;
}

/* Badge Fix */
.pijst-badge-live {
    display: inline-flex;
    align-items: center;
    background: rgba(46, 204, 113, 0.15);
    border: 1px solid var(--pijst-green);
    color: var(--pijst-green);
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.pijst-dot-pulse {
    width: 8px;
    height: 8px;
    background-color: var(--pijst-green);
    border-radius: 50%;
    margin-right: 10px;
    animation: pijstPulse 2s infinite;
}

/* Typography */
.pijst-main-title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.pijst-text-gold {
    color: var(--pijst-gold);
    font-style: italic;
}

.pijst-main-subtitle {
    font-size: 1.3rem;
    opacity: 0.9;
    margin-bottom: 30px;
}

/* Deadline Section */
.pijst-deadline-info {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    padding: 12px 20px;
    border-radius: 8px;
    border-left: 4px solid var(--pijst-red);
    margin-bottom: 35px;
}

.pijst-icon-calendar {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

/* Buttons & Arrow Fix */
.pijst-action-group {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
}

.pijst-btn-primary {
    background: linear-gradient(45deg, #D4AF37, #F2D06B);
    color: var(--pijst-navy) !important;
    padding: 16px 30px;
    border-radius: 6px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: 0.3s;
}

.pijst-arrow-icon {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    stroke: var(--pijst-navy); /* Arrow visible color */
    fill: none;
    transition: transform 0.3s;
}

.pijst-btn-primary:hover .pijst-arrow-icon {
    transform: translateX(5px);
}

.pijst-btn-secondary {
    border: 2px solid rgba(255,255,255,0.3);
    color: #fff;
    padding: 16px 30px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

/* Visual Image Fix */
.pijst-visual-frame {
    flex: 0.8;
    display: flex;
    justify-content: flex-end;
}

.pijst-cover-img {
    max-width: 320px;
    height: auto;
    border-radius: 5px 15px 15px 5px;
    box-shadow: -20px 20px 40px rgba(0,0,0,0.5);
    border-left: 2px solid rgba(255,255,255,0.1);
}

/* Trust Indicators */
.pijst-trust-labels {
    display: flex;
    gap: 20px;
    font-size: 14px;
    opacity: 0.8;
}

.pijst-check {
    width: 16px;
    height: 16px;
    stroke: var(--pijst-gold);
    stroke-width: 3;
    fill: none;
    margin-right: 5px;
}

/* Animations */
@keyframes pijstPulse {
    0% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(46, 204, 113, 0); }
    100% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0); }
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .pijst-main-container {
        flex-direction: column;
        text-align: center;
    }
    .pijst-action-group, .pijst-trust-labels {
        justify-content: center;
    }
    .pijst-visual-frame {
        margin-top: 50px;
        justify-content: center;
    }
}
/**/
/* Status Badge */
.status-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(46, 204, 113, 0.15);
    border: 1px solid #2ecc71;
    color: #2ecc71;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    background-color: #2ecc71;
    border-radius: 50%;
    margin-right: 8px;
    box-shadow: 0 0 0 rgba(46, 204, 113, 0.4);
    animation: pulse 2s infinite;
}

.hero-title {
    font-family: var(--font-heading);
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 15px;
    color: #fff;
}

.highlight-gold { color: var(--secondary-color); font-style: italic; }

.hero-subtitle {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 25px;
}

/* Deadline Box */
.deadline-box {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    padding: 10px 15px;
    border-radius: 6px;
    border-left: 3px solid #e74c3c;
    margin-bottom: 30px;
    font-size: 15px;
}

.deadline-box .icon { width: 18px; height: 18px; margin-right: 10px; color: #ffcccc; }

/* Buttons */
.hero-buttons { display: flex; gap: 15px; margin-bottom: 30px; }

.btn-gold {
    background: linear-gradient(45deg, #D4AF37, #F2D06B);
    color: #002244;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    display: flex;
    align-items: center;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);
    transition: all 0.3s ease;
}

.btn-gold:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.6);
}

.btn-icon { width: 18px; height: 18px; margin-left: 10px; transition: transform 0.3s; }
.btn-gold:hover .btn-icon { transform: translateX(5px); }

.btn-outline {
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    transition: 0.3s;
}

.btn-outline:hover { border-color: #fff; background: rgba(255, 255, 255, 0.1); }

/* Trust Indicators */
.trust-indicators { display: flex; gap: 20px; font-size: 14px; color: rgba(255, 255, 255, 0.7); }
.trust-indicators span { display: flex; align-items: center; }
.check-icon { width: 16px; height: 16px; fill: none; stroke: var(--secondary-color); stroke-width: 3; margin-right: 6px; }

/* Visual Mockup */
.hero-visual { display: flex; justify-content: center; }
.journal-cover-mockup {
    width: 220px;
    height: 300px;
    background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%);
    border-radius: 5px 15px 15px 5px;
    box-shadow: -10px 10px 30px rgba(0,0,0,0.3);
    position: relative;
    border-left: 8px solid var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.mockup-content h3 { color: var(--primary-color); font-family: var(--font-heading); font-size: 2rem; margin-bottom: 5px; }
.mockup-content p { color: #666; font-weight: bold; }

/* --- ABOUT SECTION STYLING --- */
.about-section {
    padding: 80px 0;
    background-color: #ffffff;
}

.about-wrapper {
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

.about-content { flex: 1.6; }

.section-badge {
    display: inline-block;
    background-color: #eef2f6;
    color: var(--primary-color);
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    border-left: 3px solid var(--secondary-color);
}

.section-title {
    font-family: var(--font-heading);
    font-size: 2.5rem;
    color: var(--text-color);
    margin-bottom: 25px;
    line-height: 1.3;
}

.highlight-text { color: var(--primary-color); position: relative; display: inline-block; }
.highlight-text::after {
    content: ''; position: absolute; bottom: 2px; left: 0;
    width: 100%; height: 8px; background-color: rgba(212, 175, 55, 0.2); z-index: -1;
}

.about-desc {
    font-size: 1.05rem;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.8;
    text-align: justify;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 35px 0;
}

.feature-box {
    display: flex; align-items: center; background: #f9f9f9;
    padding: 15px; border-radius: 8px; transition: 0.3s; border: 1px solid transparent;
}
.feature-box:hover {
    background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    border-color: rgba(0, 51, 102, 0.1); transform: translateY(-3px);
}

.icon-box {
    width: 50px; height: 50px; background-color: rgba(0, 51, 102, 0.05);
    border-radius: 50%; display: flex; align-items: center;
    justify-content: center; margin-right: 15px;
}
.icon-box svg { width: 24px; height: 24px; fill: var(--primary-color); }
.feature-box h4 { font-size: 16px; color: var(--primary-color); margin-bottom: 3px; font-weight: 700; }
.feature-box p { font-size: 13px; color: #666; margin: 0; }

.read-more-link {
    display: inline-block; color: var(--primary-color); font-weight: 700;
    margin-top: 10px; border-bottom: 2px solid var(--secondary-color);
    padding-bottom: 2px; transition: 0.3s;
}
.read-more-link:hover { color: var(--secondary-color); }

/* --- RIGHT SIDEBAR --- */
.about-sidebar { flex: 1; }

.journal-card {
    background: #fff; border-radius: 8px; overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-top: 5px solid var(--primary-color);
}

.card-header { background-color: #f4f6f8; padding: 15px 20px; border-bottom: 1px solid #eee; }
.card-header h3 { margin: 0; font-size: 1.2rem; color: var(--primary-color); font-family: var(--font-heading); }
.card-body { padding: 20px; }

.info-list { list-style: none; padding: 0; margin: 0; }
.info-list li {
    display: flex; justify-content: space-between; padding: 12px 0;
    border-bottom: 1px dashed #e0e0e0; font-size: 14px;
}
.info-list li:last-child { border-bottom: none; }
.info-list .label { color: #666; font-weight: 500; }
.info-list .value { color: #000; font-weight: 600; text-align: right; max-width: 60%; }

.publisher-card { border-top-color: var(--secondary-color); }
.address-text { font-size: 13px; line-height: 1.4; text-align: right; }
.link-color { color: var(--primary-color); font-weight: 700; }
/* --- Real Book Cover Styling --- */
.real-book-cover {
    width: 260px; /* Cover ki chaudai fix karein */
    height: auto; /* Height apne aap adjust hogi */
    display: block;
    
    /* 3D Book Effect */
    border-radius: 4px 12px 12px 4px; /* Right side rounded, Left sharp */
    box-shadow: -12px 12px 25px rgba(0,0,0,0.4); /* Gehari Shadow depth ke liye */
    
    /* Gold Spine (Kitab ki reerh) - Ye bahut premium lagta hai */
    border-left: 6px solid var(--secondary-color); 
    
    /* Thoda sa animation */
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
}

/* Hover karne par kitab thodi upar uthegi */
.real-book-cover:hover {
    transform: translateY(-10px) scale(1.02); /* Upar uthna aur thoda bada hona */
    box-shadow: -15px 20px 35px rgba(0,0,0,0.5); /* Shadow aur gahri ho jayegi */
}

/* --- Mobile Responsive --- */
@media (max-width: 768px) {
    .real-book-cover {
        width: 180px; /* Mobile par size chota */
        margin-top: 30px; /* Text se thoda door */
    }
}

/* --- Animations --- */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(46, 204, 113, 0); }
    100% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0); }
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in-up { animation: fadeInUp 0.8s ease forwards; opacity: 0; }

/* --- Mobile Responsive Rules --- */
@media (max-width: 992px) {
    .menu-toggle { display: block; }
    .nav-menu {
        position: fixed; left: -100%; top: 60px;
        flex-direction: column; background-color: var(--primary-color);
        width: 100%; height: calc(100vh - 60px); text-align: left;
        transition: 0.3s; overflow-y: auto;
    }
    .nav-menu.active { left: 0; }
    .nav-link {
        padding: 15px 20px; height: auto;
        border-bottom: 1px solid rgba(255,255,255,0.05); justify-content: space-between;
    }
    .dropdown-menu {
        position: static; opacity: 1; visibility: visible;
        transform: none; box-shadow: none;
        background-color: rgba(0,0,0,0.1); display: none; border-top: none;
    }
    .dropdown.active .dropdown-menu { display: block; }
    .search-input-wrapper { right: auto; left: -180px; }

    /* Layout Responsive */
    .hero-container { flex-direction: column; text-align: center; }
    .hero-visual { display: none; }
    .hero-buttons { flex-direction: column; width: 100%; }
    .btn-gold, .btn-outline { justify-content: center; width: 100%; }
    
    .about-wrapper { flex-direction: column; }
    .about-content, .about-sidebar { flex: 1; width: 100%; }
    .features-grid { grid-template-columns: 1fr; }
    .header-flex { flex-direction: column; text-align: center; }
    .journal-title h1 { font-size: 1.5rem; }
}
/* =========================================
   LATEST ISSUE SECTION STYLING
   ========================================= */

.latest-issue-section {
    padding: 60px 0;
    background-color: #f4f6f8; /* Very Light Grey Background */
    font-family: var(--font-body);
}

/* --- Header --- */
.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.badge-gold {
    background-color: var(--secondary-color);
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    text-transform: uppercase;
}

.title-main {
    font-family: var(--font-heading);
    font-size: 2.2rem;
    color: var(--primary-color);
    margin-top: 10px;
    margin-bottom: 10px;
}

.vol-text {
    color: #555;
    font-weight: 400;
}

.title-underline {
    width: 60px;
    height: 4px;
    background-color: var(--secondary-color);
    margin: 0 auto;
}

/* --- Layout Wrapper (Left + Right) --- */
.issue-wrapper {
    display: flex;
    gap: 40px;
}

/* --- LEFT COLUMN: Papers --- */
.papers-column {
    flex: 2.5; /* 70% Width */
}

/* Paper Card Design */
.paper-card {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    margin-bottom: 25px;
    border-left: 5px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

.paper-card:hover {
    transform: translateY(-5px); /* Lift Effect */
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border-left-color: var(--secondary-color); /* Gold Border on Hover */
}

/* Meta Info (Type & Access) */
.paper-meta {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 10px;
}

.article-type {
    color: #888;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.access-badge {
    color: #2e7d32; /* Green for Open Access */
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px;
}

.lock-icon {
    width: 12px;
    fill: #2e7d32; /* Open lock icon */
}

/* Title & Author */
.paper-title {
    font-family: var(--font-heading);
    font-size: 1.4rem;
    margin-bottom: 10px;
    line-height: 1.3;
}

.paper-title a {
    color: var(--primary-color);
    text-decoration: none;
    transition: 0.2s;
}

.paper-title a:hover {
    color: var(--secondary-color);
}

.paper-authors {
    font-size: 14px;
    color: #555;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.user-icon { width: 16px; fill: #777; }

/* DOI & Views */
.paper-info {
    font-size: 13px;
    color: #666;
    background: #f9f9f9;
    padding: 8px 12px;
    border-radius: 4px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

/* Buttons Area */
.paper-actions {
    display: flex;
    gap: 15px;
}

.btn-action {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

.btn-abstract {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background: transparent;
}

.btn-abstract:hover {
    background: var(--primary-color);
    color: #fff;
}

.btn-pdf {
    background: var(--secondary-color); /* Gold */
    color: #000;
    border: 1px solid var(--secondary-color);
}

.btn-pdf:hover {
    background: #c9a01e; /* Darker Gold */
    box-shadow: 0 4px 10px rgba(212, 175, 55, 0.4);
}

.btn-pdf svg { width: 16px; fill: #000; }

/* --- RIGHT COLUMN: Sidebar --- */
.sidebar-column {
    flex: 1; /* 30% Width */
}

.sidebar-widget {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.widget-title {
    font-family: var(--font-heading);
    color: var(--primary-color);
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 1.2rem;
}

/* Call To Action Widget */
.call-to-action {
    background: var(--primary-color);
    color: #fff;
    text-align: center;
}

.call-to-action h3 { margin-bottom: 5px; color: #fff; }
.call-to-action p { margin-bottom: 20px; opacity: 0.8; font-size: 14px; }

.btn-sidebar-gold {
    display: inline-block;
    background: var(--secondary-color);
    color: #000;
    padding: 12px 25px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
}

.btn-sidebar-gold:hover { transform: scale(1.05); background: #fff; }

/* Sidebar Links */
.sidebar-links {
    list-style: none;
    padding: 0;
}

.sidebar-links li { margin-bottom: 10px; }

.sidebar-links a {
    color: #444;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: 0.2s;
    display: block;
    padding: 5px 0;
}

.sidebar-links a:hover {
    color: var(--secondary-color);
    padding-left: 5px; /* Slide Effect */
}

/* News Widget */
.news-item {
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.news-item:last-child { border: none; }
.news-date { font-size: 12px; color: #888; font-weight: 700; }
.news-item p { font-size: 13px; margin: 4px 0 0; color: #333; }

/* --- Mobile Responsive --- */
@media (max-width: 992px) {
    .issue-wrapper {
        flex-direction: column; /* Stack Columns */
    }
    
    .paper-actions {
        flex-direction: column; /* Buttons stacked on mobile */
    }
    
    .btn-action {
        width: 100%;
        justify-content: center;
    }
}
/* =========================================
   LATEST ISSUE SECTION STYLING END
   ========================================= */
   /* =========================================
   LEFT COLUMN INDEXING WIDGET STYLES
   ========================================= */

/* --- Widget Container --- */
.indexing-widget {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Soft shadow for depth */
  padding: 25px 20px;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  width: 100%;
  box-sizing: border-box; /* Ensures padding doesn't break width */
  overflow: hidden;
  border: 1px solid #eef2f5;
  transition: all 0.3s ease;
  margin-bottom: 30px; /* Space below the widget */
}

/* --- Header Styling --- */
.indexing-header {
  text-align: center;
  margin-bottom: 20px;
}

.indexing-header h3 {
  margin: 0;
  color: #2c3e50;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 10px;
}

/* Stylish underline */
.indexing-header::after {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, #007bff, #00d2ff); /* Professional Blue Gradient */
  margin: 0 auto;
  border-radius: 2px;
}

/* --- List & Card Container --- */
.indexing-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* --- Individual Card Design --- */
.index-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 12px 15px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer; /* Shows it's interactive */
  text-decoration: none; /* Removes link underline */
}

/* --- HOVER ANIMATION (Wah Wah Factor) --- */
.index-card:hover {
  transform: translateY(-4px) scale(1.02); /* Lifts up slightly */
  box-shadow: 0 8px 15px rgba(0, 123, 255, 0.15); /* Glow effect */
  border-color: #b8daff;
  background: #ffffff;
}

/* --- Logo Styling --- */
.logo-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logo-img {
  height: 28px; /* Fixed height for clean look */
  width: auto;
  max-width: 120px;
  filter: grayscale(100%); /* Black & white initially */
  opacity: 0.7;
  transition: all 0.4s ease;
}

/* Colorize logo on hover */
.index-card:hover .logo-img {
  filter: grayscale(0%);
  opacity: 1;
}

/* --- Verified Badge (The Blue Tick) --- */
.verified-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #e6fffa; /* Light Green bg */
  border-radius: 50%;
  color: #00c9a7; /* Green tick color */
  font-size: 12px;
  opacity: 0; /* Hidden by default */
  transform: scale(0);
  transition: all 0.3s ease;
}

/* Show badge on hover */
.index-card:hover .verified-badge {
  opacity: 1;
  transform: scale(1);
}

/* --- Trust Note Footer --- */
.trust-note {
  margin-top: 20px;
  font-size: 11px;
  color: #6c757d;
  text-align: center;
  line-height: 1.4;
  border-top: 1px solid #eee;
  padding-top: 10px;
}

.trust-icon {
  color: #ffc107; /* Gold star */
  margin-right: 4px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
  .indexing-widget {
    padding: 15px;
  }
}
   /* =========================================
   LEFT COLUMN INDEXING WIDGET STYLES END
   ========================================= */

   /* =========================================
   CHIEF EDITOR'S DESK STYLING
   ========================================= */

/* 1. Main Box Styling */
.content-box {
    background: #ffffff;
    padding: 35px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); /* Soft Shadow */
    border: 1px solid #eef2f5;
    margin-bottom: 30px;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* 2. Heading Design (Professional Header) */
.page-heading {
    font-size: 26px;
    color: #003366; /* Dark Academic Blue */
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 3px solid #e1e8ed; /* Grey Line */
    position: relative;
}

/* Heading ke neeche Blue Line ka chhota tukda */
.page-heading::after {
    content: '';
    position: absolute;
    bottom: -3px; /* Grey line ke upar overlap karega */
    left: 0;
    width: 80px;
    height: 3px;
    background: #007bff; /* Bright Blue Accent */
}

/* 3. Text & Layout Styling */
.full-message-layout {
    font-size: 16px;
    line-height: 1.8; /* Padhne mein aasaan */
    color: #444444;
    text-align: justify; /* Newspaper jaisa barabar text */
}

.full-message-layout strong {
    color: #2c3e50; /* Bold text thoda dark ho */
}

/* 4. Signature Area Styling */
.full-message-layout small {
    display: block;
    color: #777;
    margin-top: 5px;
    font-style: italic;
}

/* 5. MOBILE RESPONSIVE (Phone par photo upar aur text neeche) */
@media (max-width: 768px) {
    .content-box {
        padding: 20px;
    }
    
    /* Photo ko mobile par full width aur center karein */
    .full-message-layout img {
        float: none !important; /* Float hatayein */
        display: block;
        width: 150px !important; /* Size control */
        margin: 0 auto 20px auto !important; /* Center mein */
    }
    
    .full-message-layout {
        text-align: left; /* Mobile par justify kabhi kabhi ajeeb lagta hai */
    }
}
 /* =========================================
   CHIEF EDITOR'S DESK End
   ========================================= */

   /* =========================================
   WHY CHOOSE US WIDGET (The Trust Builder)
   ========================================= */

.why-choose-widget {
  background: linear-gradient(145deg, #ffffff, #f9fbff);
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 51, 102, 0.1); /* Deep Blue Shadow for authority */
  padding: 0; /* Header alag hai, isliye padding 0 */
  margin-bottom: 30px;
  border: 1px solid #e1e8ed;
  overflow: hidden; /* Header corner radius ke liye */
  font-family: 'Segoe UI', Roboto, sans-serif;
  position: relative;
  transition: transform 0.3s ease;
}

/* Thoda sa uthne wala effect */
.why-choose-widget:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(0, 51, 102, 0.15);
}

/* --- The Power Header --- */
.wc-header {
  background: #003366; /* Royal Academic Blue */
  padding: 15px 20px;
  color: #fff;
  text-align: center;
  position: relative;
}

.wc-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Triangle Indicator below header */
.wc-header::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #003366;
}

/* --- The List Container --- */
.wc-list {
  padding: 20px;
  list-style: none;
  margin: 0;
}

/* --- Individual Points --- */
.wc-item {
  display: flex;
  align-items: flex-start; /* Icon top par rahe agar text lamba ho */
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #e1e8ed;
  transition: all 0.3s ease;
}

.wc-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Hover Effect on Items (Side Slide) */
.wc-item:hover {
  transform: translateX(5px); /* Right mein thoda shift hoga */
}

/* --- Icons Styling --- */
.wc-icon-box {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: #eef7ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  color: #007bff;
}

.wc-icon-box svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

/* --- Text Styling --- */
.wc-text h4 {
  margin: 0 0 2px 0;
  font-size: 14px;
  font-weight: 700;
  color: #2c3e50;
}

.wc-text p {
  margin: 0;
  font-size: 12px;
  color: #666;
  line-height: 1.3;
}

/* --- Call to Action Button (Bonus) --- */
.wc-btn-area {
  padding: 0 20px 20px 20px;
  text-align: center;
}

.wc-btn {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  background: linear-gradient(90deg, #d32f2f, #b71c1c); /* Urgent Red for Action */
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(211, 47, 47, 0.3);
}

.wc-btn:hover {
  background: linear-gradient(90deg, #b71c1c, #d32f2f);
  box-shadow: 0 6px 15px rgba(211, 47, 47, 0.4);
  transform: translateY(-1px);
}

/* --- Mobile Fix --- */
@media (max-width: 768px) {
  .wc-item:hover {
    transform: none; /* Mobile par hover slide band */
  }
}
  /* =========================================
   WHY CHOOSE US WIDGET End 
   ========================================= */
   /* =========================================
   PEER REVIEW PROCESS WIDGET (Vertical Timeline)
   ========================================= */

.review-process-widget {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
  border: 1px solid #eef2f5;
  padding: 0 0 20px 0;
  margin-bottom: 30px;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  overflow: hidden;
}

/* --- Header Styling --- */
.rp-header {
  background: linear-gradient(135deg, #2c3e50, #4b6cb7); /* Professional Dark Blue */
  padding: 15px 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rp-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.rp-header-icon {
  opacity: 0.8;
  width: 20px;
  height: 20px;
  fill: #fff;
}

/* --- Timeline Container --- */
.rp-timeline {
  padding: 20px 20px 0 25px; /* Left padding space for the line */
  position: relative;
}

/* The Vertical Line */
.rp-timeline::before {
  content: '';
  position: absolute;
  top: 25px;
  left: 35px; /* Adjust based on icon size */
  height: 90%;
  width: 2px;
  background: #e1e8ed;
  z-index: 0;
}

/* --- Individual Steps --- */
.rp-step {
  display: flex;
  margin-bottom: 22px;
  position: relative;
  z-index: 1; /* Keeps content above the line */
}

/* Step Icon Circle */
.rp-icon-box {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: #fff;
  border: 2px solid #007bff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.rp-step:hover .rp-icon-box {
  transform: scale(1.1);
  background: #007bff;
  border-color: #0056b3;
}

.rp-step:hover .rp-icon-box svg {
  fill: #fff; /* Icon turns white on hover */
}

.rp-icon-box svg {
  width: 14px;
  height: 14px;
  fill: #007bff;
  transition: fill 0.3s ease;
}

/* Step Content */
.rp-content h4 {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: 700;
  color: #333;
}

/* Time Badge (Highlighting Speed) */
.rp-time {
  display: inline-block;
  background: #e8f5e9; /* Light Green Bg */
  color: #2e7d32;      /* Dark Green Text */
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
  margin-top: 2px;
}

/* --- Pulse Animation for Final Step --- */
.pulse-step .rp-icon-box {
  border-color: #28a745; /* Success Green */
  animation: pulse-green 2s infinite;
}
.pulse-step .rp-icon-box svg {
  fill: #28a745;
}
.pulse-step:hover .rp-icon-box svg {
  fill: #fff;
}
.pulse-step:hover .rp-icon-box {
  background: #28a745;
}

@keyframes pulse-green {
  0% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(40, 167, 69, 0); }
  100% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); }
}

/* --- Link to Full Policy --- */
.rp-footer {
  text-align: center;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #eee;
}

.rp-link {
  font-size: 12px;
  color: #007bff;
  text-decoration: none;
  font-weight: 600;
}
.rp-link:hover {
  text-decoration: underline;
}
   /* =========================================
   PEER REVIEW PROCESS End (Vertical Timeline)
   ========================================= */
   /* =========================================
   ETHICS & INTEGRITY WIDGET (The Trust Shield)
   ========================================= */

/* Unique Prefix: ev- (Ethics Vault) */

.ev-ethics-vault {
    width: 100%;
    max-width: 1100px;
    margin: 30px auto;
    background: #ffffff;
    border-radius: 20px;
    font-family: 'Inter', -apple-system, sans-serif;
    border: 1px solid #eef2f6;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    overflow: hidden;
}

/* Header Section */
.ev-header-box {
    background: #0f172a; /* Dark Navy */
    padding: 30px;
    color: #ffffff;
}

.ev-main-title {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.ev-integrity-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #facc15; /* Gold */
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 15px;
}

.ev-check-icon { margin-right: 5px; }

/* Grid System - Overlapping ko rokne ke liye */
.ev-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 30px;
}

.ev-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 25px;
    display: flex;
    gap: 20px;
    transition: all 0.3s ease;
}

.ev-card:hover {
    background: #ffffff;
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    border-color: #cbd5e1;
}

/* Icons */
.ev-icon-wrapper {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.ev-gold-glow { background: #fef9c3; color: #854d0e; }
.ev-blue-glow { background: #e0f2fe; color: #075985; }
.ev-green-glow { background: #dcfce7; color: #166534; }

.ev-card-label {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
}

.ev-card-text {
    margin: 0;
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
}

/* Footer Bar */
.ev-quality-bar {
    background: #f1f5f9;
    padding: 20px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px;
    border-top: 1px solid #e2e8f0;
}

.ev-qa-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
}

.ev-qa-item i {
    color: #2563eb;
    font-size: 16px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .ev-header-box { text-align: center; }
    .ev-card { flex-direction: column; text-align: center; }
    .ev-icon-wrapper { margin: 0 auto; }
    .ev-main-title { font-size: 22px; }
}
   /* =========================================
   ETHICS & INTEGRITY WIDGET End (The Trust Shield)
   ========================================= */
   /* =========================================
   REVIEWER INVITATION WIDGET (The Prestige Box)
   ========================================= */

.reviewer-widget {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(106, 17, 203, 0.15); /* Purple Glow Shadow */
  border: 1px solid #e1e8ed;
  margin-bottom: 30px;
  font-family: 'Segoe UI', Roboto, sans-serif;
  overflow: hidden;
  position: relative;
}

/* --- Royal Header --- */
.rw-header {
  /* Gradient Purple to Blue for "Wisdom" Look */
  background: linear-gradient(135deg, #6a11cb, #2575fc);
  padding: 20px;
  color: #fff;
  text-align: center;
  position: relative;
}

.rw-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.rw-header p {
  margin: 5px 0 0 0;
  font-size: 11px;
  opacity: 0.9;
  font-style: italic;
}

/* --- Content List --- */
.rw-list {
  padding: 20px;
  margin: 0;
  list-style: none;
}

.rw-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 13px;
  color: #444;
  font-weight: 500;
}

.rw-item:last-child {
  margin-bottom: 0;
}

/* Icons styling */
.rw-icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rw-icon svg {
  width: 18px;
  height: 18px;
  fill: #6a11cb; /* Purple Icon */
}

/* Special Gold Icon for Certificate */
.rw-icon.gold svg {
  fill: #ffb300; /* Gold Color */
  filter: drop-shadow(0 2px 3px rgba(255, 179, 0, 0.3));
}

/* --- Call to Action Button (The Magnet) --- */
.rw-btn-area {
  padding: 0 20px 20px 20px;
}

.rw-btn {
  display: block;
  text-align: center;
  background: #2c3e50; /* Dark Professional Base */
  color: #fff;
  text-decoration: none;
  padding: 12px 0;
  border-radius: 50px; /* Pill Shape */
  font-size: 14px;
  font-weight: 700;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  
  /* Animation Hook */
  animation: pulse-purple 2s infinite;
}

.rw-btn:hover {
  background: #fff;
  color: #6a11cb;
  border-color: #6a11cb;
  transform: translateY(-2px);
  animation: none; /* Hover par animation ruk jaye */
}

/* --- Pulse Animation Definition --- */
@keyframes pulse-purple {
  0% { box-shadow: 0 0 0 0 rgba(106, 17, 203, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(106, 17, 203, 0); }
  100% { box-shadow: 0 0 0 0 rgba(106, 17, 203, 0); }
}

/* --- Mobile Fix --- */
@media (max-width: 768px) {
  .rw-header h3 { font-size: 16px; }
}
   /* =========================================
   REVIEWER INVITATION WIDGET End
   ========================================= */
/* =========================================
   JOURNAL STATISTICS WIDGET (The Dashboard)
   ========================================= */

.stats-widget {
  /* Premium Dark Gradient */
  background: linear-gradient(135deg, #1e3c72, #2a5298);
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(30, 60, 114, 0.3);
  padding: 20px;
  margin-bottom: 30px;
  color: #ffffff;
  font-family: 'Segoe UI', Roboto, sans-serif;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* Background Pattern (Optional Subtle Effect) */
.stats-widget::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.1) 10%, transparent 10%);
  background-size: 20px 20px;
  opacity: 0.3;
  transform: rotate(45deg);
  pointer-events: none;
}

/* --- Header --- */
.stats-header h3 {
  margin: 0 0 20px 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 10px;
  color: #a8c0ff; /* Light Blue Text */
}

/* --- The Grid (2x2 Layout) --- */
.stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 Columns barabar */
  gap: 15px; /* Beech ka gap */
}

/* --- Individual Stat Box --- */
.stat-item {
  background: rgba(255, 255, 255, 0.1); /* Glassmorphism Effect */
  padding: 15px 10px;
  border-radius: 8px;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Hover Effect (Zoom & Brightness) */
.stat-item:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* --- Icons --- */
.stat-icon {
  margin-bottom: 8px;
  color: #ffd700; /* Gold Icon for Premium feel */
}

.stat-icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

/* --- Numbers --- */
.stat-number {
  display: block;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 4px;
  letter-spacing: 0.5px;
}

/* --- Labels --- */
.stat-label {
  display: block;
  font-size: 11px;
  color: #dbeafe;
  text-transform: uppercase;
  font-weight: 600;
}

/* --- Footer (Update Info) --- */
.stats-footer {
  margin-top: 20px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.live-dot {
  width: 6px;
  height: 6px;
  background-color: #00e676; /* Green Dot */
  border-radius: 50%;
  box-shadow: 0 0 5px #00e676;
}

/* --- Mobile Fix --- */
@media (max-width: 400px) {
  .stats-grid {
    grid-template-columns: 1fr 1fr; /* Mobile par bhi 2 column acche lagenge */
  }
}
/* =========================================
   JOURNAL STATISTICS WIDGET End (The Dashboard)
   ========================================= */
   /* =========================================
   RIGHT COLUMN STATS DASHBOARD (The Metric Master)
   ========================================= */

.stats-dashboard-container {
  /* Premium Academic Gradient (Deep Teal to Blue) */
  background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 40px; /* Space niche wale content se */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  font-family: 'Segoe UI', Roboto, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Background Design Element (Subtle Circles) */
.stats-dashboard-container::before {
  content: '';
  position: absolute;
  top: -50px;
  right: -50px;
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  pointer-events: none;
}

/* --- Section Heading --- */
.sd-header {
  text-align: center;
  margin-bottom: 25px;
  position: relative;
  z-index: 2;
}

.sd-header h3 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  display: inline-block;
  border-bottom: 3px solid #ffd700; /* Gold Underline */
  padding-bottom: 5px;
}

/* --- The Stats Row (Flexbox) --- */
.sd-row {
  display: flex;
  justify-content: space-between; /* Barabar failega */
  align-items: center;
  gap: 20px;
  flex-wrap: wrap; /* Mobile par toot kar niche aayega */
  position: relative;
  z-index: 2;
}

/* --- Individual Stat Card --- */
.sd-card {
  background: rgba(255, 255, 255, 0.1); /* Glass Effect */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  flex: 1; /* Sab barabar width lenge */
  min-width: 140px; /* Mobile par itna chhota nahi hoga */
  padding: 20px 15px;
  border-radius: 12px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Bouncy effect */
}

/* Hover Animation (Wah Wah Factor) */
.sd-card:hover {
  transform: translateY(-10px); /* Upar uthega */
  background: rgba(255, 255, 255, 0.2);
  border-color: #ffd700; /* Gold Border on Hover */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

/* --- Icons --- */
.sd-icon {
  margin-bottom: 10px;
  color: #4facfe; /* Light Blue Icon */
}
.sd-card:hover .sd-icon {
  color: #fff; /* White on Hover */
}
.sd-icon svg {
  width: 32px;
  height: 32px;
  fill: currentColor;
  transition: fill 0.3s;
}

/* --- Numbers --- */
.sd-number {
  display: block;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 5px;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* --- Labels --- */
.sd-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
}

/* --- Footer Note --- */
.sd-footer {
  margin-top: 20px;
  text-align: center;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
  .sd-row {
    justify-content: center;
  }
  .sd-card {
    flex: 0 0 45%; /* Mobile par 2 ek line mein */
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .sd-card {
    flex: 0 0 100%; /* Chhote phone par ek ke niche ek */
  }
}
/* =========================================
   RIGHT COLUMN STATS DASHBOARD End (The Metric Master)
   ========================================= */
   /* =========================================
   MODERN WAVE FOOTER STYLING
   ========================================= */
  /* Main Footer Container */
.modern-footer {
    position: relative;
    background: linear-gradient(180deg, #020c1b 0%, #0a192f 100%); /* Deepest Navy to Royal Blue */
    color: #a8b2d1;
    font-family: 'Roboto', sans-serif;
    margin-top: 100px; /* Space for the wave to overlap */
}

/* 1. The Wave Effect Styling */
.footer-wave {
    position: absolute;
    top: -100px; /* Pulls wave up */
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 1;
}

.footer-wave svg {
    display: block;
    width: 100%;
    height: 100px;
}

.wave-fill {
    fill: #020c1b; /* Must match footer background top color */
}

.footer-container {
    position: relative;
    z-index: 2;
    padding-top: 20px;
    padding-bottom: 30px;
}

/* 2. Grid Layout */
.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.3fr;
    gap: 40px;
    margin-bottom: 50px;
}

/* --- BRAND SECTION --- */
.brand-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.footer-logo {
    height: 55px;
    filter: drop-shadow(0 0 5px rgba(255,255,255,0.3));
}

.brand-title {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    color: #fff;
    line-height: 1.2;
    margin: 0;
}

.gold-text {
    color: #F0A500;
    background: linear-gradient(45deg, #F0A500, #ffdb8e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.brand-desc {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 20px;
    opacity: 0.8;
}

/* ISO Badges */
.iso-badge-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.iso-badge {
    background: rgba(240, 165, 0, 0.1);
    color: #F0A500;
    border: 1px solid rgba(240, 165, 0, 0.3);
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Social Pulse Icons */
.social-pulse {
    display: flex;
    gap: 12px;
}

.social-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(255,255,255,0.1);
}

.social-btn:hover {
    transform: translateY(-5px) scale(1.1);
    background: #fff;
}

.social-btn.fb:hover { color: #1877f2; }
.social-btn.tw:hover { color: #1da1f2; }
.social-btn.ln:hover { color: #0077b5; }
.social-btn.wa:hover { color: #25d366; }

/* --- LINKS SECTION --- */
.modern-heading {
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    margin-bottom: 25px;
    position: relative;
    display: inline-block;
}

.modern-heading::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #F0A500, transparent);
}

.link-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.link-list li {
    margin-bottom: 12px;
}

.link-list a {
    color: #a8b2d1;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
    display: flex;
    align-items: center;
}

.link-list a:hover {
    color: #F0A500;
    transform: translateX(5px);
}

/* Submit Highlight Button */
.submit-highlight {
    color: #fff !important;
    font-weight: 700;
    background: linear-gradient(90deg, #F0A500, #d48806);
    padding: 8px 15px;
    border-radius: 4px;
    width: fit-content;
    box-shadow: 0 4px 15px rgba(240, 165, 0, 0.3);
}

.submit-highlight i { margin-left: 8px; font-size: 12px; }

/* --- GLASSMORPHIC CONTACT CARD (The Unique Feature) --- */
.footer-glass-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    transition: transform 0.3s;
}

.footer-glass-card:hover {
    transform: translateY(-5px);
    border-color: rgba(240, 165, 0, 0.3);
}

.card-heading {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
}

.publisher-info {
    color: #ccd6f6;
    font-size: 14px;
    margin-bottom: 15px;
}

.publisher-info small { color: #8892b0; display: block; margin-top: 3px; }

.glass-divider { border: 0; border-top: 1px solid rgba(255,255,255,0.1); margin: 15px 0; }

.glass-contact { list-style: none; padding: 0; margin: 0; }

.glass-contact li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.4;
}

.icon-circle {
    min-width: 28px;
    height: 28px;
    background: rgba(240, 165, 0, 0.1);
    color: #F0A500;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.glass-contact a { color: #a8b2d1; text-decoration: none; transition: 0.2s; }
.glass-contact a:hover { color: #fff; text-decoration: underline; }

/* --- MIDDLE STRIP (Indexing) --- */
.indexing-strip {
    border-top: 1px solid rgba(255,255,255,0.05);
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}

.index-label {
    color: #F0A500;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.idx-text { color: #8892b0; font-size: 13px; font-weight: 500; }
.idx-dot { color: #334155; font-size: 10px; margin: 0 5px; }

/* --- BOTTOM COPYRIGHT --- */
.footer-bottom-modern {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #8892b0;
}

.bottom-left { display: flex; flex-direction: column; gap: 5px; }
.bottom-left p { margin: 0; }

.legal-row a {
    color: #64748b;
    text-decoration: none;
    margin-right: 15px;
    font-size: 12px;
}
.legal-row a:hover { color: #F0A500; }

.cc-box {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.05);
    padding: 6px 15px;
    border-radius: 20px;
    color: #ccd6f6;
    font-size: 12px;
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .footer-glass-card { grid-column: span 2; }
}

@media (max-width: 600px) {
    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .footer-glass-card { grid-column: auto; text-align: left; }
    .brand-header, .social-pulse, .iso-badge-container { justify-content: center; }
    .modern-heading::after { left: 50%; transform: translateX(-50%); width: 50px; }
    .footer-bottom-modern { flex-direction: column; gap: 20px; text-align: center; }
}

   /* =========================================
   MODERN WAVE FOOTER STYLING End
   ========================================= */
/* =========================================
   FLOATING WHATSAPP BUTTON (Optimized)
   ========================================= */
/* ============================================================
   UIMRJ WHATSAPP FLOATING BUTTON - MASTER OVERRIDE
   ============================================================ */

/* 1. Main Container - Forced Visibility */
.float-whatsapp {
    position: fixed !important;
    width: 60px !important;
    height: 60px !important;
    bottom: 40px !important;
    right: 40px !important;
    background-color: #25d366 !important; /* Fixed WhatsApp Green */
    color: #ffffff !important;           /* Forced White Icon */
    border-radius: 50px !important;
    display: flex !important;            /* Icon center karne ke liye */
    align-items: center !important;
    justify-content: center !important;
    font-size: 32px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
    z-index: 999999 !important;          /* Sabse upar dikhne ke liye */
    transition: all 0.3s ease-in-out !important;
    animation: pulse-green-uimrj 2s infinite !important; /* Pulse Effect */
}

/* 2. Pulse Animation Keyframes */
@keyframes pulse-green-uimrj {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* 3. Icon Specific Force */
.my-float {
    color: #ffffff !important; 
    font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

/* 4. Hover State */
.float-whatsapp:hover {
    background-color: #128c7e !important; /* Dark Green on hover */
    transform: scale(1.1) !important;
    color: #ffffff !important;
}

/* 5. Tooltip / Label (Optional but Recommended) */
.tooltip-text {
    visibility: hidden;
    position: absolute;
    right: 75px;
    background: #333;
    color: #fff !important;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}

.float-whatsapp:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* 6. Mobile Responsiveness (Audit Point 5) */
@media (max-width: 768px) {
    .float-whatsapp {
        width: 50px !important;
        height: 50px !important;
        bottom: 20px !important;
        right: 20px !important;
        font-size: 26px !important;
    }
    .tooltip-text {
        display: none !important; /* Mobile par hide karein */
    }
}
/* =========================================
   FLOATING WHATSAPP End
   ========================================= */
   /* 
   Home Page End */

   /*-New Home page start-*/
   /*--*/
   /**/
/* Unique Variables for PIJST Section */
.pijst-hero-wrapper {
    --pijst-navy: #002244;
    --pijst-gold: #D4AF37;
    --pijst-red: #e74c3c;
    --pijst-green: #2ecc71;
    
    position: relative;
    background-color: var(--pijst-navy);
    padding: 100px 0;
    overflow: hidden;
    color: #ffffff;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

.pijst-main-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.pijst-content-box {
    flex: 1;
    z-index: 20;
}

/* Badge Fix */
.pijst-badge-live {
    display: inline-flex;
    align-items: center;
    background: rgba(46, 204, 113, 0.15);
    border: 1px solid var(--pijst-green);
    color: var(--pijst-green);
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.pijst-dot-pulse {
    width: 8px;
    height: 8px;
    background-color: var(--pijst-green);
    border-radius: 50%;
    margin-right: 10px;
    animation: pijstPulse 2s infinite;
}

/* Typography */
.pijst-main-title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.pijst-text-gold {
    color: var(--pijst-gold);
    font-style: italic;
}

.pijst-main-subtitle {
    font-size: 1.3rem;
    opacity: 0.9;
    margin-bottom: 30px;
}

/* Deadline Section */
.pijst-deadline-info {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    padding: 12px 20px;
    border-radius: 8px;
    border-left: 4px solid var(--pijst-red);
    margin-bottom: 35px;
}

.pijst-icon-calendar {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

/* Buttons & Arrow Fix */
.pijst-action-group {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
}

.pijst-btn-primary {
    background: linear-gradient(45deg, #D4AF37, #F2D06B);
    color: var(--pijst-navy) !important;
    padding: 16px 30px;
    border-radius: 6px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: 0.3s;
}

.pijst-arrow-icon {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    stroke: var(--pijst-navy); /* Arrow visible color */
    fill: none;
    transition: transform 0.3s;
}

.pijst-btn-primary:hover .pijst-arrow-icon {
    transform: translateX(5px);
}

.pijst-btn-secondary {
    border: 2px solid rgba(255,255,255,0.3);
    color: #fff;
    padding: 16px 30px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

/* Visual Image Fix */
.pijst-visual-frame {
    flex: 0.8;
    display: flex;
    justify-content: flex-end;
}

.pijst-cover-img {
    max-width: 320px;
    height: auto;
    border-radius: 5px 15px 15px 5px;
    box-shadow: -20px 20px 40px rgba(0,0,0,0.5);
    border-left: 2px solid rgba(255,255,255,0.1);
}

/* Trust Indicators */
.pijst-trust-labels {
    display: flex;
    gap: 20px;
    font-size: 14px;
    opacity: 0.8;
}

.pijst-check {
    width: 16px;
    height: 16px;
    stroke: var(--pijst-gold);
    stroke-width: 3;
    fill: none;
    margin-right: 5px;
}

/* Animations */
@keyframes pijstPulse {
    0% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(46, 204, 113, 0); }
    100% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0); }
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .pijst-main-container {
        flex-direction: column;
        text-align: center;
    }
    .pijst-action-group, .pijst-trust-labels {
        justify-content: center;
    }
    .pijst-visual-frame {
        margin-top: 50px;
        justify-content: center;
    }
}
/**/
   /* UIMRJ Hero Section Styling */
:root {
    --uimrj-blue: #0f172a;
    --uimrj-accent: #3b82f6;
    --uimrj-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --uimrj-text: #475569;
}

.uimrj-hero-wrapper {
    padding: 10px 0;
    font-family: 'Inter', sans-serif;
}

/* Badge Styling */
.journal-badge {
    display: inline-flex;
    align-items: center;
    background: #eff6ff;
    color: #1d4ed8;
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pulse-icons {
    width: 8px;
    height: 8px;
    background: #b6d81d;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0 0 0 rgba(29, 78, 216, 0.4);
    animation: pulse 2s infinite;
}

/* Typography */
.uimrj-main-title {
    font-size: 2.8rem;
    color: var(--uimrj-blue);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 25px;
}

.gradient-text {
    background: var(--uimrj-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.uimrj-lead {
    font-size: 1.15rem;
    color: var(--uimrj-text);
    line-height: 1.8;
    margin-bottom: 15px;
}

.language-support {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #1e293b;
    font-size: 1rem;
    padding: 12px;
    background: #f8fafc;
    border-radius: 8px;
    border-left: 4px solid var(--uimrj-accent);
}

/* Features Grid */
.uimrj-feature-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 35px 0;
}

.uimrj-feature {
    text-align: left;
}

.uimrj-feature i {
    font-size: 1.4rem;
    
    color: #4194f3;
    margin-bottom: 8px;
}

.uimrj-feature p {
    font-size: 0.9rem;
    font-weight: 600;
    color: #334155;
    margin: 0;
}

/* Buttons Styling - Fixed Overlap & Readability */
/* Container styling */
.uimrj-cta-group {
    display: flex;
    gap: 20px;
    margin: 30px 0;
    flex-wrap: wrap;
}

/* Base Button Styling */
.uimrj-btn {
    display: flex;
    align-items: center;
    padding: 15px 25px;
    border-radius: 12px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    flex: 1;
    min-width: 280px;
    border: none;
}

/* Primary Button (Blue Gradient) */
.uimrj-btn-primary {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: #ffffff !important;
    box-shadow: 0 8px 15px rgba(37, 99, 235, 0.2);
}

/* Outline/Secondary Button (Sky Blue) */
.uimrj-btn-outline {
    background: #0ea5e9; 
    color: #ffffff !important;
    box-shadow: 0 8px 15px rgba(14, 165, 233, 0.2);
}

/* Icon Box Styling - YAHAN FIX HAI */
.btn-icon-box {
    font-size: 1.8rem;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important; /* Background hata diya gaya hai */
    color: rgba(255, 255, 255, 0.9); /* Icon ka color bright white/off-white */
}

/* Text Styling */
.btn-text {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.btn-text {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.2;
}

.btn-text small {
    font-weight: 400;
    font-size: 0.85rem;
    opacity: 0.9;
    margin-top: 4px;
}

/* Hover Effect */
.uimrj-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 20px rgba(0,0,0,0.2);
    filter: brightness(1.1);
}

/* Footer Info */
.uimrj-seo-footer {
    font-size: 0.9rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    padding-top: 20px;
}

.uimrj-seo-footer i {
    color: #10b981;
}

/* Animations */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(29, 78, 216, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(29, 78, 216, 0); }
    100% { box-shadow: 0 0 0 0 rgba(29, 78, 216, 0); }
}

/* Responsive */
@media (max-width: 768px) {
    .uimrj-main-title { font-size: 2rem; }
    .uimrj-feature-row { grid-template-columns: 1fr; }
    .uimrj-cta-group { flex-direction: column; }
}
   /*--*/
   /* UIMRJ Vision & Mission Modern UI Styling */
.mission-vision-container {
    padding: 20px 0;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    color: #1e293b;
}

.mission-vision-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Card Styling */
.mission-card {
    background: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.vision-card {
    border-left: 6px solid #3b82f6;
    background: linear-gradient(to right, #ffffff, #f0f7ff);
}

.mission-main-card {
    border-left: 6px solid #10b981;
}

.mission-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Header Styling */
.card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.card-icon-wrap {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 1.4rem;
}

.vision-card .card-icon-wrap { background: #dbeafe; color: #1d4ed8; }
.mission-main-card .card-icon-wrap { background: #dcfce7; color: #059669; }

.card-title {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0;
    color: #0f172a;
}

.card-description {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
}

/* Mission List Styling */
.mission-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
}

.mission-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px;
    background: #f8fafc;
    border-radius: 8px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #334155;
}

.mission-list li i {
    color: #10b981;
    margin-top: 5px;
}

/* Integrity Bar */
.integrity-bar {
    margin-top: 40px;
    padding: 15px;
    text-align: center;
    background: #0f172a;
    color: #ffffff;
    border-radius: 12px;
    font-size: 0.9rem;
}

.integrity-bar i { color: #3b82f6; margin-right: 8px; }

/* Mobile Optimization */
@media (max-width: 768px) {
    .mission-list { grid-template-columns: 1fr; }
    .card-title { font-size: 1.25rem; }
    .mission-card { padding: 20px; }
}
   /*--*/
   /* UIMRJ Why Publish Section - Professional Aesthetics */
:root {
    --uimrj-dark: #0f172a;
    --uimrj-blue: #2563eb;
    --uimrj-light: #f8fafc;
    --uimrj-border: #e2e8f0;
}

.benefits-container {
    padding: 20px 0;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.benefits-header {
    margin-bottom: 40px;
    border-left: 5px solid var(--uimrj-blue);
    padding-left: 20px;
}

.benefits-main-title {
    font-size: 2.2rem;
    color: var(--uimrj-dark);
    font-weight: 800;
    margin: 0 0 10px 0;
}

.benefits-subtitle {
    font-size: 1.1rem;
    color: #64748b;
    margin: 0;
}

/* Grid Logic */
.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.benefit-item {
    background: #ffffff;
    border: 1px solid var(--uimrj-border);
    padding: 30px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.benefit-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.06);
    border-color: var(--uimrj-blue);
}

.benefit-icon {
    width: 55px;
    height: 55px;
    background: var(--uimrj-light);
    color: var(--uimrj-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.benefit-content h3 {
    font-size: 1.25rem;
    color: var(--uimrj-dark);
    margin-bottom: 10px;
    font-weight: 700;
}

.benefit-content p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #475569;
    margin: 0;
}

/* Custom Callout Box */
.author-support-callout {
    margin-top: 40px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    padding: 15px 25px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #1e40af;
    font-size: 0.95rem;
}

/* Responsive Tweak */
@media (max-width: 768px) {
    .benefits-main-title { font-size: 1.75rem; }
    .benefit-item { padding: 20px; flex-direction: column; }
    .author-support-callout { border-radius: 12px; }
}
    /*--*/
    /* UIMRJ Submission Support - Professional Dashboard Styling */
:root {
    --uimrj-primary: #1e40af;
    --uimrj-secondary: #0ea5e9;
    --uimrj-bg: #f8fafc;
    --uimrj-text: #334155;
}

.submission-support-wrapper {
    padding: 20px 0;
    font-family: 'Inter', sans-serif;
}

.support-header {
    margin-bottom: 35px;
    text-align: left;
}

.support-title {
    font-size: 2.2rem;
    color: #0f172a;
    font-weight: 800;
    margin-bottom: 10px;
}

.support-lead {
    font-size: 1.1rem;
    color: #64748b;
    max-width: 800px;
}

/* Grid System */
.support-action-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.support-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 25px;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    cursor: pointer;
}

.support-card:not(.no-link):hover {
    transform: translateY(-8px);
    border-color: var(--uimrj-secondary);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08);
}

.card-status-dot {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 10px;
    height: 10px;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);
}

.support-icon-wrap {
    width: 50px;
    height: 50px;
    background: #f0f9ff;
    color: var(--uimrj-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.support-body h3 {
    font-size: 1.2rem;
    color: #1e293b;
    font-weight: 700;
    margin-bottom: 10px;
}

.support-body p {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #64748b;
    margin-bottom: 15px;
}

.action-text {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--uimrj-primary);
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Specific UI Elements */
.download-btns {
    display: flex;
    gap: 10px;
}

.download-btns a {
    background: #f1f5f9;
    color: #475569;
    padding: 8px 15px;
    border-radius: 6px;
    transition: 0.3s;
}

.download-btns a:hover { background: var(--uimrj-primary); color: #fff; }

.info-badge {
    background: #f0fdf4;
    color: #166534;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
}

.technical-meta-bar {
    margin-top: 40px;
    display: flex;
    gap: 25px;
    padding: 15px;
    background: #0f172a;
    color: #fff;
    border-radius: 10px;
    font-size: 0.85rem;
}

.technical-meta-bar span i { color: var(--uimrj-secondary); margin-right: 5px; }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .support-title { font-size: 1.7rem; }
    .technical-meta-bar { flex-direction: column; gap: 10px; }
}
   /*--*/
   /* UIMRJ Ethics Section - World Class UI Design */
:root {
    --ethic-navy: #0f172a;
    --ethic-blue: #2563eb;
    --ethic-border: #e2e8f0;
    --ethic-bg: #f8fafc;
}

.ethics-governance-hub {
    padding: 20px 0;
    font-family: 'Inter', sans-serif;
}

.ethics-h2 {
    font-size: 2.2rem;
    color: var(--ethic-navy);
    font-weight: 800;
    margin-bottom: 12px;
}

.ethics-lead-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #64748b;
    margin-bottom: 40px;
    border-left: 4px solid var(--ethic-blue);
    padding-left: 20px;
}

/* Protocol Grid */
.ethics-protocol-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.protocol-card {
    background: #ffffff;
    border: 1px solid var(--ethic-border);
    padding: 25px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.protocol-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    border-color: var(--ethic-blue);
}

.protocol-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.protocol-header i {
    font-size: 1.3rem;
    color: var(--ethic-blue);
}

.protocol-header h3 {
    font-size: 1.1rem;
    color: var(--ethic-navy);
    font-weight: 700;
    margin: 0;
}

.protocol-card p {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #475569;
    margin: 0;
}

.status-pill {
    background: #f0fdf4;
    color: #166534;
    font-size: 0.7rem;
    font-weight: 800;
    padding: 2px 10px;
    border-radius: 20px;
    text-transform: uppercase;
}

/* Licensing Box */
.compliance-footer-box {
    margin-top: 40px;
    background: var(--ethic-navy);
    color: #fff;
    padding: 30px;
    border-radius: 16px;
    display: flex;
    gap: 25px;
    align-items: center;
}

.footer-icon {
    font-size: 2.5rem;
    opacity: 0.8;
}

.footer-content h4 {
    font-size: 1.2rem;
    margin: 0 0 5px 0;
    color: #60a5fa;
}

.footer-content p {
    font-size: 0.9rem;
    margin: 0;
    opacity: 0.9;
    line-height: 1.6;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .ethics-h2 { font-size: 1.7rem; }
    .compliance-footer-box { flex-direction: column; text-align: center; gap: 15px; }
}
   /*--*/
   /* UIMRJ Indexing & Tech Section - Professional Global Standards */
:root {
    --tech-blue: #2563eb;
    --tech-dark: #1e293b;
    --tech-bg: #f8fafc;
    --tech-accent: #10b981;
}

.indexing-tech-hub {
    padding: 20px 0;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.tech-h2 {
    font-size: 2.2rem;
    color: var(--tech-dark);
    font-weight: 800;
    margin-bottom: 12px;
}

.tech-lead-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #64748b;
    margin-bottom: 40px;
    max-width: 850px;
}

/* Grid Design */
.indexing-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.tech-feature-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 30px;
    border-radius: 16px;
    display: flex;
    gap: 20px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.tech-feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(37, 99, 235, 0.1);
    border-color: var(--tech-blue);
}

.tech-icon-circle {
    width: 55px;
    height: 55px;
    background: #eff6ff;
    color: var(--tech-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.tech-info-wrap h3 {
    font-size: 1.25rem;
    color: var(--tech-dark);
    font-weight: 700;
    margin-bottom: 10px;
}

.tech-info-wrap p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #475569;
    margin: 0;
}

/* Status Bar Logic */
.discovery-status-bar {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    background: #0f172a;
    padding: 20px;
    border-radius: 12px;
    justify-content: center;
}

.status-chip {
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 15px;
    background: rgba(255,255,255,0.1);
    border-radius: 30px;
}

.status-chip i {
    color: var(--tech-accent);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .tech-h2 { font-size: 1.7rem; }
    .tech-feature-card { flex-direction: column; padding: 20px; }
    .discovery-status-bar { flex-direction: column; align-items: flex-start; }
    .status-chip { width: 100%; border-radius: 8px; }
}
   /*--*/
   /* UIMRJ Right Column Trust Component Styling */
:root {
    --sidebar-bg: #ffffff;
    --sidebar-border: #f1f5f9;
    --sidebar-text-dark: #1e293b;
    --sidebar-accent: #2563eb;
    --sidebar-ethics: #059669;
}

.uimrj-trust-sidebar {
    padding: 2px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.trust-card-wrapper {
    background: var(--sidebar-bg);
    border: 1px solid var(--sidebar-border);
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    position: relative;
}

.sidebar-title-modern {
    font-size: 1.1rem;
    color: var(--sidebar-text-dark);
    font-weight: 800;
    margin-bottom: 22px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar-title-modern::before {
    content: '';
    width: 4px;
    height: 18px;
    background: var(--sidebar-accent);
    border-radius: 10px;
}

/* Badge List Styling */
.badge-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.trust-badge-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 14px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid transparent;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.trust-badge-item:hover {
    transform: translateX(5px);
    background: #ffffff;
    border-color: var(--sidebar-accent);
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.issn-highlight {
    background: #eff6ff;
    border: 1px dashed #bfdbfe;
}

.badge-icon-wrap {
    width: 42px;
    height: 42px;
    background: #ffffff;
    color: var(--sidebar-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 1.2rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.ethics-badge .badge-icon-wrap {
    color: var(--sidebar-ethics);
}

.badge-info {
    display: flex;
    flex-direction: column;
}

.badge-label {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-value {
    font-size: 0.95rem;
    color: var(--sidebar-text-dark);
    font-weight: 700;
}

/* Trust Verification Footer */
.trust-verification-footer {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
    text-align: center;
    font-size: 0.8rem;
    color: var(--sidebar-ethics);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .trust-card-wrapper { padding: 18px; }
    .badge-value { font-size: 0.88rem; }
}
    /*--*/
    /* UIMRJ Journal Statistics Sidebar - Professional UI Styling */
.uimrj-stats-sidebar {
    margin-top: 25px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.stats-card-container {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.stats-sidebar-title {
    font-size: 1.1rem;
    color: #1e293b;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.stats-sidebar-title::before {
    content: '';
    width: 4px;
    height: 18px;
    background: #10b981; /* Success Green for freshness */
    border-radius: 4px;
}

/* Grid Layout */
.stats-dynamic-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.stat-box {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 15px;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.stat-box:hover {
    background: #ffffff;
    border-color: #10b981;
    transform: translateX(5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.language-highlight {
    background: #f0fdf4;
    border: 1px dashed #bbf7d0;
}

.stat-icon-circle {
    width: 36px;
    height: 36px;
    background: #ffffff;
    color: #3b82f6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    flex-shrink: 0;
}

.stat-data {
    display: flex;
    flex-direction: column;
}

.stat-label {
    font-size: 0.7rem;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value {
    font-size: 0.95rem;
    color: #0f172a;
    font-weight: 700;
    line-height: 1.2;
}

.stat-value small {
    font-size: 0.75rem;
    font-weight: 500;
    color: #94a3b8;
    display: block;
}

/* Technical Readiness Tag */
.tech-readiness-tag {
    margin-top: 20px;
    padding: 10px;
    background: #0f172a;
    color: #ffffff;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    opacity: 0.9;
}

.tech-readiness-tag i {
    color: #3b82f6;
}

/* Responsive Adaptability */
@media (max-width: 768px) {
    .stats-card-container { padding: 18px; }
    .stat-value { font-size: 0.88rem; }
}
   /*--*/
   /* UIMRJ Quick Actions Sidebar - Professional Branding */
.uimrj-action-sidebar {
    margin-top: 25px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.action-card-container {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.action-sidebar-title {
    font-size: 1.1rem;
    color: #0f172a;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.action-sidebar-title::before {
    content: '';
    width: 4px;
    height: 18px;
    background: #3b82f6; /* Action Blue */
    border-radius: 4px;
}

/* Button Stack Design */
.action-button-stack {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.action-link-btn {
    display: flex;
    align-items: center;
    padding: 16px;
    text-decoration: none !important;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid transparent;
}

.action-icon-wrap {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 1.3rem;
    margin-right: 15px;
    flex-shrink: 0;
}

.action-label-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.action-main {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.2;
}

.action-sub {
    font-size: 0.72rem;
    opacity: 0.8;
    margin-top: 2px;
}

.arrow-indicator {
    font-size: 0.8rem;
    opacity: 0.5;
    transition: transform 0.3s;
}

/* Button Color Personalities */
.submission-btn { background: #eff6ff; color: #1e40af; }
.submission-btn .action-icon-wrap { background: #3b82f6; color: #fff; }

.research-btn { background: #f0fdf4; color: #166534; }
.research-btn .action-icon-wrap { background: #10b981; color: #fff; }

.guidelines-btn { background: #f8fafc; color: #475569; }
.guidelines-btn .action-icon-wrap { background: #94a3b8; color: #fff; }

/* Hover Animations */
.action-link-btn:hover {
    transform: translateX(8px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.action-link-btn:hover .arrow-indicator {
    transform: translateX(5px);
    opacity: 1;
}

/* Technical Status Indicator */
.meta-readiness-indicator {
    margin-top: 25px;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.dot {
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 50%;
    animation: blink 1.5s infinite;
}

@keyframes blink { 
    0%, 100% { opacity: 1; } 
    50% { opacity: 0.3; } 
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .action-link-btn { padding: 12px; }
    .action-main { font-size: 0.88rem; }
}
   /*--*/
   /* UIMRJ Leadership Sidebar - Institutional Branding */
.uimrj-leadership-sidebar {
    margin-top: 25px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.identity-card-container {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    position: relative;
}

.identity-sidebar-title {
    font-size: 1.1rem;
    color: #0f172a;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.identity-sidebar-title::after {
    content: '';
    flex-grow: 1;
    height: 2px;
    background: #f1f5f9;
}

/* Publisher Box */
.publisher-box {
    background: #f8fafc;
    padding: 15px;
    border-radius: 12px;
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    border-left: 4px solid #3b82f6;
}

.id-icon {
    font-size: 1.5rem;
    color: #3b82f6;
}

.id-tag {
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #64748b;
    display: block;
}

.id-name {
    font-size: 1rem;
    color: #1e293b;
    font-weight: 800;
    margin: 2px 0;
}

.id-link {
    font-size: 0.75rem;
    color: #3b82f6;
    text-decoration: none;
    font-weight: 600;
}

/* Profiles */
.leadership-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.profile-mini {
    padding-left: 10px;
}

.role-badge {
    font-size: 0.65rem;
    background: #eff6ff;
    color: #1e40af;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 800;
    text-transform: uppercase;
}

.name-text {
    font-size: 0.95rem;
    color: #0f172a;
    font-weight: 700;
    margin: 4px 0 0 0;
}

.id-divider {
    border: 0;
    height: 1px;
    background: #f1f5f9;
    margin: 20px 0;
}

/* Contact Details */
.contact-hub {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact-row {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.85rem;
    color: #475569;
    text-decoration: none;
    transition: color 0.3s;
}

.contact-row i {
    width: 20px;
    color: #94a3b8;
}

a.contact-row:hover {
    color: #3b82f6;
}

.address-row {
    align-items: flex-start;
    line-height: 1.4;
}

/* Footer Tag */
.global-compliance-tag {
    margin-top: 25px;
    background: #0f172a;
    color: #fff;
    padding: 8px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.global-compliance-tag i {
    color: #10b981;
}

/* Responsive */
@media (max-width: 768px) {
    .identity-card-container { padding: 18px; }
}
   /*--*/
   /* UIMRJ Announcements Sidebar - Premium UI Styling */
.uimrj-news-sidebar {
    margin-top: 25px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.news-card-wrapper {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    position: relative;
}

.news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.news-sidebar-title {
    font-size: 1.1rem;
    color: #1e293b;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin: 0;
}

/* Live Indicator */
.live-indicator {
    background: #fee2e2;
    color: #ef4444;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 6px;
}

.blink-dot {
    width: 6px;
    height: 6px;
    background: #ef4444;
    border-radius: 50%;
    animation: pulse-red 1.5s infinite;
}

/* Timeline Items */
.updates-timeline {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.update-item {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.highlight-update {
    background: #f0f7ff;
    border-left: 4px solid #3b82f6;
}

.update-item:hover {
    transform: scale(1.02);
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.update-icon {
    font-size: 1.1rem;
    color: #3b82f6;
    margin-top: 3px;
}

.update-tag {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #94a3b8;
    display: block;
}

.update-text {
    font-size: 0.88rem;
    color: #334155;
    margin: 3px 0 0 0;
    line-height: 1.4;
}

.submission-urgency {
    margin-top: 20px;
    text-align: center;
    font-size: 0.8rem;
    color: #3b82f6;
    font-weight: 700;
    padding: 10px;
    background: #eff6ff;
    border-radius: 10px;
}

/* Animations */
@keyframes pulse-red {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

/* Mobile Tweak */
@media (max-width: 768px) {
    .update-text { font-size: 0.85rem; }
}
    /*--*/
    /* UIMRJ UX Sidebar - Clean Professional Styling */
.uimrj-ux-sidebar {
    margin-top: 25px;
    font-family: 'Inter', sans-serif;
}

.ux-card-container {
    background: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

.ux-sidebar-title {
    font-size: 1.1rem;
    color: #0f172a;
    font-weight: 800;
    margin-bottom: 22px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ux-sidebar-title::before {
    content: '';
    width: 4px;
    height: 18px;
    background: #8b5cf6; /* Modern UX Violet */
    border-radius: 10px;
}

/* Feature Items Styling */
.ux-features-stack {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ux-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.ux-icon-box {
    width: 38px;
    height: 38px;
    background: #f5f3ff;
    color: #8b5cf6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.ux-info {
    display: flex;
    flex-direction: column;
}

.ux-label {
    font-size: 0.75rem;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ux-text {
    font-size: 0.88rem;
    color: #64748b;
    margin: 3px 0 0 0;
    line-height: 1.4;
}

/* Indexing Readiness Progress */
.indexing-ready-bar {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
}

.ready-status {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #10b981;
    margin-bottom: 8px;
}

.ready-progress {
    height: 6px;
    background: #f1f5f9;
    border-radius: 10px;
    overflow: hidden;
}

.progress-fill {
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #8b5cf6, #10b981);
    animation: fillProgress 2s ease-in-out forwards;
}

@keyframes fillProgress {
    from { width: 0%; }
    to { width: 100%; }
}

/* Mobile Tweak */
@media (max-width: 768px) {
    .ux-card-container { padding: 18px; }
}
   /*--*/
   /* UIMRJ Final CTA Sidebar - High-Conversion Design */
.uimrj-final-cta-sidebar {
    margin-top: 30px;
    font-family: 'Inter', sans-serif;
}

.cta-banner-card {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 20px;
    padding: 30px 20px;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    border: 1px solid rgba(255,255,255,0.1);
}

.cta-title {
    font-size: 1.4rem;
    font-weight: 800;
    margin-bottom: 8px;
    color: #3b82f6;
    letter-spacing: -0.5px;
}

.cta-tagline {
    font-size: 0.85rem;
    opacity: 0.8;
    line-height: 1.4;
    margin-bottom: 20px;
}

/* Icons Row */
.mini-benefit-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
}

.mini-icon {
    width: 35px;
    height: 35px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    color: #60a5fa;
}

.cta-invitation-text {
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 25px;
    opacity: 0.9;
}

/* Button Logic */
.final-action-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.uimrj-final-btn {
    padding: 14px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.btn-primary-pulse {
    background: #2563eb;
    color: #ffffff !important;
    box-shadow: 0 0 0 rgba(37, 99, 235, 0.4);
    animation: pulse-blue 2s infinite;
}

.btn-primary-pulse:hover {
    background: #1d4ed8;
    transform: translateY(-2px);
}

.btn-glass {
    background: rgba(255,255,255,0.05);
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.2);
}

.btn-glass:hover {
    background: rgba(255,255,255,0.15);
}

.btn-link {
    font-size: 0.8rem;
    color: #94a3b8 !important;
    font-weight: 500;
}

.btn-link:hover { color: #ffffff !important; }

/* Compliance Badge */
.compliance-badge {
    margin-top: 25px;
    font-size: 0.7rem;
    color: #10b981;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Pulse Animation */
@keyframes pulse-blue {
    0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(37, 99, 235, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); }
}

/* Mobile Tweak */
@media (max-width: 768px) {
    .cta-banner-card { padding: 25px 15px; }
}
   /*--*/
    /*--*/
    /*--*/
   /*--*/
   /*--*/
   /*-New home page End-*/
   

   /*-about the journal start-*/
   /*--*/
   /* UIMRJ Left Column Professional Styling */
.journal-article-wrapper {
    color: #333;
    line-height: 1.8;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.main-title {
    font-size: 2rem;
    color: #1a3c5e; /* Professional Navy Blue */
    margin-bottom: 1.5rem;
    border-left: 5px solid #007bff;
    padding-left: 15px;
    line-height: 1.2;
}

.section-heading {
    font-size: 1.4rem;
    color: #2c3e50;
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.section-heading i {
    color: #007bff;
    font-size: 1.2rem;
}

.lead-text {
    font-size: 1.1rem;
    color: #444;
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px dashed #cbd5e0;
}

.scope-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 15px;
}

.scope-item {
    background: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    border-left: 3px solid #28a745;
    font-size: 0.95rem;
}

.trust-card {
    background: #eef7ff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 15px;
}

.ethics-list {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}

.ethics-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ethics-list i {
    color: #28a745;
}

.content-footer {
    margin-top: 3rem;
    padding: 20px;
    text-align: center;
    font-style: italic;
    background: #1a3c5e;
    color: #fff;
    border-radius: 8px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .main-title { font-size: 1.6rem; }
    .scope-grid { grid-template-columns: 1fr; }
    .lead-text { font-size: 1rem; }
}
   /*--*/
   /* UIMRJ Aim & Scope Premium Styling */
:root {
    --primary-blue: #1e3a8a;
    --accent-blue: #3b82f6;
    --text-dark: #1f2937;
    --bg-light: #f9fafb;
    --border-color: #e5e7eb;
}

.aim-scope-container {
    padding: 10px 0;
    font-family: 'Inter', sans-serif; /* Recommended clean font */
}

.scope-main-title {
    font-size: 2.2rem;
    color: var(--primary-blue);
    font-weight: 800;
    margin-bottom: 1rem;
    position: relative;
}

.scope-main-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: var(--accent-blue);
    margin-top: 10px;
    border-radius: 2px;
}

.scope-description {
    font-size: 1.1rem;
    color: #4b5563;
    line-height: 1.7;
    margin-bottom: 2.5rem;
}

/* Grid Layout */
.scope-grid-system {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* Card Styling */
.scope-card {
    background: #ffffff;
    border: 1px solid var(--border-color);
    padding: 25px;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.scope-card:hover {
    transform: translateY(-5px);
    border-color: var(--accent-blue);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.card-icon {
    font-size: 1.8rem;
    color: var(--accent-blue);
    margin-bottom: 15px;
}

.scope-card h3 {
    font-size: 1.25rem;
    color: var(--primary-blue);
    margin-bottom: 10px;
    font-weight: 700;
}

.scope-card p {
    font-size: 0.95rem;
    color: #6b7280;
    margin: 0;
}

/* Special Layouts */
.full-width-card {
    grid-column: span 2;
    background: linear-gradient(to right, #ffffff, #eff6ff);
}

/* Button Styling */
.scope-footer-action {
    margin-top: 30px;
    text-align: left;
}

.btn-scope-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: var(--primary-blue);
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 6px;
    font-weight: 600;
    transition: background 0.3s;
}

.btn-scope-more:hover {
    background: #1e40af;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .scope-grid-system {
        grid-template-columns: 1fr;
    }
    .full-width-card {
        grid-column: span 1;
    }
    .scope-main-title {
        font-size: 1.8rem;
    }
}
   /*--*/
   /* Editorial Excellence Premium Styling */
.editorial-excellence-wrapper {
    margin-top: 30px;
    font-family: 'Poppins', sans-serif; /* Clean professional font */
}

.editorial-title {
    font-size: 1.85rem;
    color: #0d2e5e; /* Trust-building deep blue */
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.editorial-intro {
    font-size: 1.05rem;
    color: #555;
    line-height: 1.8;
    margin-bottom: 35px;
}

/* Process Flow Cards */
.editorial-process-flow {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.process-card {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #e1e8ed;
    padding: 25px;
    border-radius: 15px;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.process-card:hover {
    transform: translateX(10px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.highlight-border {
    border-left: 6px solid #e74c3c; /* Red for high priority/integrity */
}

.process-icon {
    font-size: 2.2rem;
    color: #3498db;
    margin-right: 25px;
    flex-shrink: 0;
}

.process-text h3 {
    font-size: 1.25rem;
    color: #2c3e50;
    margin-bottom: 8px;
    font-weight: 600;
}

.process-text p {
    font-size: 0.95rem;
    color: #666;
    margin: 0;
    line-height: 1.6;
}

/* Phase Badges */
.step-badge {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 0.75rem;
    background: #f0f4f8;
    padding: 3px 10px;
    border-radius: 20px;
    color: #7f8c8d;
    font-weight: bold;
    text-transform: uppercase;
}

/* Ethics Seal */
.ethics-seal-container {
    margin-top: 40px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    border: 1px dashed #cbd5e0;
}

.seal-item {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #2c3e50;
    font-size: 1rem;
}

.seal-item i {
    font-size: 1.5rem;
    color: #27ae60; /* Success green */
}

/* Responsiveness */
@media (max-width: 768px) {
    .process-card {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 40px;
    }
    .process-icon {
        margin-bottom: 15px;
    }
    .editorial-title {
        font-size: 1.5rem;
    }
}
   /*--*/
   /* UIMRJ Ethics & Compliance - Professional UI Styling */
.ethics-compliance-container {
    padding-top: 20px;
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    color: #2d3436;
}

.ethics-main-title {
    font-size: 2.1rem;
    color: #ffffff; /* Deep Trust Blue */
    font-weight: 800;
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}

.ethics-subtitle {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #636e72;
    margin-bottom: 40px;
    border-left: 4px solid #00d2d3;
    padding-left: 20px;
}

/* Grid System for Features */
.ethics-grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

.ethics-feature-box {
    background: #ffffff;
    border: 1px solid #f1f2f6;
    padding: 30px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    transition: all 0.4s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.ethics-feature-box:hover {
    box-shadow: 0 15px 35px rgba(0,0,0,0.07);
    transform: translateY(-5px);
    border-color: #0c2461;
}

.ethics-icon-wrapper {
    font-size: 1.8rem;
    color: #0984e3;
    background: #f1f9ff;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
}

.ethics-content h3 {
    font-size: 1.2rem;
    color: #0c2461;
    margin-bottom: 10px;
    font-weight: 700;
}

.ethics-content p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #2d3436;
    margin: 0;
}

/* Trust Footer Badges */
.trust-footer-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    padding: 20px;
    background: #0c2461;
    border-radius: 8px;
    margin-top: 20px;
}

.trust-badge {
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 15px;
    border-right: 1px solid rgba(255,255,255,0.2);
}

.trust-badge:last-child {
    border-right: none;
}

.trust-badge i {
    color: #00d2d3;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .ethics-main-title { font-size: 1.7rem; }
    .ethics-grid-layout { grid-template-columns: 1fr; }
    .ethics-feature-box { padding: 20px; }
    .trust-footer-strip { flex-direction: column; align-items: flex-start; }
    .trust-badge { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); width: 100%; padding: 10px 0; }
}
   /*--*/
   /* UIMRJ Digital Discoverability Styling */
.discoverability-architecture {
    padding: 20px 0;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    color: #2d3436;
}

.discover-title {
    font-size: 2.2rem;
    color: #0f172a; /* Sophisticated Slate Blue */
    font-weight: 800;
    margin-bottom: 15px;
    letter-spacing: -1px;
}

.discover-intro {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #64748b;
    margin-bottom: 40px;
    max-width: 900px;
}

/* Technical Grid */
.tech-feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.tech-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 30px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.tech-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    border-color: #3b82f6;
}

.tech-icon-box {
    width: 50px;
    height: 50px;
    background: #eff6ff;
    color: #3b82f6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.tech-info h3 {
    font-size: 1.25rem;
    color: #1e293b;
    margin-bottom: 12px;
    font-weight: 700;
}

.tech-info p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #475569;
    margin: 0;
}

/* Status Bar Styling */
.seo-status-bar {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 15px 25px;
    background: #f8fafc;
    border-radius: 50px;
    border: 1px solid #f1f5f9;
    justify-content: center;
}

.status-item {
    font-size: 0.85rem;
    font-weight: 600;
    color: #334155;
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-item i {
    color: #10b981; /* Success Green */
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .discover-title { font-size: 1.75rem; }
    .tech-feature-grid { grid-template-columns: 1fr; }
    .seo-status-bar { border-radius: 15px; flex-direction: column; align-items: flex-start; }
}
   /*--*/
   /* UIMRJ Right Column Professional Sidebar Styling */
.journal-stats-container {
    padding: 5px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.metadata-card {
    background: #ffffff;
    border-radius: 15px;
    padding: 25px;
    border: 1px solid #edf2f7;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    margin-bottom: 25px;
    position: relative;
}

.card-header-badge {
    position: absolute;
    top: -12px;
    left: 20px;
    background: #1a3c5e;
    color: #fff;
    padding: 4px 15px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.meta-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.meta-list li {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #f7fafc;
    font-size: 0.9rem;
    align-items: center;
}

.meta-list li:last-child {
    border-bottom: none;
}

.meta-label {
    color: #718096;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.meta-label i {
    color: #3182ce;
    width: 16px;
}

.meta-value {
    color: #2d3748;
    font-weight: 700;
    text-align: right;
}

.highlight-text {
    color: #e53e3e; /* Red for ISSN to stand out */
}

/* Trust Seals Grid */
.trust-seals-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 25px;
}

.seal-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 5px;
    text-align: center;
    transition: all 0.3s ease;
}

.seal-box:hover {
    background: #fff;
    border-color: #3182ce;
    transform: scale(1.05);
}

.seal-box i {
    display: block;
    font-size: 1.2rem;
    color: #2d3748;
    margin-bottom: 5px;
}

.seal-box span {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #4a5568;
}

/* Sidebar Actions */
.sidebar-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cta-btn {
    text-decoration: none;
    padding: 14px;
    border-radius: 8px;
    text-align: center;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.primary-cta {
    background: #3182ce;
    color: #ffffff !important;
    box-shadow: 0 4px 14px 0 rgba(49, 130, 206, 0.39);
}

.primary-cta:hover {
    background: #2b6cb0;
    transform: translateY(-2px);
}

.secondary-cta {
    background: #fff;
    color: #3182ce !important;
    border: 2px solid #3182ce;
}

.secondary-cta:hover {
    background: #ebf8ff;
}

/* Mobile Tweak */
@media (max-width: 991px) {
    .metadata-card { margin-top: 30px; }
}
   /*--*/
   /* UIMRJ Sidebar Trust Signals - Ultra-Clean Professional Styling */
.trust-signal-sidebar {
    margin-top: 25px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.trust-sidebar-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
}

.trust-sidebar-card:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.trust-sidebar-title {
    font-size: 1.1rem;
    color: #1a202c;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #3182ce;
    display: inline-block;
}

.trust-item-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.trust-entry {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid transparent;
    transition: border-color 0.3s ease;
}

.trust-entry:hover {
    border-color: #3182ce;
    background: #fff;
}

.highlight-entry {
    background: #fffaf0; /* Light gold for plagiarism shield */
    border: 1px dashed #ed8936;
}

.trust-icon {
    font-size: 1.2rem;
    color: #3182ce;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ebf8ff;
    border-radius: 6px;
}

.highlight-entry .trust-icon {
    background: #feebc8;
    color: #c05621;
}

.trust-text {
    display: flex;
    flex-direction: column;
}

.trust-label {
    font-size: 0.75rem;
    color: #718096;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.trust-status {
    font-size: 0.9rem;
    color: #2d3748;
    font-weight: 700;
}

.verification-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #edf2f7;
    text-align: center;
    font-size: 0.8rem;
    color: #38a169; /* Trust green */
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .trust-sidebar-card { padding: 15px; }
    .trust-status { font-size: 0.85rem; }
}
   /*--*/
   /* UIMRJ Editorial Leadership - Clean & Professional UI */
.editorial-leadership-sidebar {
    margin-top: 25px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.leadership-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.leadership-header-title {
    font-size: 1.15rem;
    color: #1e293b;
    font-weight: 700;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.leadership-header-title::before {
    content: '';
    width: 4px;
    height: 18px;
    background: #3b82f6;
    border-radius: 2px;
}

.editor-profile {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 10px 0;
}

.editor-icon {
    width: 40px;
    height: 40px;
    background: #f1f5f9;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.editor-info {
    display: flex;
    flex-direction: column;
}

.editor-role {
    font-size: 0.7rem;
    color: #3b82f6;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.editor-name {
    font-size: 0.95rem;
    color: #0f172a;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.editor-affiliation {
    font-size: 0.8rem;
    color: #64748b;
    margin-top: 3px;
}

.editor-divider {
    height: 1px;
    background: radial-gradient(circle, #e2e8f0 0%, transparent 100%);
    margin: 15px 0;
}

.board-action {
    margin-top: 15px;
}

.board-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 0.85rem;
    color: #3b82f6 !important;
    text-decoration: none !important;
    font-weight: 600;
    padding: 10px;
    background: #eff6ff;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.board-link:hover {
    background: #3b82f6;
    color: #ffffff !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .leadership-card { padding: 15px; }
    .editor-name { font-size: 0.9rem; }
}
   /*--*/
   /* UIMRJ Contact Sidebar - Ultra Modern UI */
.journal-contact-sidebar {
    margin-top: 25px;
    font-family: 'Inter', sans-serif;
}

.contact-card-premium {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    position: relative;
    overflow: hidden;
}

.contact-header-title {
    font-size: 1.1rem;
    color: #1a365d;
    font-weight: 800;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-header-title::after {
    content: '';
    flex-grow: 1;
    height: 2px;
    background: #e2e8f0;
}

.contact-methods-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.interactive-link:hover {
    transform: translateX(5px);
}

.icon-circle {
    width: 38px;
    height: 38px;
    background: #f0f7ff;
    color: #3182ce;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 1.1rem;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.interactive-link:hover .icon-circle {
    background: #3182ce;
    color: #ffffff;
}

.contact-detail {
    display: flex;
    flex-direction: column;
}

.detail-label {
    font-size: 0.75rem;
    color: #a0aec0;
    font-weight: 600;
    text-transform: uppercase;
}

.detail-text {
    font-size: 0.9rem;
    color: #2d3748;
    font-weight: 600;
    line-height: 1.4;
    word-break: break-word;
}

.response-guarantee {
    margin-top: 25px;
    padding: 12px;
    background: #f7fafc;
    border-radius: 8px;
    text-align: center;
    font-size: 0.8rem;
    color: #4a5568;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #edf2f7;
}

.response-guarantee i {
    color: #38a169;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .contact-card-premium { padding: 20px; }
    .detail-text { font-size: 0.85rem; }
}
   /*--*/
   /*--*/
   /*--*/
   /*--*/
   /*--*/
   /*--*/
   /*-about the journal end-*/
   /*--*/
   /*Aims scope start*/
   /* Sirf Breadcrumb Link ke liye style */
    .breadcrumb-link {
        color: #003366;       /* Royal Blue (Link Color) */
        font-weight: 700;     /* Thoda Bold taaki alag dikhe */
        text-decoration: none; /* Underline hata di */
        transition: all 0.3s ease;
    }
    
    /* Jab mouse upar jaye to Gold ho jaye */
    .breadcrumb-link:hover {
        color: #F0A500;       /* Gold Color */
        text-decoration: underline; /* Hover par underline aayegi */
    }
/*Our Vision & Purpose*/
/* --- MISSION SECTION STYLING (SEO Optimized & Modern) --- */

.mission-container {
    margin-bottom: 40px;
}

/* Heading Styling */
.mission-title {
    font-family: var(--font-heading);
    font-size: 2.2rem; /* Large readable size */
    color: var(--primary-color);
    line-height: 1.3;
    margin-bottom: 20px;
    position: relative;
}

/* Gradient Text Effect (Gold Shine) */
.text-gradient {
    background: linear-gradient(to right, #F0A500, #d48806);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
}

/* Paragraph Text Styling */
.mission-text {
    font-size: 1.05rem; /* Standard readable size */
    color: #444; /* Soft black for less eye strain */
    line-height: 1.8; /* Good spacing */
    margin-bottom: 15px;
    text-align: justify; /* Newspaper look */
}

.mission-text strong {
    color: var(--primary-color);
    font-weight: 700;
}

/* --- MISSION PILLARS (Grid Layout) --- */
.mission-pillars {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 Columns */
    gap: 20px;
    margin-top: 30px;
}

.pillar-box {
    display: flex;
    align-items: flex-start;
    background: #ffffff;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #eef2f6;
    border-left: 3px solid var(--secondary-color); /* Gold Accent */
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

/* Hover Effect (Upar uthna) */
.pillar-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 51, 102, 0.1);
    border-color: var(--primary-color);
}

.pillar-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: rgba(0, 51, 102, 0.05); /* Light Blue BG */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: var(--primary-color);
    font-size: 18px;
}

.pillar-content h4 {
    margin: 0 0 5px 0;
    font-size: 15px;
    font-weight: 700;
    color: #2c3e50;
    font-family: var(--font-heading);
}

.pillar-content p {
    margin: 0;
    font-size: 13px;
    color: #666;
    line-height: 1.4;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .mission-pillars {
        grid-template-columns: 1fr; /* Single Column on Mobile */
    }
    .mission-title {
        font-size: 1.8rem;
    }
}


/*---*/
/* =========================================
   SCOPE SECTION STYLING (Modern Academic)
   ========================================= */

.scope-section-wrapper {
    margin-top: 40px;
}

/* Styled Divider Line */
.divider-styled {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 51, 102, 0), rgba(0, 51, 102, 0.75), rgba(0, 51, 102, 0));
    margin-bottom: 30px;
}

/* Heading Style */
.scope-main-heading {
    font-family: var(--font-heading);
    color: var(--primary-color);
    font-size: 1.8rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.scope-intro {
    font-size: 15px;
    color: #555;
    margin-bottom: 30px;
    line-height: 1.6;
}

/* --- Card Container --- */
.scope-cards-container {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Space between cards */
}

/* --- Scope Card Styling --- */
.scope-card {
    display: flex;
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
    border-left: 5px solid var(--primary-color); /* Blue Border Default */
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

/* Hover Effect (Wah Factor) */
.scope-card:hover {
    transform: translateX(8px); /* Thoda right shift hoga */
    box-shadow: 0 8px 20px rgba(0, 51, 102, 0.1);
    background: #fdfdfd;
}

/* --- Icon Box --- */
.card-icon-box {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: rgba(0, 51, 102, 0.08); /* Light Blue BG */
    border-radius: 12px; /* Soft Square */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    color: var(--primary-color);
    font-size: 22px;
    transition: 0.3s;
}

.scope-card:hover .card-icon-box {
    background: var(--primary-color);
    color: #fff;
}

/* --- Content Styling --- */
.card-content h4 {
    margin: 0 0 8px 0;
    font-size: 17px;
    font-weight: 700;
    color: #2c3e50;
    font-family: var(--font-heading);
}

.card-content p {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.card-content strong {
    color: #003366; /* Keywords highlighted in Blue */
}

/* --- SPECIAL HIGHLIGHT CARD (For IKS/Sanskrit) --- */
.scope-card.highlight-card {
    border-left-color: var(--secondary-color); /* Gold Border */
    background: linear-gradient(to right, #fffbf0, #fff); /* Light Gold Tint */
}

.card-icon-box.gold-icon {
    background: rgba(240, 165, 0, 0.15);
    color: #b78c00;
}

.scope-card.highlight-card:hover .card-icon-box.gold-icon {
    background: var(--secondary-color);
    color: #000;
}

/* Mobile Responsive */
@media (max-width: 600px) {
    .scope-card {
        flex-direction: column;
    }
    .card-icon-box {
        margin-bottom: 15px;
    }
}
/*---*/
/* =========================================
   INTERDISCIPLINARY SECTION (Future-Ready Look)
   ========================================= */

.interdisciplinary-wrapper {
    background: #ffffff;
    border-radius: 12px;
    padding: 35px 25px;
    margin-top: 40px;
    position: relative;
    border: 1px solid #eef2f6;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03); /* Very soft shadow */
    overflow: hidden;
}

/* Background Decoration (Subtle Circuit Pattern) */
.interdisciplinary-wrapper::before {
    content: '';
    position: absolute;
    right: -20px;
    top: -20px;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(240, 165, 0, 0.1) 0%, transparent 70%);
    z-index: 0;
}

/* --- Future Badge --- */
.future-badge {
    display: inline-block;
    background: linear-gradient(135deg, #003366, #0056b3);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 20px;
    margin-bottom: 15px;
    box-shadow: 0 4px 10px rgba(0, 51, 102, 0.2);
    letter-spacing: 1px;
}

/* --- Heading --- */
.id-heading {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #2c3e50;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.gradient-text {
    background: linear-gradient(to right, #007bff, #00d4ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

/* --- Text --- */
.id-text {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 25px;
    text-align: justify;
    position: relative;
    z-index: 1;
}

/* --- Fusion Visuals (The Magic Part) --- */
.fusion-container {
    background: #f8faff; /* Very light blue tint */
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid #007bff;
}

.fusion-label {
    font-size: 13px;
    font-weight: 700;
    color: #003366;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.fusion-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* The Pill Design */
.fusion-pill {
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid #dbeafe;
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.fusion-pill:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 123, 255, 0.15);
    border-color: #007bff;
}

.pill-divider {
    margin: 0 8px;
    color: #F0A500; /* Gold Plus Sign */
    font-weight: 900;
}

.pill-icon i {
    margin-right: 5px;
    color: #007bff;
}

/* --- Priority Note --- */
.id-note {
    margin-top: 20px;
    font-size: 13px;
    color: #2e7d32; /* Success Green */
    background: rgba(46, 204, 113, 0.1);
    padding: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
}
/*---*/
/* =========================================
   LANGUAGE POLICY SECTION (Clean & Inclusive)
   ========================================= */

.language-policy-wrapper {
    margin-top: 40px;
    margin-bottom: 30px;
}

.lang-heading {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #2c3e50;
    margin-bottom: 15px;
}

.lang-intro {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* --- Language Cards Grid --- */
.lang-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2x2 Grid */
    gap: 15px;
    margin-bottom: 30px;
}

.lang-card {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e1e8ed;
    padding: 15px;
    border-radius: 8px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Hover Effect */
.lang-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 5px 15px rgba(0, 51, 102, 0.08);
    transform: translateY(-2px);
}

/* Icons */
.lang-icon {
    width: 40px;
    height: 40px;
    background: #f0f4f8;
    color: #003366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 15px;
}

/* Sanskrit Special Highlight */
.lang-card.highlight-lang {
    background: linear-gradient(to right, #fffbf0, #fff);
    border: 1px solid #ffeeba;
}
.lang-icon.gold-icon {
    background: rgba(240, 165, 0, 0.1);
    color: #F0A500;
}

/* Text Details */
.lang-details h5 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #2c3e50;
}

.lang-details h5 small {
    font-weight: 400;
    color: #F0A500; /* Native script in Gold */
    margin-left: 5px;
}

.lang-details span {
    font-size: 12px;
    color: #888;
}

/* --- COMPLIANCE BOX (The Warning) --- */
.compliance-box {
    display: flex;
    align-items: flex-start;
    background: #fff8e1; /* Light Yellow Warning BG */
    border-left: 5px solid #ffb300; /* Amber Border */
    padding: 20px;
    border-radius: 6px;
}

.comp-icon {
    font-size: 24px;
    color: #ffb300;
    margin-right: 15px;
    margin-top: 2px;
}

.comp-text1 h4 {
    margin: 0 0 5px 0;
    color: #856404; /* Dark Amber Text */
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
}

.comp-text1 p {
    margin: 0;
    font-size: 14px;
    color: #5d4037;
    line-height: 1.5;
}

.highlight-tag {
    background: rgba(0,0,0,0.05);
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #ccc;
}

/* Responsive */
@media (max-width: 600px) {
    .lang-grid {
        grid-template-columns: 1fr; /* Single column on mobile */
    }
}
/*---*/
/* =========================================
   SIDEBAR MANUSCRIPT WIDGET (Right Column)
   ========================================= */

.manuscript-widget {
    background: #fff;
    padding: 0; /* Header alag se style hoga */
    overflow: hidden;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

/* --- Modern Header --- */
.widget-header-modern {
    background: #003366; /* Royal Blue */
    padding: 15px 20px;
    color: #fff;
    position: relative;
}

.widget-header-modern h4 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-line {
    width: 40px;
    height: 3px;
    background: #F0A500; /* Gold Line */
    margin-top: 8px;
    border-radius: 2px;
}

/* --- List Styling --- */
.manuscript-list {
    list-style: none;
    padding: 10px;
    margin: 0;
}

.ms-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    margin-bottom: 8px;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: default; /* Ya pointer agar link banana ho */
    border-left: 3px solid #e1e8ed; /* Neutral border */
}

.ms-item:last-child {
    margin-bottom: 0;
}

/* HOVER EFFECT (The Magic) */
.ms-item:hover {
    background: #fdfdfd;
    transform: translateX(5px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    border-color: #f0f0f0;
    border-left-color: #F0A500; /* Turns Gold on Hover */
}

/* Icon Box */
.ms-icon {
    width: 32px;
    height: 32px;
    background: rgba(0, 51, 102, 0.05);
    color: #003366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-size: 14px;
    transition: 0.3s;
}

.ms-item:hover .ms-icon {
    background: #003366;
    color: #fff;
}

/* Text Content */
.ms-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.ms-text strong {
    font-size: 13px;
    color: #333;
    font-weight: 700;
}

.ms-text span {
    font-size: 11px;
    color: #888;
    margin-top: 2px;
}

/* Arrow (Visual Cue) */
.ms-arrow {
    font-size: 10px;
    color: #ccc;
    transition: 0.3s;
}

.ms-item:hover .ms-arrow {
    color: #F0A500;
    transform: translateX(3px);
}

/* --- Footer Note --- */
.widget-footer-note {
    background: #f8f9fa;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    color: #666;
    border-top: 1px solid #eee;
}

.widget-footer-note a {
    color: #003366;
    font-weight: 700;
    text-decoration: none;
}

.widget-footer-note a:hover {
    color: #F0A500;
    text-decoration: underline;
}
/*---*/
/* =========================================
   NEGATIVE SCOPE WIDGET (Quality Control)
   ========================================= */

.rejection-widget {
    background: #fff5f5; /* Very Light Red Tint */
    border: 1px solid #ffcdd2; /* Soft Red Border */
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(211, 47, 47, 0.05);
    transition: transform 0.3s ease;
}

.rejection-widget:hover {
    box-shadow: 0 8px 20px rgba(211, 47, 47, 0.1);
    transform: translateY(-2px);
}

/* --- Danger Header --- */
.widget-header-danger {
    background: #c62828; /* Professional Dark Red */
    padding: 12px 20px;
    color: #fff;
    text-align: center;
}

.widget-header-danger h4 {
    margin: 0;
    font-family: var(--font-body); /* Keep it clean sans-serif */
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

/* --- Body & Intro --- */
.rejection-body {
    padding: 20px;
}

.rejection-intro {
    font-size: 13px;
    color: #555;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 500;
}

.text-danger {
    color: #c62828;
    font-weight: 700;
}

/* --- The List --- */
.rejection-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.reject-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #ef9a9a; /* Dotted Red Line */
    transition: all 0.3s ease;
}

.reject-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* Hover: Item thoda right slide karega */
.reject-item:hover {
    transform: translateX(5px);
}

/* --- Smart Icons with Cross Overlay --- */
.reject-icon {
    position: relative;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 1px solid #ef9a9a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
    color: #7f8c8d; /* Neutral Grey Base Icon */
}

/* The small red cross on top of icon */
.overlay-icon {
    position: absolute;
    bottom: -2px;
    right: -2px;
    font-size: 12px;
    color: #c62828;
    background: #fff;
    border-radius: 50%;
    padding: 1px;
}

/* Hover Animation: Shake Head (No!) */
@keyframes headShake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-3px) rotate(-3deg); }
    50% { transform: translateX(3px) rotate(3deg); }
    75% { transform: translateX(-3px) rotate(-3deg); }
    100% { transform: translateX(0); }
}

.reject-item:hover .reject-icon {
    border-color: #c62828;
    color: #c62828;
    animation: headShake 0.5s ease-in-out;
}

/* --- Text Styling --- */
.reject-text {
    display: flex;
    flex-direction: column;
}

.reject-text strong {
    font-size: 13px;
    color: #333;
    font-weight: 700;
}

.reject-text span {
    font-size: 11px;
    color: #c62828; /* Red Warning Text */
    margin-top: 2px;
    font-weight: 500;
}
/*---*/
/* =========================================
   TARGET AUDIENCE WIDGET (Smart Badges)
   ========================================= */

.audience-widget {
    background: #ffffff;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}

/* --- Header Styling --- */
.widget-header-audience {
    background: linear-gradient(135deg, #2c3e50, #34495e); /* Elegant Dark Blue */
    padding: 15px 20px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.widget-header-audience h4 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Decorative Dots */
.header-dots span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    margin-left: 3px;
}

/* --- Body & Layout --- */
.audience-body {
    padding: 20px;
}

.audience-intro {
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
    line-height: 1.4;
}

/* --- Tags Container (Flexbox) --- */
.audience-tags-container {
    display: flex;
    flex-wrap: wrap; /* Items will wrap to next line */
    gap: 10px; /* Spacing between chips */
}

/* --- The Smart Badge (Pill) --- */
.aud-badge {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 8px 12px;
    border-radius: 20px; /* Pill Shape */
    font-size: 12px;
    font-weight: 600;
    color: #333;
    cursor: default;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Bouncy transition */
}

.aud-badge i {
    margin-right: 8px;
    color: #003366; /* Royal Blue Icons */
    font-size: 14px;
}

/* Hover Effect: Badge Pops Up & Glows */
.aud-badge:hover {
    transform: translateY(-3px) scale(1.05);
    background: #fff;
    border-color: #F0A500; /* Gold Border */
    box-shadow: 0 4px 10px rgba(240, 165, 0, 0.2); /* Gold Glow */
    color: #003366;
}

.aud-badge:hover i {
    color: #F0A500; /* Icon turns gold */
}

/* --- Highlight Badge (For PhD Scholars) --- */
/* Kyunki ye aapka main target hai, isse thoda alag dikhayenge */
.aud-badge.highlight-badge {
    background: #fffbf0; /* Very light gold tint */
    border-color: #ffeeba;
}

.aud-badge.highlight-badge i {
    color: #d48806;
}
/*---*/
/* =========================================
   DOWNLOADS WIDGET (Utility Toolkit)
   ========================================= */

.downloads-widget {
    background: #ffffff;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
}

/* --- Header Styling --- */
.widget-header-utility {
    background: #2d3436; /* Dark Charcoal Grey for Utility */
    padding: 15px 20px;
    color: #fff;
    border-bottom: 3px solid #00b894; /* Mint Green Accent for "Go/Download" feel */
}

.widget-header-utility h4 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* --- Body Layout --- */
.downloads-body {
    padding: 20px;
    background-color: #fcfcfc;
}

.downloads-intro {
    font-size: 12px;
    color: #888;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.download-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* --- The Download Card --- */
.dl-card {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 12px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

/* Hover Effect: Lift & Shadow */
.dl-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.08);
    border-color: #00b894; /* Green border on hover */
}

/* --- File Icons --- */
.file-icon {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-right: 15px;
    flex-shrink: 0;
}

/* Specific Colors for File Types */
.word-icon { background: rgba(43, 87, 154, 0.1); color: #2b579a; } /* MS Word Blue */
.pdf-icon { background: rgba(234, 67, 53, 0.1); color: #ea4335; } /* PDF Red */
.image-icon { background: rgba(255, 165, 0, 0.1); color: #ffa500; } /* Image Orange */

/* --- File Info Text --- */
.file-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.file-name {
    font-size: 14px;
    font-weight: 700;
    color: #2c3e50;
    transition: color 0.3s;
}

.dl-card:hover .file-name {
    color: #00b894; /* Turns Green on Hover */
}

.file-meta {
    font-size: 11px;
    color: #999;
    margin-top: 3px;
}

/* --- Download Action Icon (The Animation) --- */
.dl-action {
    color: #ccc;
    font-size: 16px;
    transition: all 0.3s ease;
    transform: translateX(0);
}

.dl-card:hover .dl-action {
    color: #00b894;
    transform: translateX(-5px) scale(1.1); /* Slides in left */
}
/*---*/
/* =========================================
   CTA PREMIUM WIDGET (The Conversion Engine)
   ========================================= */
/* --- Main Widget Container --- */
/* --- Global Reset for Widget --- */
.sidebar-widget.cta-widget-premium {
    all: unset; /* Pehle ki purani styling clear karne ke liye */
    display: block;
    position: relative;
    background: linear-gradient(135deg, #002244 0%, #004488 100%) !important; /* Deep Royal Blue */
    border-radius: 15px;
    padding: 35px 25px;
    text-align: center;
    color: #ffffff !important;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0, 34, 68, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.15);
    margin-bottom: 30px;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}

/* Background Design Pattern */
.cta-bg-pattern {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: repeating-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.03) 0px,
        rgba(255, 255, 255, 0.03) 10px,
        transparent 10px,
        transparent 20px
    );
    z-index: 0;
    pointer-events: none;
}

.cta-content {
    position: relative;
    z-index: 2;
}

/* --- Typography (Heading & Subtitle) --- */
.cta-title {
    font-size: 24px !important;
    font-weight: 800 !important;
    margin: 0 0 8px 0 !important;
    color: #ffffff !important;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.cta-subtitle {
    font-size: 14px !important;
    color: #dbeafe !important;
    margin-bottom: 25px !important;
    opacity: 0.9;
    display: block;
}

/* --- Benefits List (Centered Block) --- */
.cta-benefits {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto 30px auto !important;
    display: inline-flex !important;
    flex-direction: column;
    text-align: left;
}

.cta-benefits li {
    font-size: 14px !important;
    color: #ffffff !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center;
    line-height: 1;
}

/* Bright Green Check Icons */
.cta-benefits li i {
    color: #00ff88 !important; 
    margin-right: 12px !important;
    font-size: 16px !important;
    filter: drop-shadow(0 0 5px rgba(0, 255, 136, 0.4));
}

/* --- The UnivColl Gold Button --- */
.btn-submit-action {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #F0A500, #d48806) !important; /* UnivColl Gold */
    color: #002244 !important; /* Contrast Dark Blue Text */
    padding: 16px 20px;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    text-transform: uppercase;
    box-shadow: 0 6px 20px rgba(240, 165, 0, 0.4);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 2px solid #ffe0a3;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}

.btn-submit-action:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(240, 165, 0, 0.6);
    background: linear-gradient(to bottom, #ffdb8e, #F0A500) !important;
}

/* Rocket Animation */
.rocket-icon {
    margin-left: 12px;
    font-size: 18px;
    transition: transform 0.4s ease;
}

.btn-submit-action:hover .rocket-icon {
    transform: translate(5px, -5px);
}

/* --- Footer Security Note --- */
.cta-footer-text {
    margin-top: 20px;
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
/*---*/
/*aim scope end*/
/*INDEXING Start */
/*---*/
/* =========================================
   INDEXING VISION SECTION (Authority & Reach)
   ========================================= */

.indexing-vision-wrapper {
    margin-bottom: 40px;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header Styling --- */
.vision-header {
    margin-bottom: 20px;
}

.tech-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e3f2fd; /* Light Tech Blue */
    color: #0d47a1;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px solid #bbdefb;
}

.vision-title {
    font-family: var(--font-heading);
    font-size: 2.2rem;
    color: #2c3e50;
    line-height: 1.2;
    margin: 0;
}

.highlight-blue {
    color: var(--primary-color);
    position: relative;
    display: inline-block;
}

/* Underline effect for 'Visibility' */
.highlight-blue::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 6px;
    background: rgba(240, 165, 0, 0.2); /* Gold tint */
    z-index: -1;
}

/* --- Text Styling --- */
.vision-text {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 20px;
    text-align: justify;
}

.vision-text strong {
    color: #003366; /* Keywords in Navy Blue */
    font-weight: 700;
}

/* --- Three Pillars Grid --- */
.pillars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.pillar-card {
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 8px;
    padding: 20px 15px;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    position: relative;
    overflow: hidden;
}

/* Hover Effect: Card Lifts & Glows */
.pillar-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 51, 102, 0.1);
    border-color: #dbeafe;
}

/* --- Pillar Icons --- */
.pillar-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px auto;
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* Icon Variants */
.p-blue { background: rgba(33, 150, 243, 0.1); color: #2196f3; }
.p-green { background: rgba(76, 175, 80, 0.1); color: #4caf50; }
.p-gold { background: rgba(255, 193, 7, 0.1); color: #ffc107; }

.pillar-card:hover .pillar-icon {
    transform: scale(1.1) rotate(5deg);
}

/* --- Pillar Text --- */
.pillar-content h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 700;
    color: #2c3e50;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pillar-content p {
    margin: 0;
    font-size: 12px;
    color: #666;
    line-height: 1.4;
}

/* Divider Line */
.tech-divider {
    height: 1px;
    background: linear-gradient(to right, transparent, #e0e0e0, transparent);
    margin-top: 35px;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .pillars-grid {
        grid-template-columns: 1fr; /* Stack on mobile */
    }
    .vision-title {
        font-size: 1.8rem;
    }
}
/*---*/
/* =========================================
   VERIFIED INDEXING GRID (Live Status)
   ========================================= */

.verified-indexing-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
}

.indexing-heading {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #2c3e50;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.indexing-intro {
    font-size: 15px;
    color: #555;
    margin-bottom: 25px;
}

/* --- GRID LAYOUT --- */
.active-index-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 Cards per row */
    gap: 20px;
}

/* --- CARD STYLING --- */
.index-box {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 10px;
    padding: 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

/* Card Specific Border Colors */
.scholar-box { border-top: 4px solid #4285f4; } /* Google Blue */
.crossref-box { border-top: 4px solid #ef5350; } /* Crossref Red */
.orcid-box { border-top: 4px solid #a6ce39; }    /* ORCID Green */
.social-box { border-top: 4px solid #0077b5; }   /* Network Blue */

/* Hover Effect */
.index-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* --- Header Area --- */
.box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
}

.brand-identity {
    display: flex;
    align-items: center;
    gap: 10px;
}

.brand-icon {
    font-size: 20px;
    color: #333;
}

/* Icon Colors */
.scholar-box .brand-icon { color: #4285f4; }
.crossref-box .brand-icon { color: #ef5350; }
.orcid-box .brand-icon { color: #a6ce39; }
.social-box .brand-icon { color: #0077b5; }

.brand-name {
    font-weight: 700;
    font-size: 15px;
    color: #2c3e50;
}

/* --- Live Status (Blinking Dot) --- */
.live-status {
    font-size: 11px;
    font-weight: 700;
    color: #2e7d32; /* Green */
    background: #e8f5e9;
    padding: 3px 8px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.blink-dot {
    width: 8px;
    height: 8px;
    background-color: #2ecc71;
    border-radius: 50%;
    display: inline-block;
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0; }
}

/* --- Body Text --- */
.box-body p {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    margin: 0 0 15px 0;
}

.box-body strong {
    color: #003366;
}

/* --- Footer Metadata Tags --- */
.box-footer {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.meta-tag {
    font-size: 10px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 3px 8px;
    border-radius: 4px;
    color: #555;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .active-index-grid {
        grid-template-columns: 1fr; /* 1 Card per row */
    }
}
/*---*/
/* =========================================
   METADATA HARVESTING (The Technical Backbone)
   ========================================= */

.metadata-harvesting-wrapper {
    margin-bottom: 40px;
    background: #f8faff; /* Very subtle tech blue bg */
    padding: 30px 25px;
    border-radius: 12px;
    border: 1px solid #e1e8ed;
    position: relative;
    overflow: hidden;
}

/* --- Header --- */
.tech-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
}

.protocol-badge {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #2e7d32;
    background: #e8f5e9;
    padding: 3px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
}

.pulse-green {
    width: 6px;
    height: 6px;
    background: #2e7d32;
    border-radius: 50%;
    box-shadow: 0 0 5px #2e7d32;
}

.harvesting-title {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #2c3e50;
    margin: 0;
}

.text-tech {
    color: #003366;
    border-bottom: 3px solid #F0A500; /* Gold Underline */
}

.harvesting-text {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* --- Ecosystem Visualization --- */
.harvest-ecosystem {
    display: flex;
    flex-direction: column; /* Stack vertically for structure */
    align-items: center;
    position: relative;
}

/* Central Journal Node */
.central-node {
    background: #003366;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 5px 15px rgba(0, 51, 102, 0.2);
    margin-bottom: 20px;
    z-index: 2;
}

/* Connecting Line (The Data Pipe) */
.connection-line {
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 30px;
    background: #ccc; /* Grey pipe */
    z-index: 1;
}

/* Harvester Grid */
.harvester-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    width: 100%;
}

.harvest-node {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.harvest-node:hover {
    border-color: #003366;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.node-icon {
    font-size: 20px;
    color: #F0A500;
    margin-bottom: 10px;
    background: rgba(240, 165, 0, 0.1);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.node-info h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #333;
}

.node-info span {
    font-size: 11px;
    color: #777;
    display: block;
    margin-top: 3px;
    line-height: 1.2;
}

/* --- Tech Note Box --- */
/* --- Tech Note Box (Fixed) --- */
.tech-note-box {
    margin-top: 25px;
    background: #2d3436;
    color: #dfe6e9;
    padding: 15px;
    border-radius: 6px;
    font-size: 13px;
    font-family: 'Courier New', monospace; /* Code font look */
    
    /* Flexbox Layout */
    display: flex; 
    align-items: flex-start; /* Icon aur Text top se align honge */
    gap: 12px; /* Icon aur text ke beech gap */
    line-height: 1.6; /* Lines ke beech space */
}

/* Icon Styling */
.tech-icon-wrapper {
    flex-shrink: 0; /* Icon ka size fix rahega */
    color: #00e676; /* Hacker Green Color */
    font-size: 16px;
    margin-top: 2px; /* Text ke sath visually balance karne ke liye */
}

/* Text Content Styling */
.tech-text-content {
    width: 100%; /* Text poori jagah lega */
    word-wrap: break-word; /* Mobile par text break nahi hoga */
}

/* Strong Text (Label) */
.tech-text-content strong {
    color: #fff;
    font-weight: 700;
    margin-right: 5px;
}

/* Code Tags (oai_dc, marc21) */
.tech-text-content code {
    background: #000;
    padding: 2px 6px;
    border-radius: 4px;
    color: #00e676; /* Hacker Green */
    font-weight: 700;
    font-size: 12px;
    border: 1px solid #444;
}

/* Mobile Responsive */
@media (max-width: 600px) {
    .harvester-grid {
        grid-template-columns: 1fr; /* Stack vertically on mobile */
    }
    .connection-line {
        display: none; /* Hide line on mobile */
    }
}
/*---*/
/* =========================================
   DIGITAL PRESERVATION (The Safety Vault)
   ========================================= */

.preservation-wrapper {
    margin-bottom: 40px;
    padding-top: 20px;
    border-top: 1px dashed #ccc;
}

/* --- Header --- */
.preservation-title {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #2c3e50;
    margin-bottom: 15px;
}

.highlight-safe {
    color: #27ae60; /* Safety Green */
    text-decoration: underline;
    text-decoration-color: rgba(39, 174, 96, 0.3);
}

.preservation-intro {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* --- Grid Layout --- */
.preservation-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* --- Archive Box Styling --- */
.archive-box {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 10px;
    padding: 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Hover Effect */
.archive-box:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    transform: translateY(-3px);
    border-color: #bdc3c7;
}

/* Green Highlight for Open Access */
.archive-box.highlight-green {
    background: #f1f8e9; /* Very light green tint */
    border-color: #c8e6c9;
}

.archive-box.highlight-green:hover {
    border-color: #27ae60;
    box-shadow: 0 8px 20px rgba(39, 174, 96, 0.15);
}

/* --- Icons --- */
.archive-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: #f0f0f0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #555;
    margin-right: 20px;
}

.icon-green {
    background: #e8f5e9;
    color: #2e7d32;
}

/* --- Content & Typography --- */
.archive-content h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
    color: #2c3e50;
    font-family: var(--font-heading);
}

.archive-content p {
    margin: 0 0 12px 0;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.archive-content strong {
    color: #2c3e50;
    font-weight: 700;
}

/* --- Badges & Pills --- */
.status-pill {
    font-size: 11px;
    background: #333;
    color: #fff;
    padding: 3px 10px;
    border-radius: 20px;
    display: inline-block;
}

.badge-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.sherpa-badge {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #d35400; /* Sherpa Orange */
    border: 1px solid #d35400;
    padding: 2px 6px;
    border-radius: 4px;
    background: #fff;
}

.policy-tags {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.policy-tags span {
    font-size: 11px;
    color: #27ae60;
    font-weight: 600;
    background: rgba(39, 174, 96, 0.1);
    padding: 4px 8px;
    border-radius: 4px;
}

/* Responsive */
@media (max-width: 600px) {
    .archive-box {
        flex-direction: column;
    }
    .archive-icon {
        margin-bottom: 15px;
    }
}
/*---*/
/* =========================================
   INDEXING ROADMAP (Vision & Growth)
   ========================================= */

.roadmap-wrapper {
    margin-bottom: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header --- */
.roadmap-title {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #2c3e50;
    margin-bottom: 15px;
}

.highlight-growth {
    background: linear-gradient(to right, #003366, #0056b3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

.roadmap-intro {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 30px;
}

/* --- Timeline Container --- */
.timeline-container {
    position: relative;
    padding-left: 20px; /* Space for the vertical line */
}

/* The Vertical Line */
.timeline-container::before {
    content: '';
    position: absolute;
    left: 15px; /* Aligned with markers */
    top: 10px;
    bottom: 30px;
    width: 2px;
    background: #e0e0e0; /* Grey line */
    z-index: 0;
}

/* --- Timeline Cards --- */
.timeline-card {
    position: relative;
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    margin-left: 25px; /* Push content right of line */
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.timeline-card:hover {
    transform: translateX(5px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.08);
}

/* --- Timeline Markers (The Circle Numbers) --- */
.timeline-marker {
    position: absolute;
    left: -36px; /* Position on the line */
    top: 20px;
    width: 24px;
    height: 24px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #777;
    z-index: 1;
}

/* Active Phase Styling (DOAJ) */
.timeline-card.active-phase {
    border-left: 4px solid #ff9800; /* Orange Border */
}
.active-phase .timeline-marker {
    border-color: #ff9800;
    color: #ff9800;
    box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.1);
}

/* Future Phase Styling (Scopus) */
.timeline-card.future-phase {
    border-left: 4px solid #003366; /* Blue Border */
}
.future-phase .timeline-marker {
    border-color: #003366;
    color: #003366;
}

/* --- Content Styling --- */
.target-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; /* Wraps on mobile */
    gap: 10px;
    margin-bottom: 10px;
}

.target-header h4 {
    margin: 0;
    font-size: 16px;
    color: #2c3e50;
    font-weight: 700;
}

.target-header small {
    font-weight: 400;
    color: #777;
    display: block;
    font-size: 12px;
    margin-top: 2px;
}

.timeline-content p {
    margin: 0;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

/* --- Status Badges --- */
.status-badge {
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.badge-orange {
    background: #fff3e0;
    color: #e65100;
    border: 1px solid #ffe0b2;
}

.badge-blue {
    background: #e3f2fd;
    color: #0d47a1;
    border: 1px solid #bbdefb;
}

/* --- Disclaimer Box --- */
/* --- Disclaimer Box (Fixed Layout) --- */
.disclaimer-box {
    background: #f5f5f5;
    color: #666;
    padding: 12px 15px;
    border-radius: 6px;
    font-size: 12px;
    
    /* Flexbox Layout */
    display: flex;
    align-items: flex-start;
    gap: 10px; /* Gap sirf Icon aur Text ke beech */
    line-height: 1.5;
    margin-top: 10px;
}

/* Icon Styling */
.disclaimer-icon {
    flex-shrink: 0;
    color: #7f8c8d;
    font-size: 14px;
    margin-top: 2px; /* Text ke barabar laane ke liye */
}

/* Text Container */
.disclaimer-text {
    width: 100%;
}

.disclaimer-text strong {
    font-weight: 700;
    color: #444;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 600px) {
    .timeline-container {
        padding-left: 10px;
    }
    .timeline-container::before {
        left: 6px;
    }
    .timeline-card {
        margin-left: 20px; /* Adjust for smaller screens */
    }
    .timeline-marker {
        left: -32px;
    }
    .target-header {
        flex-direction: column;
    }
    .status-badge {
        align-self: flex-start;
    }
}
/*---*/
/* =========================================
   TECHNICAL SPECS WIDGET (System Audit Look)
   ========================================= */

.tech-specs-widget {
    background: #ffffff;
    border: 1px solid #e0e0e0; /* Subtle border */
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header Styling --- */
.widget-header-tech {
    background: #2c3e50; /* Dark Tech Blue/Grey */
    padding: 15px 20px;
    color: #fff;
    border-bottom: 3px solid #27ae60; /* Success Green Line */
}

.header-main h4 {
    margin: 0;
    font-family: var(--font-heading); /* Your site's heading font */
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* System Status Badge */
.system-status {
    font-size: 11px;
    color: #a5d6a7; /* Light Green text */
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.status-indicator {
    width: 8px;
    height: 8px;
    background-color: #00e676; /* Bright Neon Green */
    border-radius: 50%;
    box-shadow: 0 0 5px #00e676;
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% { box-shadow: 0 0 0 0 rgba(0, 230, 118, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(0, 230, 118, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 230, 118, 0); }
}

/* --- List Styling --- */
.tech-spec-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.spec-item {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.3s ease;
}

.spec-item:last-child {
    border-bottom: none;
}

.spec-item:hover {
    background: #f9fbfd; /* Very light highlight on hover */
}

/* Icon */
.spec-icon {
    font-size: 18px;
    color: #27ae60; /* Checkmark Green */
    margin-right: 15px;
    flex-shrink: 0;
}

/* Details Text */
.spec-details {
    display: flex;
    flex-direction: column;
}

.spec-details strong {
    font-size: 14px;
    color: #333;
    font-weight: 700;
}

.spec-details span {
    font-size: 12px;
    color: #777;
    margin-top: 2px;
    font-family: 'Courier New', monospace; /* Tech font for specs */
    background: #f1f2f6;
    padding: 1px 6px;
    border-radius: 3px;
    display: inline-block;
    align-self: flex-start; /* Chip left aligned */
}

/* --- SEO Score Bar (Bottom) --- */
.tech-score-bar {
    background: #f8f9fa;
    padding: 15px 20px;
    border-top: 1px solid #eee;
}

.score-label {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 5px;
    color: #555;
    font-weight: 600;
}

.progress-track {
    width: 100%;
    height: 6px;
    background: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #27ae60, #00e676);
    border-radius: 10px;
}
/*---*/
/* =========================================
   ETHICS & COMPLIANCE WIDGET (The Shield)
   ========================================= */

.ethics-widget {
    background: #ffffff;
    border: 1px solid #e8eaf6;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(26, 35, 126, 0.05); /* Deep Blue Shadow */
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header Styling --- */
.widget-header-shield {
    background: linear-gradient(135deg, #1a237e, #283593); /* Royal Blue Gradient */
    padding: 18px 20px;
    color: #fff;
    text-align: center;
    position: relative;
    border-bottom: 4px solid #fbc02d; /* Gold Line for Authority */
}

.shield-title {
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}

.shield-subtitle {
    font-size: 11px;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* --- List Styling --- */
.ethics-list {
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

.ethics-item {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.ethics-item:last-child {
    border-bottom: none;
}

/* Hover Effect */
.ethics-item:hover {
    background: #f8f9fa;
    transform: translateX(5px); /* Slide Right */
    border-left: 4px solid #1a237e; /* Blue Indicator */
}

/* --- Icon Boxes --- */
.item-icon-box {
    width: 38px;
    height: 38px;
    background: #e8eaf6; /* Light Blue Bg */
    color: #1a237e; /* Deep Blue Icon */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 16px;
    flex-shrink: 0;
    transition: transform 0.3s;
}

.ethics-item:hover .item-icon-box {
    transform: scale(1.1);
}

/* Specific Icon Colors */
.danger-icon { color: #d32f2f; background: #ffebee; } /* Red for Plagiarism */
.warning-icon { color: #f57f17; background: #fffde7; } /* Gold for Metrics */
.success-icon { color: #2e7d32; background: #e8f5e9; } /* Green for Review */

/* --- Content Styling --- */
.item-content {
    display: flex;
    flex-direction: column;
}

.item-content strong {
    font-size: 14px;
    color: #333;
    font-weight: 700;
}

.item-content span {
    font-size: 12px;
    color: #666;
    margin-top: 2px;
    line-height: 1.3;
}

/* --- Footer Trust Seal --- */
.ethics-footer {
    background: #f5f5f5;
    color: #555;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.ethics-footer i {
    color: #2e7d32; /* Verified Green */
}
/*---*/
/* =========================================
   VERIFICATION WIDGET (Live Check)
   ========================================= */

.verification-widget {
    background: #ffffff;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header Styling --- */
.widget-header-verify {
    background: #34495e; /* Professional Dark Grey */
    padding: 15px 20px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid #F0A500; /* Gold Accent */
}

.widget-header-verify h4 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Live Status Pulse */
.verify-pulse {
    font-size: 10px;
    background: rgba(0,0,0,0.3);
    padding: 2px 8px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
}

.live-dot {
    width: 6px;
    height: 6px;
    background-color: #00e676;
    border-radius: 50%;
    box-shadow: 0 0 5px #00e676;
    animation: verify-pulse-anim 1.5s infinite;
}

@keyframes verify-pulse-anim {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }
}

/* --- Body & Buttons --- */
.verify-body {
    padding: 20px;
    background: #f9fbfd;
}

.verify-intro {
    font-size: 12px;
    color: #666;
    margin-bottom: 15px;
    text-align: center;
    font-style: italic;
}

/* Button Common Styles */
.verify-btn {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 12px 15px;
    border-radius: 6px;
    margin-bottom: 12px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
}

.verify-btn:last-child {
    margin-bottom: 0;
}

.verify-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

/* --- Google Button (Brand Blue) --- */
.google-btn {
    background: #fff;
    border-color: #4285f4;
    color: #4285f4;
}

.google-btn:hover {
    background: #4285f4;
    color: #fff;
}

/* --- Crossref Button (Brand Dark/Red) --- */
.crossref-btn {
    background: #fff;
    border-color: #333;
    color: #333;
}

.crossref-btn:hover {
    background: #333;
    color: #fff;
    border-color: #333;
}

/* --- Inner Layout --- */
.btn-icon {
    font-size: 20px;
    margin-right: 15px;
    width: 30px;
    text-align: center;
}

.btn-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.btn-label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.7;
}

.btn-brand {
    font-size: 14px;
    font-weight: 700;
}

/* Arrow Animation */
.btn-arrow {
    font-size: 12px;
    opacity: 0.5;
    transition: 0.3s;
}

.verify-btn:hover .btn-arrow {
    opacity: 1;
    transform: translate(3px, -3px); /* Slide Up-Right */
}

/* --- Footer --- */
.verify-footer {
    background: #fff;
    border-top: 1px solid #eee;
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/*---*/
/* =========================================
   LEGAL DISCLAIMER WIDGET (Safety Notice)
   ========================================= */

.legal-disclaimer-widget {
    background: #f8f9fa; /* Neutral Light Grey */
    border: 1px solid #e9ecef;
    border-left: 4px solid #607d8b; /* Slate Grey Professional Border */
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 30px;
    font-family: 'Segoe UI', Roboto, sans-serif;
    transition: all 0.3s ease;
}

/* Hover Effect: Gentle Focus */
.legal-disclaimer-widget:hover {
    border-left-color: #37474f; /* Darker Slate */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    background: #fff;
}

/* --- Header Styling --- */
.legal-header {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e9ecef;
    background: #fff;
}

.icon-box {
    width: 35px;
    height: 35px;
    background: #eceff1;
    color: #607d8b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-right: 15px;
}

.header-text h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #455a64;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.header-text span {
    font-size: 11px;
    color: #90a4ae;
    font-weight: 500;
}

/* --- Body Content --- */
.legal-body {
    padding: 15px 20px;
}

.legal-body p {
    margin: 0;
    font-size: 12px;
    color: #546e7a; /* Muted Blue-Grey Text */
    line-height: 1.6;
    text-align: justify;
}

.legal-body strong {
    color: #263238; /* Darker for keywords */
    font-weight: 700;
    border-bottom: 1px dotted #b0bec5; /* Subtle underline */
}

/* --- Footer --- */
.legal-footer {
    background: #eceff1;
    padding: 8px 20px;
    font-size: 10px;
    color: #78909c;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.legal-footer i {
    font-size: 11px;
    color: #607d8b;
}

/* Mobile Responsiveness */
@media (max-width: 480px) {
    .legal-disclaimer-widget {
        border-left-width: 3px;
    }
    .legal-body p {
        font-size: 12px; /* Ensure readability on small screens */
    }
}

/*INDEXING end */
/*Author Guidelines start */
/*--*/
/* =========================================
   AUTHOR GUIDELINES - WELCOME SECTION
   ========================================= */

.ag-welcome-wrapper {
    margin-bottom: 40px;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header Styling --- */
.ag-header {
    margin-bottom: 25px;
}

.ag-badge {
    display: inline-block;
    background: #e3f2fd;
    color: #0d47a1;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.ag-title {
    font-family: var(--font-heading); /* Uses your site's heading font */
    font-size: 2.4rem;
    color: #2c3e50;
    line-height: 1.2;
    margin: 0 0 15px 0;
}

.highlight-gold {
    color: #F0A500; /* UIMRJ Gold */
    position: relative;
    display: inline-block;
}

.ag-divider {
    width: 60px;
    height: 4px;
    background: linear-gradient(to right, #003366, #F0A500);
    border-radius: 2px;
}

/* --- Text Styling --- */
.ag-lead-text {
    font-size: 17px;
    color: #34495e;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: 15px;
    border-left: 4px solid #003366;
    padding-left: 15px;
}

.ag-sub-text {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 25px;
}

.ag-sub-text strong {
    color: #003366;
    font-weight: 700;
}

/* --- Language Highlight Bar --- */
.language-highlight-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 35px;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    border: 1px dashed #ccc;
}

.lang-pill {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}

.lang-pill:hover {
    transform: translateY(-2px);
    border-color: #003366;
    color: #003366;
}

.lang-pill i {
    color: #F0A500;
}

.region-pill {
    background: #e8f5e9; /* Light Green for inclusivity */
    border-color: #c8e6c9;
    color: #2e7d32;
}

/* --- Standards Grid (Trust Signals) --- */
.ag-standards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.std-card {
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}

.std-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 51, 102, 0.1);
    border-color: #dbeafe;
}

.std-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

/* Specific Icon Colors */
.cope-color { background: rgba(156, 39, 176, 0.1); color: #9c27b0; } /* Purple */
.review-color { background: rgba(33, 150, 243, 0.1); color: #2196f3; } /* Blue */
.open-color { background: rgba(255, 152, 0, 0.1); color: #ff9800; } /* Orange */

.std-info h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #2c3e50;
}

.std-info p {
    margin: 2px 0 0 0;
    font-size: 11px;
    color: #777;
}

/* --- Mobile Responsive --- */
@media (max-width: 768px) {
    .ag-title {
        font-size: 1.8rem;
    }
    
    .ag-standards-grid {
        grid-template-columns: 1fr; /* Stack cards vertically */
        gap: 10px;
    }

    .language-highlight-bar {
        justify-content: center;
    }
}
/*--*/
/* =========================================
   GOLDEN RULE - INDEXING ALERT BOX
   ========================================= */

.indexing-alert-wrapper {
    background: #fffbf2; /* Very Light Cream/Yellow */
    border: 1px solid #ffe0b2;
    border-left: 5px solid #ff9800; /* Amber Warning Line */
    border-radius: 8px;
    margin-bottom: 40px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(255, 152, 0, 0.05);
    font-family: 'Segoe UI', Roboto, sans-serif;
    position: relative;
}

/* --- Header Styling --- */
.alert-header {
    display: flex;
    align-items: center;
    padding: 20px;
    background: linear-gradient(to right, #fff8e1, #fff);
    border-bottom: 1px dashed #ffe0b2;
}

.alert-icon-box {
    font-size: 28px;
    color: #ff9800;
    margin-right: 15px;
}

/* Pulse Animation for Warning Icon */
.warning-pulse {
    animation: pulse-warning 2s infinite;
}

@keyframes pulse-warning {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

.alert-title-group h3 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 1.5rem;
    color: #e65100; /* Dark Orange */
    line-height: 1.2;
}

.alert-tag {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    color: #bf360c;
    background: #ffccbc;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 5px;
}

.text-highlight {
    color: #bf360c;
    text-decoration: underline;
    text-decoration-color: rgba(191, 54, 12, 0.3);
}

/* --- Body & Grid --- */
.alert-body {
    padding: 20px;
}

.alert-intro {
    font-size: 15px;
    color: #4e342e; /* Dark Brownish Text for readability */
    margin-bottom: 25px;
    line-height: 1.6;
}

.requirement-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 25px;
}

/* --- Requirement Cards --- */
.req-card {
    background: #fff;
    border: 1px solid #ffe0b2;
    border-radius: 6px;
    padding: 15px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    transition: transform 0.3s ease;
}

.req-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(255, 167, 38, 0.15);
    border-color: #ff9800;
}

.req-number {
    background: #fff3e0;
    color: #e65100;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    flex-shrink: 0;
    border: 1px solid #ffcc80;
}

.req-content h5 {
    margin: 0 0 5px 0;
    font-size: 14px;
    color: #d84315;
    font-weight: 700;
}

.req-content p {
    margin: 0;
    font-size: 13px;
    color: #5d4037;
    line-height: 1.4;
}

/* --- Logic Footer (The Why) --- */
.alert-logic-footer {
    background: #3e2723; /* Dark Coffee Color */
    color: #fff;
    padding: 15px;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 13px;
    line-height: 1.5;
}

.alert-logic-footer i {
    font-size: 18px;
    color: #ffcc80;
    margin-top: 2px;
}

.logic-text strong {
    color: #ffcc80;
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
}

/* --- Mobile Responsive --- */
@media (max-width: 768px) {
    .requirement-grid {
        grid-template-columns: 1fr; /* Stack cards on mobile */
    }
    .alert-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .alert-icon-box {
        margin-bottom: 10px;
    }
}
/*--*/
/* =========================================
   MANUSCRIPT TYPES SECTION (Portfolio Grid)
   ========================================= */

.ms-types-wrapper {
    margin-bottom: 40px;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header --- */
.section-header-modern {
    margin-bottom: 25px;
}

.ms-title {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #2c3e50;
    margin: 0 0 10px 0;
}

.highlight-text {
    color: var(--primary-color);
    border-bottom: 3px solid #F0A500; /* Gold Underline */
}

.ms-intro {
    font-size: 15px;
    color: #555;
    margin: 0;
}

/* --- Grid Layout --- */
.ms-type-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 Columns on Desktop */
    gap: 20px;
}

/* --- Card Styling --- */
.ms-card {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 10px;
    padding: 20px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Color Accents (Top Border) */
.research-card { border-top: 4px solid #42a5f5; } /* Blue */
.review-card   { border-top: 4px solid #ab47bc; } /* Purple */
.case-card     { border-top: 4px solid #66bb6a; } /* Green */
.short-card    { border-top: 4px solid #ffa726; } /* Orange */

/* Hover Effect */
.ms-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: #dbeafe; /* Light Blue Border on Hover */
}

/* --- Card Top Area --- */
.card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.ms-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: transform 0.3s;
}

.ms-card:hover .ms-icon {
    transform: rotate(10deg) scale(1.1);
}

/* Icon Backgrounds */
.icon-blue   { background: #e3f2fd; color: #1e88e5; }
.icon-purple { background: #f3e5f5; color: #8e24aa; }
.icon-green  { background: #e8f5e9; color: #43a047; }
.icon-orange { background: #fff3e0; color: #fb8c00; }

/* Word Count Badge */
.word-badge {
    font-size: 11px;
    background: #f5f5f5;
    color: #666;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 600;
    border: 1px solid #e0e0e0;
}

/* --- Card Content --- */
.card-body h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
    color: #2c3e50;
    font-family: var(--font-heading);
}

.card-body p {
    margin: 0;
    font-size: 13px;
    color: #555;
    line-height: 1.6;
}

.card-body strong {
    color: #333;
    font-weight: 600;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .ms-type-grid {
        grid-template-columns: 1fr; /* Single Column on Mobile */
    }
    
    .ms-title {
        font-size: 1.6rem;
    }
}
/*--*/
/* =========================================
   MANUSCRIPT STRUCTURE (Timeline Flow)
   ========================================= */

.struct-wrapper {
    margin-bottom: 40px;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header --- */
.struct-header {
    margin-bottom: 30px;
}

.struct-title {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #2c3e50;
    margin: 0 0 10px 0;
}

.highlight-blue {
    color: #003366;
    border-bottom: 3px solid #42a5f5;
}

.struct-intro {
    font-size: 15px;
    color: #555;
    margin: 0;
}

/* --- Timeline Container --- */
.struct-timeline {
    position: relative;
    padding-left: 20px;
    border-left: 2px solid #e0e0e0; /* The Vertical Line */
    margin-left: 10px;
}

/* --- Timeline Item --- */
.struct-item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 25px;
}

.struct-item:last-child {
    margin-bottom: 0;
}

/* The Number Marker (Circle) */
.struct-marker {
    position: absolute;
    left: -33px; /* Centers on the line */
    top: 0;
    width: 28px;
    height: 28px;
    background: #fff;
    border: 2px solid #003366;
    color: #003366;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-weight: 700;
    font-size: 12px;
    z-index: 2;
    transition: all 0.3s ease;
}

.struct-item:hover .struct-marker {
    background: #003366;
    color: #fff;
    transform: scale(1.1);
}

/* Content Box */
.struct-content {
    background: #f9fbfd;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #e1e8ed;
    transition: transform 0.3s ease;
}

.struct-item:hover .struct-content {
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    background: #fff;
    border-color: #bbdefb;
}

.struct-content h5 {
    margin: 0 0 5px 0;
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

.struct-content p {
    margin: 0;
    font-size: 13px;
    color: #666;
    line-height: 1.5;
}

/* --- Special Badges & Lists --- */
.badge-red {
    font-size: 10px;
    background: #ffebee;
    color: #c62828;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 5px;
}

/* Author Metadata List */
.meta-sublist {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
}

.meta-sublist li {
    font-size: 13px;
    color: #555;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.meta-sublist i {
    color: #90a4ae;
    width: 16px;
    text-align: center;
}

.orcid-row i {
    color: #a6ce39; /* ORCID Green */
}

/* IMRaD Tags */
.imrad-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
}

.imrad-tags span {
    font-size: 11px;
    background: #e3f2fd;
    color: #1565c0;
    padding: 4px 10px;
    border-radius: 15px;
    font-weight: 600;
}

/* --- Footer (Pro Tip) --- */
.struct-footer {
    margin-top: 30px;
    background: #e0f2f1; /* Light Teal */
    padding: 12px 15px;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #00695c;
    font-size: 13px;
    line-height: 1.5;
}

.struct-footer i {
    font-size: 16px;
    margin-top: 2px;
}

/* --- Mobile Responsive --- */
@media (max-width: 768px) {
    .struct-timeline {
        border-left: none; /* Remove line on mobile to save space */
        padding-left: 0;
        margin-left: 0;
    }

    .struct-item {
        padding-left: 0;
        margin-bottom: 20px;
    }

    .struct-marker {
        position: relative;
        left: 0;
        display: inline-block;
        margin-bottom: 10px;
    }
}
/*--*/
/* =========================================
   TECHNICAL FORMATTING SECTION (Tech Specs)
   ========================================= */

.tech-format-wrapper {
    margin-bottom: 40px;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 1px solid #eee;
    padding-top: 30px;
}

/* --- Header --- */
.fmt-header {
    margin-bottom: 25px;
}

.fmt-badge {
    font-size: 11px;
    background: #eceff1;
    color: #455a64;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
    display: inline-block;
}

.fmt-badge i {
    color: #607d8b;
    margin-right: 5px;
}

.fmt-title {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #2c3e50;
    margin: 0 0 10px 0;
}

.highlight-tech {
    background: linear-gradient(120deg, #e0f7fa 0%, #e0f7fa 100%);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: 0 90%;
}

.fmt-intro {
    font-size: 15px;
    color: #555;
    margin: 0;
}

/* --- Specs Grid --- */
.fmt-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 30px;
}

.fmt-card {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
}

.fmt-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border-color: #b0bec5;
}

.fmt-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 10px;
}

.icon-word { background: #e3f2fd; color: #1976d2; } /* Word Blue */
.icon-font { background: #f3e5f5; color: #7b1fa2; } /* Font Purple */
.icon-img  { background: #e0f2f1; color: #00897b; } /* Image Teal */

.fmt-details h5 {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: 700;
    color: #37474f;
}

.fmt-details p {
    margin: 0 0 8px 0;
    font-size: 13px;
    color: #555;
}

.fmt-tag {
    font-size: 10px;
    background: #f5f5f5;
    color: #777;
    padding: 2px 6px;
    border-radius: 3px;
    font-weight: 600;
}

/* --- Unicode Protocol Box (The Critical Part) --- */
.unicode-protocol-box {
    background: #fff;
    border: 1px solid #cfd8dc;
    border-radius: 8px;
    overflow: hidden;
}

.protocol-header {
    background: #37474f; /* Dark Slate */
    color: #fff;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.protocol-header h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}

.comparison-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #cfd8dc;
}

.font-option {
    padding: 20px;
    text-align: center;
}

/* Success Side (Unicode) */
.option-success {
    background: #f1f8e9; /* Light Green */
    border-right: 1px solid #cfd8dc;
}

.option-success .opt-header { color: #2e7d32; font-weight: 800; }

/* Danger Side (Legacy) */
.option-danger {
    background: #ffebee; /* Light Red */
}

.option-danger .opt-header { color: #c62828; font-weight: 800; }

.opt-header {
    font-size: 12px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.font-option h5 {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 0 0 5px 0;
}

.font-examples {
    font-size: 13px;
    color: #555;
    margin-bottom: 15px;
    font-style: italic;
}

.seo-note {
    font-size: 12px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    display: inline-block;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.option-success .seo-note { color: #2e7d32; border: 1px solid #c8e6c9; }
.option-danger .seo-note { color: #c62828; border: 1px solid #ffcdd2; }

/* Footer */
.protocol-footer {
    padding: 12px 15px;
    background: #eceff1;
    font-size: 13px;
    color: #455a64;
    text-align: center;
    line-height: 1.5;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .fmt-grid {
        grid-template-columns: 1fr; /* Stack general specs */
    }
    .comparison-container {
        grid-template-columns: 1fr; /* Stack comparison vertical */
    }
    .option-success {
        border-right: none;
        border-bottom: 1px solid #cfd8dc;
    }
}
/*--*/
/* =========================================
   ETHICS & AI POLICY SECTION
   ========================================= */

.ethics-policy-wrapper {
    margin-bottom: 40px;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 1px solid #eee;
    padding-top: 30px;
}

/* --- Header --- */
.ethics-header {
    margin-bottom: 30px;
}

.ethics-title {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #2c3e50;
    margin: 0 0 10px 0;
}

.highlight-red {
    color: #c62828;
    position: relative;
}

/* Subtle Underline for emphasis */
.highlight-red::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(198, 40, 40, 0.1);
    z-index: -1;
}

.ethics-intro {
    font-size: 15px;
    color: #555;
    margin: 0;
    line-height: 1.6;
}

/* --- Grid Layout --- */
.policy-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 25px;
}

/* --- Card Styling --- */
.policy-card {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    padding: 20px 15px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* Top Border Accents */
.plag-card   { border-top: 3px solid #e53935; } /* Red */
.ai-card     { border-top: 3px solid #00897b; } /* Teal */
.author-card { border-top: 3px solid #1e88e5; } /* Blue */

.policy-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

/* Icons */
.card-icon-box {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 15px;
}

.icon-red  { background: #ffebee; color: #e53935; }
.icon-teal { background: #e0f2f1; color: #00897b; }
.icon-blue { background: #e3f2fd; color: #1565c0; }

/* Content Typography */
.card-content h5 {
    margin: 0 0 8px 0;
    font-size: 15px;
    font-weight: 700;
    color: #37474f;
}

.card-content p {
    margin: 0 0 15px 0;
    font-size: 13px;
    color: #666;
    line-height: 1.4;
}

/* --- Visual Features --- */

/* Similarity Meter (Plagiarism) */
.similarity-meter {
    width: 100%;
    background: #fafafa;
    padding: 8px;
    border-radius: 6px;
    border: 1px dashed #e0e0e0;
}

.meter-label {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    margin-bottom: 4px;
    color: #555;
}

.meter-label strong {
    color: #e53935;
}

.meter-track {
    width: 100%;
    height: 6px;
    background: #e0e0e0;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 4px;
}

.meter-fill {
    width: 10%; /* Represents 10% */
    height: 100%;
    background: #e53935;
    border-radius: 3px;
}

.meter-note {
    font-size: 9px;
    color: #999;
    display: block;
}

/* Policy Tags (AI & Authorship) */
.policy-tag {
    font-size: 11px;
    background: #f5f5f5;
    padding: 4px 8px;
    border-radius: 4px;
    color: #555;
    font-weight: 600;
    border: 1px solid #eee;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* --- Footer --- */
.ethics-footer {
    background: #37474f;
    color: #fff;
    padding: 12px 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
}

.ethics-footer i {
    font-size: 18px;
    color: #ffc107; /* Warning Gold */
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .policy-grid {
        grid-template-columns: 1fr; /* Stack cards vertically */
    }
    
    .ethics-footer {
        flex-direction: column;
        text-align: center;
    }
}
/*--*/
/* =========================================
   PEER REVIEW & COPYRIGHT SECTION
   ========================================= */

.review-copyright-wrapper {
    margin-bottom: 30px;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 1px solid #eee;
    padding-top: 30px;
}

/* --- Header --- */
.rc-header {
    margin-bottom: 30px;
}

.rc-title {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #2c3e50;
    margin: 0 0 10px 0;
}

.highlight-license {
    color: #2e7d32; /* License Green */
    border-bottom: 3px solid #a5d6a7;
}

.rc-intro {
    font-size: 15px;
    color: #555;
    margin: 0;
}

/* --- Process Timeline (The Flow) --- */
.process-timeline-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f9fbfd;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e1e8ed;
    margin-bottom: 30px;
}

.process-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
}

.step-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    background: #fff;
}

.icon-desk { color: #0288d1; border: 2px solid #b3e5fc; }
.icon-review { color: #7b1fa2; border: 2px solid #e1bee7; }
.icon-decision { color: #2e7d32; border: 2px solid #c8e6c9; }

.step-content h5 {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: 700;
    color: #333;
}

.time-badge {
    font-size: 11px;
    background: #333;
    color: #fff;
    padding: 3px 8px;
    border-radius: 12px;
    display: inline-block;
    margin-bottom: 5px;
}

.step-content p {
    font-size: 12px;
    color: #666;
    margin: 0;
}

/* Connector Arrow */
.step-connector {
    color: #b0bec5;
    font-size: 18px;
    padding: 0 10px;
}

/* --- Copyright Certificate (License Box) --- */
.copyright-certificate {
    background: #fff;
    border: 1px solid #c8e6c9;
    border-left: 5px solid #2e7d32; /* Green Stripe */
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    box-shadow: 0 5px 15px rgba(46, 125, 50, 0.05);
}

.cert-icon {
    font-size: 40px;
    color: #333;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.cert-text h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
    color: #2e7d32;
}

.cert-text p {
    margin: 0 0 12px 0;
    font-size: 13px;
    color: #555;
    line-height: 1.6;
}

.cert-tags {
    display: flex;
    gap: 10px;
}

.cert-tags span {
    font-size: 11px;
    background: #e8f5e9;
    color: #2e7d32;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* --- Footer --- */
.guidelines-footer {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    color: #666;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
}

.guidelines-footer a {
    color: #003366;
    text-decoration: underline;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .process-timeline-container {
        flex-direction: column; /* Stack vertically */
        gap: 20px;
    }

    .step-connector {
        transform: rotate(90deg); /* Rotate arrow down */
    }

    .copyright-certificate {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .cert-tags {
        justify-content: center;
    }
}
/*--*/
/* =========================================
   SIDEBAR: SUBMISSION CHECKLIST WIDGET
   ========================================= */

.sidebar-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px; /* Space between widgets */
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    transition: transform 0.3s ease;
}

.sidebar-widget:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    border-color: #cfd8dc;
}

/* --- Header --- */
.widget-header-check {
    background: #2e7d32; /* Success Green */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #1b5e20;
}

.header-title h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-status {
    font-size: 10px;
    background: rgba(255,255,255,0.2);
    padding: 3px 8px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
}

.status-dot {
    width: 6px;
    height: 6px;
    background: #a5d6a7; /* Light Green */
    border-radius: 50%;
    animation: pulse-dot 1.5s infinite;
}

@keyframes pulse-dot {
    0% { opacity: 0.5; }
    50% { opacity: 1; box-shadow: 0 0 5px #a5d6a7; }
    100% { opacity: 0.5; }
}

/* --- Checklist Items --- */
.checklist-group {
    list-style: none;
    padding: 0;
    margin: 0;
}

.check-item {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s;
}

.check-item:last-child {
    border-bottom: none;
}

.check-item:hover {
    background: #f1f8e9; /* Very light green tint on hover */
}

/* Icon */
.check-icon {
    font-size: 18px;
    color: #4caf50; /* Checkmark Green */
    margin-right: 15px;
    flex-shrink: 0;
}

/* Text Details */
.check-text {
    display: flex;
    flex-direction: column;
}

.check-text strong {
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.check-text span {
    font-size: 12px;
    color: #666;
    line-height: 1.3;
}

.text-danger {
    color: #e53935;
    font-weight: 700;
}

/* --- Footer Warning --- */
.checklist-footer {
    background: #fff3e0; /* Light Orange Warning Bg */
    padding: 10px 20px;
    font-size: 11px;
    color: #e65100;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    border-top: 1px solid #ffe0b2;
}

.checklist-footer i {
    font-size: 14px;
}
/*--*/
/* =========================================
   SIDEBAR: AUTHOR TOOLKIT (DOWNLOADS)
   ========================================= */

.toolkit-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header --- */
.widget-header-tools {
    background: #37474f; /* Slate Grey */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #607d8b;
}

.widget-header-tools h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
}

.version-badge {
    font-size: 10px;
    background: #546e7a;
    padding: 2px 6px;
    border-radius: 4px;
    color: #eceff1;
}

/* --- Body --- */
.toolkit-body {
    padding: 20px;
    background: #fdfdfd;
}

.toolkit-intro {
    font-size: 12px;
    color: #666;
    margin-bottom: 15px;
    text-align: center;
    font-style: italic;
}

/* --- Download Cards (Buttons) --- */
.download-card {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 15px;
    margin-bottom: 12px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

.download-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    border-color: #b0bec5;
}

/* File Icons */
.file-icon {
    width: 35px;
    height: 35px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 12px;
    flex-shrink: 0;
}

.word-doc .file-icon { background: #e3f2fd; color: #1565c0; } /* Word Blue */
.regional-doc .file-icon { background: #fff3e0; color: #e65100; } /* Hindi Orange */
.pdf-doc .file-icon { background: #ffebee; color: #c62828; } /* PDF Red */
.txt-doc .file-icon { background: #f3e5f5; color: #7b1fa2; } /* Text Purple */

/* File Info Text */
.file-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.file-info strong {
    font-size: 13px;
    color: #333;
    font-weight: 700;
}

.file-info span {
    font-size: 11px;
    color: #777;
    margin-top: 2px;
}

/* Unicode Badge */
.badge-unicode {
    background: #e65100;
    color: #fff;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 700;
    margin-left: 4px;
    text-transform: uppercase;
}

/* Download Action Arrow */
.download-action {
    color: #cfd8dc;
    font-size: 16px;
    transition: 0.3s;
}

.download-card:hover .download-action {
    color: #2e7d32; /* Success Green on hover */
    transform: translateY(2px); /* Downward animation */
}

/* --- Footer --- */
.toolkit-footer {
    background: #eceff1;
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #78909c;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-top: 1px solid #cfd8dc;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.toolkit-footer i {
    color: #2e7d32;
}
/*--*/
/* =========================================
   SIDEBAR: SUBMISSION CTA (The Conversion Box)
   ========================================= */

.submission-cta-widget {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 51, 102, 0.1); /* Deeper shadow for pop */
    margin-bottom: 30px;
    border: 1px solid #e3f2fd; /* Light Blue Border */
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    position: relative;
}

/* --- Header --- */
.cta-header {
    background: linear-gradient(135deg, #0d47a1, #1565c0); /* Deep Royal Blue */
    padding: 20px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.cta-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
}

/* Background Pulse Circle Animation */
.pulse-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    animation: pulse-ring-anim 3s infinite;
}

@keyframes pulse-ring-anim {
    0% { width: 0; height: 0; opacity: 0.5; }
    100% { width: 300px; height: 300px; opacity: 0; }
}

/* --- Body --- */
.cta-body {
    padding: 25px 20px;
    text-align: center;
}

.cta-text {
    font-size: 13px;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.5;
}

/* --- Primary Button (Submit Online) --- */
.submit-btn-main {
    display: block;
    background: linear-gradient(45deg, #F0A500, #ffca28); /* Gold Gradient */
    color: #000; /* Black Text on Gold */
    text-decoration: none;
    padding: 15px;
    border-radius: 50px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 5px 15px rgba(240, 165, 0, 0.4); /* Gold Glow */
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.submit-btn-main:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(240, 165, 0, 0.6);
}

.submit-btn-main i {
    font-size: 18px;
}

/* Shine Effect on Button */
.shine-effect {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent);
    transform: skewX(-25deg);
    animation: shine-anim 3s infinite;
}

@keyframes shine-anim {
    100% { left: 200%; }
}

/* --- Divider --- */
.cta-divider {
    position: relative;
    margin: 20px 0;
    text-align: center;
}

.cta-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e0e0e0;
}

.cta-divider span {
    background: #fff;
    padding: 0 10px;
    color: #999;
    font-size: 11px;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

/* --- Secondary Action (Email Box) --- */
.email-submission-box {
    display: flex;
    align-items: center;
    background: #f5f7fa;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #eceff1;
    transition: all 0.3s ease;
    text-align: left;
}

.email-submission-box:hover {
    background: #fff;
    border-color: #0d47a1;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.mail-icon {
    width: 35px;
    height: 35px;
    background: #e3f2fd;
    color: #1565c0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-size: 16px;
}

.mail-details {
    display: flex;
    flex-direction: column;
}

.mail-label {
    font-size: 10px;
    text-transform: uppercase;
    color: #78909c;
    font-weight: 700;
}

.mail-address {
    font-size: 13px;
    color: #37474f;
    font-weight: 600;
    word-break: break-all; /* Prevents overflow on mobile */
}

/* --- Footer --- */
.cta-footer {
    background: #f1f8e9; /* Lightest Green */
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: #33691e;
    font-weight: 600;
    border-top: 1px solid #dcedc8;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
/*--*/
/* =========================================
   SIDEBAR: LANGUAGE POLICY WIDGET
   ========================================= */

.language-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header --- */
.widget-header-lang {
    background: #5e35b1; /* Deep Purple for Language/Wisdom */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #4527a0;
}

.widget-header-lang h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
}

.lang-status {
    font-size: 10px;
    background: rgba(255,255,255,0.2);
    padding: 3px 8px;
    border-radius: 10px;
    font-weight: 600;
}

/* --- Body --- */
.lang-body {
    padding: 20px;
}

.lang-intro {
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Primary Languages Grid --- */
.primary-lang-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 20px;
}

.lang-card {
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
    border: 1px solid transparent;
}

.lang-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Watermark (Aa / अ) */
.script-watermark {
    position: absolute;
    top: -10px;
    right: -5px;
    font-size: 50px;
    font-weight: 900;
    opacity: 0.1;
    font-family: serif;
    pointer-events: none;
}

/* English Style */
.lang-eng {
    background: #e3f2fd;
    border-color: #bbdefb;
    color: #0d47a1;
}

/* Hindi Style */
.lang-hin {
    background: #fff3e0;
    border-color: #ffe0b2;
    color: #e65100;
}

/* Icons & Text */
.lang-icon {
    font-size: 24px;
    margin-bottom: 8px;
}

.lang-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.lang-tag {
    font-size: 10px;
    text-transform: uppercase;
    background: rgba(255,255,255,0.6);
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
}

/* --- Policy Note (Box) --- */
.lang-policy-box {
    background: #f9f9f9;
    border-left: 3px solid #9e9e9e;
    padding: 12px;
    display: flex;
    gap: 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.5;
    color: #555;
}

.policy-icon {
    color: #757575;
    font-size: 16px;
    margin-top: 2px;
}

.policy-text strong {
    color: #333;
    display: block;
    margin-bottom: 3px;
}

.policy-text u {
    text-decoration-style: dotted;
    text-decoration-color: #757575;
}

/* --- Footer --- */
.lang-footer {
    background: #ede7f6; /* Light Purple Bg */
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #5e35b1;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #d1c4e9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
/*--*/
/* =========================================
   SIDEBAR: PUBLISHER CONTACT WIDGET
   ========================================= */

.contact-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 0; /* Last widget, no bottom margin needed */
}

/* --- Header --- */
.widget-header-contact {
    background: #263238; /* Dark Slate Grey */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #37474f;
    position: relative;
}

.widget-header-contact h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

.header-lines {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.header-lines span {
    width: 20px;
    height: 2px;
    background: #cfd8dc;
    border-radius: 2px;
}

.header-lines .line-2 {
    width: 12px;
    margin-left: auto;
}

/* --- Body --- */
.contact-body {
    padding: 20px;
}

/* Contact Rows */
.contact-row {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.contact-row:last-of-type {
    border-bottom: none;
    margin-bottom: 10px;
    padding-bottom: 0;
}

/* Icons */
.contact-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-right: 12px;
    flex-shrink: 0;
}

.icon-editor { background: #e3f2fd; color: #1565c0; } /* Blue */
.icon-admin  { background: #f3e5f5; color: #7b1fa2; } /* Purple */
.icon-pub    { background: #fff3e0; color: #e65100; } /* Orange */

/* Info Text */
.contact-info {
    display: flex;
    flex-direction: column;
}

.role-label {
    font-size: 10px;
    text-transform: uppercase;
    color: #90a4ae;
    font-weight: 700;
    margin-bottom: 2px;
}

.contact-info strong {
    font-size: 13px;
    color: #37474f;
    font-weight: 600;
    line-height: 1.3;
}

/* --- Address Box --- */
.address-box {
    background: #f9fbfd;
    border: 1px dashed #cfd8dc;
    padding: 12px;
    border-radius: 6px;
    display: flex;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.addr-icon {
    color: #ef5350; /* Map Pin Red */
    font-size: 18px;
    margin-top: 2px;
}

.address-box p {
    margin: 0;
    font-size: 12px;
    color: #546e7a;
    line-height: 1.5;
}

/* --- Call Button --- */
.contact-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    padding: 10px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
    width: 100%;
}

.call-btn {
    background: #fff;
    color: #2e7d32;
    border: 1px solid #2e7d32;
}

.call-btn:hover {
    background: #2e7d32;
    color: #fff;
    box-shadow: 0 4px 10px rgba(46, 125, 50, 0.2);
}

/* --- Footer --- */
.contact-footer {
    background: #eceff1;
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #546e7a;
    font-weight: 600;
    border-top: 1px solid #cfd8dc;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}
/*--*/
/* =========================================
   SIDEBAR: PUBLISHER CONTACT WIDGET
   ========================================= */

.contact-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 0; /* Last widget, no bottom margin needed */
}

/* --- Header --- */
.widget-header-contact {
    background: #263238; /* Dark Slate Grey */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #37474f;
    position: relative;
}

.widget-header-contact h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

.header-lines {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.header-lines span {
    width: 20px;
    height: 2px;
    background: #cfd8dc;
    border-radius: 2px;
}

.header-lines .line-2 {
    width: 12px;
    margin-left: auto;
}

/* --- Body --- */
.contact-body {
    padding: 20px;
}

/* Contact Rows */
.contact-row {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.contact-row:last-of-type {
    border-bottom: none;
    margin-bottom: 10px;
    padding-bottom: 0;
}

/* Icons */
.contact-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-right: 12px;
    flex-shrink: 0;
}

.icon-editor { background: #e3f2fd; color: #1565c0; } /* Blue */
.icon-admin  { background: #f3e5f5; color: #7b1fa2; } /* Purple */
.icon-pub    { background: #fff3e0; color: #e65100; } /* Orange */

/* Info Text */
.contact-info {
    display: flex;
    flex-direction: column;
}

.role-label {
    font-size: 10px;
    text-transform: uppercase;
    color: #90a4ae;
    font-weight: 700;
    margin-bottom: 2px;
}

.contact-info strong {
    font-size: 13px;
    color: #37474f;
    font-weight: 600;
    line-height: 1.3;
}

/* --- Address Box --- */
.address-box {
    background: #f9fbfd;
    border: 1px dashed #cfd8dc;
    padding: 12px;
    border-radius: 6px;
    display: flex;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.addr-icon {
    color: #ef5350; /* Map Pin Red */
    font-size: 18px;
    margin-top: 2px;
}

.address-box p {
    margin: 0;
    font-size: 12px;
    color: #546e7a;
    line-height: 1.5;
}

/* --- Call Button --- */
.contact-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    padding: 10px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
    width: 100%;
}

.call-btn {
    background: #fff;
    color: #2e7d32;
    border: 1px solid #2e7d32;
}

.call-btn:hover {
    background: #2e7d32;
    color: #fff;
    box-shadow: 0 4px 10px rgba(46, 125, 50, 0.2);
}

/* --- Footer --- */
.contact-footer {
    background: #eceff1;
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #546e7a;
    font-weight: 600;
    border-top: 1px solid #cfd8dc;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}

@media (max-width: 768px) {

    /* 1. Sidebar Container */
    .about-sidebar {
        width: 100%;       /* Full width on mobile */
        padding: 0 15px;   /* Side breathing room */
        margin-top: 40px;  /* Gap from main content */
    }

    /* 2. Submission Button (Make it huge on mobile) */
    .submit-btn-main {
        padding: 18px; /* Bigger touch area for thumbs */
        font-size: 16px;
    }

    /* 3. Language Grid (Stack cards on small screens) */
    .primary-lang-grid {
        grid-template-columns: 1fr; /* 1 Column instead of 2 */
    }

    /* 4. Contact Widget Adjustments */
    .contact-row {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    
    .call-btn {
        padding: 14px; /* Easier to tap to call */
        font-size: 16px;
    }

    /* 5. Address Box */
    .address-box {
        flex-direction: column; /* Stack Icon on top of Address */
        align-items: center;
        text-align: center;
    }

    .addr-icon {
        margin-bottom: 5px;
    }
}
/*Author Guidelines End */
/*-Peer Review Policy & Standards Start-*/
/*--*/
/* =========================================
   PEER REVIEW POLICY SECTION (Left Column)
   ========================================= */

.policy-wrapper {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    margin-bottom: 40px;
}

/* --- Header Styling --- */
.policy-header {
    margin-bottom: 25px;
    position: relative;
}

.policy-title {
    font-family: var(--font-heading, 'Merriweather', serif); /* Use site heading font or fallback */
    font-size: 2.2rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.icon-box {
    width: 45px;
    height: 45px;
    background: #e3f2fd;
    color: #1565c0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 4px 10px rgba(21, 101, 192, 0.2);
}

.highlight-blue {
    color: #1565c0; /* Trust Blue */
    position: relative;
}

.title-underline {
    width: 60px;
    height: 4px;
    background: linear-gradient(to right, #1565c0, #64b5f6);
    margin-top: 10px;
    margin-left: 60px; /* Aligns with text start */
    border-radius: 2px;
}

/* --- Intro Text --- */
.policy-intro {
    font-size: 16px;
    line-height: 1.7;
    color: #546e7a;
    margin-bottom: 25px;
    text-align: justify;
}

.policy-intro strong {
    color: #263238;
    font-weight: 600;
}

/* --- COPE Alignment Badge --- */
.cope-alignment-box {
    background: #f1f8e9; /* Soft Green */
    border: 1px solid #c5e1a5;
    border-left: 5px solid #558b2f;
    padding: 15px 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 35px;
    transition: transform 0.3s ease;
}

.cope-alignment-box:hover {
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(85, 139, 47, 0.1);
}

.cope-icon {
    font-size: 24px;
    color: #558b2f;
}

.cope-text {
    font-size: 14px;
    color: #33691e;
}

.cope-text a {
    color: #1b5e20;
    text-decoration: underline;
    font-weight: 700;
}

/* --- Grid for Principles --- */
.policy-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 Columns */
    gap: 20px;
}

/* Policy Card Design */
.policy-card {
    background: #ffffff;
    border: 1px solid #eceff1;
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.policy-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
    border-color: #bbdefb;
}

/* Card Icon */
.card-icon-top {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px auto;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #455a64;
    transition: 0.3s;
}

.policy-card:hover .card-icon-top {
    background: #e3f2fd;
    color: #1565c0;
    transform: scale(1.1) rotate(10deg);
}

/* Card Typography */
.card-body h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
    color: #2c3e50;
    font-weight: 700;
}

.card-body p {
    font-size: 14px;
    color: #607d8b;
    line-height: 1.6;
    margin: 0;
}

.card-body strong {
    color: #1565c0;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .policy-title {
        font-size: 1.8rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .title-underline {
        margin-left: 0;
        width: 100%;
    }
    
    .policy-grid {
        grid-template-columns: 1fr; /* Stack cards on mobile */
    }

    .cope-alignment-box {
        flex-direction: column; /* Stack content in box */
        text-align: center;
    }
}
/*--*/
/* =========================================
   REVIEW LIFECYCLE (Vertical Timeline)
   ========================================= */

.lifecycle-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    margin-top: 30px;
}

/* --- Header --- */
.lifecycle-header h3 {
    font-size: 1.8rem;
    color: #2c3e50;
    margin-bottom: 30px;
    font-family: var(--font-heading);
    border-left: 5px solid #0d47a1; /* Royal Blue Line */
    padding-left: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.process-badge {
    font-size: 12px;
    background: #e3f2fd;
    color: #0d47a1;
    padding: 4px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* --- Timeline Container --- */
.timeline-container {
    position: relative;
    padding-left: 20px;
}

/* Vertical Line */
.timeline-container::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 35px; /* Adjust based on marker size */
    height: 95%;
    width: 2px;
    background: #e0e0e0;
    z-index: 1;
}

/* --- Timeline Block (Each Step) --- */
.timeline-block {
    position: relative;
    margin-bottom: 35px;
    padding-left: 60px; /* Space for marker */
}

.timeline-block:last-child {
    margin-bottom: 0;
}

/* The Marker (Circle Number) */
.marker {
    position: absolute;
    left: 19px; /* Align with vertical line */
    top: 0;
    width: 34px;
    height: 34px;
    background: #fff;
    border: 3px solid #0d47a1;
    border-radius: 50%;
    color: #0d47a1;
    font-weight: 800;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    z-index: 2;
    box-shadow: 0 0 0 4px #fff; /* Gap between line and circle */
}

.final-block .marker {
    background: #0d47a1;
    color: #fff;
    border-color: #0d47a1;
}

/* --- Content Box --- */
.timeline-content {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    transition: transform 0.3s ease;
}

.timeline-block:hover .timeline-content {
    transform: translateX(5px);
    border-color: #bbdefb;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* Content Head */
.content-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}

.content-head h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #37474f;
}

.date-tag {
    font-size: 11px;
    background: #eceff1;
    color: #546e7a;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    white-space: nowrap;
}

/* Text & Lists */
.timeline-content p {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
    line-height: 1.6;
}

.check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.check-list li {
    font-size: 13px;
    color: #455a64;
    margin-bottom: 6px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.check-list i {
    color: #43a047; /* Check Green */
    margin-top: 3px;
    font-size: 11px;
}

/* --- Plagiarism Alert Box --- */
.plagiarism-alert {
    background: #fff3e0;
    border-left: 3px solid #ff9800;
    padding: 10px;
    border-radius: 4px;
    font-size: 13px;
    color: #e65100;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}

.highlight-red {
    color: #d32f2f;
    font-weight: 800;
    background: #ffebee;
    padding: 0 4px;
    border-radius: 2px;
}

/* --- Scorecard Grid --- */
.scorecard-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.score-item {
    font-size: 11px;
    background: #f1f8e9;
    color: #33691e;
    padding: 4px 10px;
    border-radius: 15px;
    font-weight: 600;
}

/* --- Decision Deck (Final Stage) --- */
.decision-deck {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 15px;
}

.d-card {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid transparent;
}

/* Decision Colors */
.d-accept { background: #e8f5e9; border-color: #c8e6c9; }
.d-accept .d-icon { color: #2e7d32; }

.d-minor { background: #fffde7; border-color: #fff59d; }
.d-minor .d-icon { color: #fbc02d; }

.d-major { background: #fff3e0; border-color: #ffe0b2; }
.d-major .d-icon { color: #fb8c00; }

.d-reject { background: #ffebee; border-color: #ffcdd2; }
.d-reject .d-icon { color: #c62828; }

.d-icon {
    font-size: 18px;
    margin-right: 10px;
}

.d-text {
    display: flex;
    flex-direction: column;
}

.d-text strong {
    font-size: 12px;
    color: #333;
}

.d-text span {
    font-size: 10px;
    color: #666;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .timeline-container::before {
        left: 15px;
    }
    .timeline-block {
        padding-left: 45px;
    }
    .marker {
        left: 0;
    }
    .decision-deck {
        grid-template-columns: 1fr; /* Stack decisions on mobile */
    }
    .content-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}
/*--*/
/* =========================================
   RESPONSIBILITIES & ETHICS SECTION
   ========================================= */

.ethics-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    margin-top: 30px;
}

/* --- Header --- */
.ethics-header {
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.ethics-header h3 {
    font-size: 1.8rem;
    color: #2c3e50;
    margin: 0 0 5px 0;
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    gap: 12px;
}

.ethics-header h3 i {
    color: #ef5350; /* Heart/Hand Red */
}

.ethics-subtext {
    font-size: 14px;
    color: #78909c;
    margin: 0;
    font-style: italic;
}

/* --- Grid Layout --- */
.ethics-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 Columns */
    gap: 20px;
}

/* --- Ethics Card Design --- */
.ethics-card {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 10px;
    padding: 25px 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.ethics-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Specific Card Styles */
.reviewer-card {
    border-top: 4px solid #5e35b1; /* Deep Purple */
}
.reviewer-card:hover { border-color: #4527a0; }

.author-card {
    border-top: 4px solid #00897b; /* Teal */
}
.author-card:hover { border-color: #00695c; }

/* Badge (Top Right) */
.card-badge {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    border-bottom-left-radius: 8px;
    color: #fff;
}

.reviewer-card .card-badge { background: #5e35b1; }
.author-card .card-badge { background: #00897b; }

/* Icon Circle */
.icon-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 15px;
}

.lock-icon { background: #ede7f6; color: #5e35b1; }
.list-icon { background: #e0f2f1; color: #00897b; }

/* Typography */
.card-details h4 {
    font-size: 16px;
    margin: 0 0 10px 0;
    color: #37474f;
    font-weight: 700;
}

.card-details p {
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 15px;
}

.text-danger {
    color: #c62828;
    font-weight: 700;
}

/* Trust/Action Tags (Bottom) */
.trust-tag, .action-tag {
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.trust-tag {
    background: #f3e5f5;
    color: #4a148c;
    border: 1px solid #e1bee7;
}

.action-tag {
    background: #e0f7fa;
    color: #006064;
    border: 1px solid #b2ebf2;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .ethics-grid {
        grid-template-columns: 1fr; /* Stack cards vertically */
    }
    
    .ethics-header h3 {
        font-size: 1.5rem;
    }
}
/*--*/
/* =========================================
   INDEXING READINESS SECTION
   ========================================= */

.indexing-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    margin-top: 30px;
    background: linear-gradient(to bottom, #fff, #f8fbff); /* Subtle Tech Fade */
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #e3f2fd;
}

/* --- Header --- */
.idx-header {
    margin-bottom: 30px;
    text-align: center;
}

.idx-header h3 {
    font-size: 1.8rem;
    color: #2c3e50;
    margin: 0 0 8px 0;
    font-family: var(--font-heading);
}

.idx-header i {
    color: #0288d1; /* Tech Blue */
    margin-right: 8px;
}

.highlight-tech {
    background: #e1f5fe;
    color: #01579b;
    padding: 2px 10px;
    border-radius: 4px;
}

.idx-subtext {
    font-size: 14px;
    color: #78909c;
    margin: 0;
}

/* --- Pipeline Flow (Vertical/Horizontal) --- */
.tech-pipeline {
    display: flex;
    flex-direction: column; /* Stack vertically by default */
    gap: 15px;
    margin-bottom: 30px;
}

.pipeline-card {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.pipeline-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(2, 136, 209, 0.1);
    border-color: #81d4fa;
}

/* Icons */
.p-icon {
    width: 45px;
    height: 45px;
    background: #e1f5fe;
    color: #0288d1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-right: 15px;
    flex-shrink: 0;
}

.p-content h5 {
    margin: 0 0 8px 0;
    font-size: 16px;
    color: #37474f;
    font-weight: 700;
}

.p-content p {
    margin: 0;
    font-size: 13px;
    color: #555;
    line-height: 1.5;
}

/* Arrow Connector */
.pipeline-arrow {
    text-align: center;
    color: #b0bec5;
    font-size: 18px;
    animation: bounce-arrow 2s infinite;
}

@keyframes bounce-arrow {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-5px);}
    60% {transform: translateY(-3px);}
}

/* --- Crawler Compatibility Box --- */
.crawler-compatibility-box {
    background: #263238; /* Dark Server Color */
    border-radius: 8px;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.compat-label {
    font-size: 11px;
    text-transform: uppercase;
    color: #cfd8dc;
    letter-spacing: 1px;
    font-weight: 600;
}

.badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.c-badge {
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.google-scholar { background: #4285f4; color: #fff; }
.crossref { background: #37474f; color: #fff; border: 1px solid #78909c; }
.doaj { background: #f57f17; color: #fff; } /* Orange */

/* --- Mobile Responsiveness --- */
@media (min-width: 768px) {
    /* On Laptop, make specific cards row-like if desired, 
       but vertical stack often reads better for process flows.
       Let's keep vertical for Left Column width constraints. */
}
/*--*/
/* =========================================
   SIDEBAR: REVIEW SNAPSHOT WIDGET
   ========================================= */

.snapshot-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    transition: transform 0.3s ease;
}

.snapshot-widget:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: #cfd8dc;
    transform: translateY(-2px);
}

/* --- Header --- */
.widget-header-snap {
    background: #263238; /* Dark Professional Grey */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #37474f;
}

.snap-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

/* Live Pulse Badge */
.snap-badge {
    font-size: 10px;
    background: rgba(255,255,255,0.1);
    padding: 3px 8px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    color: #80cbc4; /* Teal Accent */
}

.pulse-dot {
    width: 6px;
    height: 6px;
    background: #00e676; /* Bright Green */
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(0, 230, 118, 0.4);
    animation: live-pulse 2s infinite;
}

@keyframes live-pulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 230, 118, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(0, 230, 118, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 230, 118, 0); }
}

/* --- Stats Body --- */
.snap-body {
    padding: 15px 20px;
}

.snap-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}

.snap-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* Icons */
.snap-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px; /* Soft Square */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 15px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.snap-item:hover .snap-icon {
    transform: scale(1.1) rotate(5deg);
}

/* Icon Colors */
.icon-blind { background: #e3f2fd; color: #1565c0; } /* Blue */
.icon-speed { background: #e0f2f1; color: #00695c; } /* Teal */
.icon-shield { background: #ffebee; color: #c62828; } /* Red */
.icon-users { background: #f3e5f5; color: #7b1fa2; } /* Purple */

/* Text Info */
.snap-info {
    display: flex;
    flex-direction: column;
}

.snap-info .label {
    font-size: 11px;
    color: #78909c;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.snap-info .value {
    font-size: 14px;
    color: #263238;
    font-weight: 700;
}

.text-strict {
    color: #d32f2f; /* Highlight Strictness */
}

/* --- Footer --- */
.snap-footer {
    background: #eceff1;
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #546e7a;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #cfd8dc;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
/*--*/
/* =========================================
   SIDEBAR: DECISION OUTCOMES WIDGET
   ========================================= */

.outcome-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header --- */
.widget-header-outcome {
    background: #455a64; /* Blue Grey */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #607d8b;
}

.widget-header-outcome h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

/* Decoration Dots */
.header-dots {
    display: flex;
    gap: 4px;
}

.header-dots span {
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
}

/* --- Outcome Items --- */
.outcome-list {
    padding: 15px 20px;
}

.outcome-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    background: #fff;
}

.outcome-item:last-child {
    margin-bottom: 0;
}

.outcome-item:hover {
    transform: translateX(5px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Status Icons */
.out-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-right: 12px;
    flex-shrink: 0;
}

/* Status Text */
.out-details {
    display: flex;
    flex-direction: column;
}

.out-details strong {
    font-size: 14px;
    font-weight: 700;
}

.out-details span {
    font-size: 11px;
    opacity: 0.8;
}

/* --- Color Variations (The Traffic Light System) --- */

/* 1. Success (Green) */
.status-success {
    background: #f1f8e9;
    border-color: #c5e1a5;
}
.status-success .out-icon { background: #fff; color: #2e7d32; }
.status-success strong { color: #2e7d32; }
.status-success span { color: #558b2f; }

/* 2. Warning (Yellow/Gold) */
.status-warning {
    background: #fffde7;
    border-color: #fff59d;
}
.status-warning .out-icon { background: #fff; color: #fbc02d; }
.status-warning strong { color: #f9a825; }
.status-warning span { color: #fbc02d; }

/* 3. Orange (Major Revision) */
.status-orange {
    background: #fff3e0;
    border-color: #ffe0b2;
}
.status-orange .out-icon { background: #fff; color: #ef6c00; }
.status-orange strong { color: #e65100; }
.status-orange span { color: #ef6c00; }

/* 4. Danger (Desk Reject - Light Red) */
.status-danger {
    background: #ffebee;
    border-color: #ffcdd2;
}
.status-danger .out-icon { background: #fff; color: #c62828; }
.status-danger strong { color: #c62828; }
.status-danger span { color: #e53935; }

/* 5. Dark Danger (Final Reject - Dark Red) */
.status-danger-dark {
    background: #fce4ec; /* Slightly different pinkish red */
    border-color: #f8bbd0;
}
.status-danger-dark .out-icon { background: #fff; color: #880e4f; }
.status-danger-dark strong { color: #880e4f; }
.status-danger-dark span { color: #ad1457; }

/* --- Footer --- */
.outcome-footer {
    background: #eceff1;
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #607d8b;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #cfd8dc;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
/*--*/
/* =========================================
   SIDEBAR: TRANSPARENCY TOOLS WIDGET
   ========================================= */

.transparency-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header --- */
.widget-header-tools {
    background: #006064; /* Deep Cyan */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #004d40;
}

.widget-header-tools h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

.tech-badge {
    font-size: 10px;
    background: rgba(255,255,255,0.15);
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Tools Grid --- */
.tools-grid {
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.tool-item {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    background: #fafafa;
}

.tool-item:hover {
    background: #fff;
    border-color: #b2dfdb;
    transform: translateX(5px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Tool Icons */
.tool-icon {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-right: 12px;
    flex-shrink: 0;
}

.icon-turnitin { background: #ffebee; color: #c62828; } /* Red for Alert/Check */
.icon-cope     { background: #e8f5e9; color: #2e7d32; } /* Green for Ethics */
.icon-doi      { background: #fff3e0; color: #ef6c00; } /* Orange for ID */
.icon-xml      { background: #e1f5fe; color: #0277bd; } /* Blue for Tech */

/* Tool Text */
.tool-details {
    display: flex;
    flex-direction: column;
}

.tool-label {
    font-size: 10px;
    text-transform: uppercase;
    color: #90a4ae;
    font-weight: 700;
    margin-bottom: 2px;
}

.tool-name {
    font-size: 13px;
    color: #37474f;
    font-weight: 600;
}

/* --- Footer --- */
.tools-footer {
    background: #eceff1;
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #546e7a;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #cfd8dc;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
/*--*/
/* =========================================
   SIDEBAR: REVIEWER CTA WIDGET
   ========================================= */

.reviewer-cta-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    transition: transform 0.3s ease;
}

.reviewer-cta-widget:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(103, 58, 183, 0.15); /* Purple Glow */
    border-color: #d1c4e9;
}

/* --- Header --- */
.widget-header-join {
    background: linear-gradient(135deg, #673ab7, #512da8); /* Deep Purple Gradient */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.widget-header-join h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
    z-index: 2;
}

/* Sparkle Icon Animation */
.header-sparkle {
    font-size: 14px;
    color: #ffd740; /* Gold Star */
    animation: sparkle-spin 3s infinite linear;
}

@keyframes sparkle-spin {
    0% { transform: rotate(0deg) scale(1); opacity: 0.8; }
    50% { transform: rotate(180deg) scale(1.2); opacity: 1; }
    100% { transform: rotate(360deg) scale(1); opacity: 0.8; }
}

/* --- Body --- */
.join-body {
    padding: 20px;
    text-align: center;
}

.join-intro {
    font-size: 13px;
    color: #555;
    line-height: 1.5;
    margin-bottom: 20px;
}

.join-intro strong {
    color: #512da8;
}

/* --- Action Button --- */
.btn-join-board {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #fff;
    color: #673ab7;
    border: 2px solid #673ab7;
    padding: 12px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(103, 58, 183, 0.1);
}

.btn-join-board:hover {
    background: #673ab7;
    color: #fff;
    box-shadow: 0 6px 15px rgba(103, 58, 183, 0.3);
    transform: scale(1.02);
}

.btn-join-board i {
    transition: transform 0.3s ease;
}

.btn-join-board:hover i {
    transform: translateX(5px);
}

/* --- Incentive Box (Certificate) --- */
.incentive-box {
    margin-top: 20px;
    background: #fff8e1; /* Pale Gold Bg */
    border: 1px dashed #ffecb3;
    border-radius: 8px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 12px;
}

.reward-icon {
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffca28; /* Gold */
    font-size: 16px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.reward-text strong {
    display: block;
    font-size: 12px;
    color: #f57f17;
    margin-bottom: 2px;
}

.reward-text p {
    margin: 0;
    font-size: 11px;
    color: #795548;
    line-height: 1.3;
}

/* --- Footer --- */
.join-footer {
    background: #ede7f6; /* Very Light Purple */
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #5e35b1;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #d1c4e9;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
/*--*/
/* =========================================
   SIDEBAR: APPEALS POLICY WIDGET
   ========================================= */

.appeals-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 0; /* Last widget, no bottom margin */
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 4px solid #546e7a; /* Slate Grey (Legal Color) */
}

/* --- Header --- */
.widget-header-appeal {
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
}

.widget-header-appeal h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #455a64;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

.header-line {
    width: 30px;
    height: 3px;
    background: #cfd8dc;
    border-radius: 2px;
}

/* --- Body --- */
.appeal-body {
    padding: 20px;
    text-align: center;
}

.appeal-text {
    font-size: 13px;
    color: #607d8b;
    line-height: 1.6;
    margin-bottom: 15px;
    text-align: justify; /* Formal look */
    text-align-last: center;
}

.appeal-text strong {
    color: #37474f;
    text-decoration: underline;
    text-decoration-color: #b0bec5;
}

/* --- Action Button --- */
.btn-appeal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    color: #546e7a;
    border: 1px solid #90a4ae;
    padding: 10px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-appeal:hover {
    background: #546e7a;
    color: #fff;
    border-color: #546e7a;
    box-shadow: 0 4px 10px rgba(84, 110, 122, 0.2);
}

/* --- Footer (Final Verdict) --- */
.appeal-footer {
    background: #eceff1;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    border-top: 1px solid #cfd8dc;
}

.footer-icon {
    font-size: 20px;
    color: #78909c;
}

.footer-text {
    display: flex;
    flex-direction: column;
}

.footer-text span {
    font-size: 10px;
    text-transform: uppercase;
    color: #90a4ae;
    font-weight: 600;
}

.footer-text strong {
    font-size: 12px;
    color: #37474f;
    font-weight: 800;
    letter-spacing: 0.5px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .appeal-footer {
        justify-content: center;
        text-align: center;
    }
    
    .footer-icon {
        display: none; /* Simplify on mobile */
    }
}
/*Peer Review Policy & Standards End*/
/*-Research Area-*/
/*--*/
/* =========================================
   EDITORIAL MISSION & VISION SECTION
   ========================================= */

.mission-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 40px;
    color: #333;
}

/* --- Intro Box --- */
.mission-intro-box {
    margin-bottom: 30px;
}

.mission-lead {
    font-size: 16px;
    line-height: 1.7;
    color: #546e7a;
    margin-bottom: 20px;
    text-align: justify;
}

.mission-lead strong {
    color: #2c3e50;
    font-weight: 700;
}

.mission-quote {
    background: #fcfcfc;
    border-left: 4px solid #F0A500; /* Gold Accent */
    padding: 15px 20px;
    font-style: italic;
    font-size: 15px;
    color: #455a64;
    font-weight: 500;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}

/* --- Mission Grid (3 Pillars) --- */
.mission-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 Equal Columns */
    gap: 15px;
    margin-bottom: 25px;
}

.mission-card {
    background: #fff;
    border: 1px solid #eceff1;
    border-radius: 8px;
    padding: 20px 15px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.mission-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* Icons */
.m-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin: 0 auto 15px auto;
    transition: transform 0.3s;
}

.mission-card:hover .m-icon {
    transform: scale(1.1) rotate(10deg);
}

/* Specific Card Styles */
.card-global .m-icon { background: #e3f2fd; color: #1565c0; } /* Blue */
.card-lang .m-icon   { background: #fff3e0; color: #e65100; } /* Orange */
.card-ethics .m-icon { background: #e8f5e9; color: #2e7d32; } /* Green */

.card-global:hover { border-bottom: 3px solid #1565c0; }
.card-lang:hover   { border-bottom: 3px solid #e65100; }
.card-ethics:hover { border-bottom: 3px solid #2e7d32; }

/* Content Text */
.m-content h5 {
    font-size: 14px;
    font-weight: 700;
    color: #37474f;
    margin: 0 0 8px 0;
    text-transform: uppercase;
}

.m-content p {
    font-size: 12px;
    color: #607d8b;
    line-height: 1.5;
    margin: 0;
}

/* --- IKS Highlight Bar --- */
.iks-highlight-bar {
    background: linear-gradient(135deg, #fff8e1, #ffecb3);
    border: 1px dashed #ffb300;
    padding: 12px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #5d4037;
    font-size: 14px;
}

.iks-icon {
    font-size: 18px;
    color: #d84315; /* Rust Orange */
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .mission-grid {
        grid-template-columns: 1fr; /* Stack vertically on mobile */
    }
    
    .mission-quote {
        font-size: 14px;
    }

    .iks-highlight-bar {
        border-radius: 8px;
        text-align: center;
        flex-direction: column;
        gap: 5px;
    }
}
/*--*/
/* =========================================
   CORE RESEARCH DOMAINS SECTION
   ========================================= */

.domains-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
}

/* --- Header --- */
.domains-header {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.domains-header h3 {
    font-size: 1.8rem;
    color: #2c3e50;
    margin: 0 0 10px 0;
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    gap: 12px;
}

.domains-intro {
    font-size: 14px;
    color: #546e7a;
    line-height: 1.6;
}

/* --- Grid Layout --- */
.domains-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 Columns on Desktop */
    gap: 20px;
}

/* --- Domain Card Base --- */
.domain-card {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.domain-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.08);
}

/* Card Header */
.card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eee;
}

.d-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    flex-shrink: 0;
}

.card-head h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #37474f;
    line-height: 1.3;
}

/* --- Theme Colors (The Magic) --- */

/* Humanities (Earthy Red) */
.theme-humanities { border-left: 4px solid #d84315; }
.theme-humanities .d-icon { background: linear-gradient(135deg, #ff7043, #d84315); }
.theme-humanities h4 { color: #d84315; }

/* Education (Growth Green) */
.theme-education { border-left: 4px solid #2e7d32; }
.theme-education .d-icon { background: linear-gradient(135deg, #66bb6a, #2e7d32); }
.theme-education h4 { color: #2e7d32; }

/* Commerce (Professional Blue) */
.theme-commerce { border-left: 4px solid #1565c0; }
.theme-commerce .d-icon { background: linear-gradient(135deg, #42a5f5, #1565c0); }
.theme-commerce h4 { color: #1565c0; }

/* Science (Tech Cyan) */
.theme-science { border-left: 4px solid #00838f; }
.theme-science .d-icon { background: linear-gradient(135deg, #26c6da, #00838f); }
.theme-science h4 { color: #00838f; }

/* IKS (Cultural Saffron) */
.theme-iks { border-left: 4px solid #ff8f00; }
.theme-iks .d-icon { background: linear-gradient(135deg, #ffca28, #ff8f00); }
.theme-iks h4 { color: #ff8f00; }

/* Law (Authority Grey) */
.theme-law { border-left: 4px solid #455a64; }
.theme-law .d-icon { background: linear-gradient(135deg, #78909c, #455a64); }
.theme-law h4 { color: #455a64; }


/* --- Indexing Tags (SEO Badges) --- */
.meta-tags {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.meta-label {
    font-size: 10px;
    color: #90a4ae;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-right: 4px;
}

.tag {
    font-size: 10px;
    background: #f5f5f5;
    color: #546e7a;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    font-weight: 600;
}

/* --- List Styling --- */
.d-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.d-list li {
    font-size: 13px;
    color: #555;
    margin-bottom: 8px;
    line-height: 1.5;
    position: relative;
    padding-left: 15px;
}

.d-list li::before {
    content: '•';
    color: #b0bec5;
    font-weight: bold;
    position: absolute;
    left: 0;
}

.d-list strong {
    color: #333;
    font-weight: 700;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .domains-grid {
        grid-template-columns: 1fr; /* 1 Column on Mobile */
    }
}
/*--*/
/* =========================================
   INTERDISCIPLINARY FOCUS (FUTURE) SECTION
   ========================================= */

.future-focus-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    background: linear-gradient(to right, #ffffff, #fcfcfc);
    border-radius: 10px;
    padding: 25px;
    border: 1px dashed #cfd8dc; /* Dashed border suggests "Work in Progress" / Future */
}

/* --- Header --- */
.focus-header h3 {
    font-size: 1.8rem;
    color: #2c3e50;
    margin: 0 0 10px 0;
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    gap: 12px;
}

.focus-header h3 i {
    color: #ff1744; /* Rocket Red */
    transform: rotate(-45deg);
}

.focus-intro {
    font-size: 14px;
    color: #546e7a;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* --- Fusion Cards Container --- */
.fusion-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* --- Fusion Card Style --- */
.fusion-card {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px 20px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

/* Left Gradient Border Effect */
.fusion-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ccc; /* Default */
    transition: width 0.3s ease;
}

.fusion-card:hover {
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.fusion-card:hover::before {
    width: 6px;
}

/* --- Icons (The Equation: A + B) --- */
.fusion-icon {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 18px;
    margin-right: 20px;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 8px;
    min-width: 80px;
    justify-content: center;
}

.plus {
    font-size: 12px;
    color: #90a4ae;
    font-weight: 700;
}

/* Icon Specific Colors */
.icon-dh { color: #673ab7; background: #ede7f6; } /* Purple for Humanities */
.fusion-card:nth-child(1)::before { background: #673ab7; }

.icon-sd { color: #2e7d32; background: #e8f5e9; } /* Green for Nature */
.fusion-card:nth-child(2)::before { background: #2e7d32; }

.icon-ai { color: #0277bd; background: #e1f5fe; } /* Blue for Tech */
.fusion-card:nth-child(3)::before { background: #0277bd; }

/* --- Content --- */
.fusion-content {
    flex-grow: 1;
}

.fusion-content h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 700;
    color: #37474f;
}

.fusion-content p {
    margin: 0;
    font-size: 13px;
    color: #607d8b;
    line-height: 1.4;
}

/* --- Trend Tags (Right Side) --- */
.trend-tag {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    position: absolute;
    top: 15px;
    right: 15px;
    letter-spacing: 0.5px;
}

.fusion-card:nth-child(1) .trend-tag { background: #f3e5f5; color: #673ab7; }
.fusion-card:nth-child(2) .trend-tag { background: #e8f5e9; color: #2e7d32; }
.fusion-card:nth-child(3) .trend-tag { background: #e1f5fe; color: #0277bd; }

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .fusion-card {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 35px; /* Space for tag */
    }

    .fusion-icon {
        margin-bottom: 10px;
    }

    .trend-tag {
        top: 10px;
        right: 10px;
    }
}
/*--*/
/* =========================================
   MULTILINGUAL INDEXING POLICY SECTION
   ========================================= */

.indexing-policy-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    background: #fff8e1; /* Soft Amber Background */
    border: 1px solid #ffecb3;
    border-radius: 12px;
    padding: 25px;
    position: relative;
    overflow: hidden;
}

/* Decorative Left Border */
.indexing-policy-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: #ffa000; /* Amber Warning Color */
}

/* --- Header --- */
.policy-head {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ffe082;
    padding-bottom: 15px;
}

.ph-icon {
    width: 45px;
    height: 45px;
    background: #fff;
    color: #ffa000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 2px 5px rgba(255, 160, 0, 0.2);
}

.ph-text h3 {
    margin: 0;
    font-size: 1.4rem;
    color: #5d4037; /* Dark Brown Text */
    font-weight: 700;
    font-family: var(--font-heading);
}

.ph-text p {
    margin: 0;
    font-size: 13px;
    color: #8d6e63;
}

/* Scholar Badge (Right Side) */
.scholar-badge {
    margin-left: auto;
    background: #fff;
    color: #2e7d32;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    border: 1px solid #c8e6c9;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* --- Description Text --- */
.policy-desc {
    font-size: 14px;
    color: #5d4037;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* --- Mandatory Grid (3 Cards) --- */
.mandatory-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}

.mandatory-card {
    background: #fff;
    border: 1px dashed #ffb74d;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease;
}

.mandatory-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(255, 160, 0, 0.15);
    border-style: solid;
}

/* Step Number */
.step-num {
    position: absolute;
    top: 5px;
    right: 8px;
    font-size: 30px;
    font-weight: 800;
    color: rgba(255, 160, 0, 0.1); /* Very subtle watermark */
    line-height: 1;
}

/* Icons */
.mc-icon {
    font-size: 20px;
    color: #ef6c00;
    margin-bottom: 10px;
}

/* Info */
.mc-info strong {
    display: block;
    font-size: 13px;
    color: #3e2723;
    margin-bottom: 4px;
}

.mc-info span {
    font-size: 11px;
    color: #795548;
    line-height: 1.3;
}

/* --- Bot Note (Footer) --- */
.bot-note {
    background: rgba(255, 255, 255, 0.6);
    padding: 10px;
    border-radius: 6px;
    font-size: 12px;
    color: #6d4c41;
    display: flex;
    align-items: center;
    gap: 10px;
    border-left: 3px solid #8d6e63;
}

.bot-note i {
    font-size: 16px;
    color: #5d4037;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .mandatory-grid {
        grid-template-columns: 1fr; /* Stack vertically */
    }

    .policy-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .scholar-badge {
        margin-left: 0; /* Align left on mobile */
    }

    .step-num {
        top: 10px; /* Adjust for mobile spacing */
    }
}
/*--*/
/* =========================================
   SCOPE EXCLUSIONS (QUALITY FILTER) SECTION
   ========================================= */

.exclusions-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 40px;
    background: #fff;
    border-top: 4px solid #ef5350; /* Warning Red */
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    overflow: hidden;
}

/* --- Header --- */
.ex-header {
    padding: 25px 25px 15px 25px;
    border-bottom: 1px solid #f5f5f5;
}

.ex-header h3 {
    margin: 0 0 10px 0;
    font-size: 1.6rem;
    color: #37474f;
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    gap: 12px;
}

.ex-header h3 i {
    color: #ef5350;
    font-size: 20px;
}

.text-danger {
    color: #d32f2f;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #ffcdd2;
}

.ex-intro {
    font-size: 14px;
    color: #546e7a;
    line-height: 1.6;
    margin: 0;
}

/* --- Grid Layout --- */
.exclusion-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 Columns */
    gap: 1px; /* Gap for border effect */
    background: #eee; /* Creates the border lines */
    border-bottom: 1px solid #eee;
}

/* --- Exclusion Card --- */
.ex-card {
    background: #fff;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    transition: background 0.3s ease;
}

.ex-card:hover {
    background: #fffbfb; /* Very subtle red tint on hover */
}

/* Special Highlight for Plagiarism Card */
.strict-border {
    position: relative;
}
.strict-border::after {
    content: 'STRICT';
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 9px;
    background: #ffebee;
    color: #c62828;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 700;
}

/* Icons */
.ex-icon {
    width: 40px;
    height: 40px;
    background: #ffebee; /* Light Red Bg */
    color: #c62828;      /* Red Icon */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    position: relative;
}

/* Slash Line for Pseudoscience Icon */
.slash-line {
    position: absolute;
    width: 2px;
    height: 24px;
    background: #c62828;
    transform: rotate(45deg);
    top: 8px;
    left: 19px;
}

/* Text Content */
.ex-content strong {
    display: block;
    font-size: 14px;
    color: #263238;
    margin-bottom: 5px;
    font-weight: 700;
}

.ex-content p {
    margin: 0;
    font-size: 12px;
    color: #607d8b;
    line-height: 1.4;
}

/* --- Footer (Quality Seal) --- */
.quality-footer {
    background: #fcfcfc;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #455a64;
    font-size: 12px;
}

.quality-footer i {
    color: #78909c;
    font-size: 16px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .exclusion-grid {
        grid-template-columns: 1fr; /* Stack on mobile */
    }
    
    .ex-card {
        border-bottom: 1px solid #f0f0f0;
    }
}
/*--*/
/* =========================================
   SIDEBAR: SCOPE SNAPSHOT WIDGET
   ========================================= */

.scope-snapshot-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    transition: transform 0.3s ease;
}

.scope-snapshot-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: #b0bec5;
}

/* --- Header --- */
.widget-header-scope {
    background: #263238; /* Dark Professional Grey */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #37474f;
}

.widget-header-scope h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

.live-status {
    font-size: 10px;
    background: #00e676; /* Bright Green */
    color: #1b5e20;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 0 5px rgba(0, 230, 118, 0.4);
}

/* --- Body List --- */
.scope-body {
    padding: 15px 20px;
}

.scope-row {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #eee; /* Dashed lines for "Spec Sheet" look */
}

.scope-row:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* Icons */
.s-icon {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-right: 15px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.scope-row:hover .s-icon {
    transform: rotate(10deg);
}

/* Specific Icon Colors */
.icon-discipline { background: #e3f2fd; color: #1565c0; } /* Blue */
.icon-freq       { background: #f3e5f5; color: #7b1fa2; } /* Purple */
.icon-lang       { background: #e8f5e9; color: #2e7d32; } /* Green */
.icon-review     { background: #eceff1; color: #455a64; } /* Grey */

/* Text Info */
.s-info {
    display: flex;
    flex-direction: column;
}

.s-label {
    font-size: 11px;
    color: #90a4ae;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2px;
}

.s-value {
    font-size: 13px;
    color: #37474f;
    font-weight: 700;
    line-height: 1.3;
}

/* --- Open Access Footer Badge --- */
.oa-footer-badge {
    background: #fff3e0; /* Pale Orange */
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    border-top: 1px solid #ffcc80;
}

.oa-icon {
    width: 30px;
    height: 30px;
    background: #f57c00; /* Standard OA Orange */
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.oa-text {
    display: flex;
    flex-direction: column;
}

.oa-text strong {
    font-size: 13px;
    color: #e65100;
    font-weight: 800;
}

.oa-text span {
    font-size: 11px;
    color: #ef6c00;
}
/*--*/
/* =========================================
   SIDEBAR: SEO TAG CLOUD WIDGET
   ========================================= */

.cloud-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* --- Header --- */
.widget-header-cloud {
    background: linear-gradient(135deg, #263238, #37474f);
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #546e7a;
}

.widget-header-cloud h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

.widget-header-cloud h4 i {
    color: #ffca28; /* Fire Color */
    animation: flame-flicker 2s infinite alternate;
}

@keyframes flame-flicker {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

.trend-badge {
    font-size: 9px;
    background: rgba(255,255,255,0.15);
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Body --- */
.cloud-body {
    padding: 20px;
}

.cloud-intro {
    font-size: 12px;
    color: #78909c;
    margin: 0 0 15px 0;
    font-style: italic;
}

/* Tag Container */
.tag-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* Space between tags */
}

/* --- The Tag Chip Style --- */
.tag-chip {
    font-size: 11px;
    padding: 6px 12px;
    border-radius: 50px; /* Pill Shape */
    font-weight: 600;
    cursor: default; /* Or pointer if linked */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid transparent;
    white-space: nowrap; /* Prevent breaking inside tag */
}

.tag-chip:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* --- Category Colors (Matches Left Column Themes) --- */

/* Technology (Blue) */
.tag-tech {
    background: #e3f2fd;
    color: #1565c0;
    border-color: #bbdefb;
}
.tag-tech:hover { background: #1565c0; color: #fff; }

/* Science/Eco (Green) */
.tag-sci {
    background: #e8f5e9;
    color: #2e7d32;
    border-color: #c8e6c9;
}
.tag-sci:hover { background: #2e7d32; color: #fff; }

/* Humanities (Red/Pink) */
.tag-human {
    background: #ffebee;
    color: #c62828;
    border-color: #ffcdd2;
}
.tag-human:hover { background: #c62828; color: #fff; }

/* Education (Purple) */
.tag-edu {
    background: #f3e5f5;
    color: #7b1fa2;
    border-color: #e1bee7;
}
.tag-edu:hover { background: #7b1fa2; color: #fff; }

/* IKS (Saffron) */
.tag-iks {
    background: #fff8e1;
    color: #ef6c00;
    border-color: #ffecb3;
}
.tag-iks:hover { background: #ef6c00; color: #fff; }

/* Economy (Grey/Blue) */
.tag-eco {
    background: #eceff1;
    color: #455a64;
    border-color: #cfd8dc;
}
.tag-eco:hover { background: #455a64; color: #fff; }

/* --- Footer --- */
.cloud-footer {
    background: #fafafa;
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #90a4ae;
    font-weight: 600;
    text-transform: uppercase;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
/*--*/
/* =========================================
   SIDEBAR: IKS SPOTLIGHT WIDGET
   ========================================= */

.iks-spotlight-widget {
    background: #fff8e1; /* Soft Cream/Gold Background */
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #ffecb3;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    position: relative;
    transition: transform 0.3s ease;
}

.iks-spotlight-widget:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255, 111, 0, 0.15); /* Saffron Glow */
    border-color: #ffca28;
}

/* --- Header --- */
.widget-header-iks {
    background: linear-gradient(135deg, #ff6f00, #ff8f00); /* Deep Saffron Gradient */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #e65100;
}

.widget-header-iks h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

.heritage-badge {
    font-size: 10px;
    background: rgba(255,255,255,0.2);
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid rgba(255,255,255,0.4);
}

/* --- Body --- */
.iks-body {
    padding: 25px 20px;
    text-align: center;
    position: relative;
}

/* Icon Animation Wrapper */
.iks-icon-wrapper {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-icon {
    font-size: 32px;
    color: #e65100; /* Rust Orange */
    z-index: 2;
    position: relative;
}

.icon-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffecb3;
    border-radius: 50%;
    z-index: 1;
    animation: pulse-gold 3s infinite;
}

@keyframes pulse-gold {
    0% { transform: scale(0.8); opacity: 0.5; }
    50% { transform: scale(1.2); opacity: 0.2; }
    100% { transform: scale(0.8); opacity: 0.5; }
}

/* Typography */
.iks-title {
    font-size: 18px;
    color: #5d4037; /* Dark Brown */
    font-family: var(--font-heading, serif); /* Serif for Traditional feel */
    font-weight: 700;
    margin: 0 0 10px 0;
}

.iks-desc {
    font-size: 13px;
    color: #795548;
    line-height: 1.6;
    margin-bottom: 20px;
}

.iks-desc strong {
    color: #d84315;
    font-weight: 700;
}

/* --- Button --- */
.btn-iks-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    color: #e65100;
    border: 1px solid #ffb74d;
    padding: 10px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.btn-iks-submit:hover {
    background: #e65100;
    color: #fff;
    box-shadow: 0 6px 15px rgba(230, 81, 0, 0.2);
    transform: translateY(-2px);
}

/* --- Footer --- */
.iks-footer {
    background: #fff3e0;
    padding: 8px;
    text-align: center;
    font-size: 11px;
    color: #8d6e63;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #ffe0b2;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.iks-footer i {
    font-size: 14px;
    color: #bf360c;
}
/*--*/
/* =========================================
   SIDEBAR: SUBMISSION CTA WIDGET (FINAL)
   ========================================= */

.submission-cta-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08); /* Stronger shadow */
    margin-bottom: 0; /* Last widget */
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    position: relative;
    transition: transform 0.3s ease;
}

.submission-cta-widget:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(21, 101, 192, 0.15); /* Blue Glow */
    border-color: #90caf9;
}

/* --- Header --- */
.widget-header-cta {
    background: linear-gradient(135deg, #0d47a1, #1565c0); /* Royal Blue */
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #002171;
}

.widget-header-cta h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

/* Pulse Animation (Attention Grabber) */
.pulse-indicator {
    position: relative;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pulse-indicator .circle {
    width: 8px;
    height: 8px;
    background: #00e676; /* Green Dot */
    border-radius: 50%;
    z-index: 2;
}

.pulse-indicator .ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #69f0ae;
    border-radius: 50%;
    animation: pulse-ring-anim 2s infinite;
    z-index: 1;
}

@keyframes pulse-ring-anim {
    0% { transform: scale(0.5); opacity: 1; }
    100% { transform: scale(2); opacity: 0; }
}

/* --- Body --- */
.cta-body-content {
    padding: 25px 20px;
    text-align: center;
    background: linear-gradient(to bottom, #fff, #f5fafd);
}

.cta-text {
    font-size: 14px;
    color: #546e7a;
    line-height: 1.6;
    margin-bottom: 25px;
}

.cta-text strong {
    color: #0d47a1;
}

/* --- The Submit Button (Hero Element) --- */
.btn-submit-manuscript {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #2962ff, #448aff); /* Bright Action Blue */
    color: #fff;
    padding: 12px 15px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 10px rgba(41, 98, 255, 0.3);
    position: relative;
    overflow: hidden;
}

.btn-submit-manuscript:hover {
    background: linear-gradient(135deg, #0039cb, #2962ff);
    box-shadow: 0 8px 20px rgba(41, 98, 255, 0.4);
    transform: translateY(-2px);
}

/* Button Icon Box */
.icon-box-btn {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.2);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-right: 15px;
    transition: transform 0.4s ease;
}

/* Rocket Launch Effect on Hover */
.btn-submit-manuscript:hover .icon-box-btn {
    transform: translateY(-3px) translateX(3px) rotate(45deg);
}

/* Button Text */
.text-box-btn {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.small-text {
    font-size: 10px;
    text-transform: uppercase;
    opacity: 0.8;
    letter-spacing: 0.5px;
}

.big-text {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.5px;
}

/* Support Link */
.support-link {
    margin-top: 15px;
    font-size: 12px;
    color: #90a4ae;
}

.support-link a {
    color: #1976d2;
    text-decoration: none;
    font-weight: 600;
}

.support-link a:hover {
    text-decoration: underline;
}

/* --- Footer Strip --- */
.cta-footer-strip {
    background: #eceff1;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    font-size: 11px;
    color: #546e7a;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #cfd8dc;
}

.benefit-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.benefit-item i {
    color: #fbc02d; /* Gold Icon */
}

.divider {
    color: #cfd8dc;
}

/*-Research Area End-*/
/*-Reviewer Guidelines-*/
/*--*/
/* =========================================
   REVIEWER MANDATE SECTION (LEFT COLUMN)
   ========================================= */

.mandate-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 40px;
}

/* --- Header Styling --- */
.mandate-header {
    margin-bottom: 25px;
    position: relative;
}

.mandate-title {
    font-family: var(--font-heading, 'Merriweather', serif);
    font-size: 2.2rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 15px 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.icon-box-m {
    width: 50px;
    height: 50px;
    background: #263238; /* Dark Grey (Authority) */
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.highlight-gold {
    color: #f57f17; /* Dark Gold */
    position: relative;
}

.mandate-line {
    width: 60px;
    height: 4px;
    background: linear-gradient(to right, #263238, #546e7a);
    margin-left: 65px; /* Aligns with text */
    border-radius: 2px;
}

/* --- Content Typography --- */
.lead-text {
    font-size: 16px;
    line-height: 1.8;
    color: #455a64;
    margin-bottom: 30px;
    text-align: justify;
    border-left: 4px solid #eceff1;
    padding-left: 20px;
}

.lead-text strong {
    color: #d84315; /* Rust for Lifeblood */
}

.text-primary {
    color: #1565c0;
    font-weight: 700;
}

/* --- The Review Model Box (Visual) --- */
.review-model-box {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    position: relative;
}

/* Box Header */
.rm-header {
    background: #e3f2fd; /* Light Blue */
    color: #0d47a1;
    padding: 12px 20px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #bbdefb;
}

/* Box Body */
.rm-body {
    padding: 25px;
}

.rm-body p {
    font-size: 14px;
    color: #546e7a;
    margin-bottom: 25px;
    text-align: center;
    line-height: 1.6;
}

/* --- Blind Diagram (The Visualization) --- */
.blind-diagram {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fafafa;
    padding: 20px;
    border-radius: 8px;
    border: 1px dashed #cfd8dc;
    position: relative;
}

.bd-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 30%;
    z-index: 2;
}

.bd-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.author-icon { background: #e0f2f1; color: #00695c; } /* Teal */
.reviewer-icon { background: #f3e5f5; color: #6a1b9a; } /* Purple */

.bd-item span {
    font-weight: 700;
    color: #37474f;
    font-size: 13px;
}

.bd-item small {
    font-size: 10px;
    color: #90a4ae;
    font-weight: 600;
}

/* The Shield Barrier */
.bd-barrier {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 20%;
}

/* Pulse Animation on Shield */
.shield-pulse {
    width: 40px;
    height: 40px;
    background: #37474f;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 5px;
    animation: shield-beat 2s infinite;
}

@keyframes shield-beat {
    0% { box-shadow: 0 0 0 0 rgba(55, 71, 79, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(55, 71, 79, 0); }
    100% { box-shadow: 0 0 0 0 rgba(55, 71, 79, 0); }
}

.barrier-text {
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 800;
    color: #b0bec5;
    background: #fff;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Connecting Line (Behind) */
.blind-diagram::before {
    content: '';
    position: absolute;
    top: 45px; /* Center of icons */
    left: 15%;
    right: 15%;
    height: 2px;
    background: #e0e0e0;
    z-index: 1;
}

/* --- Box Footer --- */
.rm-footer {
    margin-top: 15px;
    text-align: center;
    font-size: 11px;
    color: #2e7d32;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .mandate-title {
        font-size: 1.8rem;
    }
    .lead-text {
        font-size: 14px;
        padding-left: 15px;
    }
    .blind-diagram {
        padding: 15px 10px;
    }
    .bd-icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}
/*--*/
/* =========================================
   REVIEWER ELIGIBILITY SECTION
   ========================================= */

.eligibility-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    background: #f8f9fa; /* Very Light Grey for Contrast */
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #e9ecef;
}

/* --- Header --- */
.eligibility-header {
    margin-bottom: 25px;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 15px;
}

.eligibility-header h3 {
    font-size: 1.8rem;
    color: #1a237e; /* Academic Navy Blue */
    margin: 0 0 10px 0;
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    gap: 12px;
}

.eligibility-intro {
    font-size: 14px;
    color: #546e7a;
    line-height: 1.6;
    margin: 0;
}

.eligibility-intro strong {
    color: #0d47a1;
    font-weight: 700;
}

/* --- Qualification Grid --- */
.qual-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* --- Card Style --- */
.qual-card {
    background: #fff;
    border-radius: 8px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    border: 1px solid transparent;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

.qual-card:hover {
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    background: #fff;
}

/* Icon Box */
.q-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

/* Text Content */
.q-content {
    flex-grow: 1;
}

.q-content h5 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 700;
    color: #37474f;
}

.q-content p {
    margin: 0;
    font-size: 13px;
    color: #607d8b;
    line-height: 1.4;
}

/* Verified Tick (Visual Trust) */
.verified-tick {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e8f5e9;
    color: #2e7d32;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

/* --- Specific Colors for Cards --- */

/* PhD Card (Purple/Wisdom) */
.card-phd { border-left: 4px solid #7b1fa2; }
.card-phd .q-icon { background: #f3e5f5; color: #7b1fa2; }
.card-phd:hover { border-color: #e1bee7; }

/* SME Card (Teal/Expertise) */
.card-sme { border-left: 4px solid #00897b; }
.card-sme .q-icon { background: #e0f2f1; color: #00897b; }
.card-sme:hover { border-color: #b2dfdb; }

/* University Card (Blue/Trust) */
.card-uni { border-left: 4px solid #1565c0; }
.card-uni .q-icon { background: #e3f2fd; color: #1565c0; }
.card-uni:hover { border-color: #bbdefb; }

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .qual-card {
        flex-direction: row; /* Keep icon side-by-side on mobile too for compactness */
        align-items: flex-start;
        padding: 15px;
    }

    .q-icon {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
    
    .verified-tick {
        display: none; /* Hide tick on very small screens to save space */
    }
}
/*--*/
/* =========================================
   ETHICAL OBLIGATIONS (CODE OF CONDUCT)
   ========================================= */

.ethics-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.04);
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

/* --- Header --- */
.ethics-header {
    background: #263238; /* Slate Dark */
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.header-text h3 {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--font-heading);
}

.header-text p {
    margin: 5px 0 0 38px; /* Align with text, ignore icon */
    font-size: 13px;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* COPE Badge */
.cope-badge {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3);
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #a5d6a7; /* Soft Green */
}

/* --- Intro Text --- */
.ethics-intro {
    padding: 20px 25px;
    background: #f5f5f5;
    font-size: 14px;
    color: #546e7a;
    border-bottom: 1px solid #eee;
}

.ethics-intro strong {
    color: #263238;
    text-decoration: underline;
    text-decoration-color: #90a4ae;
}

/* --- Ethics Grid --- */
.ethics-grid {
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* --- Card Style --- */
.ethics-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #fff;
    border: 1px solid #eceff1;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
    position: relative;
}

.ethics-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.06);
    background: #fafafa;
}

/* Icons */
.ec-icon {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

/* Card Specific Colors */
.card-conflict .ec-icon { background: #ffebee; color: #c62828; } /* Red for Stop */
.ethics-card.card-conflict:hover { border-left: 4px solid #c62828; }

.card-confidential .ec-icon { background: #e3f2fd; color: #1565c0; } /* Blue for Privacy */
.ethics-card.card-confidential:hover { border-left: 4px solid #1565c0; }

.card-time .ec-icon { background: #fff3e0; color: #ef6c00; } /* Orange for Time */
.ethics-card.card-time:hover { border-left: 4px solid #ef6c00; }

/* Text Content */
.ec-content {
    flex-grow: 1;
}

.ec-content h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
    color: #37474f;
}

.ec-content p {
    margin: 0;
    font-size: 13px;
    color: #607d8b;
    line-height: 1.5;
}

.ec-content strong {
    color: #263238;
}

/* Agree Tick (The "Signed" Effect) */
.agree-tick {
    font-size: 20px;
    color: #e0e0e0; /* Default grey */
    transition: color 0.3s;
}

.ethics-card:hover .agree-tick {
    color: #4caf50; /* Turns Green on Hover */
}

/* --- Footer --- */
.ethics-footer {
    background: #fff8e1; /* Light Warning Yellow */
    padding: 12px 25px;
    font-size: 12px;
    color: #795548;
    display: flex;
    align-items: center;
    gap: 8px;
    border-top: 1px solid #ffecb3;
}

.ethics-footer i {
    color: #f57c00;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .ethics-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .ethics-card {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .agree-tick {
        position: absolute;
        top: 20px;
        right: 20px;
    }
}
/*--*/
/* =========================================
   EVALUATION MATRIX (ACCORDION)
   ========================================= */

.evaluation-matrix-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
}

/* --- Header --- */
.matrix-header {
    margin-bottom: 25px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

.matrix-header h3 {
    font-size: 1.8rem;
    color: #006064; /* Deep Cyan */
    margin: 0 0 10px 0;
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    gap: 12px;
}

.matrix-intro {
    font-size: 14px;
    color: #546e7a;
}

.click-hint {
    font-size: 11px;
    color: #90a4ae;
    font-style: italic;
    margin-left: 5px;
}

/* --- Accordion Item --- */
.matrix-item {
    margin-bottom: 10px;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease;
}

.matrix-item:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    border-color: #b2dfdb;
}

/* Hidden Checkbox Logic */
.matrix-toggle {
    display: none;
}

/* Label (The Clickable Header) */
.matrix-label {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    background: #fdfdfd;
    user-select: none;
    transition: background 0.2s;
}

.matrix-label:hover {
    background: #f1f8e9;
}

/* Letter Icon (A, B, C...) */
.m-letter {
    width: 35px;
    height: 35px;
    background: #00838f;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    margin-right: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.m-title {
    flex-grow: 1;
    font-weight: 700;
    color: #37474f;
    font-size: 15px;
}

.m-arrow {
    color: #b0bec5;
    transition: transform 0.3s;
}

/* Expanded Content */
.matrix-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.3s ease;
    background: #fff;
    padding: 0 20px; /* Hidden initially */
}

/* Checkbox Checked State (Expand) */
.matrix-toggle:checked ~ .matrix-content {
    max-height: 500px; /* Big enough to fit content */
    padding: 15px 20px 20px 65px; /* Indent to align with text */
    border-top: 1px solid #f0f0f0;
}

.matrix-toggle:checked + .matrix-label .m-arrow {
    transform: rotate(180deg);
    color: #00838f;
}

.matrix-toggle:checked + .matrix-label {
    background: #e0f7fa; /* Active Color */
}

/* --- List Styling --- */
.matrix-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.matrix-content li {
    font-size: 14px;
    color: #455a64;
    margin-bottom: 10px;
    line-height: 1.6;
    position: relative;
    padding-left: 15px;
}

.matrix-content li::before {
    content: '•';
    color: #00acc1;
    font-weight: bold;
    position: absolute;
    left: 0;
}

.matrix-content strong {
    color: #006064;
}

/* --- Special Badges & Notes --- */
.badge-regional {
    background: #fff3e0;
    color: #e65100;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 700;
    margin-right: 5px;
}

.note-box {
    background: #fff8e1; /* Pale Yellow */
    padding: 10px 15px;
    border-radius: 6px;
    border-left: 3px solid #ffb300;
    font-size: 13px;
    color: #5d4037;
    margin-top: 10px;
}

/* Highlight Point C (Indexing) */
.highlight-item .m-letter {
    background: #1565c0; /* Blue for Indexing */
}
.highlight-item .matrix-toggle:checked + .matrix-label {
    background: #e3f2fd;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .matrix-toggle:checked ~ .matrix-content {
        padding-left: 20px; /* Remove indent on mobile */
    }
    .m-letter {
        width: 30px;
        height: 30px;
        font-size: 14px;
        margin-right: 10px;
    }
}
/*--*/
/* =========================================
   FINAL DECISION CATEGORIES (GRID)
   ========================================= */

.decision-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 30px;
    margin-top: 40px;
}

/* --- Header --- */
.decision-header {
    margin-bottom: 25px;
    text-align: left;
    border-left: 5px solid #263238;
    padding-left: 20px;
}

.decision-header h3 {
    font-size: 1.8rem;
    color: #37474f;
    margin: 0 0 5px 0;
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    gap: 12px;
}

.decision-intro {
    font-size: 14px;
    color: #78909c;
    margin: 0;
}

/* --- Grid Layout --- */
.decision-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 Columns Side-by-Side */
    gap: 20px;
}

/* --- Card Base Style --- */
.d-card {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid transparent;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    display: flex;
    flex-direction: column;
}

.d-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.08);
}

/* Background Watermark Icon (Visual Depth) */
.d-icon-bg {
    position: absolute;
    bottom: -10px;
    right: -10px;
    font-size: 80px;
    opacity: 0.05;
    transform: rotate(-15deg);
    z-index: 0;
    transition: transform 0.3s;
}

.d-card:hover .d-icon-bg {
    transform: rotate(0deg) scale(1.1);
    opacity: 0.1;
}

/* Content Layer */
.d-content {
    position: relative;
    z-index: 1;
}

/* Top Section (Icon + Title) */
.d-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(0,0,0,0.1);
}

.d-icon {
    font-size: 24px;
}

.d-top h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Description Text */
.d-content p {
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    color: #546e7a;
}

/* --- Color Themes (Traffic Light System) --- */

/* 1. Accept (Green) */
.d-accept {
    background: #f1f8e9;
    border-left: 5px solid #43a047;
}
.d-accept .d-icon, .d-accept h4 { color: #2e7d32; }
.d-accept .d-icon-bg { color: #43a047; }
.d-accept:hover { border-color: #a5d6a7; }

/* 2. Minor (Blue) */
.d-minor {
    background: #e3f2fd;
    border-left: 5px solid #1e88e5;
}
.d-minor .d-icon, .d-minor h4 { color: #1565c0; }
.d-minor .d-icon-bg { color: #1e88e5; }
.d-minor:hover { border-color: #90caf9; }

/* 3. Major (Orange/Warning) */
.d-major {
    background: #fff3e0;
    border-left: 5px solid #fb8c00;
}
.d-major .d-icon, .d-major h4 { color: #ef6c00; }
.d-major .d-icon-bg { color: #fb8c00; }
.d-major .d-icon i { animation: spin-slow 3s infinite linear; } /* Rotating Icon */
.d-major:hover { border-color: #ffcc80; }

@keyframes spin-slow { 100% { transform: rotate(360deg); } }

/* 4. Reject (Red) */
.d-reject {
    background: #ffebee;
    border-left: 5px solid #e53935;
}
.d-reject .d-icon, .d-reject h4 { color: #c62828; }
.d-reject .d-icon-bg { color: #e53935; }
.d-reject:hover { border-color: #ef9a9a; }

/* --- Footer Note --- */
.decision-footer {
    margin-top: 25px;
    background: #fafafa;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 13px;
    color: #607d8b;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #eee;
}

.decision-footer i {
    color: #00acc1;
    font-size: 16px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .decision-grid {
        grid-template-columns: 1fr; /* Stack vertically on mobile */
    }
    
    .d-card {
        padding: 15px;
    }
}
/*--*/
/* =========================================
   SIDEBAR: REVIEWER TOOLKIT WIDGET
   ========================================= */

.toolkit-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    transition: transform 0.3s ease;
}

.toolkit-widget:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

/* --- Header --- */
.widget-header-tools {
    background: #37474f; /* Dark Slate */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #263238;
}

.widget-header-tools h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

.tool-badge {
    font-size: 10px;
    background: rgba(255,255,255,0.15);
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Tools List Body --- */
.tools-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* --- Tool Card (The Link) --- */
.tool-card {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 8px;
    text-decoration: none;
    background: #fcfcfc;
    border: 1px solid #eee;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

.tool-card:hover {
    background: #fff;
    transform: translateX(5px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Icons */
.tc-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-right: 15px;
    flex-shrink: 0;
}

/* Content */
.tc-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.tc-content strong {
    font-size: 13px;
    color: #37474f;
    font-weight: 700;
    margin-bottom: 2px;
}

.tc-content span {
    font-size: 11px;
    color: #90a4ae;
}

/* Action Arrow/Icon (Right side) */
.tc-action {
    font-size: 12px;
    color: #cfd8dc;
    transition: color 0.3s;
}

.tool-card:hover .tc-action {
    color: #37474f;
}

/* --- Specific Color Themes --- */

/* PDF (Red) */
.type-pdf { border-left: 3px solid #e53935; }
.type-pdf .tc-icon { background: #ffebee; color: #c62828; }
.type-pdf:hover .tc-content strong { color: #c62828; }

/* Online Form (Blue - Primary) */
.type-form { border-left: 3px solid #1e88e5; }
.type-form .tc-icon { background: #e3f2fd; color: #1565c0; }
.type-form:hover .tc-content strong { color: #1565c0; }

/* COPE (Purple/Ethics) */
.type-cope { border-left: 3px solid #8e24aa; }
.type-cope .tc-icon { background: #f3e5f5; color: #7b1fa2; }
.type-cope:hover .tc-content strong { color: #7b1fa2; }

/* --- Footer --- */
.toolkit-footer {
    background: #eceff1;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: #78909c;
    border-top: 1px solid #cfd8dc;
}

.toolkit-footer a {
    color: #546e7a;
    font-weight: 700;
    text-decoration: none;
}

.toolkit-footer a:hover {
    text-decoration: underline;
    color: #37474f;
}
/*--*/
/* =========================================
   SIDEBAR: RECOGNITION & BENEFITS WIDGET
   ========================================= */

.benefits-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    transition: transform 0.3s ease;
}

.benefits-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* --- Header --- */
.widget-header-benefits {
    background: linear-gradient(135deg, #fbc02d, #f57f17); /* Gold Gradient */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #f9a825;
}

.widget-header-benefits h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff; /* White text on Gold */
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    letter-spacing: 0.5px;
}

.value-badge {
    font-size: 10px;
    background: rgba(255,255,255,0.25);
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.4);
}

/* --- Body List --- */
.benefits-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* --- Benefit Item --- */
.benefit-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 1px dashed transparent;
}

.benefit-item:hover {
    background: #fafafa;
    border-color: #eee;
    transform: translateX(5px);
}

/* Icon Box */
.b-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 15px;
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Bouncy effect */
}

.benefit-item:hover .b-icon-box {
    transform: scale(1.15);
}

/* Content Text */
.b-content {
    flex-grow: 1;
}

.b-content strong {
    display: block;
    font-size: 14px;
    color: #37474f;
    margin-bottom: 3px;
    font-weight: 700;
}

.b-content p {
    margin: 0;
    font-size: 12px;
    color: #78909c;
    line-height: 1.3;
}

/* --- Theme Colors --- */

/* Certificate (Gold/Achievement) */
.item-cert .b-icon-box {
    background: #fff9c4;
    color: #fbc02d;
}
.item-cert:hover .b-icon-box {
    background: #fbc02d;
    color: #fff;
}

/* Board (Royal Purple/Prestige) */
.item-board .b-icon-box {
    background: #ede7f6;
    color: #673ab7;
}
.item-board:hover .b-icon-box {
    background: #673ab7;
    color: #fff;
}

/* API Score (Green/Growth) */
.item-api .b-icon-box {
    background: #e8f5e9;
    color: #2e7d32;
}
.item-api:hover .b-icon-box {
    background: #2e7d32;
    color: #fff;
}

/* --- Footer --- */
.benefits-footer {
    background: #263238; /* Dark Footer */
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.star-rating {
    font-size: 10px;
    color: #fdd835; /* Star Yellow */
    letter-spacing: 2px;
}

.benefits-footer span {
    font-size: 10px;
    color: #cfd8dc;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
/*--*/
/* =========================================
   SIDEBAR: PLAGIARISM THRESHOLD WIDGET
   ========================================= */

.plagiarism-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 4px solid #d32f2f; /* Red Top Border for Alert */
    transition: transform 0.3s ease;
}

.plagiarism-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(211, 47, 47, 0.1);
}

/* --- Header --- */
.widget-header-plag {
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    background: #fff;
}

.widget-header-plag h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #c62828; /* Warning Red */
    letter-spacing: 0.5px;
}

/* Blinking Dot Animation */
.status-dot {
    width: 8px;
    height: 8px;
    background: #d32f2f;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(211, 47, 47, 1);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(211, 47, 47, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(211, 47, 47, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(211, 47, 47, 0); }
}

/* --- Body --- */
.plag-body {
    padding: 20px;
    text-align: center;
}

/* Limit Big Number */
.limit-display {
    margin-bottom: 15px;
}

.limit-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: #90a4ae;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.limit-value {
    font-size: 32px;
    font-weight: 800;
    color: #37474f;
    line-height: 1;
}

.limit-value small {
    font-size: 12px;
    color: #78909c;
    font-weight: 600;
    vertical-align: middle;
    margin-left: 5px;
}

/* --- Visual Bar Animation --- */
.visual-bar-container {
    margin-bottom: 20px;
    padding: 0 10px;
}

.bar-track {
    height: 8px;
    background: #ffcdd2; /* Light Red (Danger Zone) */
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
}

.bar-fill {
    height: 100%;
    width: 10%; /* The 10% Limit */
    background: #43a047; /* Safe Green */
    border-radius: 4px 0 0 4px;
    position: relative;
    /* Animation: Fill from 0 to 10% */
    animation: fill-bar 1.5s ease-out forwards;
}

@keyframes fill-bar {
    from { width: 0; }
    to { width: 10%; }
}

.bar-marker {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #fff;
    z-index: 2;
}

.bar-labels {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: #b0bec5;
    font-weight: 600;
}

.danger-text {
    color: #ef5350;
    font-weight: 700;
}

/* --- Action Consequence Box --- */
.consequence-box {
    background: #ffebee;
    border: 1px dashed #ef9a9a;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.consequence-box i {
    color: #c62828;
    font-size: 16px;
}

.consequence-box p {
    margin: 0;
    font-size: 12px;
    color: #b71c1c;
    line-height: 1.3;
}

/* --- Footer --- */
.plag-footer {
    background: #fafafa;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: #607d8b;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.plag-footer i {
    color: #00acc1;
}

.plag-footer strong {
    color: #37474f;
}
/*--*/
/* =========================================
   SIDEBAR: TIMELINE SNAPSHOT WIDGET
   ========================================= */

.timeline-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    transition: transform 0.3s ease;
}

.timeline-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* --- Header --- */
.widget-header-time {
    background: #263238; /* Dark Professional Background */
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: 3px solid #37474f;
}

.widget-header-time h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

.speed-badge {
    font-size: 10px;
    background: rgba(255,255,255,0.15);
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Body --- */
.time-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* --- Time Card (Common Style) --- */
.time-card {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #eee;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.time-card:hover {
    transform: translateX(5px);
}

/* Icons */
.time-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 15px;
    flex-shrink: 0;
}

/* Data Text */
.time-data {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.mode-label {
    font-size: 11px;
    text-transform: uppercase;
    color: #90a4ae;
    font-weight: 700;
    margin-bottom: 2px;
}

.duration-text {
    font-size: 16px;
    font-weight: 800;
    color: #37474f;
    line-height: 1.2;
}

/* Progress Line Visual */
.progress-line {
    height: 4px;
    background: #eceff1;
    border-radius: 2px;
    margin-top: 8px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* --- Standard Track (Blue Theme) --- */
.standard-track {
    border-left: 4px solid #1976d2;
}

.standard-track .time-icon {
    background: #e3f2fd;
    color: #1976d2;
}

.fill-blue {
    height: 100%;
    width: 60%; /* Represents average speed */
    background: #1976d2;
    border-radius: 2px;
}

/* --- Fast Track (Electric Purple Theme) --- */
.fast-track {
    border-left: 4px solid #7c4dff;
    background: linear-gradient(to right, #fff, #f3e5f5);
}

.fast-track .time-icon {
    background: #ede7f6;
    color: #7c4dff;
    animation: pulse-purple 2s infinite;
}

@keyframes pulse-purple {
    0% { box-shadow: 0 0 0 0 rgba(124, 77, 255, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(124, 77, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(124, 77, 255, 0); }
}

.fill-electric {
    height: 100%;
    width: 95%; /* Represents fast speed */
    background: linear-gradient(90deg, #7c4dff, #b388ff);
    border-radius: 2px;
    animation: dash-move 1s linear infinite;
}

.urgent-tag {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 9px;
    background: #7c4dff;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
}

/* --- Note --- */
.time-note {
    font-size: 11px;
    color: #78909c;
    font-style: italic;
    margin: 5px 0 0 0;
    text-align: center;
}

/* --- Footer --- */
.time-footer {
    background: #eceff1;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: #546e7a;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #cfd8dc;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.time-footer i {
    color: #2e7d32; /* Green for Quality */
}
/*--*/
/* =========================================
   SIDEBAR: JOIN REVIEWER BOARD WIDGET
   ========================================= */

.join-board-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 0; /* Last widget */
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    position: relative;
    transition: transform 0.3s ease;
}

.join-board-widget:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0, 105, 92, 0.15); /* Teal Shadow */
    border-color: #80cbc4;
}

/* --- Header --- */
.widget-header-join {
    background: linear-gradient(135deg, #00695c, #004d40); /* Teal Gradient */
    padding: 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
    border-bottom: 3px solid #00332a;
}

.header-content {
    position: relative;
    z-index: 2;
}

.widget-header-join h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}

.global-badge {
    font-size: 10px;
    background: rgba(255,255,255,0.2);
    padding: 3px 8px;
    border-radius: 20px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255,0.3);
    display: inline-block;
}

/* Background Globe Icon */
.header-bg-icon {
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 80px;
    color: rgba(255,255,255,0.08);
    z-index: 1;
    transform: rotate(15deg);
    transition: transform 0.5s ease;
}

.join-board-widget:hover .header-bg-icon {
    transform: rotate(45deg) scale(1.1);
}

/* --- Body --- */
.join-body {
    padding: 25px 20px;
    text-align: center;
}

.join-text {
    font-size: 14px;
    color: #546e7a;
    line-height: 1.6;
    margin-bottom: 20px;
}

.join-text strong {
    color: #00695c;
    font-weight: 700;
}

/* --- The Shimmer Button (CTA) --- */
.btn-join-board {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #00796b; /* Solid Teal */
    color: #fff;
    padding: 12px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    position: relative;
    overflow: hidden; /* For Shimmer */
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 121, 107, 0.3);
}

.btn-join-board:hover {
    background: #004d40;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 121, 107, 0.4);
}

.btn-join-board i {
    transition: transform 0.3s;
}

.btn-join-board:hover i {
    transform: translateX(5px);
}

/* Shimmer Animation Effect */
.shimmer-effect {
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    animation: shimmer-anim 3s infinite;
}

@keyframes shimmer-anim {
    0% { left: -100%; }
    20% { left: 200%; } /* Fast pass */
    100% { left: 200%; } /* Wait */
}

/* --- Prestige Note --- */
.prestige-note {
    margin-top: 15px;
    font-size: 12px;
    color: #90a4ae;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 600;
}

.prestige-note i {
    color: #fbc02d; /* Gold Icon */
}

/* --- Footer --- */
.join-footer {
    background: #e0f2f1; /* Very Light Teal */
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: #00695c;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #b2dfdb;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

/*-Reviewer Guidelines End-*/
/*-Publication Ethics start-*/
/*--*/
/* =========================================
   PUBLICATION ETHICS (PEMS) SECTION
   ========================================= */

.pems-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    background: #fff;
    /* Subtle texture pattern for "Document" feel */
    background-image: radial-gradient(#f1f3f5 1px, transparent 1px);
    background-size: 20px 20px;
}

/* --- Header Styling --- */
.pems-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 25px;
    position: relative;
}

.pems-header::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100px;
    height: 2px;
    background: #1565c0; /* Blue Accent Line */
}

.ph-subtitle {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #78909c;
    font-weight: 700;
    margin-bottom: 5px;
}

.ph-title {
    font-family: var(--font-heading, 'Merriweather', serif);
    font-size: 2.2rem;
    color: #263238;
    line-height: 1.2;
    margin: 0;
    font-weight: 800;
}

.highlight-text {
    color: #1565c0; /* Trust Blue */
    position: relative;
    display: inline-block;
}

/* COPE Seal Badge */
.cope-seal {
    background: #fff;
    border: 2px solid #b0bec5;
    color: #546e7a;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transform: rotate(15deg); /* Stamp effect */
}

.cope-seal i {
    font-size: 18px;
    color: #1565c0;
    margin-bottom: 2px;
}

/* --- Declaration Text --- */
.pems-declaration p {
    font-size: 16px;
    line-height: 1.8;
    color: #455a64;
    margin-bottom: 20px;
    text-align: justify;
}

.text-primary {
    color: #0d47a1;
    font-weight: 700;
}

.cope-link {
    color: #8e24aa;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px dashed #ce93d8;
}

.cope-link:hover {
    color: #6a1b9a;
    border-bottom-style: solid;
}

/* --- Responsibility Chain (Visual) --- */
.responsibility-chain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 35px 0;
    background: #f8f9fa;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #e9ecef;
}

/* Node (The Circle) */
.chain-node {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 2;
    transition: transform 0.3s ease;
}

.chain-node:hover {
    transform: translateY(-5px);
}

.node-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    background: #fff;
}

.node-label {
    font-size: 12px;
    font-weight: 700;
    color: #37474f;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Specific Node Colors */
.node-author .node-icon   { color: #e65100; border: 1px solid #ffe0b2; background: #fff3e0; }
.node-editor .node-icon   { color: #1565c0; border: 1px solid #bbdefb; background: #e3f2fd; }
.node-reviewer .node-icon { color: #2e7d32; border: 1px solid #c8e6c9; background: #e8f5e9; }
.node-pub .node-icon      { color: #6a1b9a; border: 1px solid #e1bee7; background: #f3e5f5; }

/* Link (The Connecting Line) */
.chain-link {
    flex-grow: 1;
    height: 2px;
    background: #cfd8dc;
    margin: 0 10px;
    position: relative;
    top: -14px; /* Align with center of icons */
    z-index: 1;
}

/* --- Integrity Footer --- */
.integrity-note {
    background: #e8eaf6; /* Very Light Indigo */
    color: #3949ab;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-left: 4px solid #3949ab;
}

.integrity-note i {
    font-size: 16px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .ph-title {
        font-size: 1.8rem;
    }
    
    .responsibility-chain {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }

    .chain-link {
        display: none; /* Hide lines on mobile stack */
    }

    .chain-node {
        width: 40%; /* 2 per row */
        margin-bottom: 10px;
    }
}
/*--*/
/* =========================================
   DUTIES OF AUTHORS SECTION (ETHICS)
   ========================================= */

.ethics-section-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
}

/* --- Section Header --- */
.es-header {
    margin-bottom: 30px;
    border-left: 4px solid #e65100; /* Deep Orange */
    padding-left: 20px;
}

.es-header h3 {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #37474f;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.icon-circle {
    width: 40px;
    height: 40px;
    background: #fff3e0;
    color: #e65100;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.es-header small {
    font-size: 14px;
    color: #90a4ae;
    font-weight: 400;
}

.es-header p {
    font-size: 14px;
    color: #546e7a;
    margin: 0;
}

/* --- Common Card Style --- */
.ethics-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.ethics-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* Card Header */
.ec-head {
    background: #f5f5f5;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.ec-head h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #455a64;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ec-body {
    padding: 20px;
}

/* --- Specific Card Styles --- */

/* 1. Plagiarism Card */
.card-plagiarism { border-top: 3px solid #d32f2f; }
.card-plagiarism h4 i { color: #d32f2f; }

.badge-zero {
    font-size: 10px;
    background: #ffebee;
    color: #c62828;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #ef9a9a;
}

.text-danger { color: #d32f2f; font-weight: 700; }

.alert-box {
    margin-top: 15px;
    padding: 15px;
    border-radius: 6px;
    font-size: 13px;
    display: flex;
    gap: 15px;
}

.alert-danger {
    background: #fff5f5;
    border: 1px dashed #ef9a9a;
    color: #b71c1c;
}

.alert-danger ul {
    margin: 5px 0 0 0;
    padding-left: 20px;
}

/* 2. Data Integrity Card */
.card-data { border-top: 3px solid #1976d2; }
.card-data h4 i { color: #1976d2; }

.check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.check-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #37474f;
}

.text-success { color: #2e7d32; }
.text-warning { color: #f57f17; }

/* 3. Authorship Card */
.card-authorship { border-top: 3px solid #7b1fa2; }
.card-authorship h4 i { color: #7b1fa2; }

.comparison-grid {
    display: flex;
    gap: 15px;
    margin-top: 15px;
}

.comp-item {
    flex: 1;
    background: #f3f3f3;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bad-practice {
    background: #fff8e1; /* Light Warning */
    border: 1px solid #ffecb3;
}

.comp-icon {
    font-size: 20px;
    color: #ff6f00;
    margin-bottom: 5px;
}

.comp-item strong { font-size: 13px; color: #5d4037; }
.comp-item small { font-size: 11px; color: #8d6e63; }

/* 4. Conflict Card */
.card-conflict-auth { border-top: 3px solid #455a64; }

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .comparison-grid {
        flex-direction: column;
    }
    
    .es-header h3 {
        font-size: 1.5rem;
    }
}
/*--*/
/* =========================================
   DUTIES OF EDITORS SECTION (THE GUARDIANS)
   ========================================= */

.editors-duties-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    position: relative;
}

/* --- Header --- */
.ed-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    background: #f8f9fa;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #e9ecef;
}

.header-icon-box {
    width: 60px;
    height: 60px;
    background: #283593; /* Royal Navy Blue */
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 4px 10px rgba(40, 53, 147, 0.3);
}

.header-text-box h3 {
    margin: 0 0 5px 0;
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #1a237e;
    font-weight: 700;
}

.header-text-box small {
    font-size: 14px;
    color: #7986cb;
    font-weight: 400;
}

.header-text-box p {
    margin: 0;
    font-size: 14px;
    color: #546e7a;
}

.header-text-box strong {
    color: #283593;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #c5cae9;
}

/* --- Integrity Grid --- */
.integrity-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* --- Integrity Card Style --- */
.integrity-card {
    background: #fff;
    border-radius: 10px;
    padding: 20px 25px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid transparent;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

.integrity-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* Icon Circle */
.ic-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    z-index: 2;
}

/* Content */
.ic-content {
    flex-grow: 1;
    z-index: 2;
}

.ic-content h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
    color: #37474f;
}

.ic-content p {
    margin: 0;
    font-size: 14px;
    color: #607d8b;
    line-height: 1.6;
}

/* Watermark Icon (Visual Depth) */
.watermark-icon {
    position: absolute;
    right: -10px;
    bottom: -10px;
    font-size: 80px;
    opacity: 0.05;
    transform: rotate(-20deg);
    z-index: 1;
    transition: transform 0.3s;
}

.integrity-card:hover .watermark-icon {
    transform: rotate(0deg) scale(1.1);
    opacity: 0.1;
}

/* --- Specific Card Themes --- */

/* Fair Play (Teal/Balance) */
.card-fair { border-left: 4px solid #00897b; }
.card-fair .ic-icon { background: #e0f2f1; color: #00695c; }
.card-fair:hover h4 { color: #00695c; }

/* Confidentiality (Blue-Grey/Secret) */
.card-confid { border-left: 4px solid #546e7a; }
.card-confid .ic-icon { background: #eceff1; color: #455a64; }
.card-confid:hover h4 { color: #455a64; }

/* Independence (Deep Purple/Authority) */
.card-indep { border-left: 4px solid #5e35b1; }
.card-indep .ic-icon { background: #ede7f6; color: #512da8; }
.card-indep:hover h4 { color: #512da8; }

/* --- Footer --- */
.ed-footer {
    margin-top: 20px;
    font-size: 13px;
    color: #3949ab;
    text-align: center;
    font-style: italic;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .ed-header {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
    
    .integrity-card {
        padding: 15px;
    }
}
/*--*/
/* =========================================
   DUTIES OF REVIEWERS SECTION (THE ASSESSORS)
   ========================================= */

.reviewers-duties-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
}

/* --- Header --- */
.rv-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    border-bottom: 2px solid #e0f2f1; /* Light Teal Line */
    padding-bottom: 20px;
}

.rv-icon-box {
    width: 55px;
    height: 55px;
    background: #00897b; /* Teal */
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 4px 10px rgba(0, 137, 123, 0.3);
    transform: rotate(-5deg);
}

.rv-title-box h3 {
    margin: 0 0 5px 0;
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #00695c;
    font-weight: 700;
}

.rv-title-box small {
    font-size: 14px;
    color: #80cbc4;
    font-weight: 400;
}

.rv-title-box p {
    margin: 0;
    font-size: 14px;
    color: #546e7a;
    line-height: 1.5;
}

.highlight-teal {
    color: #00796b;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #b2dfdb;
}

/* --- Protocol Grid --- */
.protocol-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* --- Protocol Card Style --- */
.protocol-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

.protocol-card:hover {
    transform: translateX(8px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border-color: #b2dfdb;
}

/* Number Badge */
.pc-number {
    font-size: 32px;
    font-weight: 900;
    color: #f0f4c3; /* Very Light Lime */
    line-height: 1;
    font-family: var(--font-heading);
    text-shadow: 1px 1px 0 #c5e1a5;
    flex-shrink: 0;
    width: 40px;
    text-align: right;
}

/* Content Area */
.pc-content {
    flex-grow: 1;
}

.pc-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.pc-head i {
    font-size: 18px;
}

.pc-head h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #37474f;
}

.pc-content p {
    margin: 0;
    font-size: 14px;
    color: #607d8b;
    line-height: 1.6;
}

.pc-content strong {
    color: #263238;
}

/* --- Specific Card Themes --- */

/* Objectivity (Purple/Neutrality) */
.card-obj { border-left: 4px solid #7e57c2; }
.card-obj .pc-head i { color: #7e57c2; }
.card-obj .pc-number { color: #ede7f6; text-shadow: 1px 1px 0 #d1c4e9; }

/* Confidentiality (Slate/Privacy) */
.card-priv { border-left: 4px solid #546e7a; }
.card-priv .pc-head i { color: #546e7a; }
.card-priv .pc-number { color: #eceff1; text-shadow: 1px 1px 0 #cfd8dc; }

/* Promptness (Orange/Time) */
.card-time { border-left: 4px solid #ffa726; }
.card-time .pc-head i { color: #ffa726; }
.card-time .pc-number { color: #fff3e0; text-shadow: 1px 1px 0 #ffe0b2; }


/* --- Footer --- */
.rv-footer {
    margin-top: 20px;
    background: #e0f2f1;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 13px;
    color: #00695c;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #b2dfdb;
}

.rv-footer i {
    font-size: 16px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .rv-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .protocol-card {
        flex-direction: column;
        gap: 10px;
    }
    
    .pc-number {
        width: 100%;
        text-align: left;
        font-size: 24px;
        margin-bottom: 5px;
    }
}
/*--*/
/* =========================================
   ETHICAL OVERSIGHT (HUMAN & ANIMAL RIGHTS)
   ========================================= */

.ethical-oversight-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
}

/* --- Header --- */
.eo-header {
    margin-bottom: 25px;
    border-left: 4px solid #c2185b; /* Medical Pink/Red */
    padding-left: 20px;
}

.eo-header h3 {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #880e4f;
    margin: 0 0 5px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.eo-header p {
    font-size: 14px;
    color: #546e7a;
    margin: 0;
}

/* --- Grid Layout --- */
.subjects-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 Columns Side-by-Side */
    gap: 20px;
}

/* --- Subject Card Style --- */
.subject-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 25px 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.subject-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* Icon */
.sc-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 15px;
}

/* Content */
.sc-content h4 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 700;
    color: #37474f;
}

.sc-content p {
    font-size: 13px;
    color: #607d8b;
    line-height: 1.5;
    margin-bottom: 15px;
}

.sc-content strong {
    color: #263238;
}

/* Checklist */
.sc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sc-list li {
    font-size: 12px;
    color: #455a64;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sc-list li i {
    font-size: 10px;
    opacity: 0.7;
}

/* Badges (Top Right Corner) */
.sc-badge {
    position: absolute;
    top: 0;
    right: 0;
    background: #e3f2fd;
    color: #1565c0;
    font-size: 10px;
    padding: 5px 10px;
    border-bottom-left-radius: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.badge-green {
    background: #e8f5e9;
    color: #2e7d32;
}

/* --- Specific Card Themes --- */

/* Human (Blue/Medical) */
.card-human { border-top: 4px solid #1e88e5; }
.card-human .sc-icon { background: #e3f2fd; color: #1565c0; }
.card-human .sc-list li i { color: #1e88e5; }

/* Animal (Green/Nature) */
.card-animal { border-top: 4px solid #43a047; }
.card-animal .sc-icon { background: #e8f5e9; color: #2e7d32; }
.card-animal .sc-list li i { color: #43a047; }

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .subjects-grid {
        grid-template-columns: 1fr; /* Stack vertically */
    }
    
    .subject-card {
        padding: 20px;
    }
}
/*--*/
/* =========================================
   MALPRACTICE HANDLING (CORRECTIONS)
   ========================================= */

.malpractice-handler-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 30px;
    margin-top: 40px;
}

/* --- Header --- */
.mh-header {
    margin-bottom: 25px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}

.mh-header h3 {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #263238;
    margin: 0 0 5px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mh-header p {
    font-size: 14px;
    color: #78909c;
    margin: 0;
}

/* --- Action Grid --- */
.action-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* --- Action Card Style --- */
.action-card {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.action-card:hover {
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* Icons */
.ac-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

/* Content */
.ac-content {
    flex-grow: 1;
}

.ac-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    flex-wrap: wrap;
    gap: 10px;
}

.ac-top h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #37474f;
}

.ac-content p {
    margin: 0;
    font-size: 13px;
    color: #607d8b;
    line-height: 1.5;
}

/* Badges */
.badge-blue, .badge-amber, .badge-red {
    font-size: 10px;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
}

/* --- Specific Themes (Severity Levels) --- */

/* 1. Correction (Blue/Safe) */
.type-correct {
    background: #e3f2fd;
    border-left: 5px solid #2196f3;
}
.type-correct .ac-icon { background: #fff; color: #2196f3; }
.badge-blue { background: #bbdefb; color: #0d47a1; }

/* 2. Concern (Amber/Warning) */
.type-concern {
    background: #fff8e1;
    border-left: 5px solid #ffb300;
}
.type-concern .ac-icon { background: #fff; color: #ffb300; }
.badge-amber { background: #ffecb3; color: #f57f17; }

/* 3. Retraction (Red/Danger) */
.type-retract {
    background: #ffebee;
    border-left: 5px solid #e53935;
}
.type-retract .ac-icon { background: #fff; color: #e53935; }
.badge-red { background: #ffcdd2; color: #b71c1c; }

/* --- Footer --- */
.mh-footer {
    margin-top: 25px;
    padding: 12px 20px;
    background: #fafafa;
    border-radius: 6px;
    font-size: 13px;
    color: #546e7a;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #eeeeee;
}

.mh-footer i {
    color: #00897b;
    font-size: 16px;
}

.mh-footer a {
    color: #00897b;
    text-decoration: none;
    font-weight: 700;
    border-bottom: 1px dotted #00897b;
}

.mh-footer a:hover {
    color: #004d40;
    border-bottom-style: solid;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .ac-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .action-card {
        padding: 15px;
    }
}
/*--*/
/* =========================================
   SIDEBAR: ETHICS TOOLKIT WIDGET
   ========================================= */

.ethics-toolkit-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 3px solid #00897b; /* Teal Top Border */
    transition: transform 0.3s ease;
}

.ethics-toolkit-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 137, 123, 0.1);
}

/* --- Header --- */
.widget-header-et {
    background: #fff;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.widget-header-et h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #00695c;
    letter-spacing: 0.5px;
}

.et-badge {
    font-size: 10px;
    background: #e0f2f1;
    color: #00695c;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Body List --- */
.et-body {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* --- Link Card Styling --- */
.et-link {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 6px;
    text-decoration: none;
    background: #fafafa;
    border: 1px solid #f5f5f5;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
}

.et-link:hover {
    background: #fff;
    border-color: #e0e0e0;
    transform: translateX(5px); /* Slide Right Effect */
    box-shadow: 0 3px 8px rgba(0,0,0,0.05);
}

/* Icons */
.et-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-right: 12px;
    flex-shrink: 0;
}

/* Content */
.et-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.et-content strong {
    font-size: 13px;
    color: #37474f;
    font-weight: 700;
    margin-bottom: 2px;
}

.et-content span {
    font-size: 11px;
    color: #90a4ae;
}

/* Action Icon (Arrow/Download) */
.et-action {
    font-size: 12px;
    color: #cfd8dc;
    transition: color 0.3s;
}

.et-link:hover .et-action {
    color: #37474f;
}

/* --- Specific Color Themes --- */

/* COPE (Purple) */
.link-cope .et-icon { background: #f3e5f5; color: #8e24aa; }
.link-cope:hover .et-content strong { color: #8e24aa; }

/* Doc Form (Blue) */
.link-doc .et-icon { background: #e3f2fd; color: #1e88e5; }
.link-doc:hover .et-content strong { color: #1e88e5; }

/* Request (Orange) */
.link-req .et-icon { background: #fff3e0; color: #fb8c00; }
.link-req:hover .et-content strong { color: #fb8c00; }

/* --- Footer --- */
.et-footer {
    background: #eceff1;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: #607d8b;
    border-top: 1px solid #cfd8dc;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.et-footer i {
    color: #00897b;
}
/*--*/
/* =========================================
   SIDEBAR: PLAGIARISM QUALITY CONTROL WIDGET
   ========================================= */

.quality-control-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 3px solid #1976d2; /* Professional Blue Top */
    transition: transform 0.3s ease;
}

.quality-control-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(25, 118, 210, 0.1);
}

/* --- Header --- */
.widget-header-qc {
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f5fafd; /* Very Light Blue */
    border-bottom: 1px solid #e1f5fe;
}

.widget-header-qc h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #0277bd;
    letter-spacing: 0.5px;
}

.scan-status {
    font-size: 10px;
    background: #e1f5fe;
    color: #0277bd;
    padding: 3px 8px;
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #b3e5fc;
    display: flex;
    align-items: center;
    gap: 4px;
}

.scan-status::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #00c853; /* Green Dot */
    border-radius: 50%;
    animation: blink-scan 2s infinite;
}

@keyframes blink-scan {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }
}

/* --- Body --- */
.qc-body {
    padding: 20px;
}

.qc-label {
    font-size: 12px;
    color: #90a4ae;
    margin: 0 0 10px 0;
    font-weight: 600;
}

/* --- Software Grid (Badges) --- */
.software-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.sw-badge {
    font-size: 11px;
    padding: 6px 10px;
    border-radius: 4px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
    cursor: default;
    flex-grow: 1;
    justify-content: center;
    transition: all 0.2s ease;
}

.sw-badge:hover {
    transform: translateY(-2px);
}

/* Brand Colors */
.turnitin { background: #ffebee; color: #c62828; border-color: #ffcdd2; }
.ithenticate { background: #e3f2fd; color: #1565c0; border-color: #bbdefb; }
.drillbit { background: #fff3e0; color: #ef6c00; border-color: #ffe0b2; }

/* --- Limit Status Box --- */
.limit-status-box {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.limit-info {
    display: flex;
    flex-direction: column;
}

.limit-info .lbl {
    font-size: 11px;
    text-transform: uppercase;
    color: #78909c;
    font-weight: 700;
}

.limit-info .val {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1;
}

.text-success { color: #2e7d32; }

.limit-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e8f5e9;
    color: #2e7d32;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

/* --- Action Warning --- */
.action-warning {
    background: #fff5f5; /* Light Red */
    border: 1px dashed #ef9a9a;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.aw-icon {
    color: #c62828;
    font-size: 18px;
}

.aw-text {
    display: flex;
    flex-direction: column;
}

.aw-text strong {
    font-size: 13px;
    color: #b71c1c;
    font-weight: 700;
}

.aw-text span {
    font-size: 11px;
    color: #d32f2f;
}

/* --- Footer --- */
.qc-footer {
    background: #eceff1;
    padding: 8px;
    text-align: center;
    font-size: 11px;
    color: #607d8b;
    border-top: 1px solid #cfd8dc;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    text-transform: uppercase;
}

.qc-footer i {
    color: #0277bd;
}
/*--*/
/* =========================================
   SIDEBAR: WHISTLEBLOWING WIDGET
   ========================================= */

.whistle-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 3px solid #37474f; /* Dark Top Border */
    transition: transform 0.3s ease;
}

.whistle-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(55, 71, 79, 0.1);
}

/* --- Header --- */
.widget-header-wb {
    padding: 15px 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #eceff1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-wb-content h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #37474f;
    letter-spacing: 0.5px;
}

.wb-badge {
    font-size: 10px;
    background: #37474f;
    color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: auto; /* Pushes badge to right */
    display: block;
}

/* --- Body --- */
.wb-body {
    padding: 20px;
}

.wb-question {
    font-size: 13px;
    color: #546e7a;
    line-height: 1.5;
    margin-bottom: 15px;
    border-left: 3px solid #ffb300; /* Amber Alert Line */
    padding-left: 10px;
}

.wb-question strong {
    color: #d84315; /* Rust Red for Danger Keywords */
}

/* --- Report Box (The Email) --- */
.report-box {
    margin-bottom: 15px;
}

.rb-label {
    font-size: 11px;
    font-weight: 700;
    color: #90a4ae;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.rb-email-link {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff3e0; /* Light Amber Background */
    border: 1px dashed #ffb74d;
    padding: 10px 15px;
    border-radius: 6px;
    text-decoration: none;
    color: #e65100;
    font-weight: 700;
    font-size: 13px;
    transition: all 0.3s ease;
}

.rb-email-link:hover {
    background: #ffecb3;
    border-color: #ffca28;
    transform: translateX(3px);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.rb-email-link i {
    font-size: 16px;
}

/* --- Privacy Shield (Confidentiality) --- */
.privacy-shield {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #eceff1;
    padding: 10px;
    border-radius: 6px;
}

.shield-icon {
    width: 32px;
    height: 32px;
    background: #37474f;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.shield-text {
    display: flex;
    flex-direction: column;
}

.shield-text strong {
    font-size: 12px;
    color: #37474f;
}

.shield-text span {
    font-size: 10px;
    color: #78909c;
}

/* --- Footer --- */
.wb-footer {
    background: #37474f; /* Dark Footer for Security Feel */
    padding: 8px;
    text-align: center;
    font-size: 11px;
    color: #cfd8dc;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.wb-footer i {
    color: #81d4fa; /* Light Blue Lock Icon */
}
/*--*/
/* =========================================
   SIDEBAR: DIGITAL ARCHIVING WIDGET
   ========================================= */

.archiving-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 0; /* Last widget */
    border: 1px solid #e1e8ed;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 3px solid #009688; /* Teal Top Border */
    transition: transform 0.3s ease;
}

.archiving-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 150, 136, 0.15);
}

/* --- Header --- */
.widget-header-arch {
    padding: 15px 20px;
    background: #fdfdfd;
    border-bottom: 1px solid #eee;
}

.arch-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.arch-title h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #37474f;
    letter-spacing: 0.5px;
}

/* Live System Indicator */
.live-indicator {
    font-size: 10px;
    background: #e0f2f1;
    color: #00695c;
    padding: 3px 8px;
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #b2dfdb;
}

.blink-dot {
    width: 6px;
    height: 6px;
    background: #00c853; /* Active Green */
    border-radius: 50%;
    box-shadow: 0 0 5px #00c853;
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.8); }
    100% { opacity: 1; transform: scale(1); }
}

/* --- Body --- */
.arch-body {
    padding: 20px;
}

.arch-intro {
    font-size: 12px;
    color: #78909c;
    margin: 0 0 15px 0;
    line-height: 1.4;
}

.arch-intro strong {
    color: #009688;
}

/* --- Archive Service Card --- */
.archive-card {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    background: #fafafa;
}

.archive-card:last-child {
    margin-bottom: 0;
}

.archive-card:hover {
    background: #fff;
    box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    transform: translateX(3px);
}

/* Icons */
.ac-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-right: 12px;
    flex-shrink: 0;
}

/* Spin Animation for Sync Icon */
.spin-slow {
    animation: spin 4s linear infinite;
}

@keyframes spin {
    100% { transform: rotate(360deg); }
}

/* Details */
.ac-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.ac-details strong {
    font-size: 13px;
    color: #37474f;
    font-weight: 700;
}

.ac-details span {
    font-size: 11px;
    color: #90a4ae;
}

/* Check Mark */
.ac-check {
    color: #cfd8dc;
    font-size: 14px;
}

.archive-card:hover .ac-check {
    color: #00c853; /* Turns Green on Hover */
}

/* --- Specific Themes --- */

/* LOCKSS (Teal/Sync) */
.lockss-card { border: 1px solid #e0f2f1; }
.lockss-card .ac-icon { background: #e0f2f1; color: #00695c; }
.lockss-card:hover { border-color: #80cbc4; }

/* Internet Archive (Grey/History) */
.ia-card { border: 1px solid #eceff1; }
.ia-card .ac-icon { background: #eceff1; color: #455a64; }
.ia-card:hover { border-color: #b0bec5; }

/* --- Footer --- */
.arch-footer {
    background: #263238; /* Dark Server Look */
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #b0bec5;
    border-top: 1px solid #37474f;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.arch-footer i {
    color: #00bfa5; /* Neon Teal */
}

/*-Publication Ethics end-*/
/*-Publication fee start-*/
/*--*/
/* =========================================
   APC POLICY: INTRODUCTION & GUARANTEES
   ========================================= */

.apc-intro-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    background: #fff;
    /* Subtle background pattern for professional look */
    background-image: linear-gradient(#f9fbfd 2px, transparent 2px), linear-gradient(90deg, #f9fbfd 2px, transparent 2px);
    background-size: 30px 30px;
    background-position: center center;
}

/* --- Header Styling --- */
.apc-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 25px;
    border-bottom: 2px solid #eceff1;
    padding-bottom: 15px;
}

.apc-subtitle {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #78909c;
    font-weight: 700;
    margin-bottom: 5px;
}

.apc-title-group h2 {
    font-family: var(--font-heading, 'Merriweather', serif);
    font-size: 2.2rem;
    color: #263238;
    margin: 0;
    font-weight: 800;
    line-height: 1.2;
}

/* Gold Open Access Badge */
.oa-badge {
    background: #fff8e1; /* Light Gold */
    color: #f57f17; /* Dark Gold */
    border: 1px solid #ffe082;
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 10px rgba(245, 127, 23, 0.15);
}

.oa-badge i {
    font-size: 14px;
}

/* --- Description Text --- */
.apc-description p {
    font-size: 16px;
    line-height: 1.7;
    color: #546e7a;
    margin-bottom: 15px;
    text-align: justify;
}

.text-gold {
    color: #f9a825; /* Readable Gold */
    font-weight: 800;
}

/* --- Guarantee Grid (The "Zero Risk" Cards) --- */
.guarantee-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 Columns */
    gap: 20px;
    margin-top: 35px;
}

/* Guarantee Card */
.guarantee-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    overflow: hidden;
}

.guarantee-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.08);
    border-color: #b9f6ca;
}

/* Icons */
.gc-icon {
    width: 50px;
    height: 50px;
    background: #e8f5e9; /* Light Green */
    color: #2e7d32; /* Success Green */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 15px;
    transition: transform 0.3s;
}

.guarantee-card:hover .gc-icon {
    transform: scale(1.1) rotate(10deg);
}

/* Content */
.gc-content h5 {
    font-size: 15px;
    font-weight: 700;
    color: #37474f;
    margin: 0 0 8px 0;
}

.gc-content p {
    font-size: 12px;
    color: #78909c;
    line-height: 1.4;
    margin: 0;
}

.gc-content strong {
    color: #2e7d32;
}

/* Check Mark Watermark */
.check-mark {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    color: #e0e0e0;
    transition: color 0.3s;
}

.guarantee-card:hover .check-mark {
    color: #00c853; /* Bright Green */
}

/* Specific Border Accents */
.card-free { border-bottom: 4px solid #43a047; }
.card-reject { border-bottom: 4px solid #00897b; }
.card-accept { border-bottom: 4px solid #1e88e5; }

/* --- Footer Note --- */
.apc-footer-note {
    margin-top: 25px;
    background: #f1f8e9; /* Very Light Green */
    color: #33691e;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px dashed #a5d6a7;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .apc-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .guarantee-grid {
        grid-template-columns: 1fr; /* Stack 1 column on mobile */
    }

    .guarantee-card {
        flex-direction: row; /* Horizontal layout on mobile */
        text-align: left;
        padding: 15px;
        align-items: center;
    }

    .gc-icon {
        margin-bottom: 0;
        margin-right: 15px;
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}
/*--*/
/* =========================================
   APC SCHEDULE (FEE STRUCTURE)
   ========================================= */

.apc-schedule-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
}

/* --- Header --- */
.schedule-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    border-left: 4px solid #37474f;
    padding-left: 15px;
}

.schedule-header h3 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #263238;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fiscal-year {
    font-size: 12px;
    background: #eceff1;
    color: #546e7a;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 700;
}

/* --- Pricing Grid --- */
.pricing-grid {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

/* Common Card Style */
.price-card {
    flex: 1;
    background: #fff;
    border-radius: 12px;
    padding: 25px 20px;
    position: relative;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    display: flex;
    align-items: center;
    gap: 20px;
}

.price-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

/* Badge (Domestic/Intl) */
.pc-badge {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    padding: 5px 12px;
    border-bottom-left-radius: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Icons */
.pc-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    flex-shrink: 0;
}

/* Details */
.pc-details h4 {
    margin: 0 0 5px 0;
    font-size: 14px;
    color: #78909c;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.price-tag {
    display: flex;
    align-items: baseline;
    gap: 4px;
    line-height: 1;
    margin-bottom: 5px;
}

.currency {
    font-size: 20px;
    color: #37474f;
    font-weight: 600;
}

.amount {
    font-size: 32px;
    font-weight: 800;
    color: #263238;
}

.unit {
    font-size: 12px;
    color: #90a4ae;
    font-weight: 700;
}

.tax-note {
    margin: 0;
    font-size: 11px;
    color: #4caf50; /* Green for "Inclusive" feel */
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

.tax-note::before {
    content: '✔';
    font-size: 10px;
}

/* --- Specific Card Themes --- */

/* INR Card (India - Saffron/Professional) */
.card-inr { border-bottom: 4px solid #ff9800; }
.card-inr .pc-badge { background: #fff3e0; color: #ef6c00; }
.card-inr .pc-icon { background: #fff8e1; color: #ff9800; }
.card-inr:hover { border-color: #ffb74d; }

/* USD Card (International - Blue/Global) */
.card-usd { border-bottom: 4px solid #2196f3; }
.card-usd .pc-badge { background: #e3f2fd; color: #1565c0; }
.card-usd .pc-icon { background: #e1f5fe; color: #039be5; }
.card-usd:hover { border-color: #64b5f6; }


/* --- Coverage Box (Inclusions) --- */
.fee-coverage-box {
    background: #fafafa;
    border-radius: 12px;
    padding: 25px;
    border: 1px dashed #cfd8dc;
}

.coverage-title {
    margin: 0 0 20px 0;
    font-size: 15px;
    color: #455a64;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.coverage-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 Column Layout */
    gap: 20px;
}

/* Coverage Item */
.cov-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.ci-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.ci-text {
    display: flex;
    flex-direction: column;
}

.ci-text strong {
    font-size: 14px;
    color: #37474f;
    font-weight: 700;
    margin-bottom: 2px;
}

.ci-text span {
    font-size: 12px;
    color: #78909c;
    line-height: 1.4;
}

/* Icon Colors */
.doi-color { color: #e91e63; border: 1px solid #f8bbd0; }
.plag-color { color: #673ab7; border: 1px solid #d1c4e9; }
.cert-color { color: #ff9800; border: 1px solid #ffe0b2; }
.host-color { color: #009688; border: 1px solid #b2dfdb; }

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .pricing-grid {
        flex-direction: column;
    }

    .coverage-list {
        grid-template-columns: 1fr; /* Stack items vertically */
    }
    
    .price-card {
        padding: 20px;
    }
}
/*--*/
/* =========================================
   FINANCIAL TRANSPARENCY (COST BREAKDOWN)
   ========================================= */

.financial-transparency-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    background: #fff;
    padding: 10px 0;
}

/* --- Header --- */
.ft-header {
    margin-bottom: 30px;
    border-left: 4px solid #1a237e; /* Deep Blue */
    padding-left: 15px;
}

.ft-header h3 {
    margin: 0 0 8px 0;
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #263238;
    display: flex;
    align-items: center;
    gap: 12px;
}

.ft-header p {
    margin: 0;
    font-size: 14px;
    color: #546e7a;
    line-height: 1.5;
}

.text-highlight {
    color: #1a237e;
    font-weight: 700;
}

/* --- Breakdown List Container --- */
.cost-breakdown-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* --- Individual Cost Item --- */
.cost-item {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px 20px;
    transition: all 0.3s ease;
}

.cost-item:hover {
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transform: translateX(5px);
}

/* Item Header (Label & Percent) */
.cost-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.cost-label {
    font-size: 14px;
    font-weight: 700;
    color: #37474f;
    display: flex;
    align-items: center;
    gap: 10px;
}

.cost-label i {
    color: #90a4ae;
    width: 20px;
    text-align: center;
}

.cost-percent {
    font-size: 16px;
    font-weight: 800;
    font-family: monospace; /* Technical feel */
}

/* Progress Bar Visuals */
.progress-track {
    height: 8px;
    background: #eceff1;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.progress-fill {
    height: 100%;
    border-radius: 4px;
    position: relative;
    /* Animation: Grow from 0 */
    animation: grow-bar 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    width: 0; /* Starts at 0, filled by inline style */
    max-width: 0; /* JS-less animation trick */
}

/* Keyframes for simple load animation */
@keyframes grow-bar {
    to { max-width: 100%; width: 100%; } /* This activates the inline width */
}
/* Note: Since we set inline width in HTML, pure CSS animation is tricky. 
   Ideally, 'width' is static in CSS, but here we let the inline style dictate. 
   A simple opacity fade or transform is safer without JS. 
   Updated approach below for pure CSS reliability: */
   
.progress-fill {
    animation: slide-in 1.5s ease-out;
}
@keyframes slide-in {
    from { width: 0 !important; }
}


/* Specific Colors */
.text-blue { color: #1976d2; }
.fill-blue { background: linear-gradient(90deg, #2196f3, #1976d2); }

.text-teal { color: #00897b; }
.fill-teal { background: linear-gradient(90deg, #26a69a, #00897b); }

.text-purple { color: #6a1b9a; }
.fill-purple { background: linear-gradient(90deg, #ab47bc, #6a1b9a); }

.text-orange { color: #e65100; }
.fill-orange { background: linear-gradient(90deg, #ff9800, #f57c00); }

.text-grey { color: #546e7a; }
.fill-grey { background: linear-gradient(90deg, #78909c, #546e7a); }

/* Description */
.cost-desc {
    margin: 0;
    font-size: 12px;
    color: #78909c;
    line-height: 1.4;
    padding-left: 30px; /* Align with text, not icon */
}

/* --- Footer --- */
.ft-footer {
    margin-top: 25px;
    text-align: center;
    font-size: 13px;
    color: #455a64;
    background: #f1f8e9;
    padding: 10px;
    border-radius: 6px;
    border: 1px dashed #a5d6a7;
}

.ft-footer i {
    color: #2e7d32;
    margin-right: 5px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .cost-head {
        margin-bottom: 8px;
    }
    .cost-label {
        font-size: 13px;
    }
    .cost-desc {
        padding-left: 0; /* Reset indentation on mobile */
    }
}
/*--*/
/* =========================================
   NO HIDDEN CHARGES POLICY
   ========================================= */

.no-hidden-fees-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 25px;
    position: relative;
    overflow: hidden;
}

/* Subtle background warning stripes */
.no-hidden-fees-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #d32f2f; /* Red Alert Line */
}

/* --- Header --- */
.nhf-header {
    margin-bottom: 25px;
    padding-left: 15px;
}

.nhf-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 10px;
}

.nhf-title h3 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #c62828; /* Deep Red for "Stop/Attention" */
    display: flex;
    align-items: center;
    gap: 12px;
}

.policy-badge {
    font-size: 11px;
    background: #ffebee;
    color: #b71c1c;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #ffcdd2;
}

.nhf-intro {
    font-size: 14px;
    color: #546e7a;
    margin: 0;
    line-height: 1.6;
}

.nhf-intro strong {
    color: #c62828;
    border-bottom: 2px solid #ef9a9a;
}

/* --- Zero Cost Grid --- */
.zero-cost-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2x2 Grid */
    gap: 20px;
}

/* --- Zero Card Style --- */
.zero-card {
    background: #fafafa;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.zero-card:hover {
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transform: translateY(-3px);
    border-color: #ef9a9a;
}

/* Icon Layering (The "Banned" Effect) */
.icon-layer {
    position: relative;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
}

.main-icon {
    font-size: 32px;
    color: #cfd8dc; /* Faded Grey */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ban-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d32f2f; /* Red X */
    font-size: 40px;
    opacity: 0.8;
    text-shadow: 0 0 5px #fff;
}

/* Content */
.zc-content h4 {
    margin: 0 0 5px 0;
    font-size: 15px;
    font-weight: 700;
    color: #37474f;
}

.zc-content p {
    margin: 0;
    font-size: 12px;
    color: #78909c;
    line-height: 1.4;
}

.zc-content strong {
    color: #c62828;
}

/* --- Footer --- */
.nhf-footer {
    margin-top: 25px;
    text-align: center;
    font-size: 12px;
    color: #546e7a;
    background: #fff3e0; /* Light Warning/Alert color */
    padding: 8px;
    border-radius: 4px;
    border: 1px dashed #ffcc80;
}

.nhf-footer i {
    color: #ef6c00;
    margin-right: 5px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .zero-cost-grid {
        grid-template-columns: 1fr; /* Stack vertically */
    }
    
    .nhf-title {
        flex-direction: column;
        align-items: flex-start;
    }
}
/*--*/
/* =========================================
   WAIVER & REFUND POLICY
   ========================================= */

.waiver-refund-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 30px;
    margin-top: 40px;
}

/* --- Header --- */
.wr-header {
    margin-bottom: 25px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

.wr-header h3 {
    margin: 0 0 5px 0;
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #37474f;
    display: flex;
    align-items: center;
    gap: 12px;
}

.wr-header p {
    margin: 0;
    font-size: 14px;
    color: #78909c;
}

/* --- Policy Grid --- */
.policy-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 Columns Side-by-Side */
    gap: 20px;
}

/* --- Policy Card Style --- */
.policy-card {
    background: #fff;
    border-radius: 12px;
    padding: 25px 20px;
    border: 1px solid transparent;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.policy-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* Top Section (Icon + Badge) */
.pc-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.pc-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.pc-badge {
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Content */
.pc-content h4 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 700;
    color: #263238;
}

.pc-content p {
    margin: 0 0 15px 0;
    font-size: 13px;
    color: #546e7a;
    line-height: 1.6;
}

/* Highlights */
.highlight-green {
    color: #2e7d32;
    font-weight: 700;
    background: #e8f5e9;
    padding: 2px 5px;
    border-radius: 4px;
}

.highlight-red {
    color: #c62828;
    font-weight: 700;
    background: #ffebee;
    padding: 2px 5px;
    border-radius: 4px;
}

/* Notes & Reasons */
.pc-note {
    font-size: 12px;
    color: #00695c;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.pc-reason {
    font-size: 11px;
    background: #eceff1;
    padding: 8px;
    border-radius: 6px;
    color: #455a64;
    line-height: 1.4;
    border-left: 3px solid #90a4ae;
}

.pc-reason strong {
    color: #37474f;
    text-transform: uppercase;
    font-size: 10px;
}

/* --- Specific Card Themes --- */

/* Waiver (Teal - Hope/Support) */
.type-waiver {
    background: #f0fdfa; /* Very light teal */
    border: 1px solid #ccfbf1;
}
.type-waiver .pc-icon { background: #fff; color: #009688; box-shadow: 0 2px 5px rgba(0,150,136,0.1); }
.type-waiver .pc-badge { background: #e0f2f1; color: #00796b; }
.type-waiver:hover { border-color: #5eead4; }

/* Refund (Grey - Strict/Neutral) */
.type-refund {
    background: #f8f9fa; /* Light Grey */
    border: 1px solid #e9ecef;
}
.type-refund .pc-icon { background: #fff; color: #607d8b; box-shadow: 0 2px 5px rgba(96,125,139,0.1); }
.type-refund .pc-badge { background: #eceff1; color: #546e7a; }
.type-refund:hover { border-color: #cfd8dc; }

/* --- Footer --- */
.wr-footer {
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    color: #90a4ae;
    font-style: italic;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .policy-grid {
        grid-template-columns: 1fr; /* Stack vertically */
    }
}
/*--*/
/* =========================================
   SIDEBAR: OFFICIAL BANK DETAILS WIDGET
   ========================================= */

.bank-details-widget {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08); /* Deep Shadow */
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    position: relative;
}

/* Top Accent Line */
.bank-details-widget::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #1a237e, #0d47a1);
}

/* --- Header --- */
.widget-header-bd {
    padding: 20px 20px 10px 20px;
    background: #fff;
}

.bd-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bd-title h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1a237e; /* Navy Blue */
    letter-spacing: 0.5px;
}

.official-badge {
    font-size: 10px;
    background: #e8f5e9;
    color: #2e7d32;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #c8e6c9;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* --- Body --- */
.bd-body {
    padding: 15px 20px 20px 20px;
}

/* Security Alert */
.security-alert {
    background: #fff8e1;
    border: 1px dashed #ffc107;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 11px;
    color: #f57f17;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.security-alert i {
    font-size: 14px;
    margin-top: 1px;
}

.security-alert p {
    margin: 0;
    line-height: 1.4;
}

/* --- Digital Bank Card (The Main UI) --- */
.digital-bank-card {
    background: linear-gradient(135deg, #1565c0, #0d47a1); /* Corporate Blue Gradient */
    border-radius: 10px;
    padding: 20px;
    color: #fff;
    position: relative;
    box-shadow: 0 5px 15px rgba(13, 71, 161, 0.3);
    overflow: hidden;
}

/* Subtle pattern overlay */
.digital-bank-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 10px 10px;
    opacity: 0.3;
}

.bd-row {
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}

.bd-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}

.bd-label {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.7);
    margin-bottom: 2px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.bd-value {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.3px;
}

.highlight-text {
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    border-bottom: 1px dashed rgba(255,255,255,0.4);
    padding-bottom: 2px;
    display: inline-block;
}

.nums {
    font-family: monospace; /* Monospaced for numbers */
    font-size: 16px;
    letter-spacing: 1px;
}

.bd-value-small {
    font-size: 12px;
    color: rgba(255,255,255,0.9);
}

/* Copy Buttons */
.copy-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-copy, .btn-copy-small {
    background: rgba(255,255,255,0.15);
    border: none;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-copy { width: 28px; height: 28px; font-size: 12px; }
.btn-copy-small { width: 24px; height: 24px; font-size: 10px; }

.btn-copy:hover, .btn-copy-small:hover {
    background: rgba(255,255,255,0.3);
}

/* Card Chip Decoration */
.card-chip {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    color: rgba(255,255,255,0.15);
    z-index: 1;
}

/* Remit Note */
.remit-note {
    font-size: 11px;
    color: #78909c;
    text-align: center;
    margin: 15px 0 0 0;
    font-style: italic;
}

/* --- Footer --- */
.bd-footer {
    background: #f5f5f5;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: #546e7a;
    border-top: 1px solid #eeeeee;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.bd-footer i {
    color: #1a237e;
}
/*--*/
/* =========================================
   SIDEBAR: QUICK PAYMENT (SCAN & PAY)
   ========================================= */

.quick-pay-widget {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 3px solid #673ab7; /* Deep Purple Top */
    transition: transform 0.3s ease;
}

.quick-pay-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(103, 58, 183, 0.1);
}

/* --- Header --- */
.widget-header-qp {
    padding: 15px 20px;
    background: #f3e5f5; /* Light Purple Bg */
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e1bee7;
}

.widget-header-qp h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4a148c;
    letter-spacing: 0.5px;
}

.qp-badge {
    font-size: 10px;
    background: #fff;
    color: #7b1fa2;
    padding: 3px 8px;
    border-radius: 10px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* --- Body --- */
.qp-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* UPI Icons Row */
.upi-icons-row {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    justify-content: center;
    width: 100%;
}

.upi-icon {
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
    cursor: default;
}

.upi-icon:hover {
    transform: scale(1.1);
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

/* Brand Colors & Styles */
.gpay { color: #4285f4; font-size: 22px; }
.phonepe { background: #673ab7; border-color: #673ab7; }
.pe-text { color: #fff; font-weight: 800; font-size: 14px; font-style: italic; }
.paytm { background: #00baf2; border-color: #00baf2; }
.pm-text { color: #fff; font-weight: 700; font-size: 10px; }
.bhim { border-color: #f57c00; }
.bhim-text { color: #f57c00; font-weight: 800; font-size: 12px; }

/* --- QR Code Container --- */
.qr-container {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    width: 180px;
}

.qr-frame {
    border: 2px dashed #b39ddb;
    padding: 10px;
    border-radius: 12px;
    position: relative;
    background: #fff;
    overflow: hidden;
}

.qr-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

/* Scanning Animation Line */
.scan-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ff4081; /* Pink Laser */
    box-shadow: 0 0 4px #ff4081;
    animation: scan-anim 2s infinite linear;
    opacity: 0.6;
}

@keyframes scan-anim {
    0% { top: 0; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

.qr-helper {
    margin: 8px 0 0 0;
    font-size: 12px;
    color: #7e57c2;
    font-weight: 600;
}

/* --- International Box --- */
.intl-pay-box {
    width: 100%;
    background: #e3f2fd;
    border: 1px solid #bbdefb;
    border-radius: 8px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.intl-icon {
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    color: #003087; /* PayPal Blue */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.intl-text {
    display: flex;
    flex-direction: column;
}

.intl-text strong {
    font-size: 12px;
    color: #0d47a1;
    font-weight: 700;
}

.intl-text span {
    font-size: 10px;
    color: #1976d2;
}

/* --- Footer --- */
.qp-footer {
    background: #fafafa;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: #607d8b;
    border-top: 1px solid #eeeeee;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.qp-footer i {
    color: #ffca28; /* Lightning Yellow */
}
/*--*/
/* =========================================
   SIDEBAR: INVOICE & RECEIPT WIDGET
   ========================================= */

.invoice-widget {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 3px solid #546e7a; /* Professional Slate Top */
    transition: transform 0.3s ease;
}

.invoice-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(84, 110, 122, 0.15);
}

/* --- Header --- */
.widget-header-inv {
    padding: 15px 20px;
    background: #eceff1;
    border-bottom: 1px solid #cfd8dc;
}

.inv-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inv-title h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #37474f;
    letter-spacing: 0.5px;
}

.gst-badge {
    font-size: 10px;
    background: #37474f;
    color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Body --- */
.inv-body {
    padding: 20px;
}

.inv-text {
    font-size: 13px;
    color: #546e7a;
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: center;
}

.inv-text strong {
    color: #263238;
    border-bottom: 1px dotted #546e7a;
}

/* --- Request Button --- */
.btn-request-invoice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #b0bec5;
    border-radius: 50px; /* Pill Shape */
    padding: 8px 8px 8px 20px;
    text-decoration: none;
    color: #455a64;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.btn-request-invoice:hover {
    border-color: #546e7a;
    background: #fdfdfd;
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(0,0,0,0.1);
    color: #263238;
}

.icon-box {
    margin-right: 10px;
    color: #546e7a;
}

.btn-arrow {
    width: 32px;
    height: 32px;
    background: #546e7a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: transform 0.3s, background 0.3s;
}

.btn-request-invoice:hover .btn-arrow {
    background: #37474f;
    transform: translateX(3px);
}

/* --- Receipt Note --- */
.receipt-note {
    background: #e0f2f1;
    border: 1px dashed #80cbc4;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.receipt-note i {
    color: #00897b;
    font-size: 16px;
    margin-top: 2px;
}

.receipt-note span {
    font-size: 11px;
    color: #00695c;
    line-height: 1.4;
}

/* --- Footer --- */
.inv-footer {
    background: #fafafa;
    padding: 10px;
    text-align: center;
    font-size: 10px;
    color: #78909c;
    border-top: 1px solid #eeeeee;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    letter-spacing: 0.5px;
}

.inv-footer i {
    color: #4caf50; /* Green Check */
}
/*--*/
/* =========================================
   SIDEBAR: PAYMENT SUPPORT (HELP DESK)
   ========================================= */

.support-widget {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 0; /* Last widget */
    border: 1px solid #e0e0e0;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, sans-serif;
    border-top: 3px solid #009688; /* Teal Top Border */
    transition: transform 0.3s ease;
}

.support-widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 150, 136, 0.15);
}

/* --- Header --- */
.widget-header-supp {
    padding: 15px 20px;
    background: #e0f2f1; /* Very Light Teal */
    border-bottom: 1px solid #b2dfdb;
}

.supp-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.supp-title h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #00695c;
    letter-spacing: 0.5px;
}

/* Live Indicator */
.live-dot {
    font-size: 10px;
    background: #fff;
    color: #00695c;
    padding: 3px 8px;
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #b2dfdb;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blink-led {
    width: 6px;
    height: 6px;
    background: #00c853;
    border-radius: 50%;
    animation: blink-live 1.5s infinite;
}

@keyframes blink-live {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

/* --- Body --- */
.supp-body {
    padding: 20px;
}

.issue-query {
    color: #d32f2f; /* Alert Red */
    font-weight: 700;
    font-size: 14px;
    margin: 0 0 5px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.issue-sub {
    font-size: 12px;
    color: #78909c;
    margin: 0 0 20px 0;
}

/* --- Contact Method Buttons --- */
.contact-method {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    margin-bottom: 12px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.contact-method:last-child {
    margin-bottom: 0;
}

.contact-method:hover {
    transform: translateX(5px);
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

/* Icons */
.cm-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

/* Details */
.cm-details {
    display: flex;
    flex-direction: column;
    overflow: hidden; /* For long email */
}

.cm-details .lbl {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 2px;
}

.cm-details .val {
    font-size: 13px;
    font-weight: 600;
    word-break: break-all; /* Ensures email doesn't overflow */
}

/* Specific Themes */
.cm-email {
    background: #f3e5f5;
    border: 1px solid #e1bee7;
}
.cm-email .cm-icon { background: #fff; color: #8e24aa; }
.cm-email .lbl { color: #8e24aa; }
.cm-email .val { color: #4a148c; }
.cm-email:hover { border-color: #ba68c8; }

.cm-phone {
    background: #e3f2fd;
    border: 1px solid #bbdefb;
}
.cm-phone .cm-icon { background: #fff; color: #1e88e5; }
.cm-phone .lbl { color: #1e88e5; }
.cm-phone .val { color: #0d47a1; }
.cm-phone:hover { border-color: #64b5f6; }

/* Pulse Animation for Phone */
.pulse-icon {
    animation: pulse-ring 2s infinite;
    box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.7);
}

@keyframes pulse-ring {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(33, 150, 243, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(33, 150, 243, 0); }
}

/* --- Footer --- */
.supp-footer {
    background: #263238; /* Dark for contrast */
    padding: 10px;
    text-align: center;
    font-size: 10px;
    color: #cfd8dc;
    border-top: 1px solid #37474f;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    letter-spacing: 0.5px;
}

.supp-footer i {
    color: #80cbc4; /* Soft Teal */
}

/*-Publication fee end-*/
/*-Open Access Policy-*/
/*--*/
/* =========================================
   GOLD OPEN ACCESS DECLARATION SECTION
   ========================================= */

.oa-declaration-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    background: #fff;
    position: relative;
}

/* --- Header Styling --- */
.oa-header-gold {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #fff8e1; /* Light Gold Line */
    padding-bottom: 20px;
}

.oah-subtitle {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #f57f17; /* Dark Gold */
    font-weight: 700;
    margin-bottom: 5px;
}

.oah-title {
    font-family: var(--font-heading, 'Merriweather', serif);
    font-size: 2.2rem;
    color: #263238;
    margin: 0;
    font-weight: 800;
    line-height: 1.2;
}

.highlight-gold {
    color: #ff8f00; /* Amber Gold */
    position: relative;
    display: inline-block;
}

/* BOAI Badge */
.boai-badge {
    background: linear-gradient(135deg, #263238, #37474f);
    color: #ffb300; /* Gold Text */
    width: 70px;
    height: 70px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    border: 1px solid #ffca28;
}

.boai-badge i {
    font-size: 20px;
    margin-bottom: 4px;
    color: #fff;
}

/* --- Statement Box --- */
.oa-statement-box {
    margin-bottom: 35px;
}

.oa-statement-box .lead-text {
    font-size: 16px;
    line-height: 1.7;
    color: #455a64;
    text-align: justify;
}

.text-primary {
    color: #1565c0;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #bbdefb;
}

/* --- The 3 Pillars Grid --- */
.gold-pillars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

/* Pillar Card */
.pillar-card {
    background: #fff;
    border: 1px solid #ffe082; /* Gold Border */
    border-radius: 10px;
    padding: 20px 15px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

.pillar-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(255, 179, 0, 0.15); /* Gold Shadow */
    background: #fffde7; /* Very Light Gold Bg */
    border-color: #ffb300;
}

/* Icons */
.pillar-icon {
    width: 50px;
    height: 50px;
    background: #fff8e1;
    color: #f57f17;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 15px;
    z-index: 2;
    transition: transform 0.3s;
}

.pillar-card:hover .pillar-icon {
    transform: scale(1.1) rotate(10deg);
    background: #ffb300;
    color: #fff;
}

/* Content */
.pillar-content h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 700;
    color: #37474f;
    text-transform: uppercase;
    z-index: 2;
    position: relative;
}

.pillar-content p {
    margin: 0;
    font-size: 12px;
    color: #78909c;
    line-height: 1.4;
    z-index: 2;
    position: relative;
}

/* Background Watermark Icon */
.pillar-bg-icon {
    position: absolute;
    bottom: -10px;
    right: -10px;
    font-size: 70px;
    color: #fbc02d;
    opacity: 0.05;
    z-index: 1;
    transform: rotate(-20deg);
}

/* --- Footer --- */
.oa-footer-line {
    background: #eceff1;
    color: #546e7a;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    border-radius: 6px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .oa-header-gold {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .gold-pillars-grid {
        grid-template-columns: 1fr; /* Stack on mobile */
    }

    .pillar-card {
        flex-direction: row;
        text-align: left;
        align-items: center;
        padding: 15px;
    }

    .pillar-icon {
        margin-bottom: 0;
        margin-right: 15px;
        width: 45px;
        height: 45px;
        font-size: 18px;
    }
}
/*--*/
/* =========================================
   LICENSING (CC BY 4.0) SECTION
   ========================================= */

.licensing-section-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    background: #fff;
    padding-top: 10px;
}

/* --- Header --- */
.ls-header {
    margin-bottom: 30px;
    border-left: 4px solid #ef6c00; /* CC Orange */
    padding-left: 20px;
}

.ls-title-box {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.ls-title-box h3 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #37474f;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ls-title-box h3 i {
    color: #ef6c00; /* CC Brand Color */
}

.cc-badge {
    background: #fff3e0;
    color: #e65100;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 700;
    border: 1px solid #ffe0b2;
}

.ls-intro {
    font-size: 15px;
    color: #546e7a;
    line-height: 1.6;
    margin: 0;
}

.cc-link {
    color: #ef6c00;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px dotted #ef6c00;
}

.cc-link:hover {
    color: #e65100;
    border-bottom-style: solid;
}

/* --- Permissions Grid --- */
.permissions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Common Card Style */
.perm-card {
    background: #fff;
    border-radius: 12px;
    padding: 25px 20px;
    position: relative;
    border: 1px solid #e0e0e0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.perm-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

/* Icons */
.perm-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 15px;
    transition: transform 0.3s;
}

.perm-card:hover .perm-icon {
    transform: rotate(15deg) scale(1.1);
}

/* Status Label (You are free to...) */
.perm-status {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    color: #2e7d32; /* Green for Freedom */
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.status-req {
    color: #1565c0; /* Blue for Requirement */
}

/* Content */
.perm-content h4 {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: 800;
    color: #263238;
}

.perm-content p {
    margin: 0;
    font-size: 13px;
    color: #607d8b;
    line-height: 1.5;
}

.commercial-tag {
    color: #2e7d32;
    background: #e8f5e9;
    padding: 0 4px;
    border-radius: 3px;
    font-weight: 700;
}

/* --- Specific Card Themes --- */

/* Freedom Cards (Green/Teal) */
.card-freedom {
    border-top: 4px solid #43a047;
}
.card-freedom .perm-icon {
    background: #e8f5e9;
    color: #2e7d32;
}

/* Condition Card (Blue/Info) */
.card-condition {
    border-top: 4px solid #1e88e5;
    background: #fdfdfd;
}
.card-condition .perm-icon {
    background: #e3f2fd;
    color: #1565c0;
}
.card-condition strong {
    color: #1565c0;
}

/* --- Footer --- */
.ls-footer {
    margin-top: 30px;
    text-align: center;
    font-size: 12px;
    color: #78909c;
    background: #fbe9e7; /* Very Light Orange */
    padding: 10px;
    border-radius: 6px;
    border: 1px dashed #ffccbc;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.ls-footer i {
    font-size: 16px;
    color: #d84315;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .permissions-grid {
        grid-template-columns: 1fr; /* Stack vertically on mobile */
    }
    
    .ls-title-box {
        flex-wrap: wrap;
    }
}
/*--*/
/* =========================================
   COPYRIGHT & RIGHTS RETENTION SECTION
   ========================================= */

.rights-retention-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 50px;
    background: #fff;
    padding-top: 10px;
}

/* --- Header Styling --- */
.rr-header {
    margin-bottom: 30px;
    border-left: 4px solid #4a148c; /* Royal Indigo */
    padding-left: 20px;
}

.rr-title-group {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.rr-title-group h3 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #311b92; /* Deep Indigo */
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.rr-badge {
    background: #ede7f6;
    color: #4a148c;
    font-size: 11px;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #d1c4e9;
}

.rr-intro {
    font-size: 15px;
    color: #546e7a;
    line-height: 1.6;
    margin: 0;
}

.rr-intro strong {
    color: #4a148c;
    border-bottom: 1px dashed #7e57c2;
}

/* --- Rights Grid --- */
.rights-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 25px;
}

/* Common Card Style */
.right-card {
    background: #fff;
    border-radius: 12px;
    padding: 25px 15px;
    border: 1px solid #e0e0e0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.right-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(49, 27, 146, 0.1); /* Indigo Shadow */
}

/* Top Accent Line on Hover */
.right-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #4a148c;
    transition: width 0.4s ease;
}

.right-card:hover::before {
    width: 100%;
}

/* Icons */
.rc-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 15px;
    transition: transform 0.3s;
    background: #f3e5f5; /* Light Lavender */
    color: #6a1b9a;
}

.right-card:hover .rc-icon {
    transform: scale(1.1);
    background: #4a148c;
    color: #fff;
}

/* Content */
.rc-content h4 {
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: 700;
    color: #37474f;
}

.rc-content p {
    margin: 0;
    font-size: 13px;
    color: #78909c;
    line-height: 1.5;
}

.rc-content strong {
    color: #4a148c;
}

/* --- Specific Card Tweaks (Optional Visual Variety) --- */
.card-owner .rc-icon { color: #512da8; background: #ede7f6; } /* Deep Purple */
.card-license .rc-icon { color: #00838f; background: #e0f7fa; } /* Cyan/Teal mix */
.card-commercial .rc-icon { color: #2e7d32; background: #e8f5e9; } /* Success Green */

.card-owner:hover .rc-icon { background: #512da8; color: #fff; }
.card-license:hover .rc-icon { background: #00838f; color: #fff; }
.card-commercial:hover .rc-icon { background: #2e7d32; color: #fff; }

/* --- Footer --- */
.rr-footer {
    background: #f5f5f5;
    padding: 12px;
    border-radius: 8px;
    border-left: 4px solid #78909c;
}

.sherpa-check {
    font-size: 13px;
    color: #455a64;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sherpa-check i {
    color: #2e7d32;
    font-size: 16px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .rights-grid {
        grid-template-columns: 1fr; /* Stack vertically */
    }

    .right-card {
        flex-direction: row;
        text-align: left;
        align-items: flex-start;
        padding: 20px;
    }

    .rc-icon {
        margin-bottom: 0;
        margin-right: 20px;
        width: 45px;
        height: 45px;
        font-size: 20px;
        flex-shrink: 0;
    }

    .right-card:hover {
        transform: translateY(-3px);
    }
}
/*--*/
/* =========================================
   SELF-ARCHIVING (SHERPA ROMEO) SECTION
   ========================================= */

.self-archiving-wrapper {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 30px;
    margin-top: 40px;
}

/* --- Header Styling --- */
.sa-header {
    margin-bottom: 25px;
    border-left: 4px solid #2e7d32; /* Emerald Green */
    padding-left: 20px;
}

.sa-title-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 10px;
}

.sa-title-group h3 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: #1b5e20;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sherpa-badge {
    background: #e8f5e9;
    color: #2e7d32;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 20px;
    border: 1px solid #c8e6c9;
}

.sherpa-badge strong {
    font-weight: 800;
    text-transform: uppercase;
}

.sa-intro {
    font-size: 15px;
    color: #546e7a;
    line-height: 1.6;
    margin: 0;
}

.text-green {
    color: #2e7d32;
    font-weight: 700;
}

/* --- Repository Types Grid --- */
.repo-types-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 30px;
}

.repo-card {
    background: #fff;
    border: 1px dashed #a5d6a7;
    border-radius: 8px;
    padding: 15px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.3s ease;
}

.repo-card:hover {
    background: #f1f8e9;
    border-color: #2e7d32;
    transform: translateY(-3px);
}

.repo-card i {
    font-size: 24px;
    color: #43a047;
    margin-bottom: 8px;
}

.repo-card span {
    font-size: 13px;
    font-weight: 700;
    color: #37474f;
    line-height: 1.2;
    margin-bottom: 4px;
}

.repo-card small {
    font-size: 10px;
    color: #78909c;
}

/* --- Allowed Versions Box --- */
.version-status-box {
    background: #f9fbe7; /* Very light lime/green */
    border: 1px solid #dce775;
    border-radius: 12px;
    padding: 20px;
}

.version-status-box h4 {
    margin: 0 0 15px 0;
    font-size: 15px;
    color: #558b2f;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}

.version-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.version-item {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
    border-left: 4px solid #cfd8dc; /* Default Grey */
}

/* Specific Highlight for Final PDF */
.item-highlight {
    border-left: 4px solid #2e7d32; /* Green Highlight */
    background: #fff;
}

.v-icon {
    width: 35px;
    height: 35px;
    background: #eceff1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #607d8b;
    margin-right: 15px;
    font-size: 16px;
}

.item-highlight .v-icon {
    background: #e8f5e9;
    color: #2e7d32;
}

.v-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.v-details strong {
    font-size: 14px;
    color: #37474f;
}

.v-details span {
    font-size: 11px;
    color: #90a4ae;
}

.v-badge {
    font-size: 11px;
    background: #eceff1;
    color: #546e7a;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 600;
}

.badge-immediate {
    background: #4caf50;
    color: #fff;
}

/* --- Footer --- */
.sa-footer {
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    color: #33691e;
    background: #dcedc8;
    padding: 8px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .repo-types-grid {
        grid-template-columns: 1fr; /* Stack vertically */
    }

    .sa-title-group {
        flex-direction: column;
        align-items: flex-start;
    }
}
/*--*/
/* --- Sidebar Widget Core Styles --- */
.sidebar-widget.license-widget {
    background: #ffffff;
    border: 1px solid #e0e6ed; /* Subtle border for structure */
    border-top: 4px solid #0056b3; /* Academic Blue top border for 'Trust' */
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Soft shadow for depth */
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; /* Modern Sans-serif */
    margin-bottom: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect on the whole card */
.sidebar-widget.license-widget:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 86, 179, 0.12);
}

/* --- Typography & Header --- */
.widget-title {
    font-size: 18px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 12px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0.5px;
}

.icon-shield {
    font-size: 20px;
}

.separator-line {
    height: 2px;
    width: 40px;
    background: #0056b3;
    margin-bottom: 20px;
    border-radius: 2px;
}

/* --- Badge & Content --- */
.license-badge-container {
    text-align: center;
    margin-bottom: 18px;
}

.cc-badge-img {
    height: 42px; /* Optimal size for visibility */
    width: auto;
    transition: transform 0.2s ease;
}

.license-badge-container:hover .cc-badge-img {
    transform: scale(1.05);
}

.license-statement p {
    font-size: 14px;
    line-height: 1.6;
    color: #555e69;
    margin-bottom: 12px;
    text-align: left;
}

.license-link {
    color: #0056b3;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dotted #0056b3;
    transition: color 0.2s;
}

.license-link:hover {
    color: #003d80;
    border-bottom: 1px solid #003d80;
}

/* --- Scholar Metadata Note (Green Dot) --- */
.scholar-note {
    font-size: 12px;
    font-weight: 600;
    color: #28a745; /* Success Green */
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
}

.dot-indicator {
    height: 8px;
    width: 8px;
    background-color: #28a745;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.2);
    animation: pulse-green 2s infinite;
}

/* --- Button Styling --- */
.widget-action {
    margin-top: 20px;
}

.btn-license {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 20px;
    background-color: #f8f9fa;
    color: #333;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-sizing: border-box; /* Ensures padding doesn't break layout */
}

.btn-license:hover {
    background-color: #0056b3;
    color: #ffffff;
    border-color: #0056b3;
}

.btn-license .arrow {
    transition: transform 0.3s ease;
}

.btn-license:hover .arrow {
    transform: translateX(4px);
}

/* --- Animation Keyframes --- */
@keyframes pulse-green {
    0% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(40, 167, 69, 0); }
    100% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); }
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .sidebar-widget.license-widget {
        padding: 20px;
        margin-bottom: 20px;
    }
    .btn-license {
        justify-content: center;
        gap: 10px;
    }
}
/*--*/
/* --- Widget Container: Clean & Elevated --- */
.oa-def-widget {
    background: linear-gradient(145deg, #ffffff, #fdfdfd);
    border-left: 5px solid #f6851f; /* Standard Open Access Orange */
    border-radius: 0 8px 8px 0; /* Modern Asymmetric Border */
    padding: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    font-family: 'Merriweather', 'Georgia', serif; /* Academic Serif Font */
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.oa-def-widget:hover {
    box-shadow: 0 15px 35px rgba(246, 133, 31, 0.1);
    transform: translateY(-2px);
}

/* --- Header & Icon Animation --- */
.oa-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
    font-family: 'Segoe UI', sans-serif; /* Clean Sans for Header */
}

.oa-icon-box {
    width: 44px;
    height: 44px;
    background: rgba(246, 133, 31, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f6851f;
}

.oa-lock-icon {
    width: 24px;
    height: 24px;
    transition: transform 0.5s ease;
}

/* Animation: Lock opens/swings on hover */
.oa-def-widget:hover .oa-lock-icon {
    transform: rotateY(180deg);
}

.oa-title {
    font-size: 19px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0;
    letter-spacing: -0.5px;
}

/* --- Blockquote Styling --- */
.oa-content {
    position: relative;
    z-index: 1;
}

.oa-quote {
    position: relative;
    margin: 0;
    padding: 10px 5px;
    color: #4a5568;
    font-size: 15px;
    line-height: 1.7;
    font-style: italic;
    border: none; /* Reset default browser styles */
}

.quote-mark {
    font-size: 40px;
    color: #e2e8f0;
    position: absolute;
    font-family: serif;
    line-height: 1;
}

.quote-mark {
    top: -15px;
    left: -10px;
}

.quote-mark.bottom {
    bottom: -25px;
    right: 0;
    top: auto;
    left: auto;
    transform: rotate(180deg);
}

/* --- Text Highlights --- */
.highlight-text {
    color: #f6851f;
    font-weight: 900;
}

.highlight-marker {
    background: linear-gradient(120deg, rgba(246, 133, 31, 0.15) 0%, rgba(246, 133, 31, 0.05) 100%);
    padding: 0 4px;
    border-radius: 3px;
    font-style: normal;
    font-weight: 600;
    color: #333;
}

/* --- Citation Styling --- */
.oa-citation {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.cite-line {
    height: 1px;
    width: 30px;
    background: #cbd5e0;
}

.cite-source {
    font-size: 12px;
    font-family: 'Segoe UI', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #718096;
    font-style: normal;
    font-weight: 600;
}

/* --- Feature Tags (Micro-layout) --- */
.oa-features {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.feature-tag {
    font-family: 'Segoe UI', sans-serif;
    font-size: 11px;
    background: #f7fafc;
    color: #4a5568;
    padding: 4px 10px;
    border-radius: 20px;
    border: 1px solid #edf2f7;
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    transition: background 0.2s;
}

.feature-tag:hover {
    background: #fff;
    border-color: #f6851f;
    color: #f6851f;
}

.check {
    color: #f6851f;
    font-weight: bold;
}

/* --- Responsive Code --- */
@media (max-width: 768px) {
    .oa-def-widget {
        padding: 20px;
        border-left-width: 4px;
    }
    .oa-quote {
        font-size: 14px;
    }
}
/*--*/
/* --- Widget Container: Tech Dashboard Look --- */
.tech-harvest-widget {
    background: #ffffff;
    border: 1px solid #e1e4e8;
    border-top: 4px solid #17a2b8; /* Cyan/Teal for Technology */
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(23, 162, 184, 0.08);
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    margin-bottom: 30px;
    overflow: hidden;
}

/* --- Header Section --- */
.tech-header {
    background: #f8f9fa;
    padding: 15px 20px;
    border-bottom: 1px solid #eaeaea;
}

.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.tech-title {
    font-size: 16px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.icon-network {
    font-size: 18px;
}

.tech-subtitle {
    font-size: 12px;
    color: #6c757d;
    margin: 0;
    line-height: 1.4;
}

/* --- Server Status Indicator (Animation) --- */
.server-status {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #28a745;
    background: rgba(40, 167, 69, 0.1);
    padding: 2px 8px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blink-dot {
    width: 6px;
    height: 6px;
    background-color: #28a745;
    border-radius: 50%;
    display: inline-block;
    animation: server-blink 1.5s infinite ease-in-out;
}

/* --- Data List Specifications --- */
.tech-body {
    padding: 20px;
}

.tech-specs {
    margin: 0 0 20px 0;
}

.spec-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 4px;
}

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

.spec-label {
    font-size: 13px;
    font-weight: 600;
    color: #495057;
}

.spec-value {
    font-size: 13px;
    font-family: 'Consolas', 'Monaco', monospace; /* Tech Font */
    color: #0056b3;
    margin: 0;
}

/* --- Terminal Style URL Box --- */
.harvest-endpoint {
    margin-bottom: 20px;
}

.endpoint-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #adb5bd;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}

.code-box {
    background: #2d3436; /* Terminal Dark Grey */
    border-radius: 4px;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

.url-text {
    font-family: 'Consolas', 'Courier New', monospace;
    color: #00d2d3; /* Matrix Green/Cyan */
    font-size: 13px;
}

.copy-icon {
    font-size: 10px;
    color: #b2bec3;
    cursor: default;
    border: 1px solid #636e72;
    padding: 2px 6px;
    border-radius: 3px;
}

/* --- Compatibility Tags --- */
.tech-compatibility {
    text-align: left;
}

.compat-label {
    font-size: 11px;
    font-weight: 600;
    color: #6c757d;
    display: block;
    margin-bottom: 8px;
}

.compat-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.compat-tag {
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
}

/* Specific Brand Colors for Trust */
.compat-tag.google { background: #e8f0fe; color: #1a73e8; }
.compat-tag.base { background: #fff3cd; color: #856404; }
.compat-tag.crossref { background: #d4edda; color: #155724; }
.compat-tag.core { background: #d1ecf1; color: #0c5460; }

/* --- Animations --- */
@keyframes server-blink {
    0% { opacity: 0.4; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1.2); }
    100% { opacity: 0.4; transform: scale(0.8); }
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .tech-harvest-widget {
        padding-bottom: 10px;
    }
    .code-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}
/*--*/
/* --- Widget Container: The Vault --- */
.preservation-widget {
    background: #f8f9fc; /* Very light slate background */
    border: 1px solid #e2e8f0;
    border-left: 5px solid #2d3748; /* Midnight Blue for Stability */
    border-radius: 8px;
    padding: 22px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

/* Hover Effect: Subtle Lift */
.preservation-widget:hover {
    box-shadow: 0 10px 15px rgba(45, 55, 72, 0.1);
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

/* --- Header Section --- */
.archive-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #edf2f7;
    padding-bottom: 15px;
}

.archive-icon-wrapper {
    background: #2d3748;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 4px 6px rgba(45, 55, 72, 0.2);
}

.eternity-icon {
    width: 24px;
    height: 24px;
}

/* Animation: Slow Rotation on Hover (Time Passing) */
.preservation-widget:hover .eternity-icon {
    animation: slow-spin 4s linear infinite;
}

.archive-title {
    font-size: 17px;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
    letter-spacing: -0.3px;
}

.archive-subtitle {
    font-size: 11px;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

/* --- Description Text --- */
.archive-desc {
    font-size: 13px;
    color: #4a5568;
    line-height: 1.5;
    margin-bottom: 18px;
}

.text-alert {
    color: #e53e3e; /* Red for emphasis on "Never Lost" */
    font-weight: 700;
}

/* --- Archive Nodes List --- */
.archive-nodes {
    list-style: none;
    padding: 0;
    margin: 0;
}

.node-item {
    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 10px 12px;
    border-radius: 6px;
    margin-bottom: 8px;
    border: 1px solid #edf2f7;
    transition: border-color 0.2s ease;
}

.node-item:hover {
    border-color: #cbd5e0;
}

/* Status Indicators (Colored Dots) */
.node-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 12px;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8);
}

.node-indicator.lockss { background: #3182ce; } /* Blue */
.node-indicator.clockss { background: #805ad5; } /* Purple */
.node-indicator.ia { background: #d69e2e; } /* Gold/History */

.node-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.node-name {
    font-size: 13px;
    font-weight: 700;
    color: #2d3748;
    cursor: help; /* Shows ? cursor on hover */
}

.node-status {
    font-size: 10px;
    color: #a0aec0;
}

.check-icon {
    color: #38a169; /* Green Check */
    font-size: 14px;
    font-weight: bold;
    opacity: 0;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}

/* Reveal Checkmark on Hover */
.node-item:hover .check-icon {
    opacity: 1;
    transform: translateX(0);
}

/* --- Footer Badge --- */
.archive-footer {
    margin-top: 15px;
    text-align: center;
}

.trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #2d3748;
    background: #e2e8f0;
    padding: 4px 12px;
    border-radius: 20px;
}

.shield-mini {
    font-size: 12px;
}

/* --- Keyframes --- */
@keyframes slow-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .preservation-widget {
        padding: 18px;
    }
    .node-item {
        padding: 8px;
    }
}

/*-Open Access Policy End-*/
/*-Plagiarism Prevention & Generative AI Ethics Policy Start-*/
/*--*/
/* --- 1. Container & Typography --- */
.policy-main-wrapper {
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
    color: #333;
    line-height: 1.7;
    max-width: 100%;
}

/* --- 2. Header Styles --- */
.policy-header-block {
    margin-bottom: 35px;
    position: relative;
}

.header-eyebrow {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 1.5px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.policy-main-title {
    font-family: 'Merriweather', 'Georgia', serif; /* Academic Authority Font */
    font-size: 36px; /* Large for H1 */
    font-weight: 800;
    color: #1a202c;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

/* Gradient Text Effect for "Generative AI" */
.gradient-text {
    background: linear-gradient(135deg, #0056b3 0%, #00c6ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.title-separator {
    width: 80px;
    height: 4px;
    background: #f6851f; /* Accent Orange */
    border-radius: 2px;
    margin-top: 15px;
}

/* --- 3. Intro Section & Links --- */
.intro-lead {
    font-size: 17px;
    color: #4a5568;
    margin-bottom: 25px;
}

.verified-link {
    color: #0056b3;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px dotted #0056b3;
    transition: all 0.3s ease;
}

.verified-link:hover {
    background-color: rgba(0, 86, 179, 0.05);
    border-bottom: 1px solid #0056b3;
}

.highlight-term {
    background: linear-gradient(to top, rgba(255, 235, 59, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    padding: 0 2px;
}

/* --- 4. Compliance Grid (COPE & UGC) --- */
.compliance-grid {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.compliance-card {
    flex: 1;
    min-width: 250px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.compliance-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.compliance-card.cope { border-left: 4px solid #8e44ad; } /* Purple for Ethics */
.compliance-card.ugc { border-left: 4px solid #27ae60; } /* Green for Regulations */

.card-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f7fafc;
    color: #2d3748;
}

.card-text {
    display: flex;
    flex-direction: column;
}

.card-text strong {
    font-size: 15px;
    color: #2d3748;
}

.card-text span {
    font-size: 12px;
    color: #718096;
}

/* --- 5. Zero Tolerance Box (The Trust Signal) --- */
.zero-tolerance-box {
    background: linear-gradient(to right, #fff5f5, #ffffff);
    border: 1px solid #fed7d7;
    border-left: 5px solid #e53e3e; /* Red for Warning/Strictness */
    border-radius: 6px;
    padding: 20px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.zt-icon {
    font-size: 32px;
    line-height: 1;
}

.zt-heading {
    font-size: 18px;
    font-weight: 700;
    color: #c53030;
    margin: 0 0 8px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.zt-subtext {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #742a2a;
    font-style: italic;
}

/* --- 6. Animations --- */
.authentic-pulse {
    font-weight: 600;
    color: #2b6cb0;
    position: relative;
    z-index: 1;
}

.authentic-pulse::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #2b6cb0;
    z-index: -1;
    animation: pulse-width 2s infinite;
}

@keyframes pulse-width {
    0% { width: 0%; opacity: 0; }
    50% { width: 100%; opacity: 1; }
    100% { width: 100%; opacity: 0; }
}

/* --- 7. Responsive Adjustments --- */
@media (max-width: 768px) {
    .policy-main-title {
        font-size: 26px;
    }
    .compliance-grid {
        flex-direction: column;
    }
    .zero-tolerance-box {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .intro-lead {
        text-align: justify;
    }
}
/*--*/
/* --- Wrapper Spacing --- */
.misconduct-wrapper {
    margin-top: 50px; /* Space from previous section */
    margin-bottom: 50px;
}

/* --- Typography --- */
.section-heading {
    font-family: 'Merriweather', serif;
    font-size: 26px;
    color: #2c3e50;
    margin-bottom: 15px;
    border-left: 4px solid #c0392b; /* Warning Red Border */
    padding-left: 15px;
}

.danger-text {
    color: #c0392b; /* Academic Alert Color */
}

.section-desc {
    font-family: 'Segoe UI', sans-serif;
    font-size: 16px;
    color: #555;
    margin-bottom: 30px;
    line-height: 1.6;
    max-width: 90%;
}

/* --- The Grid Layout (Responsive) --- */
.violation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    padding: 0;
    margin: 0;
}

/* --- Violation Card Base Style --- */
.violation-card {
    background: #ffffff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    padding: 25px;
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Hover Effect: Lift & Shadow */
.violation-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

/* --- Specific Color Coding (Top Borders) --- */
.violation-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 8px 8px 0 0;
}

.violation-card.verbatim::before { background: #e74c3c; } /* Red */
.violation-card.paraphrase::before { background: #f39c12; } /* Orange */
.violation-card.self::before { background: #8e44ad; } /* Purple */
.violation-card.fabrication::before { background: #2c3e50; } /* Dark Grey/Black */

/* --- Icon Styling --- */
.card-icon-bg {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    background: #f8f9fa;
    color: #555;
    transition: background 0.3s;
}

/* Icon Colors on Hover */
.violation-card.verbatim:hover .card-icon-bg { background: rgba(231, 76, 60, 0.1); color: #e74c3c; }
.violation-card.paraphrase:hover .card-icon-bg { background: rgba(243, 156, 18, 0.1); color: #f39c12; }
.violation-card.self:hover .card-icon-bg { background: rgba(142, 68, 173, 0.1); color: #8e44ad; }
.violation-card.fabrication:hover .card-icon-bg { background: rgba(44, 62, 80, 0.1); color: #2c3e50; }

/* --- Text Content --- */
.violation-term {
    font-family: 'Segoe UI', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
}

.violation-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

.violation-desc strong {
    color: #333;
    font-weight: 600;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .violation-grid {
        grid-template-columns: 1fr; /* Stack cards on mobile */
    }
    .violation-card {
        padding: 20px;
    }
    .section-heading {
        font-size: 22px;
    }
}
/*--*/
/* =========================================
   START: Similarity Threshold Widget CSS
   ========================================= */

/* --- 1. Main Container --- */
.threshold-wrapper {
    background: #ffffff;
    border: 1px solid #e1e4e8;
    border-radius: 12px; /* Thoda aur smooth curve */
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); /* Premium Shadow */
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
    position: relative;
    overflow: hidden;
}

/* --- 2. Header Section --- */
.threshold-header {
    margin-bottom: 30px;
    border-bottom: 1px dashed #d1d5db;
    padding-bottom: 20px;
}

.threshold-title {
    font-size: 22px;
    color: #111827; /* Darker Black for contrast */
    margin: 0 0 12px 0;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-scan {
    font-size: 24px;
}

.highlight-blue {
    color: #0056b3;
    position: relative;
    display: inline-block;
}

.threshold-desc {
    font-size: 15px;
    color: #4b5563;
    line-height: 1.6;
    margin: 0;
}

.software-badge {
    background: #eef2ff;
    color: #4f46e5;
    padding: 3px 10px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    border: 1px solid #e0e7ff;
}

/* --- 3. Grid Layout (Desktop) --- */
.threshold-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 Equal Columns */
    gap: 20px;
    margin-bottom: 30px;
}

/* --- 4. Status Cards Design --- */
.status-card {
    border-radius: 10px;
    padding: 22px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Ensures equal height */
    background: #fff; /* Fallback */
}

/* Hover Effect: Card Lifts Up */
.status-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.08);
}

/* --- Color Themes --- */
/* Green (Accepted) */
.level-accepted {
    background: #f0fdf4;
    border-color: #bbf7d0;
}
.level-accepted:hover { border-color: #86efac; }

/* Orange (Revision) */
.level-revision {
    background: #fffbeb;
    border-color: #fde68a;
}
.level-revision:hover { border-color: #fcd34d; }

/* Red (Rejected) */
.level-rejected {
    background: #fef2f2;
    border-color: #fecaca;
}
.level-rejected:hover { border-color: #fca5a5; }

/* --- 5. Card Header (The Alignment Fix) --- */
.status-indicator {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Vertical Center */
    margin-bottom: 15px;
    width: 100%;
    gap: 10px; /* Gap between Text and Icon */
}

.percentage {
    font-size: 18px; /* Balanced Size */
    font-weight: 800;
    font-family: 'Consolas', 'Monaco', monospace; /* Technical Font */
    white-space: nowrap; /* 🔥 FIX: Text never wraps now */
    line-height: 1;
}

.status-icon {
    font-size: 22px;
    flex-shrink: 0; /* 🔥 FIX: Icon never shrinks */
}

/* Text Colors */
.level-accepted .percentage { color: #15803d; }
.level-revision .percentage { color: #b45309; }
.level-rejected .percentage { color: #b91c1c; }

/* --- 6. Card Body Text --- */
.status-name {
    font-size: 16px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 10px 0;
}

.status-details {
    font-size: 13px;
    color: #4b5563;
    line-height: 1.5;
    margin-bottom: 20px;
    flex-grow: 1; /* Pushes content to fill space */
}

/* --- 7. Animated Progress Bar --- */
.progress-bar {
    height: 8px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.fill {
    height: 100%;
    border-radius: 4px;
    width: 0%; /* Start at 0 for animation */
    animation: fill-bar 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.fill.green { background: #16a34a; width: 10%; } /* Target Widths set here for fallback */
.fill.orange { background: #d97706; width: 40%; }
.fill.red { background: #dc2626; width: 95%; }

/* --- 8. Footer Note (Indexing Exclusion) --- */
.exclusion-footer {
    background: #f3f4f6;
    border-left: 4px solid #4b5563;
    padding: 15px 20px;
    border-radius: 0 6px 6px 0;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.info-icon {
    font-size: 20px;
    line-height: 1;
    margin-top: 2px;
}

.exclusion-text {
    font-size: 13px;
    color: #374151;
    margin: 0;
    line-height: 1.5;
}

.exclusion-text strong { color: #111827; }
.exclusion-text em { font-style: normal; background: #e5e7eb; padding: 0 4px; border-radius: 3px; }

/* --- 9. Keyframe Animations --- */
@keyframes fill-bar {
    from { width: 0%; }
}

/* --- 10. Responsive Design (Mobile Fixes) --- */
@media (max-width: 992px) {
    .threshold-grid {
        grid-template-columns: 1fr; /* Stack cards vertically */
        gap: 15px;
    }
    
    .status-card {
        padding: 18px;
    }

    .threshold-wrapper {
        padding: 20px;
    }

    .percentage {
        font-size: 17px; /* Slight adjustment for small screens */
    }
}
/*--*/
/* --- AI Policy Container --- */
.ai-policy-wrapper {
    background: #ffffff;
    padding: 10px 0 30px 0; /* Adjusted spacing */
    font-family: 'Segoe UI', 'Inter', sans-serif;
    color: #333;
}

/* --- Header Styling --- */
.ai-header {
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 20px;
}

.ai-title-block {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 12px;
}

.ai-icon-pulse {
    width: 40px;
    height: 40px;
    background: rgba(59, 130, 246, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6;
    animation: pulse-blue 3s infinite;
}

.ai-main-title {
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    color: #1e293b;
    letter-spacing: -0.5px;
}

.gradient-tech {
    background: linear-gradient(90deg, #3b82f6, #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ai-subtitle {
    font-size: 15px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* Tech Tags (ChatGPT, Gemini) */
.tech-tag {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

/* --- Rule Cards (Authorship & Disclosure) --- */
.ai-rule-card {
    display: flex;
    gap: 15px;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    transition: transform 0.2s;
}

.ai-rule-card:hover {
    transform: translateY(-2px);
}

.rule-icon {
    font-size: 24px;
    line-height: 1;
    flex-shrink: 0;
}

.rule-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px 0;
    color: #334155;
}

/* Card Specific Styles */
.ai-rule-card.authorship-ban {
    background: #fef2f2;
    border-color: #fecaca;
}
.authorship-ban .rule-title { color: #991b1b; }
.text-danger { color: #dc2626; font-weight: 700; }

.ai-rule-card.disclosure-req {
    background: #eff6ff;
    border-color: #bfdbfe;
}
.disclosure-req .rule-title { color: #1e40af; }

/* Code Snippet for Disclosure */
.declaration-snippet {
    background: #1e293b; /* Dark Code Background */
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-family: 'Consolas', monospace;
    font-size: 13px;
    border-left: 4px solid #3b82f6;
}

.snippet-label {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.declaration-snippet code {
    color: #7dd3fc; /* Cyan Text */
    display: block;
    font-style: italic;
}

/* --- Usage Grid (Permitted vs Prohibited) --- */
.ai-usage-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 30px;
}

.usage-col {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
}

.col-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e2e8f0;
}

.col-header h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}

/* Permitted Styling */
.usage-col.permitted { border-top: 4px solid #10b981; }
.permitted .check-circle {
    color: #10b981;
    font-weight: bold;
    font-size: 18px;
}

/* Prohibited Styling */
.usage-col.prohibited { border-top: 4px solid #ef4444; }
.prohibited .cross-circle {
    color: #ef4444;
    font-weight: bold;
    font-size: 18px;
}

/* List Styling */
.usage-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.usage-list li {
    font-size: 14px;
    color: #475569;
    margin-bottom: 10px;
    padding-left: 15px;
    position: relative;
    line-height: 1.4;
}

.usage-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #cbd5e1;
    font-weight: bold;
}

/* --- Animations --- */
@keyframes pulse-blue {
    0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); }
    100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
}

/* --- Responsive Design --- */
@media (max-width: 768px) {
    .ai-usage-grid {
        grid-template-columns: 1fr; /* Stack columns on mobile */
    }
    
    .ai-main-title {
        font-size: 20px;
    }
    
    .ai-rule-card {
        flex-direction: column;
        gap: 10px;
    }
    
    .rule-icon {
        font-size: 20px;
    }
}
/*--*/
/* --- Container Styling --- */
.detection-wrapper {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 4px solid #4f46e5; /* Indigo Top Border */
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    font-family: 'Segoe UI', 'Inter', sans-serif;
    position: relative;
    overflow: hidden;
}

/* --- Header --- */
.process-header {
    margin-bottom: 35px;
    text-align: left;
}

.process-title {
    font-size: 24px;
    color: #1e293b;
    margin: 0 0 10px 0;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 10px;
}

.process-intro {
    font-size: 15px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
    max-width: 90%;
}

/* --- Timeline Structure --- */
.process-timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0; /* Connected by line */
}

.step-connector {
    width: 2px;
    height: 30px;
    background: #cbd5e1;
    margin-left: 24px; /* Aligns with circle center */
    opacity: 0.6;
}

/* --- Step Cards --- */
.step-card {
    display: flex;
    gap: 20px;
    position: relative;
    padding: 10px 0;
}

/* The Number Circle */
.step-marker {
    position: relative;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #e2e8f0;
    z-index: 2;
}

.step-number {
    font-size: 16px;
    font-weight: 800;
    color: #475569;
    position: relative;
    z-index: 3;
}

/* --- Step 1: Automated Styles --- */
.step-card.automated .step-marker {
    border-color: #3b82f6;
    color: #3b82f6;
}

/* Radar Animation (The Scan Effect) */
.radar-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(59, 130, 246, 0.1);
    border-radius: 50%;
    animation: radar-ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

/* --- Step 2: Manual Styles --- */
.step-card.manual .step-marker {
    border-color: #f59e0b; /* Amber/Gold */
    color: #f59e0b;
}

/* Human Focus Animation */
.human-focus {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4);
    animation: human-glow 3s infinite;
}

/* --- Content Styling --- */
.step-content {
    flex-grow: 1;
    background: #f8fafc; /* Very light grey bg for text */
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #f1f5f9;
    transition: transform 0.3s ease;
}

.step-card:hover .step-content {
    transform: translateX(5px);
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border-color: #e2e8f0;
}

.step-title {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #334155;
}

/* Tech Pills (Badges) */
.tech-badge-container {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.tech-pill {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    background: #e0f2fe; /* Light Blue */
    color: #0284c7;
    border: 1px solid #bae6fd;
}

.tech-pill.human {
    background: #fef3c7; /* Light Amber */
    color: #d97706;
    border-color: #fde68a;
}

.step-desc {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

.highlight-txt {
    color: #0f172a;
    font-weight: 600;
    background: rgba(255, 255, 0, 0.15); /* Subtle highlight */
    padding: 0 2px;
}

/* --- Footer Seal --- */
.verification-footer {
    margin-top: 25px;
    text-align: center;
    border-top: 1px dashed #cbd5e1;
    padding-top: 15px;
}

.verified-seal {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ecfdf5; /* Success Green Bg */
    padding: 6px 16px;
    border-radius: 20px;
    color: #059669;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #a7f3d0;
}

.check-icon {
    font-size: 16px;
}

/* --- Keyframes --- */
@keyframes radar-ping {
    75%, 100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@keyframes human-glow {
    0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(245, 158, 11, 0); }
    100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); }
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .step-card {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    
    .step-connector {
        display: none; /* Hide connector on mobile for cleaner look */
    }

    .step-marker {
        width: 40px;
        height: 40px;
    }
    
    .step-number {
        font-size: 14px;
    }
}
/*--*/
/* --- Wrapper & Header --- */
.consequences-wrapper {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 40px;
    font-family: 'Segoe UI', 'Inter', sans-serif;
    position: relative;
    overflow: hidden;
}

.consequences-header {
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 15px;
}

.consequences-title {
    font-size: 24px;
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.highlight-red {
    color: #dc2626;
    text-decoration: underline;
    text-decoration-color: rgba(220, 38, 38, 0.3);
}

.consequences-desc {
    font-size: 15px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* --- The Escalation Grid --- */
.escalation-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* --- Base Card Styles --- */
.action-card {
    border-radius: 10px;
    padding: 25px 20px;
    position: relative;
    border: 1px solid transparent;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.action-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* --- Stage Badges --- */
.stage-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.6;
}

/* --- Card Icons --- */
.card-icon {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    font-size: 20px;
}

/* --- Titles --- */
.action-title {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 12px 0;
    color: #334155;
}

/* --- STAGE 1: Warning (Yellow/Orange) --- */
.action-card.stage-1 {
    background: #fffbeb;
    border: 1px solid #fcd34d;
}
.stage-1 .card-icon { background: rgba(245, 158, 11, 0.15); color: #d97706; }
.stage-1 .action-title { color: #b45309; }

.action-list {
    padding-left: 15px;
    margin: 0;
    font-size: 13px;
    color: #78350f;
    line-height: 1.5;
}
.action-list li { margin-bottom: 6px; }

/* --- STAGE 2: Retraction (Red) --- */
.action-card.stage-2 {
    background: #fef2f2;
    border: 1px solid #fecaca;
}
.stage-2 .card-icon { background: rgba(220, 38, 38, 0.1); color: #dc2626; }
.stage-2 .action-title { color: #b91c1c; }

.retraction-text {
    font-size: 13px;
    color: #7f1d1d;
    margin-bottom: 15px;
    line-height: 1.5;
}

/* Metadata Box for SEO Keywords */
.metadata-box {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    z-index: 2;
    position: relative;
}
.meta-tag {
    font-size: 10px;
    background: #fff;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 3px 6px;
    border-radius: 4px;
    font-weight: 600;
}

/* Watermark Effect */
.watermark-text {
    position: absolute;
    bottom: -10px;
    right: -10px;
    font-size: 40px;
    font-weight: 900;
    color: rgba(220, 38, 38, 0.05);
    transform: rotate(-15deg);
    pointer-events: none;
    user-select: none;
}

/* --- STAGE 3: Blacklisting (Dark/Black) --- */
.action-card.stage-3 {
    background: #f8fafc; /* Very light grey */
    border: 1px solid #cbd5e1;
    border-top: 4px solid #1e293b; /* Dark Top */
}
.stage-3 .card-icon { background: #1e293b; color: #fff; }
.stage-3 .action-title { color: #0f172a; }

.ban-duration {
    text-align: center;
    background: #1e293b;
    color: #fff;
    padding: 8px;
    border-radius: 6px;
    margin-bottom: 10px;
    font-size: 11px;
    text-transform: uppercase;
}
.ban-years {
    font-size: 16px;
    font-weight: 800;
    color: #fca5a5; /* Light Red Highlight */
}

.action-desc {
    font-size: 12px;
    color: #475569;
    text-align: center;
    line-height: 1.4;
    margin: 0;
}

/* --- Responsive Media Queries --- */
@media (max-width: 992px) {
    .escalation-grid {
        grid-template-columns: 1fr; /* Stack vertically on mobile */
        gap: 15px;
    }
    
    .watermark-text {
        font-size: 30px; /* Smaller watermark on mobile */
    }
}
/*--*/
/* --- Wrapper Styling --- */
.reporting-wrapper {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
    font-family: 'Segoe UI', 'Inter', sans-serif;
    position: relative;
    overflow: hidden;
    border-left: 5px solid #0d9488; /* Teal Border for 'Safety' */
}

/* --- Header Section --- */
.report-header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
}

.header-icon-box {
    width: 45px;
    height: 45px;
    background: #f0fdfa; /* Light Teal */
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d9488;
}

.report-title {
    font-size: 20px;
    font-weight: 800;
    color: #111827;
    margin: 0 0 5px 0;
}

.report-subtitle {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
    margin: 0;
}

/* --- Grid Layout --- */
.report-grid {
    display: grid;
    grid-template-columns: 1.2fr 1.8fr; /* Profile takes less space */
    gap: 30px;
}

/* --- Left: Contact Card --- */
.editor-contact-card {
    background: #f8fafc;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.role-badge {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0d9488;
    background: rgba(13, 148, 136, 0.1);
    padding: 4px 8px;
    border-radius: 4px;
    align-self: flex-start;
    margin-bottom: 10px;
}

.editor-name {
    font-size: 16px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 15px 0;
}

/* Email Button Styling */
.email-action-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0f172a; /* Dark Navy */
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(15, 23, 42, 0.2);
}

.email-action-btn:hover {
    background: #0d9488; /* Turns Teal on Hover */
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(13, 148, 136, 0.25);
}

.email-text {
    flex-grow: 1;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.secure-note {
    margin-top: 15px;
    font-size: 11px;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* --- Right: SLA Timeline --- */
.sla-timeline {
    position: relative;
    padding-left: 10px;
}

.timeline-heading {
    font-size: 12px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    letter-spacing: 0.5px;
}

.timeline-steps {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Vertical Line */
.sla-line {
    width: 2px;
    height: 20px;
    background: #e2e8f0;
    margin-left: 77px; /* Aligned with dots */
}

/* Step Styling */
.sla-step {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.sla-time {
    width: 60px;
    font-size: 12px;
    font-weight: 800;
    color: #0d9488;
    text-align: right;
    padding-top: 2px;
}

.sla-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #cbd5e1;
    margin-top: 5px;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #cbd5e1;
}

.sla-dot.pulse-teal {
    background: #0d9488;
    box-shadow: 0 0 0 1px #0d9488;
    animation: timeline-pulse 2s infinite;
}

.sla-desc {
    font-size: 13px;
    color: #475569;
    line-height: 1.5;
    flex-grow: 1;
}

.sla-desc strong {
    color: #1e293b;
    display: block;
    margin-bottom: 2px;
}

/* --- Animations --- */
@keyframes timeline-pulse {
    0% { box-shadow: 0 0 0 0 rgba(13, 148, 136, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(13, 148, 136, 0); }
    100% { box-shadow: 0 0 0 0 rgba(13, 148, 136, 0); }
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .report-grid {
        grid-template-columns: 1fr; /* Stack on mobile */
    }
    .editor-contact-card {
        margin-bottom: 10px;
    }
    .sla-line {
        margin-left: 77px; /* Keep alignment */
    }
}
/*--*/
/* --- Widget Container --- */
.sidebar-widget.policy-snapshot {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    font-family: 'Segoe UI', 'Inter', sans-serif;
    overflow: hidden;
    position: relative;
    border-top: 4px solid #f59e0b; /* Amber Top Border (Sticky Note Feel) */
}

/* Hover Lift Effect */
.sidebar-widget.policy-snapshot:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

/* --- Header Styling --- */
.snapshot-header {
    background: #fffbeb; /* Very Light Amber Background */
    padding: 15px 20px;
    border-bottom: 1px dashed #fcd34d;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-icon {
    color: #d97706; /* Dark Amber Icon */
    display: flex;
    align-items: center;
    position: relative;
}

/* Pulse Animation for Attention */
.pulse-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: alert-pulse 2s infinite;
    box-shadow: 0 0 0 0 rgba(217, 119, 6, 0.7);
}

.snapshot-title {
    font-size: 15px;
    font-weight: 700;
    color: #92400e; /* Brownish Text for contrast */
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Fact List --- */
.fact-list {
    list-style: none;
    padding: 15px 20px;
    margin: 0;
}

.fact-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f1f5f9;
}

.fact-item:last-child {
    border-bottom: none;
    padding-bottom: 5px;
}

.fact-label {
    font-size: 13px;
    color: #475569;
    font-weight: 600;
}

/* --- Status Badges --- */
.fact-badge {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}

/* Specific Badge Colors */
.fact-badge.green {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.fact-badge.red {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.fact-badge.blue {
    background: #e0f2fe;
    color: #075985;
    border: 1px solid #bae6fd;
}

/* --- Standards Row --- */
.standard-logos {
    display: flex;
    align-items: center;
    gap: 6px;
}

.std-text {
    font-size: 11px;
    font-weight: 700;
    color: #334155;
    background: #f8fafc;
    padding: 2px 5px;
    border-radius: 3px;
    border: 1px solid #e2e8f0;
}

.divider {
    color: #cbd5e1;
    font-size: 10px;
}

/* --- Footer --- */
.snapshot-footer {
    background: #f8fafc;
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border-top: 1px solid #e2e8f0;
}

.check-mark {
    color: #10b981;
    font-weight: bold;
    margin-right: 4px;
}

/* --- Animation Keyframes --- */
@keyframes alert-pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(245, 158, 11, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); }
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .sidebar-widget.policy-snapshot {
        margin-bottom: 20px;
    }
}
/*--*/
/* --- Widget Container --- */
.sidebar-widget.integrity-tech {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 30px; /* Space between widgets */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    font-family: 'Segoe UI', 'Inter', sans-serif;
    overflow: hidden;
    position: relative;
    border-top: 4px solid #1e293b; /* Dark Navy Top Border */
}

/* --- Header Styling --- */
.tech-header {
    background: #f8fafc;
    padding: 15px 20px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.shield-animation {
    color: #1e293b;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: shield-float 3s ease-in-out infinite;
}

.tech-title {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tech-subtitle {
    font-size: 11px;
    color: #64748b;
    display: block;
}

/* --- Tech Stack Grid --- */
.tech-stack {
    padding: 10px 15px;
}

.tech-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 10px;
    border-radius: 8px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.tech-row:last-child {
    margin-bottom: 0;
}

/* Hover Effect: Highlight Row */
.tech-row:hover {
    background: #f8fafc;
    border-color: #e2e8f0;
    transform: translateX(3px);
}

/* --- Brand Icons (CSS Logos) --- */
.brand-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 14px;
    color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Specific Brand Gradients */
.turnitin .brand-icon {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8); /* Turnitin Blue */
}

.ithenticate .brand-icon {
    background: linear-gradient(135deg, #0d9488, #0f766e); /* iThenticate Teal */
}

.ai-detect .brand-icon {
    background: linear-gradient(135deg, #8b5cf6, #6366f1); /* AI Purple */
}

/* --- Brand Text Details --- */
.brand-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.brand-name {
    font-size: 14px;
    color: #334155;
    font-weight: 700;
}

.brand-func {
    font-size: 11px;
    color: #94a3b8;
}

/* --- Status Indicators (The Active Dot) --- */
.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
}

.status-dot.active {
    background: #22c55e; /* Green */
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2);
}

.status-dot.processing {
    background: #f59e0b; /* Amber */
    animation: blink-dot 1.5s infinite;
}

/* --- Footer --- */
.tech-footer {
    background: #f1f5f9;
    padding: 10px 15px;
    text-align: center;
    border-top: 1px solid #e2e8f0;
}

.tech-footer p {
    font-size: 10px;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
}

/* --- Animations --- */
@keyframes shield-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

@keyframes blink-dot {
    0% { opacity: 0.4; }
    50% { opacity: 1; }
    100% { opacity: 0.4; }
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .tech-row {
        padding: 10px;
    }
}
/*--*/
/* =========================================
   START: Author Checklist Widget CSS
   ========================================= */

/* --- 1. Widget Container --- */
.sidebar-widget.author-checklist {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    font-family: 'Segoe UI', 'Inter', sans-serif;
    overflow: hidden;
    position: relative;
    /* Sky Blue Top Border to match header theme */
    border-top: 4px solid #0ea5e9; 
}

/* --- 2. Header Styling --- */
.checklist-header {
    background: #f0f9ff; /* Very Light Blue Background */
    padding: 20px 25px;
    border-bottom: 1px dashed #bae6fd;
}

.header-content {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
}

.clipboard-icon {
    font-size: 20px;
}

.checklist-title {
    font-size: 18px;
    font-weight: 700;
    color: #0c4a6e; /* Dark Blue Text */
    margin: 0;
}

.checklist-subtitle {
    font-size: 11px;
    color: #64748b;
    margin: 0 0 0 34px; /* Align with title text */
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

/* --- 3. List Items --- */
.check-list-group {
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

.check-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 25px;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer; /* Makes it feel interactive */
    transition: background 0.2s ease;
}

.check-item:last-child {
    border-bottom: none;
}

.check-item:hover {
    background: #fafafa;
}

/* --- 4. Custom Animated Checkbox --- */
.custom-checkbox {
    width: 24px;
    height: 24px;
    border: 2px solid #cbd5e1;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff; /* Icon hidden by default */
    background: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
    flex-shrink: 0;
    margin-top: 2px; /* Slight alignment adjustment */
}

/* Hover Effect: Turns Green */
.check-item:hover .custom-checkbox {
    background: #10b981; /* Success Green */
    border-color: #10b981;
    color: #fff;
    transform: scale(1.1); /* Slight pop effect */
    box-shadow: 0 4px 6px rgba(16, 185, 129, 0.2);
}

/* --- 5. Text Styling --- */
.item-text {
    display: flex;
    flex-direction: column;
}

.item-text strong {
    font-size: 14px;
    color: #334155;
    font-weight: 600;
    transition: color 0.2s;
    margin-bottom: 2px;
}

.check-item:hover .item-text strong {
    color: #0f172a; /* Darker black on hover */
}

.item-text span {
    font-size: 12px;
    color: #94a3b8;
}

/* --- 6. Footer Badge --- */
.checklist-footer {
    background: #f8fafc;
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e2e8f0;
}

.ready-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #0284c7;
    background: #e0f2fe;
    padding: 6px 16px;
    border-radius: 20px;
    border: 1px solid #bae6fd;
}

.thumbs-up {
    font-size: 14px;
}

/* --- 7. Responsive --- */
@media (max-width: 768px) {
    .check-item {
        padding: 12px 20px;
    }
}
/*--*/
/* =========================================
   START: Legal & Licensing Widget CSS
   ========================================= */

/* --- 1. Widget Container --- */
.sidebar-widget.legal-status {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    font-family: 'Segoe UI', 'Inter', sans-serif;
    overflow: hidden;
    position: relative;
    /* Bronze Top Border for 'Official/Legal' feel */
    border-top: 4px solid #b45309; 
}

/* --- 2. Header Styling --- */
.legal-header {
    background: #fffbeb; /* Very Light Warm Background */
    padding: 15px 20px;
    border-bottom: 1px solid #fcd34d;
    display: flex;
    align-items: center;
    gap: 12px;
}

.gavel-icon {
    color: #b45309; /* Bronze Color */
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(180, 83, 9, 0.1);
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.header-text {
    display: flex;
    flex-direction: column;
}

.legal-title {
    font-size: 16px;
    font-weight: 700;
    color: #78350f; /* Dark Brown Text */
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.legal-subtitle {
    font-size: 11px;
    color: #92400e;
    font-weight: 500;
}

/* --- 3. License Visual Section --- */
.license-visual {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #f1f5f9;
}

.cc-logo {
    height: 40px; /* Optimal size */
    width: auto;
    margin-bottom: 12px;
    transition: transform 0.3s ease;
}

/* Interaction: Scale up logo on hover */
.cc-link:hover .cc-logo {
    transform: scale(1.08);
}

.license-desc {
    font-size: 12px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

.text-link {
    color: #0369a1;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dotted #0369a1;
    transition: color 0.2s;
}

.text-link:hover {
    color: #0c4a6e;
    border-bottom: 1px solid #0c4a6e;
}

/* --- 4. Metadata Grid (Copyright & Location) --- */
.legal-meta-grid {
    padding: 15px 20px;
}

.meta-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.meta-row:last-child {
    margin-bottom: 0;
}

.meta-icon {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    flex-shrink: 0;
}

/* Icon Specific Colors */
.meta-icon.copyright {
    background: #f1f5f9;
    color: #475569;
}

.meta-icon.location {
    background: #eef2ff;
    color: #4f46e5;
}

.meta-info {
    display: flex;
    flex-direction: column;
}

.meta-label {
    font-size: 10px;
    text-transform: uppercase;
    color: #94a3b8;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.meta-value {
    font-size: 13px;
    color: #334155;
    font-weight: 700;
}

/* --- 5. Footer Trust Seal --- */
.legal-footer {
    background: #f8fafc;
    padding: 8px;
    text-align: center;
    font-size: 10px;
    color: #94a3b8;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.8px;
    border-top: 1px solid #e2e8f0;
}

.lock-mini {
    margin-right: 4px;
    font-size: 11px;
}

/* --- 6. Responsive Adjustments --- */
@media (max-width: 768px) {
    .license-visual {
        padding: 15px;
    }
}
/*-Plagiarism Prevention & Generative AI Ethics Policy End-*/

/*-Privacy Statement Start-*/
/*--*/
/* =========================================
   START: Privacy Policy Intro CSS
   ========================================= */

/* --- 1. Main Wrapper --- */
.privacy-intro-wrapper {
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
    color: #333;
    line-height: 1.7;
    max-width: 100%;
}

/* --- 2. Header Design --- */
.privacy-main-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f1f5f9;
}

.header-badge-icon {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #e0f2fe, #bae6fd); /* Light Blue Gradient */
    color: #0284c7; /* Primary Blue */
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(2, 132, 199, 0.15);
}

.header-titles {
    flex-grow: 1;
}

.privacy-title {
    font-family: 'Merriweather', serif; /* Academic Serif */
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 5px 0;
    letter-spacing: -0.5px;
}

.privacy-subtitle {
    font-size: 16px;
    color: #64748b;
    margin: 0;
    font-weight: 500;
}

/* --- 3. Compliance Trust Bar --- */
.compliance-trust-bar {
    display: flex;
    gap: 15px;
    margin-bottom: 35px;
    flex-wrap: wrap;
}

.trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: default;
}

.trust-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* Badge Specific Colors */
.trust-badge.dpdp {
    background: #ecfdf5; /* Light Green */
    color: #047857;
    border: 1px solid #a7f3d0;
}

.trust-badge.gdpr {
    background: #eff6ff; /* Light Blue */
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.trust-badge.cope {
    background: #faf5ff; /* Light Purple */
    color: #7e22ce;
    border: 1px solid #e9d5ff;
}

.check { font-weight: 900; }

/* --- 4. Content Card Section --- */
.privacy-content-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-left: 5px solid #0f172a; /* Strong Navy Border */
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    position: relative;
}

.section-heading {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.content-body p {
    font-size: 16px;
    color: #475569;
    margin-bottom: 15px;
    text-align: justify;
}

.publisher-name {
    font-weight: 700;
    color: #0f172a;
}

/* Styled List for Regulations */
.regulation-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

.regulation-list li {
    background: #f8fafc;
    padding: 12px 15px;
    border-radius: 6px;
    border-left: 3px solid #0ea5e9; /* Light Blue Accent */
    font-size: 14px;
    color: #334155;
}

.highlight-text {
    background: linear-gradient(120deg, #f0f9ff 0%, #e0f2fe 100%);
    padding: 0 4px;
    color: #0369a1;
    font-weight: 600;
    border-radius: 2px;
}

/* --- 5. Footer Seal --- */
.card-footer-seal {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px dashed #cbd5e1;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .privacy-main-header {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    .header-badge-icon {
        margin: 0 auto;
    }
    .compliance-trust-bar {
        justify-content: center;
    }
    .regulation-list {
        grid-template-columns: 1fr;
    }
}
/*--*/
/* =========================================
   START: Scope of Data Collection CSS
   ========================================= */

/* --- 1. Wrapper & Header --- */
.data-scope-wrapper {
    margin-top: 40px;
    margin-bottom: 50px;
    font-family: 'Segoe UI', 'Roboto', sans-serif;
}

.scope-header {
    margin-bottom: 30px;
    border-left: 4px solid #3b82f6; /* Accent Blue Line */
    padding-left: 15px;
}

.scope-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.scope-desc {
    font-size: 16px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
    max-width: 90%;
}

/* --- 2. The Data Pillar Grid --- */
.data-pillar-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 Columns Layout */
    gap: 20px;
}

/* --- 3. Card Base Styling --- */
.data-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.data-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* --- 4. Icons & Colors --- */
.card-icon-box {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 20px;
}

/* Specific Card Themes */
.data-card.identity .card-icon-box {
    background: linear-gradient(135deg, #3b82f6, #2563eb); /* Blue */
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.2);
}

.data-card.contact .card-icon-box {
    background: linear-gradient(135deg, #f59e0b, #d97706); /* Amber */
    box-shadow: 0 4px 10px rgba(217, 119, 6, 0.2);
}

.data-card.manuscript .card-icon-box {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed); /* Purple */
    box-shadow: 0 4px 10px rgba(124, 58, 237, 0.2);
}

.data-card.technical .card-icon-box {
    background: linear-gradient(135deg, #64748b, #475569); /* Slate */
    box-shadow: 0 4px 10px rgba(71, 85, 105, 0.2);
}

/* --- 5. Card Text Content --- */
.card-content {
    flex-grow: 1;
}

.card-title {
    font-size: 16px;
    font-weight: 700;
    color: #334155;
    margin: 0 0 8px 0;
}

.card-text {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 12px;
}

.highlight-orcid {
    color: #a3cc39; /* Official ORCID Green */
    font-weight: 700;
}

/* --- 6. Usage Tags (Badges) --- */
.usage-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 4px;
    background: #f1f5f9;
    color: #475569;
    letter-spacing: 0.5px;
}

.usage-tag.private {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.usage-tag.secure {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

/* --- 7. Footer Note --- */
.scope-footer {
    margin-top: 15px;
    font-size: 13px;
    color: #94a3b8;
    text-align: right;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .data-pillar-grid {
        grid-template-columns: 1fr; /* Stack on mobile */
    }
    .scope-header {
        border-left: none;
        border-bottom: 4px solid #3b82f6;
        padding-left: 0;
        padding-bottom: 10px;
    }
}
/*--*/
/* =========================================
   START: Purpose of Processing CSS
   ========================================= */

/* --- 1. Wrapper & Header --- */
.processing-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: 'Segoe UI', 'Roboto', sans-serif;
}

.process-header {
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 15px;
}

.process-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.process-desc {
    font-size: 16px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* --- 2. Timeline Grid --- */
.process-timeline-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

/* --- 3. Process Card Styling --- */
.process-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.process-card:hover {
    transform: translateX(5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

/* --- 4. Step Indicators (Numbers) --- */
.step-indicator {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 60px;
    font-weight: 900;
    color: rgba(241, 245, 249, 0.8);
    z-index: 0;
    line-height: 1;
    pointer-events: none;
}

/* --- 5. Icons & Content --- */
.card-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 1;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.card-content {
    z-index: 1;
    flex-grow: 1;
}

.card-title {
    font-size: 17px;
    font-weight: 700;
    color: #334155;
    margin: 0 0 8px 0;
}

.card-text {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

/* --- 6. Step-Specific Colors (Gradients) --- */

/* Step 1: Editorial (Blue) */
.step-editorial { border-left: 4px solid #3b82f6; }
.step-editorial .card-icon { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.step-editorial:hover .card-title { color: #2563eb; }

/* Step 2: Review (Purple) */
.step-review { border-left: 4px solid #8b5cf6; }
.step-review .card-icon { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
.step-review:hover .card-title { color: #7c3aed; }

/* Step 3: Publish (Green) */
.step-publish { border-left: 4px solid #10b981; }
.step-publish .card-icon { background: linear-gradient(135deg, #10b981, #059669); }
.step-publish:hover .card-title { color: #059669; }

.cc-badge {
    background: #ecfdf5;
    color: #047857;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
}

/* Step 4: Indexing (Orange/Gold) */
.step-indexing { border-left: 4px solid #f59e0b; }
.step-indexing .card-icon { background: linear-gradient(135deg, #f59e0b, #d97706); }
.step-indexing:hover .card-title { color: #d97706; }

/* --- 7. Responsive --- */
@media (max-width: 768px) {
    .process-card {
        flex-direction: column;
        gap: 15px;
    }
    .card-icon {
        width: 40px;
        height: 40px;
    }
    .step-indicator {
        font-size: 50px;
    }
}
/*--*/
/* =========================================
   START: Anti-Spam & Marketing Policy CSS
   ========================================= */

/* --- 1. Wrapper & Header --- */
.antispam-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: 'Segoe UI', 'Roboto', sans-serif;
    position: relative;
}

.spam-header {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 20px;
}

.shield-icon-container {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ecfdf5; /* Light Green Bg */
    border-radius: 12px;
    color: #059669; /* Green Icon */
    flex-shrink: 0;
}

/* Pulsing Animation behind Shield */
.shield-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: inherit;
    z-index: -1;
    animation: shield-wave 2s infinite;
}

.spam-title {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 10px 0;
}

.highlight-green {
    color: #059669;
    background: linear-gradient(120deg, #d1fae5 0%, #ffffff 100%);
    padding: 0 5px;
    border-radius: 4px;
}

.spam-desc {
    font-size: 16px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

.forbidden-text {
    color: #dc2626; /* Warning Red */
    text-decoration: underline;
    text-decoration-color: rgba(220, 38, 38, 0.3);
    font-weight: 800;
}

/* --- 2. Guarantee Grid --- */
.guarantee-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 Columns */
    gap: 20px;
}

/* --- 3. Card Styling --- */
.guarantee-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 4px solid transparent; /* Prepare for hover border */
}

.guarantee-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

/* Specific Card Themes */
.guarantee-card.no-commercial {
    border-top-color: #ef4444; /* Red Top Border */
}

.guarantee-card.no-spam {
    border-top-color: #0ea5e9; /* Blue Top Border */
}

/* --- 4. Icons & Content --- */
.card-icon {
    width: 40px;
    height: 40px;
    background: #f8fafc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    position: relative;
}

/* Strike Line Animation for Commercial Icon */
.strike-line {
    stroke: #ef4444;
    stroke-width: 3;
}

/* Spam Blocker Badge */
.spam-blocker {
    position: absolute;
    bottom: -5px;
    right: -5px;
    font-size: 14px;
    background: #fff;
    border-radius: 50%;
    line-height: 1;
}

.card-heading {
    font-size: 16px;
    font-weight: 700;
    color: #334155;
    margin: 0 0 8px 0;
}

.card-info {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

/* --- 5. Footer --- */
.spam-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #cbd5e1;
    font-size: 12px;
    color: #059669;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* --- Animations --- */
@keyframes shield-wave {
    0% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.4); }
    70% { box-shadow: 0 0 0 8px rgba(5, 150, 105, 0); }
    100% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0); }
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .guarantee-grid {
        grid-template-columns: 1fr; /* Stack on mobile */
    }
    .spam-header {
        flex-direction: column;
        gap: 15px;
    }
}
/*--*/
/* =========================================
   START: Cookies & Analytics CSS
   ========================================= */

/* --- 1. Wrapper & Header --- */
.cookies-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: 'Segoe UI', 'Roboto', sans-serif;
}

.cookie-header {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 20px;
}

.cookie-icon-box {
    width: 50px;
    height: 50px;
    background: #fffbeb; /* Light Amber Bg */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d97706; /* Dark Amber Icon */
    flex-shrink: 0;
}

.cookie-title {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 8px 0;
}

.highlight-amber {
    color: #d97706;
}

.cookie-desc {
    font-size: 16px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* --- 2. Cookie Grid --- */
.cookie-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 Columns */
    gap: 20px;
    margin-bottom: 25px;
}

/* --- 3. Card Styling --- */
.cookie-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.cookie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

/* Card Specifics */
.cookie-card.essential {
    border-top: 4px solid #3b82f6; /* Blue Top */
}

.cookie-card.analytics {
    border-top: 4px solid #f59e0b; /* Amber Top */
}

/* --- 4. Card Content --- */
.card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.type-badge {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 4px;
    letter-spacing: 0.5px;
}

.type-badge.required {
    background: #e0f2fe;
    color: #0284c7;
}

.type-badge.optional {
    background: #fff7ed;
    color: #c2410c;
}

.icon-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-circle.lock { background: #f1f5f9; color: #475569; }
.icon-circle.chart { background: #f1f5f9; color: #475569; }

.cookie-name {
    font-size: 16px;
    font-weight: 700;
    color: #334155;
    margin: 0 0 10px 0;
}

.cookie-info {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

/* --- 5. User Control Notice --- */
.cookie-control-notice {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.notice-icon {
    font-size: 20px;
}

.notice-text {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 1.5;
}

.notice-text strong {
    color: #0352ff;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .cookie-grid {
        grid-template-columns: 1fr; /* Stack on mobile */
    }
}
/*--*/
/* =========================================
   START: Security & Retention CSS
   ========================================= */

/* --- 1. Wrapper & Header --- */
.security-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: 'Segoe UI', 'Roboto', sans-serif;
}

.header-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.security-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.highlight-navy {
    color: #1e293b;
    text-decoration: underline;
    text-decoration-color: #3b82f6;
    text-decoration-thickness: 3px;
}

/* Live System Status Indicator */
.live-status {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f0fdf4;
    padding: 5px 10px;
    border-radius: 20px;
    border: 1px solid #bbf7d0;
}

.status-dot {
    width: 8px;
    height: 8px;
    background: #16a34a;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.7);
}

.status-dot.pulse-green {
    animation: status-pulse 2s infinite;
}

.status-text {
    font-size: 11px;
    font-weight: 700;
    color: #166534;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.security-desc {
    font-size: 16px;
    color: #64748b;
    line-height: 1.6;
    margin: 0 0 30px 0;
    max-width: 90%;
}

/* --- 2. Security Grid --- */
.security-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 Columns */
    gap: 20px;
}

/* --- 3. Card Styling --- */
.security-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 25px 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%; /* Equal Height */
}

.security-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.06);
}

/* Specific Card Accents */
.security-card.encryption { border-top: 4px solid #0d9488; } /* Teal */
.security-card.access { border-top: 4px solid #1e293b; } /* Navy */
.security-card.retention { border-top: 4px solid #7c3aed; } /* Purple */

/* --- 4. Icons --- */
.card-icon-wrapper {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

/* Icon Colors */
.encryption .card-icon-wrapper { background: #f0fdfa; color: #0d9488; }
.access .card-icon-wrapper { background: #f8fafc; color: #1e293b; }
.retention .card-icon-wrapper { background: #f5f3ff; color: #7c3aed; }

/* --- 5. Card Content --- */
.card-title {
    font-size: 16px;
    font-weight: 700;
    color: #334155;
    margin: 0 0 10px 0;
}

.card-text {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

/* --- 6. Footer --- */
.security-footer {
    margin-top: 25px;
    display: flex;
    justify-content: center;
}

.footer-badge {
    background: #f1f5f9;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    color: #475569;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e2e8f0;
}

/* --- Animations --- */
@keyframes status-pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(22, 163, 74, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }
}

/* --- Responsive --- */
@media (max-width: 992px) {
    .security-grid {
        grid-template-columns: 1fr; /* Stack vertically on tablet/mobile */
        gap: 15px;
    }
    
    .header-main {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}
/*--*/
/* =========================================
   START: Author Rights & Control CSS
   ========================================= */

/* --- 1. Wrapper & Header --- */
.rights-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: 'Segoe UI', 'Roboto', sans-serif;
}

.rights-header {
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 20px;
}

.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 10px;
}

.rights-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.highlight-text {
    font-weight: 400;
    color: #64748b;
    font-size: 0.9em;
}

/* Compliance Badges */
.law-badges {
    display: flex;
    gap: 10px;
}

.law-tag {
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.law-tag.dpdp {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.law-tag.gdpr {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.rights-desc {
    font-size: 16px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* --- 2. The Rights Grid --- */
.rights-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 Columns */
    gap: 20px;
    margin-bottom: 25px;
}

/* --- 3. Right Card Styling --- */
.right-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.right-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

/* Specific Accents */
.right-card.access {
    border-top: 4px solid #0ea5e9; /* Sky Blue */
}

.right-card.erasure {
    border-top: 4px solid #e11d48; /* Rose Red */
}

/* --- 4. Icons & Content --- */
.card-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
}

/* Icon Colors */
.access .card-icon-box { color: #0ea5e9; background: #f0f9ff; }
.erasure .card-icon-box { color: #e11d48; background: #fff1f2; }

.card-heading {
    font-size: 17px;
    font-weight: 700;
    color: #334155;
    margin: 0 0 8px 0;
}

.card-text {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
    flex-grow: 1; /* Pushes footer down */
}

/* Actions */
.action-link {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #0ea5e9;
    text-decoration: none;
    margin-top: 10px;
    transition: padding 0.2s;
}

.action-link:hover {
    padding-left: 5px;
    color: #0284c7;
}

.caution-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: #e11d48;
    background: #fff1f2;
    padding: 4px 8px;
    border-radius: 4px;
    margin-top: 10px;
    align-self: flex-start;
}

/* --- 5. Scientific Integrity Clause (The Box) --- */
.integrity-clause {
    background: #f1f5f9; /* Slate Gray */
    border-left: 5px solid #64748b;
    padding: 20px;
    border-radius: 0 8px 8px 0;
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.clause-icon {
    font-size: 24px;
    line-height: 1;
}

.clause-content strong {
    display: block;
    color: #334155;
    font-size: 15px;
    margin-bottom: 5px;
}

.clause-content p {
    font-size: 13px;
    color: #475569;
    line-height: 1.5;
    margin: 0;
    text-align: justify;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .rights-grid {
        grid-template-columns: 1fr; /* Stack vertically */
    }
    .header-top {
        flex-direction: column;
        align-items: flex-start;
    }
}
/*--*/
/* =========================================
   START: Grievance Redressal CSS
   ========================================= */

/* --- 1. Wrapper & Header --- */
.redressal-wrapper {
    margin-top: 50px;
    margin-bottom: 30px;
    font-family: 'Segoe UI', 'Roboto', sans-serif;
}

.redressal-header {
    margin-bottom: 25px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 15px;
}

.redressal-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 10px 0;
}

.highlight-contact {
    color: #0f172a;
    background: linear-gradient(120deg, #e0f2fe 0%, #ffffff 100%);
    padding: 0 5px;
    border-radius: 4px;
    text-decoration: underline;
    text-decoration-color: #0ea5e9;
}

.redressal-desc {
    font-size: 16px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* --- 2. DPO ID Card --- */
.dpo-id-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    transition: transform 0.3s ease;
    border-left: 5px solid #0f172a; /* Navy Accent */
}

.dpo-id-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* --- 3. Left Visual (Avatar) --- */
.dpo-visual {
    position: relative;
    flex-shrink: 0;
}

.avatar-circle {
    width: 80px;
    height: 80px;
    background: #f1f5f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
    border: 2px solid #e2e8f0;
}

.status-badge {
    position: absolute;
    bottom: 0;
    right: -5px;
    background: #22c55e; /* Online Green */
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* --- 4. Right Details --- */
.dpo-details {
    flex-grow: 1;
}

.role-pill {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0284c7;
    background: #e0f2fe;
    padding: 4px 8px;
    border-radius: 4px;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.officer-name {
    font-size: 20px;
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 5px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.verified-icon {
    color: #0ea5e9;
    font-size: 16px;
    cursor: help;
}

.officer-role {
    font-size: 14px;
    color: #64748b;
    margin: 0 0 15px 0;
    font-weight: 500;
}

/* --- 5. Contact Button --- */
.contact-btn-pulse {
    display: inline-flex;
    align-items: center;
    background: #0f172a; /* Dark Navy */
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    gap: 10px;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.2);
}

.contact-btn-pulse:hover {
    background: #1e293b;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(15, 23, 42, 0.3);
    gap: 15px; /* Slide arrow effect */
}

.btn-arrow {
    transition: margin 0.3s;
}

/* --- 6. Footer (SLA) --- */
.sla-footer {
    margin-top: 25px;
    display: flex;
    gap: 20px;
    border-top: 1px dashed #cbd5e1;
    padding-top: 15px;
    flex-wrap: wrap;
}

.sla-item {
    font-size: 13px;
    color: #475569;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sla-item strong {
    color: #0f172a;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .dpo-id-card {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .officer-name {
        justify-content: center;
    }
    
    .contact-btn-pulse {
        width: 100%;
        justify-content: center;
    }

    .sla-footer {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
}
/*--*/
/* =========================================
   START: Privacy Promise Widget CSS
   ========================================= */

/* --- 1. Widget Container --- */
.sidebar-widget.privacy-promise-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    font-family: 'Segoe UI', 'Inter', sans-serif;
    overflow: hidden;
    position: relative;
    border-top: 4px solid #10b981; /* Emerald Green Top Border */
}

/* Hover Lift Effect */
.sidebar-widget.privacy-promise-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

/* --- 2. Header Styling --- */
.promise-header {
    background: #ecfdf5; /* Very Light Green Background */
    padding: 20px;
    border-bottom: 1px dashed #6ee7b7;
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-icon-container {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    color: #059669;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Pulse Animation for Security */
.pulse-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #34d399;
    opacity: 0;
    animation: secure-pulse 2s infinite;
}

.header-titles {
    display: flex;
    flex-direction: column;
}

.widget-title {
    font-size: 16px;
    font-weight: 800;
    color: #064e3b; /* Dark Green Text */
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.widget-subtitle {
    font-size: 11px;
    color: #059669;
    font-weight: 600;
}

/* --- 3. Promise List --- */
.promise-list {
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

.promise-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 20px;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.2s;
}

.promise-item:last-child {
    border-bottom: none;
}

.promise-item:hover {
    background: #f8fafc;
}

/* --- 4. Icons & Text --- */
.item-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #f3f4f6;
    color: #64748b;
    transition: all 0.3s ease;
}

/* Icon Hover Colors */
.promise-item:hover .item-icon.no-spam { background: #fee2e2; color: #dc2626; }
.promise-item:hover .item-icon.no-sell { background: #ffedd5; color: #ea580c; }
.promise-item:hover .item-icon.secure { background: #dcfce7; color: #16a34a; }
.promise-item:hover .item-icon.compliant { background: #e0f2fe; color: #0284c7; }

.item-text {
    display: flex;
    flex-direction: column;
}

.item-text strong {
    font-size: 14px;
    color: #334155;
    font-weight: 700;
    margin-bottom: 2px;
}

.item-text span {
    font-size: 12px;
    color: #94a3b8;
    line-height: 1.4;
}

.highlight-law {
    color: #0f172a;
    font-weight: 600;
    border-bottom: 1px dotted #cbd5e1;
}

/* --- 5. Footer Verification --- */
.promise-footer {
    background: #f8fafc;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #e2e8f0;
}

.verified-badge {
    font-size: 11px;
    font-weight: 700;
    color: #059669;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.check-mark {
    font-size: 14px;
    font-weight: 900;
}

/* --- Animations --- */
@keyframes secure-pulse {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(1.6); opacity: 0; }
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .sidebar-widget.privacy-promise-card {
        margin-bottom: 20px;
    }
}
/*--*/
/* =========================================
   START: Data Controller Widget CSS
   ========================================= */

/* --- 1. Widget Container --- */
.sidebar-widget.data-controller-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    font-family: 'Segoe UI', 'Inter', sans-serif;
    overflow: hidden;
    position: relative;
    /* Official Navy Blue Top Border */
    border-top: 4px solid #1e293b; 
}

/* Hover Lift */
.sidebar-widget.data-controller-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

/* --- 2. Header Styling --- */
.controller-header {
    background: #f8fafc; /* Very Light Grey */
    padding: 18px 20px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.building-icon {
    width: 38px;
    height: 38px;
    background: #e2e8f0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
}

.header-titles {
    display: flex;
    flex-direction: column;
}

.widget-title {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.widget-subtitle {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
}

/* --- 3. Body Content --- */
.controller-body {
    padding: 20px;
}

/* Organization Identity */
.org-identity {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #cbd5e1;
}

.org-logo-placeholder {
    width: 40px;
    height: 40px;
    background: #1e293b; /* Navy */
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
}

.org-name {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    line-height: 1.2;
}

.verified-tag {
    font-size: 10px;
    background: #dcfce7;
    color: #166534;
    padding: 2px 6px;
    border-radius: 4px;
    margin-top: 4px;
    display: inline-block;
    font-weight: 700;
}

/* --- 4. Address Block --- */
.info-block.address {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}

.icon-side {
    color: #ef4444; /* Map Pin Red */
    margin-top: 2px;
    flex-shrink: 0;
}

.address-text {
    font-style: normal;
    font-size: 13px;
    color: #475569;
    line-height: 1.5;
}

/* --- 5. Contact Actions (Clickable) --- */
.contact-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.action-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.action-row:hover {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.action-icon {
    color: #64748b;
    display: flex;
    align-items: center;
}

/* Specific Hover Colors */
.action-row.email:hover .action-icon { color: #0284c7; }
.action-row.phone:hover .action-icon { color: #16a34a; }

.action-label {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.action-row:hover .action-label {
    color: #0f172a;
}

/* --- 6. Footer --- */
.controller-footer {
    background: #f8fafc;
    padding: 8px;
    text-align: center;
    border-top: 1px solid #e2e8f0;
}

.footer-note {
    font-size: 10px;
    color: #94a3b8;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .sidebar-widget.data-controller-card {
        margin-bottom: 20px;
    }
}
/*--*/
/* =========================================
   START: Global Standards Widget CSS
   ========================================= */

/* --- 1. Main Container --- */
.sidebar-widget.standards-vault-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    font-family: 'Segoe UI', 'Inter', sans-serif;
    overflow: hidden;
    /* Soft Gold Top Border for 'Global' feel */
    border-top: 4px solid #ca8a04; 
}

/* Hover Subtle Lift */
.sidebar-widget.standards-vault-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- 2. Header Design --- */
.vault-header {
    background: #fdfcfb; /* Subtle parchment tint */
    padding: 18px 20px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    gap: 12px;
}

.globe-icon-box {
    width: 36px;
    height: 36px;
    background: #fefce8;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ca8a04; /* Gold */
}

.vault-title {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.vault-subtitle {
    font-size: 10px;
    color: #64748b;
    font-weight: 600;
    display: block;
}

/* --- 3. Standards Grid --- */
.standards-grid {
    padding: 15px;
    display: grid;
    grid-template-columns: 1fr; /* Stack for clear list view */
    gap: 10px;
}

.std-box {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 15px;
    border-radius: 8px;
    background: #fcfcfc;
    border: 1px solid #f1f5f9;
    transition: all 0.2s ease;
}

.std-box:hover {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    transform: scale(1.02);
}

.std-icon {
    font-size: 18px;
    flex-shrink: 0;
}

.std-content {
    display: flex;
    flex-direction: column;
}

.std-content strong {
    font-size: 13px;
    color: #334155;
    font-weight: 700;
    line-height: 1.2;
}

.std-content span {
    font-size: 11px;
    color: #94a3b8;
}

/* Specific Accent Colors (Subtle Left Border) */
.gdpr { border-left: 3px solid #1e40af; } /* Blue */
.dpdp { border-left: 3px solid #ea580c; } /* Orange */
.cope { border-left: 3px solid #15803d; } /* Green */
.boai { border-left: 3px solid #6366f1; } /* Indigo */

/* --- 4. Footer Badge --- */
.vault-footer {
    background: #f8fafc;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #f1f5f9;
}

.compliance-badge {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    font-weight: 700;
    color: #15803d;
    background: #f0fdf4;
    padding: 4px 12px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- 5. Responsive --- */
@media (max-width: 768px) {
    .std-box {
        padding: 10px;
    }
}
/*-Privacy Statement End-*/
/*-archives start-*/
/**/
/* --- 1. Search Section Wrapper --- */
.archive-search-container {
    background: #f8fafc; /* Light Slate Background */
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

/* --- 2. Main Search Bar --- */
.filter-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #475569;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

.main-search-bar {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
}

.archive-input {
    flex-grow: 1;
    padding: 14px 20px;
    border: 2px solid #cbd5e1;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.3s ease;
    outline: none;
}

.archive-input:focus {
    border-color: #0284c7;
    box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.1);
}

.search-btn {
    background: #0f172a; /* Navy Blue */
    color: #fff;
    border: none;
    padding: 0 25px;
    border-radius: 8px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

.search-btn:hover {
    background: #1e293b;
}

/* --- 3. Filters Grid --- */
.filter-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    border-top: 1px solid #e2e8f0;
    padding-top: 20px;
}

.filter-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-item label {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

.filter-select {
    padding: 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    color: #334155;
    cursor: pointer;
}

.filter-select:focus {
    border-color: #0284c7;
}

/* --- 4. Trending/Quick Badges --- */
.trending-topics {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.trending-label {
    font-size: 12px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
}

.topic-badge {
    background: #fff;
    border: 1px solid #e2e8f0;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #0284c7;
    text-decoration: none;
    transition: all 0.2s;
}

.topic-badge:hover {
    background: #0284c7;
    color: #fff;
    border-color: #0284c7;
}

/* --- 5. Responsive --- */
@media (max-width: 768px) {
    .main-search-bar {
        flex-direction: column;
    }
    .search-btn {
        padding: 14px;
        justify-content: center;
    }
    .filter-grid {
        grid-template-columns: 1fr;
    }
}
/**/
/*--*/
/* --- Archives Explorer Wrapper --- */
.archives-explorer {
    margin-bottom: 50px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.archive-header-block {
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 15px;
}

.archive-main-title {
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 12px;
}

.highlight-blue {
    color: #0284c7;
}

.archive-intro {
    font-size: 15px;
    color: #64748b;
    margin-top: 8px;
}

/* --- Timeline Groups --- */
.archive-year-group {
    margin-bottom: 15px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease;
}

.archive-year-group.active {
    border-color: #0284c7;
    box-shadow: 0 10px 25px rgba(2, 132, 199, 0.08);
}

/* --- Toggle Button --- */
.year-toggle-btn {
    width: 100%;
    padding: 18px 25px;
    background: #fff;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background 0.2s;
}

.year-toggle-btn:hover {
    background: #f8fafc;
}

.year-label {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
}

.archive-year-group.active .year-label {
    color: #0284c7;
}

/* Toggle Icon (Arrow) */
.toggle-icon {
    width: 12px;
    height: 12px;
    border-right: 2px solid #64748b;
    border-bottom: 2px solid #64748b;
    transform: rotate(45deg);
    transition: transform 0.3s;
}

.archive-year-group.active .toggle-icon {
    transform: rotate(-135deg);
    border-color: #0284c7;
}

/* --- Issue Grid (Hidden by default) --- */
.issue-grid {
    display: none;
    grid-template-columns: repeat(4, 1fr); /* 4 issues per row on desktop */
    gap: 15px;
    padding: 25px;
    background: #fcfdfe;
    border-top: 1px solid #f1f5f9;
}

.archive-year-group.active .issue-grid {
    display: grid;
    animation: fadeInDown 0.4s ease forwards;
}

/* --- Issue Card --- */
.issue-card {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    text-align: center;
    transition: all 0.2s ease;
}

.issue-card:hover {
    border-color: #0284c7;
    background: #f0f9ff;
    color: #0284c7;
    transform: translateY(-2px);
}

/* Special styling for a 'Current' or 'Active' Issue */
.active-issue {
    background: #0284c7;
    color: #fff;
    border-color: #0284c7;
}

.active-issue:hover {
    background: #0369a1;
    color: #fff;
}

/* --- Animations --- */
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- Responsive Layout --- */
@media (max-width: 992px) {
    .issue-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 600px) {
    .issue-grid { grid-template-columns: repeat(2, 1fr); padding: 15px; }
    .year-label { font-size: 16px; }
    .issue-card { font-size: 12px; }
}
/*--*/
/*--*/
/*--*/
/*--*/
/*--*/
/*--*/
/*--*/
/*--*/
/*--*/
/*-archives end-*/
/*--*/
/*- Archives-start-*/
/*--*/
/* --- Issue Container --- */
.issue-main-container {
    max-width: 100%;
    margin-bottom: 50px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #334155;
}

/* --- Header Branding --- */
.issue-branding-header {
    background: linear-gradient(to right, #f8fafc, #ffffff);
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    margin-bottom: 30px;
}

.issue-meta-badge {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.vol-tag, .iss-tag {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
}

.vol-tag { background: #0f172a; color: #fff; }
.iss-tag { background: #e2e8f0; color: #475569; }

.issue-main-heading {
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 5px 0;
}

.journal-sub-title {
    font-size: 16px;
    color: #0284c7;
    font-weight: 600;
    margin-bottom: 15px;
}

.issue-quick-meta {
    display: flex;
    gap: 20px;
    font-size: 13px;
    color: #64748b;
    border-top: 1px solid #f1f5f9;
    padding-top: 15px;
}

/* --- Editorial Overview Card --- */
.editorial-overview-card {
    display: flex;
    gap: 20px;
    background: #f0f9ff;
    padding: 25px;
    border-radius: 12px;
    border-left: 5px solid #0284c7;
    margin-bottom: 40px;
}

.editorial-icon { color: #0284c7; flex-shrink: 0; }
.section-label { font-size: 14px; font-weight: 800; text-transform: uppercase; color: #0369a1; margin-bottom: 10px; }
.editorial-text p { font-size: 15px; line-height: 1.6; margin: 0; text-align: justify; }

/* --- Table of Contents Grid --- */
.toc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0f172a;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.toc-header h3 { font-size: 18px; font-weight: 800; color: #0f172a; margin: 0; }
.paper-count { font-size: 12px; font-weight: 700; color: #64748b; background: #f1f5f9; padding: 4px 10px; border-radius: 4px; }

.paper-row {
    display: flex;
    gap: 20px;
    padding: 25px 0;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.2s;
}

.paper-row:hover { background: #fafafa; }

.paper-meta-side {
    width: 100px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.page-range { font-size: 12px; font-weight: 700; color: #94a3b8; }
.paper-category { font-size: 10px; text-transform: uppercase; font-weight: 800; color: #0284c7; }

.paper-title { font-size: 18px; font-weight: 700; line-height: 1.4; margin: 0 0 8px 0; }
.paper-title a { color: #1e293b; text-decoration: none; transition: color 0.2s; }
.paper-title a:hover { color: #0284c7; }

.paper-authors { font-size: 14px; color: #475569; font-style: italic; margin-bottom: 8px; }
.paper-abstract-mini { font-size: 13px; color: #64748b; margin-bottom: 15px; line-height: 1.5; }

/* --- Action Buttons --- */
.paper-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.btn-action {
    font-size: 12px;
    font-weight: 700;
    padding: 6px 15px;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid #cbd5e1;
    transition: all 0.2s;
    background: #fff;
    cursor: pointer;
}

.btn-action.abstract { color: #0284c7; }
.btn-action.pdf { background: #0284c7; color: #fff; border-color: #0284c7; }
.btn-action.cite { color: #475569; }

.btn-action:hover { transform: translateY(-2px); box-shadow: 0 4px 6px rgba(0,0,0,0.05); }

.paper-doi { font-size: 11px; color: #94a3b8; margin-left: auto; font-family: monospace; }

/* --- Responsive --- */
@media (max-width: 768px) {
    .issue-branding-header { padding: 20px; }
    .issue-main-heading { font-size: 24px; }
    .paper-row { flex-direction: column; gap: 10px; }
    .paper-meta-side { width: 100%; flex-direction: row; gap: 15px; border-bottom: 1px solid #f1f5f9; padding-bottom: 5px; }
    .paper-doi { margin-left: 0; width: 100%; margin-top: 10px; }
}
/*--*/
/* --- Bibliographic Snapshot Container --- */
.bibliographic-snapshot-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 25px;
    margin-bottom: 40px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    position: relative;
    overflow: hidden;
}

.snapshot-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    border-bottom: 1px dashed #e2e8f0;
    padding-bottom: 15px;
}

.snapshot-title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Status Badge & Pulse --- */
.indexing-status-badge {
    background: #f0fdf4;
    color: #166534;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #bbf7d0;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    background: #22c55e;
    border-radius: 50%;
    animation: status-glow 2s infinite;
}

@keyframes status-glow {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

/* --- Metadata Grid --- */
.metadata-identity-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.meta-box {
    background: #f8fafc;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.meta-box:hover {
    border-color: #0ea5e9;
    background: #ffffff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.meta-box.wide {
    grid-column: span 3;
}

.meta-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.date .meta-icon-box { background: #e0f2fe; color: #0369a1; }
.issn .meta-icon-box { background: #f1f5f9; color: #475569; }
.doi .meta-icon-box { background: #fae8ff; color: #a21caf; }
.target .meta-icon-box { background: #fefce8; color: #a16207; }

.meta-info {
    display: flex;
    flex-direction: column;
}

.meta-label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 1px;
}

.meta-value {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
}

/* --- Discovery Tags --- */
.target-logos {
    display: flex;
    gap: 8px;
    margin-top: 5px;
    flex-wrap: wrap;
}

.target-tag {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 4px;
}

/* --- Responsive --- */
@media (max-width: 992px) {
    .metadata-identity-grid { grid-template-columns: 1fr 1fr; }
    .meta-box.wide { grid-column: span 2; }
}

@media (max-width: 600px) {
    .metadata-identity-grid { grid-template-columns: 1fr; }
    .meta-box.wide { grid-column: span 1; }
    .snapshot-header { flex-direction: column; align-items: flex-start; gap: 10px; }
}
/*--*/
/* =========================================
   Table of Contents - Elite Academic Design
   ========================================= */

.toc-section {
    margin-top: 30px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.toc-header-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0f172a;
    padding-bottom: 12px;
    margin-bottom: 30px;
}

.toc-title {
    font-size: 22px;
    font-weight: 800;
    color: #1e293b;
    margin: 0;
}

.toc-title .highlight {
    color: #0284c7;
}

.toc-stats {
    font-size: 13px;
    background: #f1f5f9;
    padding: 5px 12px;
    border-radius: 20px;
    color: #475569;
}

/* --- Paper Card Styling --- */
.paper-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border-left: 0px solid #0284c7;
}

.paper-card:hover {
    transform: translateX(5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border-left-width: 6px;
    border-color: #0284c7;
}

.paper-top-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.paper-discipline {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    color: #0284c7;
    background: #e0f2fe;
    padding: 3px 10px;
    border-radius: 4px;
}

.paper-pages {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 600;
}

/* --- Title & Author --- */
.paper-title-link {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 10px 0;
}

.paper-title-link a {
    color: #0f172a;
    text-decoration: none;
    transition: color 0.2s;
}

.paper-card:hover .paper-title-link a {
    color: #0284c7;
}

.paper-author-line {
    font-size: 14px;
    color: #334155;
    margin-bottom: 15px;
}

.author-icon {
    margin-right: 5px;
    filter: grayscale(1);
}

.affiliation {
    color: #64748b;
    font-style: italic;
    font-size: 13px;
}

/* --- Abstract & Keywords --- */
.paper-abstract-snippet p {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 15px;
    text-align: justify;
}

.paper-keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.kw-label {
    font-size: 12px;
    font-weight: 700;
    color: #94a3b8;
    align-self: center;
}

.kw-tag {
    font-size: 11px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 2px 8px;
    border-radius: 4px;
    color: #64748b;
}

/* --- Footer Actions --- */
.paper-footer-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f1f5f9;
    padding-top: 15px;
    flex-wrap: wrap;
    gap: 15px;
}

.doi-link {
    font-size: 12px;
    color: #0369a1;
    text-decoration: none;
    font-weight: 600;
    font-family: monospace;
}

.action-buttons-group {
    display: flex;
    gap: 10px;
}

.btn-action {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid #e2e8f0;
    cursor: pointer;
}

.btn-action.view { background: #fff; color: #475569; }
.btn-action.download { background: #0f172a; color: #fff; border-color: #0f172a; }
.btn-action.cite { background: #f1f5f9; color: #0f172a; }

.btn-action:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* --- Hindi Support --- */
.hindi-font {
    font-family: 'Poppins', 'Segoe UI', sans-serif;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .paper-footer-actions {
        flex-direction: column;
        align-items: flex-start;
    }
    .action-buttons-group {
        width: 100%;
        justify-content: space-between;
    }
    .btn-action {
        flex: 1;
        text-align: center;
        padding: 8px 5px;
    }
}
/*--*/
/* =========================================
   Archival Integrity & Preservation CSS
   ========================================= */

.archival-integrity-vault {
    margin-top: 60px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 35px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.preservation-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 40px;
    align-items: center;
}

/* --- Left Side: Vault Info --- */
.vault-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.vault-icon-box {
    width: 50px;
    height: 50px;
    background: #0f172a;
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.2);
}

.vault-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.vault-text {
    font-size: 15px;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 20px;
}

.highlight-ink {
    color: #0284c7;
    font-weight: 700;
    border-bottom: 2px solid #bae6fd;
}

.preservation-badges {
    display: flex;
    gap: 10px;
}

.p-badge {
    background: #fff;
    border: 1px solid #cbd5e1;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    letter-spacing: 0.5px;
}

/* --- Right Side: Crossmark Box --- */
.crossmark-action-box {
    background: #fff;
    border: 2px solid #0f172a;
    padding: 25px;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.3s ease;
}

.crossmark-action-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.crossmark-branding {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 15px;
    color: #dc2626; /* Crossmark Red */
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

.cm-logo {
    background: #dc2626;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
}

.cm-title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 10px;
}

.cm-text {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 20px;
}

.btn-verify {
    width: 100%;
    background: #0f172a;
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-verify:hover {
    background: #334155;
}

/* --- Footer --- */
.preservation-footer {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: center;
    gap: 15px;
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.separator { color: #cbd5e1; }

/* --- Responsive --- */
@media (max-width: 992px) {
    .preservation-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .crossmark-action-box {
        max-width: 400px;
        margin: 0 auto;
    }
}
/*--*/
/* =========================================
   Issue Identity Sidebar Widget CSS
   ========================================= */

.sidebar-widget.issue-identity-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

/* --- Cover Image Styles --- */
.issue-cover-wrapper {
    position: relative;
    padding: 20px;
    background: #f8fafc; /* Subtle light background for the cover */
    text-align: center;
}

.issue-thumbnail {
    width: 85%;
    height: auto;
    border-radius: 4px;
    box-shadow: 5px 15px 25px rgba(0, 0, 0, 0.15); /* 3D effect shadow */
    transition: transform 0.4s ease;
}

.issue-identity-card:hover .issue-thumbnail {
    transform: scale(1.03) rotate(-1deg);
}

/* Open Access Ribbon */
.open-access-ribbon {
    position: absolute;
    top: 15px;
    left: -30px;
    background: #16a34a;
    color: #fff;
    padding: 5px 35px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    transform: rotate(-45deg);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 2;
}

/* --- Content Section --- */
.issue-info-content {
    padding: 20px;
}

.sidebar-issue-title {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 5px 0;
    line-height: 1.2;
}

.issue-edition-tag {
    font-size: 12px;
    color: #0284c7;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Specs Table */
.identity-specs {
    margin-bottom: 20px;
}

.spec-row {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
}

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

.spec-icon { margin-right: 10px; font-size: 14px; }
.spec-label { font-size: 12px; color: #64748b; flex-grow: 1; }
.spec-value { font-size: 12px; color: #1e293b; }

.highlight-green { color: #16a34a; }

/* Download Button */
.btn-download-issue {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #0f172a;
    color: #ffffff;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: background 0.3s, transform 0.2s;
}

.btn-download-issue:hover {
    background: #1e293b;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2);
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .issue-thumbnail { width: 60%; }
    .sidebar-issue-title { font-size: 16px; }
}
/*--*/
/* =========================================
   Citation & Metrics Sidebar CSS
   ========================================= */

.sidebar-widget.citation-metrics-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 30px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

/* --- Header Style --- */
.widget-header-alt {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.widget-title-alt {
    font-size: 14px;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

/* --- Citation Box --- */
.citation-box-container {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 25px;
    position: relative;
}

.citation-text {
    font-size: 12px;
    color: #1e293b;
    line-height: 1.5;
    font-style: italic;
    padding-right: 60px; /* Space for button */
}

.copy-cite-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.2s;
    color: #0284c7;
}

.copy-cite-btn:hover {
    background: #0284c7;
    color: #fff;
}

/* --- Metrics Grid --- */
.metrics-dashboard {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.metric-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #ffffff;
    border: 1px solid #f1f5f9;
    padding: 12px;
    border-radius: 8px;
    transition: transform 0.2s;
}

.metric-item:hover {
    transform: scale(1.02);
    border-color: #e2e8f0;
}

.metric-visual {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.views .metric-visual { background: #eff6ff; color: #1d4ed8; }
.downloads .metric-visual { background: #f0fdf4; color: #16a34a; }

.metric-data {
    display: flex;
    flex-direction: column;
}

.metric-count {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.metric-label {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
}

/* --- Metrics Footer --- */
.metrics-footer {
    margin-top: 20px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-top: 1px solid #f1f5f9;
    padding-top: 10px;
}

.live-indicator {
    color: #ef4444;
    font-size: 14px;
    vertical-align: middle;
    animation: blink 1.5s infinite;
}

@keyframes blink {
    0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }
}
/*--*/
/* =========================================
   Ethics & Trust Seal Sidebar CSS
   ========================================= */

.sidebar-widget.ethics-vault-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    font-family: 'Inter', 'Segoe UI', sans-serif;
    border-top: 4px solid #0f172a; /* Strong Navy Anchor */
}

/* --- Vault Header --- */
.vault-header {
    background: #f8fafc;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #f1f5f9;
}

.shield-icon-outer {
    width: 36px;
    height: 36px;
    background: #0f172a;
    color: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vault-main-title {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.vault-status {
    font-size: 10px;
    color: #059669; /* Emerald Green */
    font-weight: 700;
    text-transform: uppercase;
}

/* --- Trust Seals Grid --- */
.trust-seals-grid {
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.seal-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.seal-item:hover {
    background: #f0fdf4;
    border-color: #bbf7d0;
    transform: translateX(5px);
}

.seal-check {
    width: 20px;
    height: 20px;
    background: #059669;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(5, 150, 105, 0.2);
}

.seal-details {
    display: flex;
    flex-direction: column;
}

.seal-details strong {
    font-size: 13px;
    color: #1e293b;
    font-weight: 700;
}

.seal-details span {
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
}

/* --- Footer Badge --- */
.vault-footer-seal {
    padding: 15px;
    text-align: center;
    background: #f8fafc;
    border-top: 1px solid #f1f5f9;
}

.safe-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #0f172a;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .sidebar-widget.ethics-vault-card {
        margin-bottom: 20px;
    }
}
/*--*/
/* =========================================
   Quick Discovery Sidebar Widget CSS
   ========================================= */

.sidebar-widget.discovery-hub-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 30px;
    padding: 22px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

/* --- Hub Header --- */
.hub-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.hub-icon {
    color: #0284c7; /* Sky Blue */
}

.hub-title {
    font-size: 15px;
    font-weight: 800;
    color: #1e293b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

/* --- Mini Search Box --- */
.discovery-label {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 10px;
}

.mini-search-box {
    display: flex;
    background: #f1f5f9;
    padding: 4px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.mini-search-input {
    flex-grow: 1;
    border: none;
    background: transparent;
    padding: 8px 12px;
    font-size: 13px;
    outline: none;
    color: #334155;
}

.mini-search-btn {
    background: #ffffff;
    border: none;
    padding: 5px 12px;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: background 0.2s;
}

.mini-search-btn:hover {
    background: #e2e8f0;
}

/* --- Action Links Grid --- */
.action-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.discovery-action-link {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    background: #fff;
    border: 1px solid #f1f5f9;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.discovery-action-link:hover {
    transform: translateX(5px);
    border-color: #0284c7;
    background: #f0f9ff;
}

.action-icon-box {
    font-size: 20px;
    width: 40px;
    height: 40px;
    background: #f8fafc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.discovery-action-link:hover .action-icon-box {
    background: #ffffff;
}

.action-text {
    display: flex;
    flex-direction: column;
}

.action-text strong {
    font-size: 14px;
    color: #1e293b;
    font-weight: 700;
}

.action-text span {
    font-size: 11px;
    color: #94a3b8;
}

/* --- Discovery Footer --- */
.discovery-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #e2e8f0;
    text-align: center;
}

.all-vol-link {
    font-size: 12px;
    font-weight: 700;
    color: #0284c7;
    text-decoration: none;
}

.all-vol-link:hover {
    text-decoration: underline;
}

/* --- Responsive Layout --- */
@media (max-width: 768px) {
    .sidebar-widget.discovery-hub-card {
        padding: 15px;
    }
}
/*--*/
/* --- Navigation Hub Styling --- */
.archive-navigation-hub {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

/* Live Search Input */
.live-search-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.search-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
}

#paperSearchInput {
    width: 100%;
    padding: 14px 15px 14px 45px;
    border: 2px solid #f1f5f9;
    border-radius: 8px;
    font-size: 15px;
    background: #f8fafc;
    transition: all 0.3s ease;
}

#paperSearchInput:focus {
    border-color: #0284c7;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.1);
    outline: none;
}

/* Subject Tabs */
.subject-tabs-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.filter-label {
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
}

.tabs-scroll {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 5px;
    scrollbar-width: none; /* Hide scrollbar for clean look */
}

.filter-tab {
    padding: 8px 16px;
    background: #f1f5f9;
    border: 1px solid transparent;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.2s;
}

.filter-tab:hover {
    background: #e2e8f0;
}

.filter-tab.active {
    background: #0f172a;
    color: #fff;
}

/* Counter */
.search-counter {
    margin-top: 15px;
    font-size: 12px;
    font-weight: 700;
    color: #0284c7;
    border-top: 1px solid #f1f5f9;
    padding-top: 10px;
}

/* Responsive */
@media (max-width: 768px) {
    .subject-tabs-container { flex-direction: column; align-items: flex-start; }
}
/*--*/
/*--*/
/*--*/
/*- Archives-Issue end-*/

/*- DOI Landing Page start-*/
/*--*/
/* DOI Landing Page - Professional Styles */
.article-header {
    margin-bottom: 40px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 30px;
    font-family: 'Inter', system-ui, sans-serif;
}

.article-meta-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 10px;
}

.badge-row { display: flex; gap: 8px; }

.badge {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 4px;
}

.badge.type { background: #0f172a; color: #fff; }
.badge.access { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.badge.peer { background: #f1f5f9; color: #475569; }

.doi-display { font-size: 13px; font-family: monospace; color: #64748b; }
.doi-display a { color: #0284c7; text-decoration: none; border-bottom: 1px dashed; }

.article-title {
    font-family: 'Georgia', serif; /* Classic Scholar Look */
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
    margin-bottom: 25px;
}

.authors-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 15px;
}

.author-item { display: flex; align-items: center; gap: 5px; }

.author-name {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
}

.orcid-link img { vertical-align: middle; transition: transform 0.2s; }
.orcid-link:hover img { transform: scale(1.2); }

.corr-star { color: #dc2626; font-weight: bold; cursor: help; }

.affiliations-list {
    margin-bottom: 20px;
    border-left: 3px solid #e2e8f0;
    padding-left: 15px;
}

.aff-item {
    font-size: 14px;
    color: #64748b;
    margin: 4px 0;
    line-height: 1.4;
}

.article-dates {
    display: flex;
    gap: 20px;
    background: #f8fafc;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 13px;
    color: #475569;
    flex-wrap: wrap;
}

.date-tag strong { color: #0f172a; }

/* Mobile Adjustments */
@media (max-width: 768px) {
    .article-title { font-size: 24px; }
    .article-meta-bar { flex-direction: column; align-items: flex-start; }
}
/*--*/
/* =========================================
   Author Affiliation - Premium Styling
   ========================================= */

.authors-affiliation-block {
    margin: 30px 0;
    padding: 25px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #f1f5f9;
}

.scholarly-authors-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 25px;
}

/* Individual Author Card */
.author-card {
    background: #f8fafc;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
    position: relative;
}

.author-card:hover {
    transform: translateY(-5px);
    border-color: #0284c7;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

/* Header within Card */
.author-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.author-full-name {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.author-badges {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.orcid-icon-link img {
    width: 20px;
    height: 20px;
}

.corresponding-badge {
    font-size: 10px;
    font-weight: 800;
    background: #0284c7;
    color: #ffffff;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}

/* Affiliation Text Styling */
.aff-tag {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

.institution-name {
    font-size: 14px;
    color: #334155;
    line-height: 1.5;
    margin-bottom: 10px;
}

.author-email {
    font-size: 13px;
    color: #0284c7;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px dashed transparent;
}

.author-email:hover {
    border-bottom-color: #0284c7;
}

/* Trust Footer Bar */
.affiliation-trust-footer {
    display: flex;
    gap: 20px;
    padding-top: 15px;
    border-top: 1px solid #e2e8f0;
    flex-wrap: wrap;
}

.trust-item {
    font-size: 12px;
    font-weight: 700;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Responsive */
@media (max-width: 600px) {
    .scholarly-authors-list {
        grid-template-columns: 1fr;
    }
}
/*--*/
/* =========================================
   Unified DOI Landing Header & Authors
   ========================================= */

.article-landing-header {
    background: #ffffff;
    padding: 30px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    margin-bottom: 40px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.02);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Badge Identity Bar */
.article-top-identity {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    flex-wrap: wrap;
    gap: 10px;
}
.badge-item {
    font-size: 10px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
}
.badge-item.type { background: #0f172a; color: #fff; }
.badge-item.access { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
.badge-item.peer { background: #f1f5f9; color: #475569; }
.issn-tag { font-size: 11px; color: #94a3b8; font-weight: 700; }

/* DOI & Scholarly Title */
.doi-persistent-link { margin-bottom: 12px; font-family: monospace; font-size: 12px; }
.doi-anchor { color: #0284c7; text-decoration: none; border-bottom: 1px dashed; transition: 0.3s; }
.doi-anchor:hover { color: #0369a1; border-bottom-style: solid; }

.scholarly-title {
    font-family: 'Georgia', serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.3;
    color: #0f172a;
    margin: 0 0 35px 0;
}

/* Authors Grid & Profile Box */
.scholarly-authors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}
.author-profile-box {
    background: #f8fafc;
    padding: 22px;
    border-radius: 12px;
    border: 1px solid #f1f5f9;
    border-top: 3px solid #0284c7;
    transition: transform 0.3s ease;
}
.author-profile-box:hover { transform: translateY(-5px); }

.author-identity-group { display: flex; flex-direction: column; gap: 8px; }
.author-display-name { font-size: 18px; font-weight: 800; color: #1e293b; margin: 0; }
.author-identifiers { display: flex; align-items: center; gap: 12px; }
.orcid-link img { width: 18px; transition: 0.3s; }
.orcid-link:hover img { transform: rotate(15deg) scale(1.2); }
.corr-marker { color: #ef4444; font-weight: bold; font-size: 20px; line-height: 0; margin-top: 5px; cursor: help; }

/* --- Email Tooltip Magic --- */
.email-wrapper { position: relative; display: flex; align-items: center; }
.email-icon { color: #0284c7; cursor: pointer; transition: 0.3s; }
.email-icon:hover { color: #0f172a; }

.email-trigger::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 140%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: #0f172a;
    color: #fff;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}
.email-trigger:hover::after { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

.hidden-email-seo { display: none; } /* Hidden but SEO crawlable */

/* Affiliation & Timeline */
.affiliation-detail .dept-name { font-size: 10px; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; }
.inst-name { font-size: 13px; color: #475569; margin: 6px 0 0 0; line-height: 1.5; }

.publication-timeline-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 25px;
    border-top: 1px solid #e2e8f0;
    font-size: 12px;
    color: #94a3b8;
}
.time-item strong { color: #475569; }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .scholarly-title { font-size: 24px; }
    .publication-timeline-bar { gap: 10px; }
}
/*--*/
/* --- Author & Numbered Affiliation Styling --- */
.authors-wrapper {
    margin: 20px 0;
    padding-bottom: 20px;
}

.scholarly-authors {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}

.author-entry {
    display: flex;
    align-items: center;
}

.author-name {
    font-size: 19px;
    font-weight: 700;
    color: #0f172a;
}

.aff-num {
    font-size: 12px;
    font-weight: 700;
    color: #0284c7;
    margin: 0 3px;
    vertical-align: super;
}

.author-separator {
    margin-left: 5px;
    color: #94a3b8;
    font-weight: 400;
}

/* Email Icon Mini Tooltip */
.email-wrapper-mini {
    position: relative;
    display: inline-flex;
    margin-left: 5px;
}

.email-icon {
    color: #0284c7;
    cursor: pointer;
    transition: 0.3s;
}

.email-icon:hover { color: #0f172a; transform: scale(1.2); }

.email-trigger::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    background: #0f172a;
    color: #fff;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 11px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.email-trigger:hover::after { opacity: 1; visibility: visible; }

.seo-hidden-email { display: none; }

/* Affiliation Block Styling */
.affiliation-details-block {
    border-top: 1px solid #f1f5f9;
    padding-top: 15px;
}

.aff-row {
    font-size: 13.5px;
    color: #64748b;
    margin-bottom: 5px;
    line-height: 1.5;
}

.aff-row sup {
    color: #0284c7;
    font-weight: 800;
    margin-right: 5px;
}
/*--*/
/* =========================================
   Publication Chronology - Elite Stepper UI
   ========================================= */

.publication-chronology-vault {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 30px;
    margin: 35px 0;
    position: relative;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.integrity-header {
    margin-bottom: 25px;
}

.integrity-seal {
    font-size: 11px;
    font-weight: 800;
    color: #059669;
    background: #ecfdf5;
    padding: 5px 15px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #d1fae5;
}

/* Timeline Container */
.timeline-stepper {
    display: flex;
    justify-content: space-between;
    position: relative;
    gap: 15px;
}

/* Connecting Line */
.timeline-stepper::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 40px;
    right: 40px;
    height: 2px;
    background: #f1f5f9;
    z-index: 1;
}

.timeline-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    position: relative;
    z-index: 2;
}

.step-circle {
    width: 50px;
    height: 50px;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    margin-bottom: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.step-circle svg { width: 22px; height: 22px; }

.timeline-item:hover .step-circle {
    border-color: #0284c7;
    color: #0284c7;
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(2, 132, 199, 0.2);
}

.step-circle.highlight {
    background: #0284c7;
    border-color: #0284c7;
    color: #ffffff;
}

.step-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.step-date {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
}

/* Footer Ethics Note */
.chronology-footer {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px dashed #e2e8f0;
}

.ethics-note {
    font-size: 12px;
    color: #94a3b8;
    margin: 0;
    font-style: italic;
}

/* Responsive Vertical Stepper for Mobile */
@media (max-width: 768px) {
    .timeline-stepper {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    .timeline-stepper::before {
        width: 2px;
        height: 80%;
        top: 40px;
        left: 25px;
    }

    .timeline-item {
        flex-direction: row;
        text-align: left;
        gap: 20px;
    }

    .step-circle { margin-bottom: 0; }
}
/*--*/
/* =========================================
   Abstract & Keywords Hub - Premium CSS
   ========================================= */

.abstract-keywords-hub {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    margin-top: 35px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

/* Tabs for Language Switch */
.abstract-toggle-bar {
    display: flex;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.lang-tab {
    padding: 15px 25px;
    border: none;
    background: none;
    font-size: 13px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
}

.lang-tab:hover { color: #0284c7; }

.lang-tab.active {
    color: #0284c7;
    border-bottom-color: #0284c7;
    background: #ffffff;
}

/* Abstract Content Styling */
.abstract-content-box {
    padding: 30px;
    display: none;
    animation: fadeIn 0.5s ease;
}

.abstract-content-box.active { display: block; }

.abstract-label {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 15px;
    border-left: 4px solid #0284c7;
    padding-left: 12px;
}

.abstract-text-main {
    font-size: 15px;
    line-height: 1.8;
    color: #334155;
    text-align: justify;
}

.sub-label {
    font-weight: 800;
    color: #0f172a;
    text-decoration: underline;
    text-underline-offset: 4px;
    margin-right: 5px;
}

.hindi-font { font-family: 'Inter', sans-serif; line-height: 2; }

/* Keywords Block */
.keywords-footer-block {
    padding: 25px 30px;
    background: #f1f5f9;
    border-top: 1px solid #e2e8f0;
}

.keywords-heading {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

.keywords-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.kw-tag {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #0284c7;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.2s;
}

.kw-tag:hover {
    background: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
    transform: translateY(-2px);
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Mobile Adjustments */
@media (max-width: 600px) {
    .abstract-toggle-bar { flex-direction: column; }
    .lang-tab { width: 100%; border-bottom: 1px solid #e2e8f0; border-left: 4px solid transparent; }
    .lang-tab.active { border-left-color: #0284c7; border-bottom-color: #e2e8f0; }
}
/*--*/
/* --- Bilingual Abstract Premium CSS --- */
.dual-abstract-container {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 35px;
    margin: 30px 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.abstract-block {
    margin-bottom: 25px;
}

.abstract-title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 12px;
    border-left: 5px solid #0284c7;
    padding-left: 12px;
}

.abstract-text {
    font-size: 15px;
    line-height: 1.8;
    color: #334155;
    text-align: justify;
}

.abstract-text strong {
    color: #0f172a;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.hindi-script {
    font-family: 'Inter', sans-serif; /* साफ़ हिन्दी फॉन्ट के लिए */
    line-height: 2.1;
}

.scholarly-divider {
    height: 1px;
    background: linear-gradient(to right, transparent, #e2e8f0, transparent);
    margin: 30px 0;
}

/* Keywords Cloud */
.keywords-indexing-box {
    background: #f8fafc;
    padding: 20px;
    border-radius: 8px;
    border: 1px dashed #cbd5e1;
}

.kw-label {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.kw-tags-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.kw-tag {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #0284c7;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .dual-abstract-container { padding: 20px; }
}
/*--*/
/* =========================================
   Full Text Sections - Academic Style
   ========================================= */

.article-full-text-sections {
    margin-top: 50px;
}

.scholarly-section {
    margin-bottom: 45px;
    animation: fadeInSlide 0.8s ease forwards;
}

.section-heading {
    font-family: 'Georgia', serif;
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 10px;
}

.heading-num {
    color: #0284c7;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    background: #f0f9ff;
    padding: 2px 8px;
    border-radius: 4px;
}

.section-inner-content {
    font-size: 16px;
    line-height: 1.8;
    color: #334155;
    text-align: justify;
}

/* Reference List Styling */
.references-vault {
    background: #f8fafc;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.references-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ref-item {
    display: flex;
    gap: 15px;
    font-size: 14px;
    line-height: 1.6;
    color: #475569;
}

.ref-index {
    color: #0284c7;
    font-weight: 800;
    min-width: 25px;
}

.ref-text em {
    color: #0f172a;
}

.ref-doi-link {
    color: #0284c7;
    text-decoration: none;
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

.ref-doi-link:hover {
    text-decoration: underline;
}

/* Animations */
@keyframes fadeInSlide {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive View */
@media (max-width: 768px) {
    .section-heading { font-size: 20px; }
    .section-inner-content { font-size: 15px; text-align: left; }
}
/*--*/
/* =========================================
   Elite Scholarly Content - DOI Page Styling
   ========================================= */

.scholarly-fulltext-wrapper {
    margin-top: 40px;
    font-family: 'Inter', sans-serif;
}

/* Section Cards Styling */
.scholarly-article-card {
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border: 1px solid #eef2f6;
    transition: transform 0.3s ease;
}

.scholarly-article-card:hover { transform: translateY(-5px); }

.card-border-top { height: 4px; background: #0f172a; }
.border-blue { background: #0284c7; }
.border-green { background: #10b981; }

.card-header-flex {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 25px 0 25px;
}

.section-badge {
    background: #f1f5f9;
    color: #0f172a;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 4px;
}

.section-title-modern {
    font-size: 19px;
    font-weight: 800;
    color: #1e293b;
    margin: 0;
}

.card-content-area {
    padding: 20px 25px 25px 25px;
    font-size: 15.5px;
    line-height: 1.85;
    color: #475569;
    text-align: justify;
}

.highlight-inline {
    font-weight: 700;
    color: #0284c7;
    background: rgba(2, 132, 199, 0.04);
}

/* Reference Vault - Professional Listing */
.scholarly-reference-vault {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px;
}

.vault-top-bar {
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.vault-title {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ref-entry-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.ref-entry-row:last-child { border-bottom: none; }

.ref-number-box {
    font-size: 11px;
    font-weight: 900;
    color: #94a3b8;
    background: #fff;
    border: 1px solid #e2e8f0;
    min-width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.ref-text-data {
    font-size: 14px;
    line-height: 1.6;
    color: #475569;
}

.ref-doi-badge {
    display: inline-block;
    background: #0284c7;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 3px;
    text-decoration: none;
    margin-top: 8px;
    text-transform: uppercase;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .card-content-area { text-align: left; padding: 15px; }
    .section-title-modern { font-size: 17px; }
}
/*--*/
/* =========================================
   UIMRJ Master Article (Left Column) CSS
   ========================================= */

.uimrj-master-article-container {
    padding: 10px;
    font-family: 'Inter', system-ui, sans-serif;
    color: #1e293b;
}

/* Section Containers */
.uimrj-abstract-section, .archival-trust-grid, .uimrj-full-text-grid, .uimrj-references-vault {
    background: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

/* Header Styling */
.section-header-modern {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0284c7;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.section-title { font-size: 20px; font-weight: 800; color: #0f172a; margin: 0; }
.indexing-status-badge { font-size: 10px; font-weight: 700; color: #16a34a; background: #f0fdf4; padding: 4px 12px; border-radius: 20px; }

/* Abstract Dropcap & labels */
.abs-dropcap { font-size: 40px; float: left; line-height: 0.8; padding-right: 8px; font-weight: 800; color: #0284c7; }
.abs-label { font-weight: 800; color: #0f172a; text-decoration: underline; text-underline-offset: 4px; }
.abstract-text { line-height: 1.8; text-align: justify; }

/* Keyword Cloud */
.uimrj-keyword-cloud { margin-top: 20px; display: flex; align-items: center; gap: 15px; }
.kw-label { font-size: 12px; font-weight: 800; color: #64748b; text-transform: uppercase; }
.tags-wrapper { display: flex; flex-wrap: wrap; gap: 8px; }
.tag-item { background: #f8fafc; border: 1px solid #e2e8f0; color: #0284c7; padding: 4px 12px; border-radius: 6px; font-size: 12px; font-weight: 600; cursor: default; }
.tag-item:hover { background: #0284c7; color: #fff; transform: translateY(-2px); transition: 0.2s; }

/* Trust Grid (License & Crossmark) */
.archival-trust-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 20px; background: #f8fafc; }
.trust-card { background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #e2e8f0; }
.trust-title { font-size: 13px; font-weight: 800; margin-bottom: 10px; color: #0f172a; }
.cc-badge { width: 100px; margin-bottom: 10px; }
.crossmark-ui { text-align: center; }
.verify-btn { background: #0f172a; color: #fff; border: none; padding: 8px 15px; border-radius: 4px; font-size: 11px; cursor: pointer; }

/* Full-Text Segments */
.content-segment { display: flex; gap: 20px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed #e2e8f0; }
.segment-indicator { width: 40px; height: 40px; background: #0f172a; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-weight: 800; flex-shrink: 0; }
.segment-indicator.color-blue { background: #0284c7; }
.segment-indicator.color-green { background: #16a34a; }
.segment-heading { font-size: 18px; font-weight: 800; margin-bottom: 10px; color: #1e293b; }
.text-glow { font-weight: 700; color: #0284c7; }

/* References */
.uimrj-references-vault { border-top: 4px solid #0f172a; }
.vault-header { font-size: 18px; font-weight: 800; margin-bottom: 20px; }
.ref-list { padding-left: 20px; }
.ref-item { font-size: 14px; line-height: 1.6; margin-bottom: 15px; color: #475569; }
.doi-link-mini { color: #0284c7; text-decoration: none; font-weight: 700; font-size: 12px; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .archival-trust-grid { grid-template-columns: 1fr; }
    .content-segment { flex-direction: column; }
}
/*--*/
.uimrj-article-view { padding: 5px; font-family: 'Inter', sans-serif; }

.scholarly-abstract-block { border-bottom: 2px solid #0f172a; padding-bottom: 30px; margin-bottom: 30px; }
.scholarly-heading { font-size: 24px; font-weight: 800; color: #0f172a; margin-bottom: 15px; }
.scholarly-body-text { font-size: 16px; line-height: 1.8; color: #334155; text-align: justify; }

.uimrj-keywords-bar { margin-top: 20px; font-size: 14px; }
.kw-label { font-weight: 800; color: #64748b; margin-right: 10px; }
.kw-list { color: #0284c7; font-weight: 600; }

.uimrj-rights-box { background: #f8fafc; border: 1px solid #e2e8f0; padding: 15px; border-radius: 8px; margin-bottom: 40px; }
.license-info { display: flex; align-items: center; gap: 15px; font-size: 13px; color: #64748b; }
.cc-img { width: 80px; }

.article-section { display: flex; gap: 20px; margin-bottom: 35px; }
.section-marker { width: 35px; height: 35px; background: #0f172a; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; border-radius: 4px; flex-shrink: 0; }
.section-marker.blue { background: #0284c7; }
.section-title { font-size: 20px; font-weight: 800; color: #1e293b; margin-bottom: 10px; }

.uimrj-references { border-top: 1px solid #e2e8f0; padding-top: 30px; }
.ref-heading { font-size: 20px; font-weight: 800; margin-bottom: 20px; }
.ref-ol { padding-left: 20px; }
.ref-li { font-size: 14px; color: #475569; margin-bottom: 12px; line-height: 1.6; }
/*--*/
/* =========================================
   UIMRJ ELITE ARTICLE (LEFT COLUMN) CSS
   ========================================= */

.uimrj-scholarly-view {
    font-family: 'Inter', 'Segoe UI', sans-serif;
    color: #1e293b;
}

/* Card Styling */
.uimrj-paper-card, .uimrj-fulltext-vault, .uimrj-references-block {
    background: #ffffff;
    border-radius: 12px;
    padding: 35px;
    margin-bottom: 30px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
    border: 1px solid #f1f5f9;
}

/* Abstract Dropcap & Typography */
.uimrj-h2 { font-size: 22px; font-weight: 800; color: #0f172a; margin-bottom: 20px; border-bottom: 2px solid #0284c7; padding-bottom: 10px; display: inline-block; }
.uimrj-dropcap { font-size: 48px; float: left; line-height: 0.8; padding-right: 10px; color: #0284c7; font-weight: 900; }
.uimrj-text { font-size: 16px; line-height: 1.8; text-align: justify; color: #334155; }
.u-bold { font-weight: 800; color: #0f172a; text-decoration: underline; text-underline-offset: 4px; }

/* Keywords */
.uimrj-keywords-cloud { margin-top: 25px; display: flex; align-items: center; gap: 15px; }
.u-kw-label { font-size: 12px; font-weight: 800; color: #64748b; text-transform: uppercase; }
.u-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.u-tag { background: #f8fafc; border: 1px solid #e2e8f0; color: #0284c7; padding: 4px 12px; border-radius: 6px; font-size: 12px; font-weight: 600; cursor: default; transition: 0.3s; }
.u-tag:hover { background: #0284c7; color: #fff; transform: translateY(-2px); }

/* Trust Grid */
.uimrj-trust-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; }
.u-trust-item { background: #f8fafc; padding: 20px; border-radius: 10px; border: 1px solid #e2e8f0; }
.u-trust-h4 { font-size: 13px; font-weight: 800; color: #0f172a; margin-bottom: 15px; }
.u-flex-cc { display: flex; align-items: center; gap: 15px; }
.cc-badge { height: 30px; }
.u-mini-text { font-size: 11px; line-height: 1.4; color: #64748b; margin: 0; }
.cm-badge { width: 100px; margin-bottom: 5px; }

/* Content Segments */
.u-content-segment { margin-bottom: 40px; }
.u-segment-head { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.u-step { background: #0f172a; color: #fff; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 6px; font-weight: 800; font-size: 14px; }
.u-step.u-blue { background: #0284c7; }
.u-step.u-green { background: #16a34a; }
.u-h3 { font-size: 20px; font-weight: 800; color: #1e293b; margin: 0; }
.u-text-p { font-size: 16px; line-height: 1.8; color: #475569; }
.u-highlight { font-weight: 700; color: #0284c7; background: rgba(2, 132, 199, 0.05); }

/* References */
.u-ref-list { padding-left: 20px; }
.u-ref-item { font-size: 14px; color: #475569; margin-bottom: 15px; line-height: 1.6; }
.u-doi-btn { display: inline-block; color: #0284c7; font-weight: 700; text-decoration: none; font-size: 12px; margin-top: 5px; border-bottom: 1px dashed; }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .uimrj-trust-grid { grid-template-columns: 1fr; }
    .uimrj-paper-card { padding: 20px; }
}
/*--*/
/* --- UIMRJ MASTER CSS --- */
.uimrj-final-layout { font-family: 'Inter', sans-serif; color: #1e293b; padding: 10px; }

/* Hero Hub (Cover + Track) */
.uimrj-hero-hub { display: flex; gap: 30px; margin-bottom: 40px; background: #fff; padding: 20px; border-radius: 12px; border: 1px solid #f1f5f9; }
.journal-cover-frame { width: 180px; flex-shrink: 0; box-shadow: 0 15px 35px rgba(0,0,0,0.1); border-radius: 4px; overflow: hidden; position: relative; }
.journal-cover-frame img { width: 100%; display: block; }
.issue-tag { position: absolute; bottom: 0; background: rgba(15,23,42,0.9); color: #fff; width: 100%; text-align: center; font-size: 10px; padding: 5px 0; }

.submission-track-card { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; gap: 15px; }
.track-row { display: flex; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #f8fafc; font-size: 14px; }
.track-label { font-weight: 800; color: #94a3b8; text-transform: uppercase; font-size: 11px; }
.track-date { font-weight: 700; color: #1e293b; }
.track-row.published .track-date { color: #0284c7; }

/* Cards & Abstract */
.uimrj-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 35px; margin-bottom: 30px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02); }
.abstract-tabs { display: flex; gap: 20px; border-bottom: 1px solid #f1f5f9; margin-bottom: 25px; }
.tab-btn { background: none; border: none; padding-bottom: 10px; font-size: 12px; font-weight: 800; color: #94a3b8; cursor: pointer; text-transform: uppercase; border-bottom: 3px solid transparent; }
.tab-btn.active { color: #0284c7; border-bottom-color: #0284c7; }
.tab-content { display: none; }
.tab-content.active { display: block; animation: fadeIn 0.5s ease; }

.drop-cap { font-size: 50px; float: left; line-height: 0.8; padding-right: 10px; color: #0284c7; font-weight: 900; }
.text-main { font-size: 16px; line-height: 1.85; text-align: justify; color: #334155; }

/* Trust Bar */
.uimrj-trust-bar { display: flex; justify-content: space-between; align-items: center; background: #f8fafc; padding: 20px; border-radius: 10px; margin-bottom: 40px; border: 1px solid #e2e8f0; }
.license-engine { display: flex; align-items: center; gap: 15px; font-size: 12px; color: #64748b; }
.license-engine img { height: 25px; }
.crossmark-engine { text-align: right; display: flex; flex-direction: column; align-items: flex-end; }
.crossmark-engine img { width: 90px; }
.crossmark-engine span { font-size: 10px; font-weight: 700; color: #94a3b8; text-transform: uppercase; }

/* Content Blocks */
.block-title { font-size: 20px; font-weight: 800; color: #1e293b; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; }
.block-title span { background: #0f172a; color: #fff; padding: 2px 8px; border-radius: 4px; font-size: 14px; }
.block-title.color-blue span { background: #0284c7; }

/* Keywords & Tags */
.keyword-zone { margin-top: 30px; display: flex; align-items: center; gap: 15px; }
.zone-label { font-size: 11px; font-weight: 800; color: #94a3b8; text-transform: uppercase; }
.tag-cloud { display: flex; gap: 8px; flex-wrap: wrap; }
.tag { background: #f1f5f9; color: #0284c7; padding: 4px 12px; border-radius: 4px; font-size: 13px; font-weight: 600; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 768px) { .uimrj-hero-hub, .uimrj-trust-bar { flex-direction: column; align-items: center; text-align: center; } .journal-cover-frame { width: 150px; } }
/*--*/
/* --- UIMRJ HUB MASTER CSS --- */
.uimrj-master-article-view { font-family: 'Inter', Arial, sans-serif; color: #333; }

/* Hero Flow */
.uimrj-top-row { display: flex; gap: 40px; margin-bottom: 40px; align-items: flex-start; }
.uimrj-cover-frame { width: 220px; flex-shrink: 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.uimrj-cover-frame img { width: 100%; display: block; }

.uimrj-history-card { flex-grow: 1; border-top: 1px solid #eee; }
.history-item { padding: 12px 0; border-bottom: 1px solid #eee; display: flex; flex-direction: column; }
.h-label { font-size: 13px; color: #999; text-transform: uppercase; font-weight: 700; }
.h-date { font-size: 15px; color: #333; font-weight: 600; }
.history-item.published .h-date { color: #0284c7; }

/* Content Styling */
.hub-h2 { font-size: 22px; font-weight: 400; color: #333; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.hub-p { font-size: 15px; line-height: 1.8; color: #444; text-align: justify; margin-bottom: 30px; }

/* Keywords */
.hub-h3 { font-size: 18px; font-weight: 400; color: #333; margin-bottom: 15px; }
.hub-tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 35px; }
.hub-tag { background: #f9f9f9; border: 1px solid #e0e0e0; padding: 5px 12px; border-radius: 4px; font-size: 13px; color: #666; }

/* License Box */
.uimrj-license-box { border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 40px; }
.license-title { background: #f9f9f9; padding: 10px 15px; border-bottom: 1px solid #e0e0e0; font-weight: 700; font-size: 14px; }
.license-body { padding: 15px; }
.copy-text { font-size: 13px; margin-bottom: 10px; }
.cc-row { display: flex; gap: 15px; align-items: center; font-size: 12px; color: #666; }
.cc-row img { height: 30px; }

/* Reference Vault */
.uimrj-reference-vault { margin-top: 50px; }
.ref-item-row { display: flex; gap: 15px; margin-bottom: 20px; font-size: 14px; line-height: 1.6; color: #555; }
.ref-no { font-weight: 700; color: #333; }
.ref-content em { color: #000; }
.ref-doi-link { color: #0284c7; text-decoration: none; display: block; margin-top: 5px; word-break: break-all; }

/* Responsive */
@media (max-width: 768px) {
    .uimrj-top-row { flex-direction: column; align-items: center; }
}
/*--*/
/* --- UIMRJ HUB MASTER CSS --- */
.uimrj-hub-replica { font-family: 'Inter', Arial, sans-serif; color: #444; }

/* Top Row Styling */
.hub-hero-container { display: flex; gap: 40px; margin-bottom: 45px; align-items: flex-start; }
.hub-cover-wrapper { width: 220px; flex-shrink: 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.hub-cover-wrapper img { width: 100%; display: block; border-radius: 2px; }

.hub-timeline-details { flex-grow: 1; border-top: 1px solid #eee; }
.timeline-row { padding: 14px 0; border-bottom: 1px solid #eee; display: flex; flex-direction: column; }
.row-label { font-size: 13px; color: #999; text-transform: uppercase; font-weight: 700; }
.row-value { font-size: 15px; color: #333; font-weight: 600; }
.hub-published .row-value { color: #0284c7; }

/* Section Titles */
.hub-section-title { font-size: 22px; font-weight: 500; color: #333; border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 20px; }
.hub-sub-title { font-size: 18px; font-weight: 500; color: #333; margin-bottom: 15px; }

/* Text Blocks */
.hub-abstract-text { font-size: 15.5px; line-height: 1.8; text-align: justify; margin-bottom: 35px; }
.hub-tags-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.hub-tag-item { background: #f9f9f9; border: 1px solid #e0e0e0; padding: 5px 12px; border-radius: 4px; font-size: 13px; color: #666; }

/* License Box */
.hub-license-box { border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 40px; }
.hub-license-header { background: #f9f9f9; padding: 10px 15px; border-bottom: 1px solid #e0e0e0; font-weight: 700; font-size: 14px; }
.hub-license-body { padding: 15px; }
.hub-cc-row { display: flex; gap: 15px; align-items: center; font-size: 12px; color: #666; margin-top: 10px; }
.hub-cc-row img { height: 30px; }

/* Reference Styling */
.hub-ref-list { margin-top: 10px; }
.hub-ref-entry { display: flex; gap: 15px; margin-bottom: 25px; font-size: 14px; line-height: 1.6; color: #555; }
.ref-index { font-weight: 700; color: #333; }
.hub-doi-link { color: #0284c7; text-decoration: none; display: block; margin-top: 5px; word-break: break-all; }

/* Mobile View */
@media (max-width: 768px) { .hub-hero-container { flex-direction: column; align-items: center; } }
/*--*/
/* --- UIMRJ Impact Sidebar Styling --- */
.uimrj-impact-sidebar {
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.sidebar-widget {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.sidebar-widget:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.1);
}

.widget-title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 12px;
}

.widget-title i { color: #0284c7; }

/* PDF Button Styling */
.btn-download-pdf {
    display: flex;
    align-items: center;
    background: #dc2626; /* Scholarly Red */
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(220, 38, 38, 0.2);
}

.btn-download-pdf:hover {
    background: #b91c1c;
    transform: scale(1.02);
}

.btn-icon {
    background: rgba(0, 0, 0, 0.1);
    padding: 15px 18px;
    font-size: 20px;
}

.btn-text {
    flex-grow: 1;
    padding: 0 15px;
    font-weight: 800;
    font-size: 15px;
}

.btn-meta {
    font-size: 9px;
    background: rgba(255, 255, 255, 0.1);
    height: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
}

.download-meta {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 12px;
    text-align: center;
    font-style: italic;
}

/* Citation Module Styling */
.citation-selector select {
    width: 100%;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    background: #f8fafc;
    color: #1e293b;
}

.citation-display {
    background: #f1f5f9;
    padding: 15px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.5;
    color: #334155;
    margin: 15px 0;
    border-left: 3px solid #0284c7;
    font-family: 'Courier New', monospace;
}

.btn-copy-cite {
    width: 100%;
    background: #0f172a;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-copy-cite:hover { background: #334155; }

/* Metrics Module Styling */
.metrics-grid { display: flex; flex-direction: column; gap: 20px; }
.metric-label { font-size: 12px; font-weight: 700; color: #64748b; text-transform: uppercase; }
.metric-value { font-size: 22px; font-weight: 900; color: #0f172a; display: block; margin: 5px 0; }

.metric-bar { width: 100%; height: 6px; background: #f1f5f9; border-radius: 10px; overflow: hidden; }
.bar-fill { height: 100%; background: #10b981; border-radius: 10px; }
.bar-fill-blue { height: 100%; background: #0284c7; border-radius: 10px; }

.indexing-ready-badge {
    margin-top: 20px;
    background: #f0fdf4;
    color: #16a34a;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    padding: 8px;
    border-radius: 6px;
    border: 1px dashed #bbf7d0;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .sidebar-widget { padding: 18px; }
    .btn-text { font-size: 13px; }
}
/*--*/
/* --- UIMRJ Ethics Widget Professional Styling --- */
.uimrj-ethics-widget {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 22px;
    margin-top: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.uimrj-ethics-widget:hover {
    box-shadow: 0 15px 30px -10px rgba(15, 23, 42, 0.1);
    border-color: #cbd5e1;
}

.ethics-widget-title {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

.ethics-widget-title i {
    color: #0284c7;
    font-size: 19px;
}

/* Ethics Items Layout */
.ethics-seal-container {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ethics-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.item-icon-box {
    width: 38px;
    height: 38px;
    background: #f0f9ff;
    color: #0284c7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.item-icon-box.blue { background: #f0fdf4; color: #16a34a; }
.item-icon-box.gold { background: #fffbeb; color: #b45309; }

.item-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 3px;
}

.item-status {
    font-size: 13.5px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    line-height: 1.4;
}

.item-status strong {
    color: #0f172a;
}

/* Academic Badges Styling */
.trust-badge, .license-tag, .compliance-badge {
    display: inline-block;
    margin-top: 8px;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.trust-badge { background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0; }
.license-tag { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.compliance-badge { background: #fffbeb; color: #b45309; border: 1px solid #fde68a; }

/* Metadata Footer for SEO Bots */
.ethics-footer {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.meta-tag {
    font-size: 9px;
    font-weight: 700;
    color: #94a3b8;
    background: #f8fafc;
    padding: 2px 8px;
    border-radius: 3px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-ethics-widget { padding: 18px; }
    .item-status { font-size: 12px; }
}
/*--*/
/* --- UIMRJ Discovery Widget Premium Styling --- */
.uimrj-discovery-widget {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    margin-top: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.uimrj-discovery-widget:hover {
    transform: translateY(-8px);
    border-color: #6366f1; /* Indigo Academic Pulse */
}

.discovery-widget-title {
    font-size: 17px;
    font-weight: 800;
    color: #1e1b4b;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f8fafc;
}

.discovery-widget-title i {
    color: #6366f1;
    animation: pulse 2s infinite;
}

.panel-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 15px;
}

/* Indexing Grid Styling */
.indexing-badges-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 25px;
}

.idx-badge {
    background: #f1f5f9;
    color: #475569;
    padding: 8px;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.idx-badge:hover {
    background: #e0e7ff;
    color: #4338ca;
    border-color: #c7d2fe;
}

/* Social Sharing Cluster */
.social-share-cluster {
    display: flex;
    gap: 12px;
}

.share-btn {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.share-btn.rg { background: #00ccbb; } /* ResearchGate Brand Color */
.share-btn.li { background: #0077b5; } /* LinkedIn Brand Color */
.share-btn.wa { background: #25d366; } /* WhatsApp Brand Color */
.share-btn.x  { background: #000000; } /* X Brand Color */

.share-btn:hover {
    transform: translateY(-5px) rotate(5deg);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.2);
    filter: brightness(1.1);
}

/* Metadata Footer */
.discovery-footer {
    margin-top: 25px;
    padding: 12px;
    background: #f8fafc;
    border-radius: 8px;
    border-left: 4px solid #6366f1;
}

.discovery-footer p {
    font-size: 11px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .indexing-badges-grid { grid-template-columns: 1fr; }
    .share-btn { width: 38px; height: 38px; }
}
/*--*/
/* --- UIMRJ Disclosure Widget Professional Styling --- */
.uimrj-disclosure-widget {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    margin-top: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    transition: all 0.3s ease-in-out;
}

.uimrj-disclosure-widget:hover {
    box-shadow: 0 10px 20px -5px rgba(51, 65, 85, 0.1);
    border-color: #94a3b8;
}

.disclosure-widget-title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f8fafc;
}

.disclosure-widget-title i {
    color: #0d9488; /* Professional Teal */
}

.disclosure-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.disclosure-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.disc-icon-box {
    width: 36px;
    height: 36px;
    background: #f0fdfa;
    color: #0d9488;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.disc-icon-box.teal-bg {
    background: #f1f5f9;
    color: #475569;
}

.disc-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.disc-text {
    font-size: 13px;
    line-height: 1.6;
    color: #334155;
    margin: 0;
    text-align: justify;
}

.disc-text strong {
    color: #0f172a;
}

/* Compliance Badges */
.status-tag, .disclosure-badge {
    display: inline-block;
    margin-top: 10px;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.status-tag {
    background: #f0fdfa;
    color: #0d9488;
    border-color: #ccfbf1;
}

.disclosure-badge {
    background: #f8fafc;
    color: #475569;
    border-color: #e2e8f0;
}

/* Footer Style */
.disclosure-footer {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
}

.disclosure-footer p {
    font-size: 11px;
    color: #94a3b8;
    margin: 0;
    line-height: 1.5;
    font-style: italic;
}

.disclosure-footer i {
    color: #10b981;
    margin-right: 5px;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .uimrj-disclosure-widget { padding: 18px; }
    .disc-text { font-size: 12px; }
}
/*--*/
/*--*/
/*--*/
/*--*/
/*- DOI Lamding Page end-*/
/*-contact start-*/
/*--*/
/* --- UIMRJ Professional Contact Styling --- */
:root {
    --uimrj-dark: #0f172a;
    --uimrj-blue: #0284c7;
    --uimrj-green: #10b981;
    --uimrj-text: #475569;
    --uimrj-bg-soft: #f8fafc;
}

.contact-authority-wrapper {
    padding: 10px 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.contact-header {
    margin-bottom: 40px;
    animation: fadeInDown 0.8s ease-out;
}

.contact-main-title {
    font-size: 32px;
    font-weight: 800;
    color: var(--uimrj-dark);
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}

.compliance-badge {
    display: inline-flex;
    align-items: center;
    background: #f1f5f9;
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    color: var(--uimrj-blue);
}

.status-dot {
    width: 8px;
    height: 8px;
    background: var(--uimrj-green);
    border-radius: 50%;
    margin-right: 8px;
    box-shadow: 0 0 8px var(--uimrj-green);
}

/* Contact Cards Layout */
.contact-grid-system {
    display: grid;
    gap: 25px;
}

.contact-card {
    display: flex;
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    position: relative;
    border: 1px solid #e2e8f0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

.contact-card:hover {
    transform: translateX(10px);
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
}

.card-accent-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: var(--uimrj-dark);
    border-radius: 12px 0 0 12px;
}

.card-accent-bar.accent-blue { background: var(--uimrj-blue); }
.card-accent-bar.accent-green { background: var(--uimrj-green); }

.card-icon-box {
    font-size: 28px;
    color: var(--uimrj-blue);
    margin-right: 25px;
    padding-top: 5px;
}

.card-label {
    font-size: 18px;
    font-weight: 800;
    color: var(--uimrj-dark);
    margin-bottom: 8px;
}

.card-desc {
    font-size: 15px;
    line-height: 1.6;
    color: var(--uimrj-text);
    margin-bottom: 15px;
}

.action-link {
    display: block;
    font-size: 16px;
    color: var(--uimrj-dark);
    text-decoration: none;
    margin-bottom: 8px;
    transition: color 0.2s;
}

.action-link:hover { color: var(--uimrj-blue); text-decoration: underline; }

.schedule-badge {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.schedule-badge .days { font-weight: 800; color: var(--uimrj-dark); }
.schedule-badge .time { color: var(--uimrj-blue); font-weight: 600; }

.contact-meta-footer {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 2px solid #f1f5f9;
}

.contact-meta-footer p {
    font-size: 14px;
    color: var(--uimrj-text);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Animations */
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .contact-card { padding: 20px; }
    .contact-main-title { font-size: 26px; }
    .contact-card:hover { transform: translateY(-5px); }
}
/*--*/
/* --- UIMRJ Editorial Leadership CSS --- */
.uimrj-leadership-hub {
    margin-top: 50px;
    padding: 15px 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #334155;
}

.leadership-header {
    margin-bottom: 35px;
    position: relative;
}

.leadership-title {
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin: 0;
}

.leadership-underline {
    width: 60px;
    height: 4px;
    background: #0284c7;
    margin-top: 10px;
    border-radius: 2px;
}

/* Container & Identity */
.leadership-container {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
}

.identity-card {
    background: #0f172a;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.identity-icon-box {
    width: 60px;
    height: 60px;
    background: rgba(2, 132, 199, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #38bdf8;
    font-size: 24px;
}

.chief-name {
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
}

.chief-designation {
    font-size: 14px;
    color: #38bdf8;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin: 5px 0 0 0;
}

/* Details Grid */
.leadership-details-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 40px;
}

.detail-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.detail-block.full-width {
    grid-column: span 2;
    border-top: 1px solid #f1f5f9;
    padding-top: 25px;
}

.detail-label {
    font-size: 12px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
}

.detail-text {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.detail-subtext {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
}

/* Links & CTA */
.contact-links-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lead-link {
    font-size: 15px;
    color: #0284c7;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}

.lead-link:hover {
    color: #0f172a;
}

.profile-cta {
    margin-top: 15px;
}

.btn-profile {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0284c7;
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.3s;
}

.btn-profile:hover {
    background: #0369a1;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);
}

.governance-footer {
    margin-top: 25px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 8px;
    border-left: 4px solid #10b981;
}

.governance-footer p {
    font-size: 14px;
    color: #64748b;
    margin: 0;
    font-style: italic;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .leadership-details-grid { grid-template-columns: 1fr; gap: 25px; padding: 25px; }
    .detail-block.full-width { grid-column: span 1; }
    .chief-name { font-size: 20px; }
    .identity-card { padding: 20px; }
}
/*--*/
/* --- UIMRJ Statutory Vault CSS --- */
.uimrj-statutory-vault {
    margin-top: 50px;
    padding: 10px 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.statutory-header {
    margin-bottom: 30px;
}

.statutory-title {
    font-size: 26px;
    font-weight: 800;
    color: #1e293b;
    margin: 0;
    letter-spacing: -0.5px;
}

.statutory-subtitle {
    font-size: 14px;
    color: #64748b;
    margin-top: 5px;
    font-weight: 500;
}

/* Vault Container Styling */
.vault-container {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.vault-brand-block {
    background: #ffffff;
    padding: 25px 35px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brand-label {
    font-size: 11px;
    font-weight: 800;
    color: #10b981;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.brand-name {
    font-size: 22px;
    font-weight: 900;
    color: #0f172a;
    margin: 5px 0;
}

.brand-link {
    font-size: 14px;
    color: #0284c7;
    text-decoration: none;
    font-weight: 600;
}

.authority-badge {
    text-align: center;
    color: #94a3b8;
}

.authority-badge i {
    display: block;
    font-size: 24px;
    margin-bottom: 5px;
}

.authority-badge span {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

/* Info Grid Styling */
.vault-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 30px;
    gap: 25px;
}

.info-card {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.info-card.full-span {
    grid-column: span 2;
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #f1f5f9;
}

.info-icon {
    width: 35px;
    height: 35px;
    background: #e2e8f0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
    font-size: 16px;
}

.info-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.info-value, .info-value-link {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    text-decoration: none;
}

.info-value-link:hover {
    color: #0284c7;
}

.address-text {
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
    margin: 0;
    font-weight: 500;
}

.statutory-footer {
    margin-top: 20px;
    padding: 12px 20px;
    background: #f1f5f9;
    border-radius: 6px;
    border-left: 4px solid #94a3b8;
}

.statutory-footer p {
    font-size: 13px;
    color: #475569;
    margin: 0;
    line-height: 1.5;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .vault-info-grid { grid-template-columns: 1fr; padding: 20px; }
    .info-card.full-span { grid-column: span 1; }
    .vault-brand-block { flex-direction: column; text-align: center; gap: 20px; }
    .statutory-title { font-size: 22px; }
}
/*--*/
/* --- UIMRJ Ethical Integrity CSS --- */
.uimrj-ethics-vault {
    margin-top: 50px;
    padding: 5px 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.ethics-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 15px;
}

.ethics-title {
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin: 0;
}

.integrity-badge {
    background: #fffbeb;
    color: #b45309;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 800;
    border: 1px solid #fde68a;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Ethics Container & Cards */
.ethics-container {
    display: grid;
    gap: 20px;
}

.ethics-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    display: flex;
    gap: 20px;
    transition: all 0.3s ease;
}

.ethics-card:hover {
    border-color: #0284c7;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}

.ethics-icon-box {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.gold-glow { background: #fff7ed; color: #d97706; }
.blue-glow { background: #f0f9ff; color: #0284c7; }
.green-glow { background: #f0fdf4; color: #16a34a; }

.ethics-label {
    font-size: 18px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 8px;
}

.ethics-text {
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
    margin: 0;
}

/* Quality Assurance Bar */
.quality-assurance-bar {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    background: #0f172a;
    padding: 15px 25px;
    border-radius: 8px;
    color: #f1f5f9;
}

.qa-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
}

.qa-item i {
    color: #38bdf8;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .ethics-card { flex-direction: column; padding: 20px; }
    .quality-assurance-bar { flex-direction: column; gap: 15px; }
    .ethics-title { font-size: 22px; }
}
/*--*/
/* --- UIMRJ Quick Facts Sidebar Styling --- */
.uimrj-quick-facts-vault {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.uimrj-quick-facts-vault:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    border-color: #0284c7;
}

/* Header Styling */
.facts-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.facts-title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.facts-title i { color: #0284c7; }

.pulse-badge {
    font-size: 9px;
    background: #f0fdf4;
    color: #16a34a;
    padding: 4px 8px;
    border-radius: 50px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #bbf7d0;
}

/* List Items Styling */
.facts-list {
    display: flex;
    flex-direction: column;
}

.fact-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f1f5f9;
}

.fact-item.no-border { border-bottom: none; }

.fact-icon {
    width: 38px;
    height: 38px;
    background: #f8fafc;
    color: #0284c7;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.3s ease;
}

.fact-item:hover .fact-icon {
    background: #0284c7;
    color: #ffffff;
    transform: rotate(10deg);
}

.fact-label {
    display: block;
    font-size: 11px;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fact-value {
    font-size: 14px;
    color: #1e293b;
    font-weight: 700;
}

.issn-status { color: #f59e0b; } /* Subtle Amber for Pending */
.type-highlight { color: #0284c7; }

/* Footer Styling */
.facts-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
}

.facts-footer p {
    font-size: 11px;
    color: #94a3b8;
    line-height: 1.5;
    margin: 0;
    font-style: italic;
}

.facts-footer i { color: #10b981; margin-right: 5px; }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .uimrj-quick-facts-vault { padding: 20px; }
    .fact-value { font-size: 13px; }
}
/*--*/
/* --- UIMRJ Quick Action Hub Styling --- */
.uimrj-action-vault {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    margin-top: 25px;
    font-family: 'Inter', system-ui, sans-serif;
    position: relative;
}

.action-header {
    font-size: 16px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.action-header i { color: #4f46e5; }

.action-buttons-stack {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Base Button Style */
.uimrj-btn {
    display: flex;
    align-items: center;
    padding: 14px 18px;
    border-radius: 12px;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: 1px solid transparent;
}

.btn-icon {
    font-size: 20px;
    margin-right: 15px;
    width: 24px;
    text-align: center;
}

.btn-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.btn-top {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.9;
}

.btn-main {
    font-size: 14px;
    font-weight: 700;
}

/* Specific Button Themes */
.btn-submit {
    background: #4f46e5;
    color: #ffffff;
}

.btn-submit:hover {
    background: #4338ca;
    transform: translateX(5px);
    box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.3);
}

.btn-call {
    background: #f8fafc;
    color: #1e293b;
    border-color: #e2e8f0;
}

.btn-call:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.btn-whatsapp {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.btn-whatsapp:hover {
    background: #dcfce7;
    transform: scale(1.02);
}

/* Interaction Elements */
.arrow-move { transition: transform 0.3s ease; }
.btn-submit:hover .arrow-move { transform: translateX(5px); }

.online-dot {
    height: 8px;
    width: 8px;
    background-color: #22c55e;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #bbf7d0;
    animation: blink 1.5s infinite;
}

@keyframes blink {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

.action-footer {
    margin-top: 20px;
    text-align: center;
}

.guideline-link {
    font-size: 11px;
    color: #64748b;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}

.guideline-link:hover { color: #4f46e5; }

/* Responsive */
@media (max-width: 768px) {
    .uimrj-btn { padding: 12px 15px; }
    .btn-main { font-size: 13px; }
}
/*--*/
/* --- UIMRJ Indexing Readiness Sidebar Styling --- */
.uimrj-indexing-readiness-vault {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    margin-top: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.uimrj-indexing-readiness-vault:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.08);
    border-color: #0f172a;
}

.readiness-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}

.readiness-title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.readiness-title i {
    color: #0284c7;
    animation: techPulse 2s infinite;
}

/* Items Styling */
.readiness-grid {
    display: flex;
    flex-direction: column;
}

.readiness-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f1f5f9;
}

.readiness-item.no-border { border-bottom: none; }

.readiness-icon-box {
    width: 38px;
    height: 38px;
    background: #f0f9ff;
    color: #0284c7;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.readiness-icon-box.navy-bg { background: #f1f5f9; color: #1e293b; }
.readiness-icon-box.green-bg { background: #f0fdf4; color: #16a34a; }

.readiness-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.readiness-text {
    font-size: 12.5px;
    line-height: 1.5;
    color: #475569;
    margin: 0;
}

/* Footer & Badges */
.readiness-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.tech-badge {
    font-size: 9px;
    font-weight: 800;
    color: #64748b;
    background: #f8fafc;
    padding: 4px 10px;
    border-radius: 50px;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 5px;
}

@keyframes techPulse {
    0% { opacity: 1; }
    50% { opacity: 0.6; }
    100% { opacity: 1; }
}

/* Responsive */
@media (max-width: 768px) {
    .uimrj-indexing-readiness-vault { padding: 20px; }
    .readiness-text { font-size: 11.5px; }
}
/*--*/
/* --- UIMRJ Interactive Map Sidebar Styling --- */
.uimrj-map-vault {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    margin-top: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
}

.uimrj-map-vault:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.15);
    border-color: #0284c7;
}

.map-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.map-title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.map-title i { color: #0284c7; }

.hq-badge {
    font-size: 9px;
    font-weight: 800;
    background: #f0f9ff;
    color: #0284c7;
    padding: 4px 10px;
    border-radius: 50px;
    border: 1px solid #bae6fd;
    text-transform: uppercase;
}

/* Map Container Styling */
.map-container-wrapper {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    border: 1px solid #f1f5f9;
    background: #f8fafc;
}

.map-iframe-overlay iframe {
    filter: grayscale(10%) contrast(1.1);
    transition: all 0.5s ease;
}

.uimrj-map-vault:hover iframe {
    filter: grayscale(0%);
}

/* Address Styling */
.location-content {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.address-line {
    font-size: 13px;
    line-height: 1.5;
    color: #475569;
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.address-line i {
    color: #94a3b8;
    margin-top: 3px;
    font-size: 14px;
}

.address-line span { font-weight: 500; }

/* Action Footer */
.map-footer {
    margin-top: 20px;
}

.btn-get-directions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #0f172a;
    color: #ffffff;
    text-decoration: none;
    padding: 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.btn-get-directions:hover {
    background: #0284c7;
    box-shadow: 0 10px 15px -3px rgba(2, 132, 199, 0.3);
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .uimrj-map-vault { padding: 18px; }
    .map-title { font-size: 15px; }
}

/*- contact end-*/
/*-Editorial board member start-*/
/*--*/
/* --- UIMRJ Governance Premium UI --- */
:root {
    --gov-navy: #002147;
    --gov-gold: #b1964d;
    --gov-bg: #ffffff;
    --gov-soft-bg: #f8fafc;
    --gov-text: #334155;
    --gov-shadow: 0 15px 35px rgba(0, 33, 71, 0.05);
}

.uimrj-governance-container {
    padding: 10px 0;
    font-family: 'Roboto', sans-serif;
}

.uimrj-governance-header {
    margin-bottom: 35px;
}

.uimrj-governance-badges {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.uimrj-governance-pill-gold {
    background: var(--gov-gold);
    color: #fff;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    letter-spacing: 0.8px;
    box-shadow: 0 4px 10px rgba(177, 150, 77, 0.2);
}

.uimrj-governance-pill-navy {
    background: var(--gov-navy);
    color: #fff;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    letter-spacing: 0.8px;
}

.uimrj-governance-main-title {
    font-family: 'Playfair Display', serif;
    font-size: 34px;
    color: var(--gov-navy);
    margin-bottom: 15px;
    font-weight: 900;
    letter-spacing: -0.5px;
}

.uimrj-governance-divider {
    width: 70px;
    height: 4px;
    background: var(--gov-gold);
    border-radius: 2px;
}

.uimrj-governance-lead-text {
    font-size: 18px;
    line-height: 1.8;
    color: var(--gov-text);
    margin-bottom: 40px;
    font-weight: 400;
    border-left: 5px solid var(--gov-soft-bg);
    padding-left: 20px;
}

/* Feature Cards Design */
.uimrj-governance-feature-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.uimrj-governance-card {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    padding: 30px;
    background: var(--gov-bg);
    border: 1px solid #edf2f7;
    border-radius: 16px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.uimrj-governance-card:hover {
    transform: translateX(10px);
    border-color: var(--gov-gold);
    box-shadow: var(--gov-shadow);
}

.uimrj-governance-card-icon {
    min-width: 60px;
    height: 60px;
    background: var(--gov-soft-bg);
    color: var(--gov-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 12px;
    transition: 0.3s;
}

.uimrj-governance-card:hover .uimrj-governance-card-icon {
    background: var(--gov-navy);
    color: #fff;
}

.uimrj-governance-card-title {
    font-size: 20px;
    color: var(--gov-navy);
    margin: 0 0 10px 0;
    font-weight: 700;
}

.uimrj-governance-card-txt {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
    margin: 0;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-governance-main-title { font-size: 28px; }
    .uimrj-governance-card {
        flex-direction: column;
        padding: 20px;
        text-align: center;
    }
    .uimrj-governance-card:hover { transform: translateY(-5px); }
    .uimrj-governance-card-icon { margin: 0 auto; }
    .uimrj-governance-badges { justify-content: center; }
}
/*--*/
/* --- UIMRJ Chief Editor Final UI --- */
:root {
    --uimrj-navy: #002147;
    --uimrj-gold: #b1964d;
    --uimrj-white: #ffffff;
    --uimrj-light: #f8fafc;
    --uimrj-border: #e2e8f0;
}

.uimrj-final-leader-section {
    margin: 40px 0;
    font-family: 'Roboto', sans-serif;
}

.uimrj-final-leader-title-wrap {
    margin-bottom: 25px;
}

.uimrj-final-leader-h3 {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    color: var(--uimrj-navy);
    font-weight: 800;
    margin: 0;
}

.uimrj-final-leader-line {
    width: 70px;
    height: 4px;
    background: var(--uimrj-gold);
    margin-top: 10px;
    border-radius: 5px;
}

.uimrj-final-leader-card {
    background: var(--uimrj-white);
    border: 1px solid var(--uimrj-border);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.uimrj-final-leader-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 33, 71, 0.1);
    border-color: var(--uimrj-gold);
}

.uimrj-final-leader-top-bar {
    height: 6px;
    background: linear-gradient(90deg, var(--uimrj-navy) 0%, var(--uimrj-gold) 100%);
}

.uimrj-final-leader-flex {
    display: flex;
    padding: 40px;
    gap: 40px;
    align-items: center;
}

.uimrj-final-leader-identity {
    flex: 1.3;
}

.uimrj-final-leader-status {
    display: inline-block;
    background: rgba(177, 150, 77, 0.12);
    color: var(--uimrj-gold);
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.uimrj-final-leader-name {
    font-size: 26px;
    color: var(--uimrj-navy);
    margin: 0 0 10px 0;
    font-weight: 700;
}

.uimrj-final-leader-job {
    font-size: 16px;
    color: #475569;
    margin: 0 0 12px 0;
    font-weight: 500;
}

.uimrj-final-leader-institute {
    font-size: 14px;
    color: #64748b;
}

.uimrj-final-leader-institute a {
    color: var(--uimrj-navy);
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.uimrj-final-leader-institute a:hover {
    color: var(--uimrj-gold);
}

.uimrj-final-leader-meta {
    flex: 1;
    border-left: 1px solid #f1f5f9;
    padding-left: 40px;
}

.uimrj-final-leader-label {
    display: block;
    font-weight: 800;
    color: var(--uimrj-navy);
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.uimrj-final-leader-expertise-box p {
    font-size: 15px;
    color: #334155;
    line-height: 1.6;
    margin: 0;
}

.uimrj-final-leader-btn-group {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.uimrj-final-leader-link {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
    background: #f1f5f9;
}

.uimrj-final-leader-link.orcid { color: #a6ce39; }
.uimrj-final-leader-link.scholar { color: #4285f4; }
.uimrj-final-leader-link.inst { color: var(--uimrj-navy); }

.uimrj-final-leader-link:hover {
    background: var(--uimrj-navy);
    color: #fff !important;
}

.uimrj-final-leader-footer {
    background: var(--uimrj-light);
    padding: 30px 40px;
    border-top: 1px solid #f1f5f9;
}

.uimrj-final-leader-role-header {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--uimrj-navy);
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 12px;
}

.uimrj-final-leader-role-header i { color: var(--uimrj-gold); }

.uimrj-final-leader-role-p {
    font-size: 14px;
    line-height: 1.8;
    color: #555;
    font-style: italic;
    margin: 0;
}

/* Responsive Handling */
@media (max-width: 992px) {
    .uimrj-final-leader-flex { flex-direction: column; text-align: center; }
    .uimrj-final-leader-meta { border-left: none; padding-left: 0; border-top: 1px solid #f1f5f9; padding-top: 30px; width: 100%; }
    .uimrj-final-leader-btn-group { justify-content: center; }
}
/*--*/
/* --- UIMRJ Managing Editor Premium UI --- */
:root {
    --ops-navy: #002147;
    --ops-gold: #b1964d;
    --ops-teal: #0d9488;
    --ops-bg: #ffffff;
    --ops-sub-bg: #fcfdfe;
    --ops-border: #eef2f6;
}

.uimrj-ops-leader-section {
    margin: 40px 0;
    font-family: 'Roboto', sans-serif;
}

.uimrj-ops-leader-card {
    background: var(--ops-bg);
    border: 1px solid var(--ops-border);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.uimrj-ops-leader-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(0, 33, 71, 0.12);
    border-color: var(--ops-navy);
}

.uimrj-ops-leader-status-bar {
    height: 6px;
    background: linear-gradient(90deg, var(--ops-gold) 0%, var(--ops-navy) 100%);
}

.uimrj-ops-leader-flex {
    display: flex;
    padding: 40px;
    gap: 40px;
    align-items: center;
}

.uimrj-ops-leader-identity {
    flex: 1.2;
}

.uimrj-ops-leader-badge {
    display: inline-block;
    background: rgba(13, 148, 136, 0.1);
    color: var(--ops-teal);
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    border: 1px solid rgba(13, 148, 136, 0.2);
}

.uimrj-ops-leader-name {
    font-size: 26px;
    color: var(--ops-navy);
    margin: 0 0 8px 0;
    font-weight: 700;
}

.uimrj-ops-leader-job {
    font-size: 16px;
    color: #475569;
    margin: 0 0 15px 0;
    font-weight: 500;
    line-height: 1.4;
}

.uimrj-ops-leader-affiliation {
    font-size: 14px;
    color: #64748b;
}

.uimrj-ops-leader-affiliation i {
    color: var(--ops-gold);
    margin-right: 8px;
}

.uimrj-ops-leader-affiliation a {
    color: var(--ops-navy);
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.uimrj-ops-leader-affiliation a:hover {
    color: var(--ops-gold);
    text-decoration: underline;
}

.uimrj-ops-leader-tech-meta {
    flex: 1;
    border-left: 2px solid #f8fafc;
    padding-left: 40px;
}

.uimrj-ops-leader-label {
    display: block;
    font-weight: 800;
    color: var(--ops-navy);
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.uimrj-ops-leader-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.uimrj-ops-leader-tags span {
    background: #f1f5f9;
    color: #334155;
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 6px;
    font-weight: 600;
    border: 1px solid #e2e8f0;
}

.uimrj-ops-leader-action-btns {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.uimrj-ops-leader-btn {
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

.uimrj-ops-leader-btn.mail { background: var(--ops-navy); color: #fff !important; }
.uimrj-ops-leader-btn.orcid { background: #f8fafc; color: #a6ce39; border: 1px solid #e2e8f0; }
.uimrj-ops-leader-btn.portal { background: #f8fafc; color: var(--ops-gold); border: 1px solid #e2e8f0; }

.uimrj-ops-leader-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.uimrj-ops-leader-footer {
    background: var(--ops-sub-bg);
    padding: 30px 40px;
    border-top: 1px solid #f1f5f9;
}

.uimrj-ops-leader-role-head {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ops-navy);
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 12px;
}

.uimrj-ops-leader-role-head i { color: var(--ops-teal); }

.uimrj-ops-leader-role-desc {
    font-size: 14px;
    line-height: 1.8;
    color: #4b5563;
    margin: 0;
}

/* Responsive Fixes */
@media (max-width: 992px) {
    .uimrj-ops-leader-flex { flex-direction: column; text-align: center; padding: 30px; }
    .uimrj-ops-leader-tech-meta { border-left: none; padding-left: 0; border-top: 2px solid #f8fafc; padding-top: 30px; width: 100%; }
    .uimrj-ops-leader-tags, .uimrj-ops-leader-action-btns { justify-content: center; }
    .uimrj-ops-leader-role-head { justify-content: center; }
}
/*--*/
/* --- UIMRJ Member Vault Premium UI --- */
:root {
    --sv-navy: #002147;
    --sv-gold: #b1964d;
    --sv-bg: #ffffff;
    --sv-soft: #f1f5f9;
    --sv-border: #e2e8f0;
}

.uimrj-scholarly-vault-section {
    margin: 40px 0;
    font-family: 'Roboto', sans-serif;
}

.uimrj-scholarly-vault-header {
    margin-bottom: 30px;
}

.uimrj-scholarly-vault-badge {
    display: inline-block;
    background: var(--sv-navy);
    color: #fff;
    padding: 4px 12px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    margin-bottom: 12px;
}

.uimrj-scholarly-vault-h3 {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    color: var(--sv-navy);
    font-weight: 800;
    margin: 0;
}

.uimrj-scholarly-vault-intro {
    font-size: 14px;
    color: #64748b;
    margin-top: 5px;
}

.uimrj-scholarly-vault-line {
    width: 60px;
    height: 4px;
    background: var(--sv-gold);
    margin-top: 15px;
    border-radius: 2px;
}

/* Grid Design */
.uimrj-scholarly-vault-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.uimrj-scholarly-vault-card {
    background: var(--sv-bg);
    border: 1px solid var(--sv-border);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
}

.uimrj-scholarly-vault-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 33, 71, 0.08);
    border-color: var(--sv-gold);
}

.uimrj-scholarly-vault-top {
    padding: 25px 25px 15px;
    background: linear-gradient(to bottom right, #ffffff, #f9fafb);
}

.uimrj-scholarly-vault-type {
    font-size: 10px;
    font-weight: 800;
    color: var(--sv-gold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-scholarly-vault-top h4 {
    margin: 8px 0;
    font-size: 19px;
    color: var(--sv-navy);
    font-weight: 700;
}

.uimrj-scholarly-vault-expertise {
    font-size: 13px;
    color: #4b5563;
    font-style: italic;
    line-height: 1.4;
}

.uimrj-scholarly-vault-body {
    padding: 0 25px 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.uimrj-scholarly-vault-aff {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.uimrj-scholarly-vault-aff i {
    color: var(--sv-gold);
}

/* Action Buttons */
.uimrj-scholarly-vault-actions {
    display: flex;
    gap: 10px;
}

.uimrj-scholarly-vault-btn {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sv-soft);
    border-radius: 10px;
    color: #475569;
    font-size: 15px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    border: 1px solid var(--sv-border);
}

.uimrj-scholarly-vault-btn:hover {
    transform: scale(1.1);
    color: #ffffff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.uimrj-scholarly-vault-btn.inst:hover { background: #334155; border-color: #334155; }
.uimrj-scholarly-vault-btn.mail:hover { background: var(--sv-navy); border-color: var(--sv-navy); }
.uimrj-scholarly-vault-btn.orcid:hover { background: #a6ce39; border-color: #a6ce39; }
.uimrj-scholarly-vault-btn.scholar:hover { background: #4285f4; border-color: #4285f4; }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .uimrj-scholarly-vault-grid { grid-template-columns: 1fr; }
    .uimrj-scholarly-vault-actions { justify-content: flex-start; }
}
/*--*/
/* --- UIMRJ Associate Editors Premium UI --- */
:root {
    --expert-navy: #002147;
    --expert-gold: #b1964d;
    --expert-bg: #ffffff;
    --expert-soft: #f8fafc;
    --expert-shadow: 0 10px 25px rgba(0, 33, 71, 0.06);
}

.uimrj-domain-expert-section {
    margin: 40px 0;
    font-family: 'Roboto', sans-serif;
}

.uimrj-domain-expert-title-box {
    margin-bottom: 30px;
}

.uimrj-domain-expert-h3 {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    color: var(--expert-navy);
    font-weight: 800;
    margin: 0;
}

.uimrj-domain-expert-lead {
    font-size: 14px;
    color: #64748b;
    margin-top: 8px;
}

.uimrj-domain-expert-accent {
    width: 65px;
    height: 4px;
    background: var(--expert-gold);
    margin-top: 15px;
    border-radius: 2px;
}

/* Grid Layout */
.uimrj-domain-expert-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.uimrj-domain-expert-card {
    background: var(--expert-bg);
    border: 1px solid #edf2f7;
    border-radius: 15px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
}

.uimrj-domain-expert-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--expert-shadow);
    border-color: var(--expert-gold);
}

.uimrj-domain-expert-header {
    background: var(--expert-soft);
    padding: 20px 25px;
    border-bottom: 1px solid #f1f5f9;
}

.uimrj-domain-expert-specialty {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: var(--expert-gold);
    display: block;
    margin-bottom: 5px;
}

.uimrj-domain-expert-header h4 {
    margin: 0;
    font-size: 19px;
    color: var(--expert-navy);
    font-weight: 700;
}

.uimrj-domain-expert-info {
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.uimrj-domain-expert-aff {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 20px;
    line-height: 1.5;
}

.uimrj-domain-expert-aff i {
    color: var(--expert-gold);
    margin-right: 5px;
}

/* Controls / Buttons */
.uimrj-domain-expert-controls {
    display: flex;
    gap: 10px;
}

.uimrj-domain-expert-link {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #475569;
    font-size: 14px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.uimrj-domain-expert-link:hover {
    transform: scale(1.1);
    color: #fff;
    border-color: transparent;
}

.uimrj-domain-expert-link.inst:hover { background: #334155; }
.uimrj-domain-expert-link.mail:hover { background: var(--expert-navy); }
.uimrj-domain-expert-link.orcid:hover { background: #a6ce39; }
.uimrj-domain-expert-link.scholar:hover { background: #4285f4; }

/* Mobile Optimization */
@media (max-width: 768px) {
    .uimrj-domain-expert-grid { grid-template-columns: 1fr; }
}
/*--*/
/* --- UIMRJ Global Editorial Board Premium Style --- */
:root {
    --up-navy: #002147;
    --up-gold: #b1964d;
    --up-soft: #f8fafc;
    --up-border: #e2e8f0;
    --up-shadow: 0 12px 25px rgba(0, 33, 71, 0.05);
}

.uimrj-global-panel-wrapper {
    margin: 40px 0;
    font-family: 'Roboto', sans-serif;
}

.uimrj-global-panel-head {
    margin-bottom: 30px;
}

.uimrj-global-panel-h3 {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    color: var(--up-navy);
    font-weight: 800;
    margin: 0;
}

.uimrj-global-panel-lead {
    font-size: 15px;
    color: #64748b;
    margin-top: 8px;
}

.uimrj-global-panel-divider {
    width: 70px;
    height: 4px;
    background: var(--up-gold);
    margin-top: 15px;
    border-radius: 2px;
}

/* Members Grid */
.uimrj-global-panel-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.uimrj-global-panel-card {
    background: #ffffff;
    border: 1px solid var(--up-border);
    border-radius: 12px;
    display: flex;
    overflow: hidden;
    transition: all 0.3s ease;
}

.uimrj-global-panel-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--up-shadow);
    border-color: var(--up-gold);
}

.uimrj-global-panel-side-accent {
    width: 6px;
    background: var(--up-navy);
}

.uimrj-global-panel-card:hover .uimrj-global-panel-side-accent {
    background: var(--up-gold);
}

.uimrj-global-panel-content {
    padding: 20px 25px;
    flex: 1;
}

.uimrj-global-panel-region {
    font-size: 10px;
    text-transform: uppercase;
    color: var(--up-gold);
    font-weight: 800;
    letter-spacing: 0.5px;
}

.uimrj-global-panel-content h4 {
    margin: 5px 0;
    font-size: 18px;
    color: var(--up-navy);
    font-weight: 700;
}

.uimrj-global-panel-domain {
    font-size: 13px;
    color: #4b5563;
    font-style: italic;
    margin-bottom: 5px;
}

.uimrj-global-panel-aff {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 15px;
}

/* Icon Set */
.uimrj-global-panel-socials {
    display: flex;
    gap: 8px;
}

.uimrj-global-panel-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--up-soft);
    border: 1px solid var(--up-border);
    border-radius: 6px;
    color: #475569;
    font-size: 13px;
    text-decoration: none !important;
    transition: 0.2s;
}

.uimrj-global-panel-icon:hover {
    background: var(--up-navy);
    color: #fff;
    transform: scale(1.1);
}

.uimrj-global-panel-icon.orcid:hover { background: #a6ce39; border-color: #a6ce39; }
.uimrj-global-panel-icon.scholar:hover { background: #4285f4; border-color: #4285f4; }

/* Responsibilities Box */
.uimrj-global-panel-resp-box {
    background: var(--up-soft);
    padding: 35px;
    border-radius: 16px;
    border: 1px solid var(--up-border);
}

.uimrj-global-panel-h3-alt {
    font-size: 22px;
    color: var(--up-navy);
    margin: 0 0 20px 0;
    font-weight: 700;
}

.uimrj-global-panel-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
}

.uimrj-global-panel-list li {
    font-size: 14px;
    color: #334155;
    line-height: 1.6;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.uimrj-global-panel-list li i {
    color: var(--up-gold);
    margin-top: 4px;
}

/* Mobile Tweak */
@media (max-width: 768px) {
    .uimrj-global-panel-h3 { font-size: 24px; }
    .uimrj-global-panel-resp-box { padding: 25px; }
}
/*--*/
/* --- UIMRJ Compact Advisory Board Styling --- */
:root {
    --adv-navy: #002147;
    --adv-gold: #b1964d;
    --adv-border: #f1f5f9;
    --adv-text: #475569;
}

.uimrj-advisory-container {
    margin: 40px 0;
}

.uimrj-advisory-header {
    margin-bottom: 25px;
}

.uimrj-advisory-h3 {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    color: var(--adv-navy);
    font-weight: 800;
    margin: 0;
}

.uimrj-advisory-sub {
    font-size: 14px;
    color: #94a3b8;
    margin-top: 5px;
}

.uimrj-advisory-bar {
    width: 50px;
    height: 4px;
    background: var(--adv-gold);
    margin-top: 12px;
}

/* Grid Design - Compact */
.uimrj-advisory-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 15px;
}

.uimrj-advisory-card {
    background: #fff;
    border: 1px solid var(--adv-border);
    border-radius: 12px;
    padding: 18px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.3s ease;
}

.uimrj-advisory-card:hover {
    border-color: var(--adv-gold);
    box-shadow: 0 8px 20px rgba(0, 33, 71, 0.05);
}

.uimrj-advisory-main h5 {
    font-size: 16px;
    color: var(--adv-navy);
    margin: 0 0 5px 0;
    font-weight: 700;
}

.uimrj-advisory-expert {
    font-size: 11px;
    font-weight: 700;
    color: var(--adv-gold);
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}

.uimrj-advisory-uni {
    font-size: 13px;
    color: var(--adv-text);
    line-height: 1.4;
    margin-bottom: 12px;
}

/* Action Icons */
.uimrj-advisory-actions {
    display: flex;
    gap: 8px;
    border-top: 1px solid #f8fafc;
    padding-top: 12px;
}

.uimrj-advisory-actions a {
    width: 28px;
    height: 28px;
    background: #f8fafc;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 12px;
    text-decoration: none !important;
    transition: 0.2s;
}

.uimrj-advisory-actions a:hover {
    background: var(--adv-navy);
    color: #fff;
}

/* Responsibilities Compact */
.uimrj-advisory-resp {
    background: #f9fafb;
    padding: 25px;
    border-radius: 15px;
    margin-top: 30px;
    border: 1px dashed #e2e8f0;
}

.uimrj-advisory-resp-h4 {
    font-size: 18px;
    color: var(--adv-navy);
    margin: 0 0 15px 0;
    font-weight: 700;
}

.uimrj-advisory-resp-flex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 10px;
}

.uimrj-advisory-resp-flex p {
    font-size: 13px;
    color: #555;
    margin-bottom: 8px;
    line-height: 1.5;
}

.uimrj-advisory-resp-flex i {
    color: var(--adv-gold);
    font-size: 10px;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .uimrj-advisory-grid { grid-template-columns: 1fr; }
}
/*--*/
/* --- UIMRJ Sidebar Elite Styling --- */
:root {
    --side-navy: #002147;
    --side-gold: #b1964d;
    --side-bg: #ffffff;
    --side-light: #f8fafc;
    --side-border: #e2e8f0;
    --side-shadow: 0 10px 30px rgba(0, 33, 71, 0.07);
}

.uimrj-trust-sidebar-hub {
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: 'Roboto', sans-serif;
}

.uimrj-trust-widget-card {
    background: var(--side-bg);
    border: 1px solid var(--side-border);
    border-radius: 16px;
    padding: 25px;
    transition: 0.3s ease;
    box-shadow: var(--side-shadow);
}

.uimrj-trust-widget-card:hover {
    border-color: var(--side-gold);
    transform: translateY(-3px);
}

.uimrj-trust-card-header {
    margin-bottom: 20px;
}

.uimrj-trust-card-h4 {
    font-size: 18px;
    color: var(--side-navy);
    font-weight: 800;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: -0.2px;
}

.uimrj-trust-card-h4 i {
    color: var(--side-gold);
}

.uimrj-trust-header-line {
    width: 40px;
    height: 3px;
    background: var(--side-gold);
    border-radius: 5px;
}

/* Compliance List */
.uimrj-trust-compliance-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.uimrj-trust-compliance-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.uimrj-trust-check-icon {
    font-size: 16px;
    color: var(--side-gold);
    margin-top: 2px;
}

.uimrj-trust-text-info strong {
    display: block;
    font-size: 14px;
    color: var(--side-navy);
    font-weight: 700;
    margin-bottom: 2px;
}

.uimrj-trust-text-info p {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

/* Technical Metadata Badges */
.uimrj-trust-indexing-bg {
    background: linear-gradient(135deg, #002147, #003a7a);
    border: none;
}

.uimrj-trust-indexing-bg .uimrj-trust-card-h4 {
    color: #fff;
}

.uimrj-trust-meta-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.uimrj-trust-meta-tag {
    background: rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
    font-size: 11px;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: 0.2s;
}

.uimrj-trust-meta-tag:hover {
    background: var(--side-gold);
    color: #fff;
    border-color: var(--side-gold);
}

/* CTA Box */
.uimrj-trust-cta-box {
    text-align: center;
    padding: 20px;
    background: var(--side-light);
    border: 1px dashed var(--side-gold);
    border-radius: 12px;
}

.uimrj-trust-cta-box p {
    font-size: 13px;
    color: var(--side-navy);
    font-weight: 700;
    margin-bottom: 12px;
}

.uimrj-trust-cta-btn {
    background: var(--side-navy);
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s ease;
}

.uimrj-trust-cta-btn:hover {
    background: var(--side-gold);
    box-shadow: 0 5px 15px rgba(177, 150, 77, 0.3);
}

/* Responsive fixes */
@media (max-width: 768px) {
    .uimrj-trust-sidebar-hub { margin-top: 30px; }
}
/*--*/
/* --- UIMRJ Indexing & Discoverability Sidebar UI --- */
:root {
    --dsc-navy: #002147;
    --dsc-gold: #b1964d;
    --dsc-bg: #ffffff;
    --dsc-border: #f1f5f9;
    --dsc-text-light: #64748b;
}

.uimrj-discover-card-wrap {
    background: var(--dsc-bg);
    border: 1px solid var(--dsc-border);
    border-radius: 18px;
    padding: 25px;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    box-shadow: 0 10px 25px rgba(0, 33, 71, 0.04);
}

.uimrj-discover-card-wrap:hover {
    border-color: var(--dsc-gold);
    box-shadow: 0 15px 35px rgba(0, 33, 71, 0.08);
}

.uimrj-discover-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.uimrj-discover-icon-box {
    position: relative;
    width: 45px;
    height: 45px;
    background: var(--dsc-navy);
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.uimrj-discover-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid var(--dsc-gold);
    border-radius: 10px;
    animation: uimrj-pulse-anim 2s infinite;
    opacity: 0;
}

@keyframes uimrj-pulse-anim {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.5); opacity: 0; }
}

.uimrj-discover-title-info h4 {
    margin: 0;
    font-size: 17px;
    color: var(--dsc-navy);
    font-weight: 800;
}

.uimrj-discover-status {
    font-size: 10px;
    text-transform: uppercase;
    color: var(--dsc-gold);
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Feature Row */
.uimrj-discover-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.uimrj-discover-feature {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.uimrj-discover-meta-left {
    font-size: 16px;
    color: var(--dsc-gold);
    padding-top: 3px;
}

.uimrj-discover-meta-right strong {
    display: block;
    font-size: 13.5px;
    color: var(--dsc-navy);
    margin-bottom: 3px;
}

.uimrj-discover-meta-right p {
    font-size: 12.5px;
    color: var(--dsc-text-light);
    line-height: 1.5;
    margin: 0;
}

.uimrj-discover-meta-right b {
    color: var(--dsc-navy);
}

/* Footer Seal */
.uimrj-discover-footer-seal {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid var(--dsc-border);
}

.uimrj-discover-seal-inner {
    background: #f8fafc;
    border: 1px dashed var(--dsc-gold);
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.uimrj-discover-seal-inner i {
    color: var(--dsc-gold);
    font-size: 14px;
}

.uimrj-discover-seal-inner span {
    font-size: 11px;
    font-weight: 700;
    color: var(--dsc-navy);
    text-transform: uppercase;
}

/* Responsive Fixes */
@media (max-width: 768px) {
    .uimrj-discover-card-wrap { margin-top: 20px; }
}
/*--*/
/* --- UIMRJ Strategic Advantage Sidebar UI --- */
:root {
    --strat-navy: #002147;
    --strat-gold: #b1964d;
    --strat-border: #f1f5f9;
    --strat-text: #475569;
    --strat-glow: rgba(177, 150, 77, 0.15);
}

.uimrj-strat-advantage-container {
    background: #ffffff;
    border: 1px solid var(--strat-border);
    border-radius: 20px;
    padding: 25px;
    margin-top: 25px;
    transition: all 0.4s ease;
    box-shadow: 0 10px 30px rgba(0, 33, 71, 0.03);
}

.uimrj-strat-advantage-container:hover {
    border-color: var(--strat-gold);
    box-shadow: 0 15px 40px rgba(0, 33, 71, 0.08);
}

.uimrj-strat-head {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.uimrj-strat-icon-wrap {
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, var(--strat-navy), #003a7a);
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: 0 5px 15px var(--strat-glow);
}

.uimrj-strat-title-group h4 {
    margin: 0;
    font-size: 17px;
    color: var(--strat-navy);
    font-weight: 800;
}

.uimrj-strat-subtitle {
    font-size: 11px;
    text-transform: uppercase;
    color: var(--strat-gold);
    font-weight: 700;
    letter-spacing: 0.8px;
}

/* Advantage Items */
.uimrj-strat-body {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.uimrj-strat-item {
    display: flex;
    gap: 12px;
    position: relative;
}

.uimrj-strat-dot {
    min-width: 8px;
    height: 8px;
    background: var(--strat-gold);
    border-radius: 50%;
    margin-top: 6px;
    box-shadow: 0 0 0 4px rgba(177, 150, 77, 0.1);
}

.uimrj-strat-info strong {
    display: block;
    font-size: 13.5px;
    color: var(--strat-navy);
    margin-bottom: 3px;
    font-weight: 700;
}

.uimrj-strat-info p {
    font-size: 12.5px;
    color: var(--strat-text);
    line-height: 1.5;
    margin: 0;
}

/* Divider Label */
.uimrj-strat-divider-label {
    font-size: 10px;
    text-transform: uppercase;
    color: #94a3b8;
    font-weight: 800;
    text-align: center;
    margin: 10px 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.uimrj-strat-divider-label::before,
.uimrj-strat-divider-label::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #f1f5f9;
}

/* Tech Grid Badges */
.uimrj-strat-tech-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.uimrj-strat-badge {
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    padding: 10px 5px;
    border-radius: 10px;
    text-align: center;
    transition: 0.3s;
}

.uimrj-strat-badge:hover {
    background: var(--strat-navy);
    color: #fff;
    border-color: var(--strat-navy);
    transform: scale(1.05);
}

.uimrj-strat-badge i {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    color: var(--strat-gold);
}

.uimrj-strat-badge:hover i { color: #fff; }

.uimrj-strat-badge span {
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
}

/* Footer Signature */
.uimrj-strat-footer {
    margin-top: 25px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--strat-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fcfcfc;
    padding: 10px;
    border-radius: 50px;
}

.uimrj-strat-footer i {
    color: var(--strat-gold);
}

/* Responsive Fixes */
@media (max-width: 768px) {
    .uimrj-strat-tech-grid { grid-template-columns: repeat(3, 1fr); }
}
/*--*/
/* --- UIMRJ Call for Experts Elite Sidebar UI --- */
:root {
    --expert-navy: #002147;
    --expert-gold: #b1964d;
    --expert-white: #ffffff;
    --expert-border: #f1f5f9;
}

.uimrj-call-experts-container {
    background: linear-gradient(145deg, #ffffff, #f9fbff);
    border: 2px solid var(--expert-border);
    border-radius: 24px;
    padding: 30px 25px;
    margin-top: 30px;
    text-align: center;
    position: relative;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 10px 30px rgba(0, 33, 71, 0.05);
}

.uimrj-call-experts-container:hover {
    border-color: var(--expert-gold);
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(177, 150, 77, 0.12);
}

.uimrj-call-experts-icon-anchor {
    width: 55px;
    height: 55px;
    background: var(--expert-navy);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin: -55px auto 20px auto;
    border: 4px solid #fff;
    position: relative;
    z-index: 2;
}

.uimrj-call-experts-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid var(--expert-gold);
    border-radius: 50%;
    animation: uimrj-ring-pulse 2s infinite;
}

@keyframes uimrj-ring-pulse {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.8); opacity: 0; }
}

.uimrj-call-experts-title {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    color: var(--expert-navy);
    font-weight: 800;
    margin-bottom: 12px;
}

.uimrj-call-experts-text {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 20px;
}

.uimrj-call-experts-text strong {
    color: var(--expert-navy);
    font-weight: 700;
}

.uimrj-call-experts-criteria {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 25px;
}

.uimrj-call-experts-criteria span {
    font-size: 11px;
    font-weight: 700;
    color: var(--expert-gold);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* The Premium Button */
.uimrj-call-experts-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: var(--expert-navy);
    color: #fff !important;
    text-decoration: none !important;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
    overflow: hidden;
    position: relative;
}

.uimrj-call-experts-btn:hover {
    background: var(--expert-gold);
    box-shadow: 0 8px 20px rgba(177, 150, 77, 0.4);
}

.uimrj-call-experts-btn i {
    transition: transform 0.3s ease;
}

.uimrj-call-experts-btn:hover i {
    transform: translateX(5px);
}

.uimrj-call-experts-footer {
    margin-top: 25px;
    font-size: 10px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* Mobile Friendly */
@media (max-width: 768px) {
    .uimrj-call-experts-container { margin-top: 60px; padding: 25px 20px; }
    .uimrj-call-experts-title { font-size: 19px; }
}

/*--*/
/*-Editorial board member End-*/
/*-join-editorial-board start-*/
/*--*/
/* --- UIMRJ Elite Invitation Styles --- */
:root {
    --uimrj-navy: #002147;
    --uimrj-gold: #b1964d;
    --uimrj-light-bg: #f8fafc;
    --uimrj-white: #ffffff;
}

.uimrj-join-board-container {
    margin: 10px 0;
    font-family: 'Roboto', sans-serif;
}

.uimrj-hero-header {
    margin-bottom: 40px;
}

.uimrj-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #eef2f7;
    padding: 6px 18px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    color: var(--uimrj-navy);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    border: 1px solid #d1d9e6;
}

.uimrj-pulse-dot {
    height: 8px;
    width: 8px;
    background-color: #10b981;
    border-radius: 50%;
    display: inline-block;
    animation: uimrj-pulse 1.5s infinite;
}

@keyframes uimrj-pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.uimrj-join-h1 {
    font-family: 'Playfair Display', serif;
    font-size: 38px;
    color: var(--uimrj-navy);
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 15px 0;
}

.uimrj-title-border {
    width: 80px;
    height: 5px;
    background: var(--uimrj-gold);
    margin-bottom: 25px;
    border-radius: 3px;
}

.uimrj-lead-text {
    font-size: 20px;
    color: #475569;
    line-height: 1.6;
    font-weight: 300;
}

/* Framework Box */
.uimrj-framework-box {
    background: var(--uimrj-white);
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0, 33, 71, 0.05);
}

.uimrj-sub-h2 {
    font-size: 22px;
    color: var(--uimrj-navy);
    font-weight: 800;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.uimrj-sub-h2 i {
    color: var(--uimrj-gold);
}

.uimrj-main-para {
    font-size: 17px;
    line-height: 1.8;
    color: #334155;
    margin-bottom: 35px;
    text-align: justify;
}

/* Mission Grid */
.uimrj-mission-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 35px;
}

.uimrj-mission-card {
    background: var(--uimrj-light-bg);
    padding: 25px;
    border-radius: 15px;
    transition: 0.3s;
    border: 1px solid transparent;
}

.uimrj-mission-card:hover {
    transform: translateY(-5px);
    background: #fff;
    border-color: var(--uimrj-gold);
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.uimrj-icon-bg {
    width: 45px;
    height: 45px;
    background: var(--uimrj-navy);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 15px;
    font-size: 18px;
}

.uimrj-mission-card h5 {
    font-size: 16px;
    font-weight: 800;
    color: var(--uimrj-navy);
    margin-bottom: 10px;
}

.uimrj-mission-card p {
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

.uimrj-footer-note {
    font-size: 14px;
    color: #64748b;
    background: #f1f5f9;
    padding: 15px 25px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.uimrj-footer-note i {
    color: #10b981;
}

/* Responsive Fixes */
@media (max-width: 768px) {
    .uimrj-join-h1 { font-size: 28px; }
    .uimrj-framework-box { padding: 25px; }
    .uimrj-lead-text { font-size: 17px; }
}
/*--*/
/* --- UIMRJ Eligibility Elite Styling --- */
:root {
    --uimrj-navy: #002147;
    --uimrj-gold: #b1964d;
    --uimrj-slate: #475569;
    --uimrj-bg-soft: #fcfdfe;
}

.uimrj-eligibility-container {
    margin: 40px 0;
    font-family: 'Roboto', sans-serif;
}

.uimrj-bench-h3 {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    color: var(--uimrj-navy);
    font-weight: 800;
    margin-bottom: 10px;
}

.uimrj-bench-subtext {
    font-size: 15px;
    color: var(--uimrj-slate);
    line-height: 1.6;
    margin-bottom: 20px;
}

.uimrj-bench-line {
    width: 60px;
    height: 4px;
    background: var(--uimrj-gold);
    border-radius: 2px;
    margin-bottom: 30px;
}

/* Bench Grid Layout */
.uimrj-bench-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.uimrj-bench-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    display: flex;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    align-items: flex-start;
}

.uimrj-bench-card:hover {
    border-color: var(--uimrj-gold);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 33, 71, 0.05);
}

.uimrj-bench-full {
    grid-column: 1 / -1;
    background: var(--uimrj-bg-soft);
}

.uimrj-bench-icon {
    min-width: 45px;
    height: 45px;
    background: var(--uimrj-navy);
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: 0 5px 15px rgba(0, 33, 71, 0.1);
}

.uimrj-bench-card:hover .uimrj-bench-icon {
    background: var(--uimrj-gold);
}

.uimrj-bench-title {
    font-size: 18px;
    color: var(--uimrj-navy);
    font-weight: 700;
    margin: 0 0 8px 0;
}

.uimrj-bench-content p {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    margin: 0;
}

.uimrj-bench-content strong {
    color: var(--uimrj-navy);
}

/* Responsive Fix */
@media (max-width: 768px) {
    .uimrj-bench-h3 { font-size: 22px; }
    .uimrj-bench-card { flex-direction: column; text-align: center; align-items: center; }
    .uimrj-bench-icon { margin-bottom: 10px; }
}
/*--*/
/* --- UIMRJ Editorial Mandate Premium UI --- */
:root {
    --u-navy: #002147;
    --u-gold: #b1964d;
    --u-soft: #f4f7fa;
    --u-text: #334155;
}

.uimrj-mandate-wrapper {
    margin: 50px 0;
    font-family: 'Roboto', sans-serif;
}

.uimrj-mandate-header {
    margin-bottom: 35px;
}

.uimrj-mandate-h3 {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    color: var(--u-navy);
    font-weight: 800;
    margin: 0;
}

.uimrj-mandate-sub {
    font-size: 15px;
    color: #64748b;
    margin: 10px 0 15px;
}

.uimrj-mandate-accent {
    width: 70px;
    height: 4px;
    background: var(--u-gold);
    border-radius: 2px;
}

/* Flex Container for Responsibilities */
.uimrj-mandate-flex-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.uimrj-mandate-item {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 25px;
    border-radius: 16px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.uimrj-mandate-item:hover {
    transform: translateX(10px);
    border-color: var(--u-gold);
    box-shadow: 0 10px 25px rgba(0, 33, 71, 0.06);
}

.uimrj-mandate-icon-box {
    min-width: 60px;
    height: 60px;
    background: var(--u-soft);
    color: var(--u-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 12px;
    margin-right: 25px;
    transition: 0.3s;
}

.uimrj-mandate-item:hover .uimrj-mandate-icon-box {
    background: var(--u-navy);
    color: #fff;
}

.uimrj-mandate-info h4 {
    font-size: 19px;
    color: var(--u-navy);
    margin: 0 0 8px 0;
    font-weight: 700;
}

.uimrj-mandate-info p {
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--u-text);
    margin: 0;
}

.uimrj-mandate-info strong {
    color: var(--u-navy);
}

/* Responsive Handling */
@media (max-width: 768px) {
    .uimrj-mandate-item {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }
    .uimrj-mandate-icon-box {
        margin: 0 0 20px 0;
    }
    .uimrj-mandate-item:hover {
        transform: translateY(-5px);
    }
}
/*--*/
/* --- UIMRJ Career Benefits Premium UI --- */
:root {
    --u-navy: #002147;
    --u-gold: #b1964d;
    --u-slate: #334155;
    --u-bg: #ffffff;
    --u-shadow: 0 10px 30px rgba(0, 33, 71, 0.08);
}

.uimrj-benefit-vault {
    margin: 50px 0;
    font-family: 'Roboto', sans-serif;
}

.uimrj-benefit-h3 {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    color: var(--u-navy);
    font-weight: 800;
    margin: 0;
}

.uimrj-benefit-sub {
    font-size: 15px;
    color: #64748b;
    margin: 10px 0 15px;
}

.uimrj-benefit-divider {
    width: 60px;
    height: 4px;
    background: var(--u-gold);
    border-radius: 2px;
}

/* Benefit Grid */
.uimrj-benefit-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.uimrj-benefit-card {
    background: var(--u-bg);
    border: 1px solid #edf2f7;
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.uimrj-benefit-card:hover {
    transform: translateY(-8px);
    border-color: var(--u-gold);
    box-shadow: var(--u-shadow);
}

.uimrj-benefit-icon {
    width: 50px;
    height: 50px;
    background: #f8fbff;
    color: var(--u-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 12px;
    border: 1px solid #eef2f6;
    transition: 0.3s;
}

.uimrj-benefit-card:hover .uimrj-benefit-icon {
    background: var(--u-navy);
    color: #fff;
    transform: rotateY(360deg);
}

.uimrj-benefit-info h4 {
    font-size: 19px;
    color: var(--u-navy);
    margin: 0 0 10px 0;
    font-weight: 700;
}

.uimrj-benefit-info p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--u-slate);
    margin: 0;
}

.uimrj-benefit-info strong {
    color: var(--u-navy);
}

/* UX Assurance Footer */
.uimrj-benefit-ux-footer {
    margin-top: 30px;
    text-align: center;
}

.uimrj-ux-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f1f5f9;
    padding: 12px 25px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    color: var(--u-navy);
    border: 1px dashed var(--u-gold);
}

.uimrj-ux-badge i {
    color: var(--u-gold);
}

/* Responsive Fixes */
@media (max-width: 768px) {
    .uimrj-benefit-grid { grid-template-columns: 1fr; }
    .uimrj-benefit-card { text-align: center; align-items: center; }
}
/*--*/
/* --- UIMRJ Final Application CTA Premium UI --- */
:root {
    --an-navy: #002147;
    --an-gold: #b1964d;
    --an-soft: #fcfdfe;
    --an-border: #eef2f6;
}

.uimrj-apply-now-wrapper {
    margin: 60px 0;
    font-family: 'Roboto', sans-serif;
}

.uimrj-apply-now-header {
    margin-bottom: 40px;
}

.uimrj-apply-now-h3 {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    color: var(--an-navy);
    font-weight: 800;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.uimrj-apply-now-sub {
    font-size: 15px;
    color: #64748b;
    margin: 10px 0 15px;
}

.uimrj-apply-now-divider {
    width: 60px;
    height: 5px;
    background: var(--an-gold);
    border-radius: 5px;
}

/* Grid Layout */
.uimrj-apply-now-content-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    align-items: center;
}

/* Checklist Styling */
.uimrj-apply-now-checklist {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.uimrj-apply-now-step {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.uimrj-apply-now-num {
    background: var(--an-navy);
    color: #fff;
    width: 35px;
    height: 35px;
    min-width: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(0, 33, 71, 0.2);
}

.uimrj-apply-now-info strong {
    display: block;
    font-size: 16px;
    color: var(--an-navy);
    margin-bottom: 5px;
}

.uimrj-apply-now-info p {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
    margin: 0;
}

/* Action Card Styling */
.uimrj-apply-now-card {
    background: #ffffff;
    border: 1px solid var(--an-border);
    border-radius: 24px;
    padding: 10px;
    box-shadow: 0 20px 50px rgba(0, 33, 71, 0.05);
}

.uimrj-apply-now-card-inner {
    background: var(--an-soft);
    padding: 35px;
    border-radius: 18px;
    border: 1px dashed var(--an-gold);
    text-align: center;
}

.uimrj-apply-now-label {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--an-gold);
    margin-bottom: 10px;
}

.uimrj-apply-now-email {
    font-size: 18px;
    color: var(--an-navy);
    font-weight: 800;
    margin-bottom: 20px;
    word-break: break-all;
}

.uimrj-apply-now-subject {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 25px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid var(--an-border);
}

/* Champion Button */
.uimrj-apply-now-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: var(--an-navy);
    color: #fff !important;
    text-decoration: none !important;
    padding: 16px 25px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    width: 100%;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 10px 20px rgba(0, 33, 71, 0.2);
}

.uimrj-apply-now-btn:hover {
    background: var(--an-gold);
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(177, 150, 77, 0.3);
}

.uimrj-apply-now-privacy {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 20px;
    font-style: italic;
}

/* Responsive Fixes */
@media (max-width: 768px) {
    .uimrj-apply-now-content-grid { grid-template-columns: 1fr; }
    .uimrj-apply-now-card-inner { padding: 25px 15px; }
    .uimrj-apply-now-h3 { font-size: 24px; }
}
/*--*/
/* --- UIMRJ Sidebar Trust Shield UI --- */
:root {
    --shield-navy: #002147;
    --shield-gold: #b1964d;
    --shield-bg: #ffffff;
    --shield-soft: #f8fbff;
    --shield-border: #e2e8f0;
}

.uimrj-trust-shield-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Roboto', sans-serif;
}

.uimrj-trust-shield-card {
    background: var(--shield-bg);
    border: 1px solid var(--shield-border);
    border-radius: 20px;
    padding: 25px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 33, 71, 0.02);
}

.uimrj-trust-shield-card:hover {
    border-color: var(--shield-gold);
    box-shadow: 0 15px 35px rgba(0, 33, 71, 0.08);
    transform: translateY(-3px);
}

.uimrj-trust-shield-header {
    margin-bottom: 25px;
}

.uimrj-trust-shield-h4 {
    font-size: 18px;
    color: var(--shield-navy);
    font-weight: 800;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.uimrj-trust-shield-h4 i {
    color: var(--shield-gold);
}

.uimrj-trust-shield-line {
    width: 45px;
    height: 4px;
    background: var(--shield-gold);
    margin-top: 10px;
    border-radius: 5px;
}

/* Compliance List Styling */
.uimrj-trust-shield-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.uimrj-trust-shield-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.uimrj-trust-shield-icon {
    min-width: 32px;
    height: 32px;
    background: var(--shield-soft);
    color: var(--shield-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 14px;
    transition: 0.3s;
    border: 1px solid #edf2f7;
}

.uimrj-trust-shield-item:hover .uimrj-trust-shield-icon {
    background: var(--shield-navy);
    color: #fff;
}

.uimrj-trust-shield-text strong {
    display: block;
    font-size: 14px;
    color: var(--shield-navy);
    margin-bottom: 3px;
    font-weight: 700;
}

.uimrj-trust-shield-text p {
    font-size: 12.5px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

/* SEO Metadata Badge */
.uimrj-trust-shield-badge-box {
    text-align: center;
}

.uimrj-trust-shield-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f1f5f9;
    padding: 10px 20px;
    border-radius: 50px;
    border: 1px dashed var(--shield-gold);
    color: var(--shield-navy);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-trust-shield-badge i {
    color: var(--shield-gold);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-trust-shield-card { padding: 20px; }
    .uimrj-trust-shield-h4 { font-size: 17px; }
}
/*--*/
/* --- UIMRJ Sidebar Tech & SEO Premium UI --- */
:root {
    --tech-navy: #002147;
    --tech-gold: #b1964d;
    --tech-bg: #ffffff;
    --tech-border: #f1f5f9;
}

.uimrj-tech-seo-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;
}

.uimrj-tech-seo-card {
    background: var(--tech-bg);
    border: 1px solid var(--tech-border);
    border-radius: 20px;
    padding: 25px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 10px 30px rgba(0, 33, 71, 0.03);
}

.uimrj-tech-seo-card:hover {
    border-color: var(--tech-gold);
    box-shadow: 0 20px 45px rgba(0, 33, 71, 0.08);
}

.uimrj-tech-seo-header {
    margin-bottom: 25px;
    position: relative;
}

.uimrj-tech-seo-h4 {
    font-size: 18px;
    color: var(--tech-navy);
    font-weight: 800;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.uimrj-tech-seo-h4 i {
    color: var(--tech-gold);
}

.uimrj-tech-seo-glow {
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, var(--tech-gold), transparent);
    margin-top: 8px;
    border-radius: 10px;
}

/* List Items */
.uimrj-tech-seo-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.uimrj-tech-seo-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.uimrj-tech-seo-icon {
    min-width: 34px;
    height: 34px;
    background: #f8fbff;
    color: var(--tech-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 15px;
    border: 1px solid #eef2f6;
    transition: 0.3s;
}

.uimrj-tech-seo-item:hover .uimrj-tech-seo-icon {
    background: var(--tech-navy);
    color: #fff;
    transform: rotate(10deg);
}

.uimrj-tech-seo-info strong {
    display: block;
    font-size: 14px;
    color: var(--tech-navy);
    font-weight: 700;
    margin-bottom: 3px;
}

.uimrj-tech-seo-info p {
    font-size: 12.5px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

/* Tech Pulse Status */
.uimrj-tech-seo-status-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #f8fafc;
    padding: 12px;
    border-radius: 50px;
    border: 1px dashed var(--tech-gold);
}

.uimrj-tech-seo-status-box span {
    font-size: 10px;
    font-weight: 800;
    color: var(--tech-navy);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-tech-seo-pulse {
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    animation: uimrj-tech-pulse 1.5s infinite;
}

@keyframes uimrj-tech-pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* Responsive Fixes */
@media (max-width: 768px) {
    .uimrj-tech-seo-card { padding: 20px; }
}
/*--*/
/* --- UIMRJ Global Visibility Sidebar UI --- */
:root {
    --gv-navy: #002147;
    --gv-gold: #b1964d;
    --gv-border: #e2e8f0;
    --gv-soft-bg: #f9fbff;
}

.uimrj-global-vis-container {
    margin-top: 25px;
    font-family: 'Roboto', sans-serif;
}

.uimrj-global-vis-card {
    background: #ffffff;
    border: 1px solid var(--gv-border);
    border-radius: 20px;
    padding: 30px 25px 25px;
    position: relative;
    transition: all 0.4s ease-in-out;
    box-shadow: 0 10px 30px rgba(0, 33, 71, 0.04);
}

.uimrj-global-vis-card:hover {
    border-color: var(--gv-gold);
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 33, 71, 0.08);
}

.uimrj-global-vis-badge {
    position: absolute;
    top: -12px;
    right: 25px;
    background: var(--gv-navy);
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 10px rgba(0, 33, 71, 0.2);
}

.uimrj-global-vis-header {
    margin-bottom: 25px;
}

.uimrj-global-vis-h4 {
    font-size: 19px;
    color: var(--gv-navy);
    font-weight: 800;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.uimrj-global-vis-h4 i {
    color: var(--gv-gold);
}

.uimrj-global-vis-tagline {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 5px;
    font-style: italic;
}

/* Visibility Items */
.uimrj-global-vis-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.uimrj-global-vis-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.uimrj-global-vis-check {
    min-width: 32px;
    height: 32px;
    background: var(--gv-soft-bg);
    color: var(--gv-navy);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 1px solid #edf2f7;
    transition: 0.3s;
}

.uimrj-global-vis-item:hover .uimrj-global-vis-check {
    background: var(--gv-gold);
    color: #fff;
    border-color: var(--gv-gold);
}

.uimrj-global-vis-text strong {
    display: block;
    font-size: 14px;
    color: var(--gv-navy);
    font-weight: 700;
    margin-bottom: 4px;
}

.uimrj-global-vis-text p {
    font-size: 12.5px;
    color: #4b5563;
    line-height: 1.5;
    margin: 0;
}

.uimrj-global-vis-text b {
    color: var(--gv-navy);
}

/* Footer Section */
.uimrj-global-vis-footer {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.uimrj-global-vis-footer i {
    color: var(--gv-gold);
    font-size: 14px;
    animation: gv-float 3s ease-in-out infinite;
}

.uimrj-global-vis-footer span {
    font-size: 10px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

@keyframes gv-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

/* Mobile Fixes */
@media (max-width: 768px) {
    .uimrj-global-vis-card { padding: 25px 20px; }
}
/*--*/
/*--*/
/*-join-editorial-board end-*/
/*--*/
/*-Publisher information start-*/
/*--*/
/* --- UIMRJ Institutional Hub Styling --- */
.uimrj-institutional-hub {
    padding: 20px 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #334155;
}

.hub-header {
    margin-bottom: 35px;
    border-left: 5px solid #0f172a;
    padding-left: 20px;
}

.hub-title {
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 10px 0;
    letter-spacing: -0.5px;
}

.hub-subtitle-bar {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.hub-tag {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 6px;
    letter-spacing: 0.5px;
}

.hub-tag i { color: #0284c7; }

/* Main Card Design */
.hub-main-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
}

.hub-main-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(15, 23, 42, 0.08);
    border-color: #0284c7;
}

.card-edge {
    width: 6px;
    background: #0f172a;
}

.card-body {
    padding: 35px;
    display: flex;
    gap: 25px;
}

.card-icon-box {
    font-size: 40px;
    color: #f1f5f9;
    background: #0f172a;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    flex-shrink: 0;
}

.card-title {
    font-size: 20px;
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 12px 0;
}

.card-description {
    font-size: 15.5px;
    line-height: 1.8;
    color: #475569;
    text-align: justify;
    margin: 0;
}

/* Feature Strip */
.hub-feature-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 25px;
}

.feature-item {
    background: #f8fafc;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #f1f5f9;
}

.feature-item i {
    font-size: 20px;
    color: #0284c7;
}

.f-label {
    display: block;
    font-size: 10px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
}

.f-value {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
}

/* Footer / Indexing Bar */
.indexing-readiness-footer {
    margin-top: 35px;
    background: #f1f5f9;
    padding: 15px 20px;
    border-radius: 8px;
    border-left: 4px solid #10b981;
}

.indexing-readiness-footer p {
    font-size: 13px;
    color: #475569;
    margin: 0;
    line-height: 1.5;
}

.indexing-readiness-footer i {
    color: #10b981;
    margin-right: 8px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .card-body { flex-direction: column; padding: 25px; }
    .hub-feature-strip { grid-template-columns: 1fr; }
    .card-icon-box { width: 60px; height: 60px; font-size: 30px; }
    .hub-title { font-size: 22px; }
}
/*--*/
/* --- UIMRJ Statutory Panel Custom Styling --- */
.uimrj-statutory-panel {
    margin-top: 40px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
}

.statutory-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.statutory-title {
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin: 0;
}

.status-indicator {
    font-size: 11px;
    font-weight: 800;
    color: #10b981;
    text-transform: uppercase;
    background: #ecfdf5;
    padding: 6px 12px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #d1fae5;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 50%;
    animation: statPulse 1.5s infinite;
}

/* Container & Rows */
.statutory-container {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.04);
}

.statutory-row {
    display: flex;
    gap: 20px;
    padding: 30px;
}

.main-identity {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.statutory-box {
    flex: 1;
}

.highlight-box {
    background: #ffffff;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.s-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.s-value-brand {
    font-size: 24px;
    font-weight: 900;
    color: #0f172a;
    margin: 0 0 5px 0;
}

.s-link {
    font-size: 14px;
    color: #0284c7;
    text-decoration: none;
    font-weight: 600;
}

.s-value-name {
    font-size: 18px;
    font-weight: 800;
    color: #1e293b;
    margin: 0;
}

.s-sublabel {
    font-size: 12px;
    color: #64748b;
    font-weight: 600;
}

/* Address Block */
.address-block {
    align-items: flex-start;
}

.statutory-icon-side {
    font-size: 28px;
    color: #cbd5e1;
    padding-top: 5px;
}

.s-address {
    font-size: 16px;
    line-height: 1.7;
    color: #475569;
    font-weight: 500;
    margin: 0;
}

/* Footer Trust Bar */
.statutory-footer-bar {
    margin-top: 20px;
    display: flex;
    gap: 30px;
    padding: 10px 5px;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #94a3b8;
}

.trust-item i { color: #10b981; }

/* Animations */
@keyframes statPulse {
    0% { transform: scale(0.95); opacity: 1; }
    70% { transform: scale(1.5); opacity: 0; }
    100% { transform: scale(0.95); opacity: 0; }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .main-identity { flex-direction: column; }
    .statutory-row { padding: 20px; }
    .s-value-brand { font-size: 20px; }
    .statutory-footer-bar { flex-direction: column; gap: 10px; }
}
/*--*/
/* --- UIMRJ Ethics & Governance Styling --- */
.uimrj-ethics-governance {
    margin-top: 50px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.ethics-header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 15px;
}

.ethics-title {
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.8px;
    margin: 0;
}

.independence-badge {
    background: #f8fafc;
    color: #4f46e5;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

/* Autonomy Statement Box */
.autonomy-statement {
    background: #ffffff;
    border-left: 5px solid #4f46e5;
    padding: 25px;
    border-radius: 4px 12px 12px 4px;
    margin-bottom: 40px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.autonomy-statement p {
    font-size: 16px;
    line-height: 1.8;
    color: #334155;
    margin: 0;
}

/* Governance Pillars Grid */
.governance-pillars {
    display: grid;
    gap: 20px;
}

.pillar-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 25px;
    background: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    transition: all 0.3s ease;
}

.pillar-card:hover {
    transform: translateY(-5px);
    border-color: #4f46e5;
    box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.1);
}

.pillar-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.cope-icon { background: #eef2ff; color: #4f46e5; }
.review-icon { background: #f0fdf4; color: #10b981; }
.plag-icon { background: #fff1f2; color: #e11d48; }

.pillar-name {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 8px 0;
}

.pillar-text {
    font-size: 14px;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Compliance Footer */
.compliance-footer {
    margin-top: 40px;
    display: flex;
    gap: 30px;
    border-top: 1px solid #f1f5f9;
    padding-top: 25px;
}

.compliance-item {
    font-size: 12px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
}

.compliance-item i { color: #10b981; }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .pillar-card { padding: 20px; }
    .ethics-title { font-size: 22px; }
    .compliance-footer { flex-direction: column; gap: 15px; }
}
/*--*/
/* --- UIMRJ Managing Pillar Styling --- */
.uimrj-managing-pillar {
    margin-top: 50px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #334155;
}

.executive-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 20px;
}

.executive-main-title {
    font-size: 30px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -1px;
    margin: 0;
}

.executive-tagline {
    font-size: 14px;
    color: #64748b;
    font-weight: 600;
    margin: 5px 0 0 0;
}

.status-chip {
    background: #f0fdf4;
    color: #166534;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #bbf7d0;
}

/* Executive Card Design */
.executive-profile-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
}

.profile-sidebar-accent {
    width: 10px;
    background: linear-gradient(to bottom, #0f172a, #334155);
}

.profile-main-content {
    padding: 40px;
    width: 100%;
}

/* Identity Section */
.identity-block {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f1f5f9;
}

.id-name {
    font-size: 26px;
    font-weight: 900;
    color: #0f172a;
    margin: 0;
}

.id-post {
    font-size: 16px;
    font-weight: 700;
    color: #0284c7;
    margin: 5px 0;
}

.id-aff {
    font-size: 14px;
    color: #64748b;
    margin: 0;
}

.id-contact-strip {
    display: flex;
    gap: 25px;
    margin-top: 20px;
}

.contact-link {
    font-size: 13px;
    text-decoration: none;
    color: #475569 !important;
    font-weight: 600;
    transition: color 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.contact-link:hover { color: #0284c7; }

/* Responsibility Grid */
.responsibility-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.resp-item {
    display: flex;
    gap: 20px;
}

.resp-icon {
    width: 45px;
    height: 45px;
    background: #f8fafc;
    color: #0f172a;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    transition: all 0.3s;
    border: 1px solid #f1f5f9;
}

.resp-item:hover .resp-icon {
    background: #0f172a;
    color: #ffffff;
    transform: translateY(-3px);
}

.resp-title {
    font-size: 15px;
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 5px 0;
}

.resp-desc {
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Footer Trust Signal */
.operational-footer {
    margin-top: 30px;
    background: #f8fafc;
    padding: 15px 20px;
    border-radius: 10px;
    border-left: 4px solid #0f172a;
}

.operational-footer p {
    font-size: 13px;
    color: #475569;
    margin: 0;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .responsibility-grid { grid-template-columns: 1fr; }
    .executive-header { flex-direction: column; align-items: flex-start; gap: 15px; }
    .profile-main-content { padding: 25px; }
    .id-contact-strip { flex-direction: column; gap: 10px; }
}
/*--*/
/* --- UIMRJ Open Access Styling --- */
.uimrj-oa-framework {
    margin-top: 50px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
}

.oa-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
    flex-wrap: wrap;
    gap: 20px;
}

.oa-main-title {
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin: 0;
}

.oa-tagline {
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
    margin-top: 5px;
}

.oa-badge-box {
    background: #fffbeb;
    color: #b45309;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #fde68a;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Intro Box */
.oa-intro-box {
    background: #f8fafc;
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 35px;
    border: 1px dashed #cbd5e1;
}

.oa-intro-box p {
    font-size: 16px;
    line-height: 1.8;
    color: #475569;
    margin: 0;
}

/* Cards Grid */
.oa-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.oa-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 30px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
}

.oa-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px -10px rgba(0,0,0,0.1);
}

.oa-icon-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.oa-icon-header i { font-size: 20px; }
.card-gold i { color: #d97706; }
.card-azure i { color: #0284c7; }
.card-emerald i { color: #10b981; }

.oa-card-title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.oa-card-body p {
    font-size: 14px;
    line-height: 1.6;
    color: #64748b;
    margin-bottom: 20px;
}

/* Visual Tags */
.license-visual { display: flex; gap: 5px; }
.cc-symbol {
    font-size: 9px;
    font-weight: 900;
    background: #f1f5f9;
    color: #475569;
    padding: 3px 8px;
    border-radius: 4px;
}

.retention-tag, .access-tag {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 4px;
}

.retention-tag { background: #e0f2fe; color: #0369a1; }
.access-tag { background: #dcfce7; color: #166534; }

/* Footer */
.oa-footer-metadata {
    margin-top: 40px;
    padding: 15px 20px;
    background: #0f172a;
    color: #94a3b8;
    border-radius: 10px;
    font-size: 13px;
}

.oa-footer-metadata i { color: #38bdf8; margin-right: 8px; }

/* Responsive Adjustments */
@media (max-width: 992px) {
    .oa-grid { grid-template-columns: 1fr; }
    .oa-card { padding: 25px; }
}
/*--*/
/* --- UIMRJ Trust Sidebar Styling --- */
.uimrj-trust-matrix {
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.sidebar-widget {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
}

.sidebar-widget:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 20px -5px rgba(15, 23, 42, 0.08);
    border-color: #0284c7;
}

.widget-title {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.widget-title i { color: #0284c7; }

/* Trust Items Stack */
.trust-item-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.trust-row {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.trust-icon-box {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.blue-glow { background: #eff6ff; color: #1d4ed8; }
.green-glow { background: #f0fdf4; color: #15803d; }
.gold-glow { background: #fffbeb; color: #b45309; }

.trust-label {
    display: block;
    font-size: 10px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.trust-value {
    font-size: 13.5px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.trust-subtext {
    font-size: 11px;
    color: #64748b;
    font-style: italic;
}

.trust-link {
    display: block;
    font-size: 13px;
    color: #0284c7;
    text-decoration: none;
    font-weight: 600;
    margin-top: 2px;
}

.trust-link:hover { text-decoration: underline; }

/* Online Indicator Pulse */
.online-indicator {
    font-size: 10px;
    font-weight: 700;
    color: #16a34a;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
}

.pulse-dot {
    width: 6px;
    height: 6px;
    background: #16a34a;
    border-radius: 50%;
    animation: trustPulse 1.5s infinite;
}

/* Indexing List */
.compliance-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.compliance-list li {
    font-size: 13px;
    color: #475569;
    font-weight: 600;
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    gap: 10px;
}

.compliance-list li i { color: #10b981; }

.indexing-footer {
    margin-top: 15px;
    font-size: 11px;
    color: #94a3b8;
    line-height: 1.4;
}

@keyframes trustPulse {
    0% { transform: scale(0.95); opacity: 1; }
    70% { transform: scale(1.5); opacity: 0; }
    100% { transform: scale(0.95); opacity: 0; }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .sidebar-widget { padding: 18px; }
    .trust-value { font-size: 12px; }
}
/*--*/
/* --- UIMRJ Indexing Strategy Sidebar Styling --- */
.uimrj-indexing-vault {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    margin-top: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.uimrj-indexing-vault:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px -5px rgba(79, 70, 229, 0.1);
    border-color: #6366f1;
}

.indexing-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f8fafc;
}

.indexing-title {
    font-size: 15px;
    font-weight: 800;
    color: #1e1b4b;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.indexing-title i { color: #6366f1; }

.metadata-pulse {
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 0 #10b981;
    animation: metaPulse 2s infinite;
}

/* Indexing Cards */
.indexing-body {
    display: flex;
    flex-direction: column;
}

.indexing-card {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f1f5f9;
}

.indexing-card.no-border { border-bottom: none; }

.idx-icon-box {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.indigo-bg { background: #eef2ff; color: #6366f1; }
.blue-bg { background: #f0f9ff; color: #0284c7; }
.emerald-bg { background: #ecfdf5; color: #059669; }

.idx-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 3px;
}

.idx-text {
    font-size: 13px;
    line-height: 1.5;
    color: #475569;
    margin: 0;
}

.idx-text strong { color: #1e1b4b; }

/* Compliance Footer */
.indexing-compliance-bar {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
}

.comp-tag {
    font-size: 10px;
    font-weight: 800;
    background: #f8fafc;
    color: #64748b;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.comp-tag i { color: #10b981; margin-right: 4px; }

@keyframes metaPulse {
    0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-indexing-vault { padding: 18px; }
    .idx-text { font-size: 12px; }
}
/*--*/
/* --- UIMRJ Scalability & Compliance Sidebar Styling --- */
.uimrj-scalability-vault {
    background: #0f172a; /* Deep Institutional Navy */
    border-radius: 20px;
    padding: 26px;
    margin-top: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #f8fafc;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
}

.uimrj-scalability-vault::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.sc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.sc-title {
    font-size: 14px;
    font-weight: 800;
    color: #38bdf8;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

.vision-badge {
    font-size: 9px;
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 900;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Item List Styling */
.sc-grid {
    display: flex;
    flex-direction: column;
}

.sc-item {
    display: flex;
    gap: 18px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.sc-item.no-border { border-bottom: none; }

.sc-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.cyan-glow { color: #0ea5e9; box-shadow: 0 0 15px rgba(14, 165, 233, 0.1); }
.lime-glow { color: #a3e635; box-shadow: 0 0 15px rgba(163, 230, 53, 0.1); }
.purple-glow { color: #c084fc; box-shadow: 0 0 15px rgba(192, 132, 252, 0.1); }

.sc-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.sc-text {
    font-size: 13px;
    line-height: 1.5;
    color: #cbd5e1;
    margin: 0;
}

.sc-text strong { color: #f8fafc; }

/* Progress Footer */
.sc-footer {
    margin-top: 15px;
}

.sc-progress-track {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
}

.sc-progress-fill {
    width: 75%;
    height: 100%;
    background: linear-gradient(to right, #38bdf8, #a3e635);
    border-radius: 10px;
    animation: scGrow 3s ease-out;
}

.sc-footer-text {
    font-size: 10px;
    color: #64748b;
    font-weight: 700;
    text-align: center;
    margin: 0;
}

@keyframes scGrow {
    0% { width: 0%; }
    100% { width: 75%; }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-scalability-vault { padding: 20px; }
    .sc-text { font-size: 12px; }
}
/*--*/

/*-publisher information End-*/
/*--*/
/*-correction-policy start-*/
/*--*/
/* UIMRJ Policy Styles - Optimized for Cleanliness & UX */
.uimrj-policy-wrapper {
    color: #2c3e50;
    line-height: 1.7;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.policy-hero {
    margin-bottom: 30px;
    border-bottom: 2px solid #0056b3;
    padding-bottom: 15px;
}

.policy-main-title {
    font-size: 2.2rem;
    color: #003366;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.5px;
}

.journal-badge {
    display: inline-block;
    background: #e7f1ff;
    color: #0056b3;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
}

.policy-intro {
    font-size: 1.15rem;
    color: #444;
    margin-bottom: 40px;
}

.policy-segment {
    display: flex;
    gap: 20px;
    margin-bottom: 35px;
    padding: 20px;
    background: #ffffff;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.policy-segment:hover {
    transform: translateX(5px);
}

.segment-icon svg {
    width: 40px;
    height: 40px;
    color: #0056b3;
    background: #f0f7ff;
    padding: 10px;
    border-radius: 8px;
}

.segment-title {
    font-size: 1.4rem;
    color: #003366;
    margin: 0 0 10px 0;
    font-weight: 700;
}

.rigor-list {
    list-style: none;
    padding: 0;
}

.rigor-list li::before {
    content: "✓";
    color: #27ae60;
    font-weight: bold;
    margin-right: 10px;
}

.amendment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 15px;
    margin-top: 15px;
}

.amendment-item {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    border-top: 3px solid #0056b3;
}

.amendment-item h3 {
    font-size: 1rem;
    margin: 0 0 8px 0;
    color: #003366;
}

.retraction-alert {
    background: #fff5f5;
    border: 1px solid #feb2b2;
}

.retraction-alert .segment-icon svg {
    color: #c53030;
    background: #fff;
}

.policy-footer {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.seo-badges {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.seo-badges span {
    font-size: 0.75rem;
    background: #f1f3f5;
    padding: 5px 10px;
    border-radius: 20px;
    color: #666;
    font-weight: 600;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .policy-main-title { font-size: 1.6rem; }
    .policy-segment { flex-direction: column; }
    .segment-icon svg { width: 30px; height: 30px; }
}
/*--*/
/* UIMRJ Amendment Section Styling */
.amendment-mechanism {
    padding: 10px 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #1a202c;
}

.integrity-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ebf8ff;
    color: #2b6cb0;
    width: fit-content;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

.icon-shield { width: 16px; height: 16px; }

.main-heading {
    font-size: 2.1rem;
    color: #1a365d;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: 1.2;
}

.intro-text {
    font-size: 1.1rem;
    color: #4a5568;
    max-width: 900px;
    margin-bottom: 35px;
}

.amendment-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.amendment-card {
    background: #ffffff;
    border-left: 5px solid #e2e8f0;
    padding: 25px;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.amendment-card:hover {
    border-left-color: #3182ce;
    transform: translateX(10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.amendment-card.highlight {
    border-left-color: #2b6cb0;
    background: #f7fafc;
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.card-type {
    font-size: 0.75rem;
    background: #edf2f7;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 600;
    color: #4a5568;
}

.amendment-card h3 {
    font-size: 1.4rem;
    color: #2c5282;
    margin: 0;
}

.card-body p {
    color: #4a5568;
    line-height: 1.6;
    margin-bottom: 15px;
}

.meta-tag {
    font-size: 0.75rem;
    font-weight: 700;
    color: #3182ce;
    display: inline-block;
    border-bottom: 2px solid #bee3f8;
}

.technical-compliance {
    margin-top: 40px;
    padding: 20px;
    border: 1px dashed #cbd5e0;
    border-radius: 8px;
    background: #fff;
    font-size: 0.95rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .main-heading { font-size: 1.6rem; }
    .amendment-card:hover { transform: translateX(5px); }
    .card-header { flex-direction: column; align-items: flex-start; gap: 8px; }
}
/*--*/
/* UIMRJ Retraction Protocol Styles */
.retraction-protocol {
    padding: 15px 0;
    font-family: 'Segoe UI', Arial, sans-serif;
    color: #2d3748;
}

.protocol-header {
    margin-bottom: 30px;
    text-align: left;
}

.status-indicator {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.75rem;
    font-weight: 800;
    color: #c53030; /* Academic Red */
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.pulse-dot {
    height: 8px;
    width: 8px;
    background-color: #c53030;
    border-radius: 50%;
    display: inline-block;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(197, 48, 48, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(197, 48, 48, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(197, 48, 48, 0); }
}

.protocol-title {
    font-size: 2rem;
    color: #1a365d;
    margin: 0;
    font-weight: 800;
}

.protocol-tagline {
    color: #718096;
    font-size: 1rem;
    margin-top: 5px;
}

.summary-text {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 35px;
    color: #4a5568;
}

.trigger-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin-bottom: 35px;
}

.trigger-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #edf2f7;
    transition: all 0.3s ease;
}

.trigger-card:hover {
    border-color: #feb2b2;
    background: #fff5f5;
    transform: translateY(-3px);
}

.trigger-icon {
    font-size: 1.8rem;
    background: #f7fafc;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.trigger-detail h3 {
    font-size: 1.15rem;
    margin: 0 0 5px 0;
    color: #2d3748;
}

.trigger-detail p {
    font-size: 0.95rem;
    margin: 0;
    color: #718096;
}

.archival-notice {
    display: flex;
    gap: 20px;
    background: #2d3748; /* Dark Professional Theme */
    color: #edf2f7;
    padding: 25px;
    border-radius: 15px;
    align-items: center;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.notice-icon svg {
    width: 40px;
    height: 40px;
    color: #63b3ed;
}

.notice-text {
    font-size: 0.95rem;
    line-height: 1.6;
}

.protocol-footer {
    margin-top: 40px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.badge {
    background: #edf2f7;
    color: #4a5568;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

/* Responsive optimization */
@media (max-width: 768px) {
    .protocol-title { font-size: 1.5rem; }
    .archival-notice { flex-direction: column; text-align: center; }
}
/*--*/
/* Discoverability & SEO Section Styles */
.discoverability-engine {
    padding: 20px 0;
    font-family: 'Inter', -apple-system, sans-serif;
}

.tech-header {
    margin-bottom: 40px;
}

.indexing-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0fff4;
    color: #2f855a;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 1px;
    border: 1px solid #c6f6d5;
}

.status-icon {
    width: 8px;
    height: 8px;
    background: #38a169;
    border-radius: 50%;
}

.tech-title {
    font-size: 2.2rem;
    color: #1a365d;
    margin: 15px 0 5px 0;
    font-weight: 800;
}

.tech-lead {
    font-size: 1.1rem;
    color: #718096;
}

.tech-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.tech-card {
    display: flex;
    gap: 20px;
    padding: 25px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.tech-card:hover {
    border-color: #3182ce;
    box-shadow: 0 10px 20px rgba(49, 130, 206, 0.08);
    transform: translateY(-5px);
}

.tech-icon-wrapper svg {
    width: 32px;
    height: 32px;
    color: #3182ce;
    padding: 10px;
    background: #ebf8ff;
    border-radius: 10px;
}

.tech-info h3 {
    font-size: 1.25rem;
    color: #2d3748;
    margin: 0 0 8px 0;
    font-weight: 700;
}

.tech-info p {
    font-size: 0.95rem;
    color: #4a5568;
    line-height: 1.6;
    margin: 0;
}

.scholar-advantage {
    margin-top: 40px;
    background: linear-gradient(135deg, #1a365d 0%, #2b6cb0 100%);
    padding: 30px;
    border-radius: 15px;
    color: #ffffff;
}

.advantage-label {
    font-weight: 800;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #bee3f8;
    margin-bottom: 10px;
}

.scholar-advantage p {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.6;
    opacity: 0.95;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .tech-title { font-size: 1.7rem; }
    .tech-card { flex-direction: column; }
    .tech-icon-wrapper { margin-bottom: 10px; }
}
/*--*/
/* UIMRJ Sidebar Styles - Unique & Clean */
.uimrj-sidebar-inner {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.sidebar-widget {
    background: #ffffff;
    border-radius: 15px;
    padding: 20px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.sidebar-widget:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border-color: #cbd5e0;
}

/* Trust Header Section */
.trust-header {
    background: linear-gradient(135deg, #003366 0%, #0056b3 100%);
    color: white;
    text-align: center;
    border: none;
}

.verfied-seal {
    width: 40px;
    height: 40px;
    background: #343434;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    color: #4ade80; /* Success Green */
}

.trust-header h3 {
    font-size: 1.1rem;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Quick Facts Table */
.widget-title {
    font-weight: 800;
    color: #1a365d;
    margin-bottom: 15px;
    font-size: 0.95rem;
    text-transform: uppercase;
    border-bottom: 2px solid #edf2f7;
    padding-bottom: 8px;
}

.fact-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f7fafc;
    font-size: 0.85rem;
}

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

.fact-label { color: #718096; font-weight: 500; }
.fact-value { color: #2d3748; font-weight: 700; text-align: right; }

.badge-blue {
    background: #ebf8ff;
    color: #2b6cb0;
    padding: 2px 8px;
    border-radius: 4px;
}

/* Integrity Items */
.integrity-item {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
    align-items: center;
}

.integrity-icon { font-size: 1.5rem; }

.integrity-text strong {
    display: block;
    font-size: 0.9rem;
    color: #2d3748;
}

.integrity-text span {
    font-size: 0.75rem;
    color: #a0aec0;
}

/* Contact Button */
.contact-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #1a365d;
    color: white;
    text-decoration: none;
    padding: 12px;
    border-radius: 8px;
    margin-top: 15px;
    font-weight: 600;
    font-size: 0.9rem;
    transition: background 0.3s;
}

.contact-btn:hover { background: #2c5282; color: #fff; }

.pub-name { font-weight: 800; color: #1a365d; margin: 0; }
.pub-location { font-size: 0.8rem; color: #718096; }

/* Responsive */
@media (max-width: 992px) {
    .uimrj-sidebar-inner { margin-top: 30px; }
}
/*--*/
/* Trust & Compliance Widget Styling */
.trust-compliance-widget {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    font-family: 'Inter', -apple-system, sans-serif;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

.compliance-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.shield-icon svg {
    width: 24px;
    height: 24px;
    color: #c53030; /* Trust Red */
}

.widget-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1a365d;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.compliance-intro {
    font-size: 0.9rem;
    color: #4a5568;
    line-height: 1.5;
    margin-bottom: 20px;
    border-left: 3px solid #edf2f7;
    padding-left: 12px;
}

.zero-tolerance-panel {
    background: #fdf2f2; /* Light Red Warning Background */
    border-radius: 8px;
    padding: 15px;
}

.panel-label {
    font-size: 0.7rem;
    font-weight: 800;
    color: #c53030;
    text-transform: uppercase;
    margin-bottom: 12px;
    letter-spacing: 1px;
}

.violation-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.violation-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.violation-item:last-child { margin-bottom: 0; }

.cross-mark {
    color: #f56565;
    font-weight: 900;
    font-size: 0.9rem;
    padding-top: 2px;
}

.violation-text strong {
    display: block;
    font-size: 0.95rem;
    color: #2d3748;
}

.violation-text small {
    display: block;
    font-size: 0.75rem;
    color: #718096;
    font-weight: 500;
}

.compliance-footer {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.assurance-tag {
    background: #f7fafc;
    color: #2d3748;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .trust-compliance-widget { padding: 15px; }
    .widget-title { font-size: 1rem; }
}
/*--*/
/* Editorial Contact Widget Styling */
.editorial-contact-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    padding: 25px;
    font-family: 'Inter', system-ui, sans-serif;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.contact-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
}

.contact-icon-box svg {
    width: 22px;
    height: 22px;
    color: #0056b3;
    background: #eef6ff;
    padding: 8px;
    border-radius: 8px;
}

.widget-title {
    font-size: 1rem;
    font-weight: 800;
    color: #1a365d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.contact-person {
    margin-bottom: 20px;
}

.person-role {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0056b3;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.person-name {
    font-size: 1.15rem;
    color: #2d3748;
    font-weight: 800;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.publisher-brand {
    font-size: 0.9rem;
    color: #4a5568;
    font-weight: 600;
    margin-top: -8px;
    margin-bottom: 12px;
}

.contact-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.detail-item {
    font-size: 0.85rem;
    color: #4a5568;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    transition: color 0.2s ease;
}

.detail-item:hover {
    color: #0056b3;
}

.divider {
    height: 1px;
    background: #edf2f7;
    margin: 20px 0;
}

.phone-link {
    font-weight: 700;
    color: #2d3748;
    background: #f7fafc;
    padding: 8px 12px;
    border-radius: 6px;
    width: fit-content;
}

.support-availability {
    margin-top: 10px;
    font-size: 0.75rem;
    color: #a0aec0;
    text-align: center;
    border-top: 1px dashed #e2e8f0;
    padding-top: 15px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .editorial-contact-card { padding: 20px; }
    .person-name { font-size: 1rem; }
}
/*--*/
/*--*/
/*-correction policy end-*/

/*-Copyright and Licensing Policy start-*/
/*-/* UIMRJ Policy Page Design */
:root {
    --uimrj-primary: #003366;
    --uimrj-secondary: #0056b3;
    --uimrj-text: #2d3748;
    --uimrj-bg-light: #f8fafc;
    --uimrj-accent: #ebf4ff;
}

.policy-main-container {
    color: var(--uimrj-text);
    line-height: 1.7;
    font-family: 'Inter', sans-serif;
}

.policy-header {
    margin-bottom: 40px;
    border-bottom: 2px solid var(--uimrj-accent);
    padding-bottom: 20px;
}

.policy-title {
    font-size: 2.2rem;
    color: var(--uimrj-primary);
    font-weight: 800;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.journal-badge-row {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.badge {
    background: var(--uimrj-accent);
    color: var(--uimrj-secondary);
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.policy-intro {
    font-size: 1.1rem;
    color: #4a5568;
}

.policy-section {
    display: flex;
    gap: 20px;
    margin-bottom: 35px;
    padding: 10px;
    transition: transform 0.3s ease;
}

.section-icon {
    font-size: 1.8rem;
    min-width: 45px;
    height: 45px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.section-heading {
    font-size: 1.35rem;
    color: var(--uimrj-primary);
    font-weight: 700;
    margin-bottom: 10px;
}

.highlight-box {
    background: var(--uimrj-bg-light);
    border-left: 5px solid var(--uimrj-secondary);
    border-radius: 0 15px 15px 0;
    padding: 25px;
}

.policy-list {
    list-style: none;
    padding: 0;
}

.policy-list li {
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
}

.policy-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--uimrj-secondary);
    font-weight: bold;
}

.footer-alert {
    border-top: 1px dashed #cbd5e0;
    padding-top: 30px;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .policy-title { font-size: 1.7rem; }
    .policy-section { flex-direction: column; }
    .section-icon { margin-bottom: 10px; }
}
/*--*/
/* UIMRJ Philosophy Styling - Modern Academic Look */
:root {
    --uimrj-navy: #0f172a;
    --uimrj-blue: #2563eb;
    --uimrj-accent: #f1f5f9;
    --uimrj-border: #e2e8f0;
}

.philosophy-container {
    padding: 20px 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--uimrj-navy);
}

.policy-hero-box {
    margin-bottom: 40px;
    text-align: left;
}

.policy-main-heading {
    font-size: 2rem;
    font-weight: 800;
    color: var(--uimrj-navy);
    margin-bottom: 12px;
    letter-spacing: -0.025em;
}

.header-line {
    width: 60px;
    height: 4px;
    background: var(--uimrj-blue);
    border-radius: 2px;
    margin-bottom: 15px;
}

.policy-subtext {
    font-size: 1.1rem;
    color: #64748b;
    font-weight: 500;
}

.philosophy-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.philosophy-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 25px;
    background: #ffffff;
    border: 1px solid var(--uimrj-border);
    border-radius: 16px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.philosophy-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border-color: var(--uimrj-blue);
}

.icon-wrapper {
    min-width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 10px;
}

.icon-wrapper svg {
    width: 24px;
    height: 24px;
}

.academic-icon { background: #eff6ff; color: #2563eb; }
.discovery-icon { background: #fdf2f8; color: #db2777; }
.trust-icon { background: #f0fdf4; color: #16a34a; }

.card-content h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--uimrj-navy);
}

.card-content p {
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.6;
    margin: 0;
}

.indexing-statement {
    margin-top: 40px;
    padding: 20px;
    background: var(--uimrj-accent);
    border-radius: 12px;
    border-left: 4px solid var(--uimrj-blue);
    font-size: 0.9rem;
    color: #334155;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .policy-main-heading { font-size: 1.6rem; }
    .philosophy-card { flex-direction: column; padding: 20px; }
}
/*--*/
/*--*/
/* UIMRJ Copyright Styling - World Class Standard */
:root {
    --uimrj-navy: #0f172a;
    --uimrj-blue: #2563eb;
    --uimrj-emerald: #10b981;
    --uimrj-bg: #ffffff;
    --uimrj-border: #e2e8f0;
}

.uimrj-copyright-container {
    width: 100%;
    box-sizing: border-box; /* Fixes any overflow issues */
    padding: 10px 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--uimrj-navy);
}

.uimrj-policy-header {
    margin-bottom: 35px;
    text-align: left;
}

.uimrj-legal-tag {
    background: #ecfdf5;
    color: var(--uimrj-emerald);
    font-size: 11px;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #d1fae5;
}

.uimrj-policy-title {
    font-size: 30px;
    font-weight: 800;
    margin: 15px 0 10px 0;
    letter-spacing: -0.025em;
    line-height: 1.2;
}

.uimrj-accent-divider {
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--uimrj-blue), #93c5fd);
    border-radius: 2px;
    margin-bottom: 20px;
}

.uimrj-policy-lead {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #475569;
    max-width: 95%;
}

/* Grid System - Prevents elements from leaking out */
.uimrj-rights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
}

.uimrj-rights-card {
    background: #ffffff;
    border: 1px solid var(--uimrj-border);
    border-radius: 20px;
    padding: 25px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.uimrj-rights-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
    border-color: var(--uimrj-blue);
}

.uimrj-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.uimrj-card-icon {
    font-size: 24px;
    background: #eff6ff;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.uimrj-card-head h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    color: var(--uimrj-navy);
}

.uimrj-rights-card p {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

.uimrj-compliance-ribbon {
    margin-top: 40px;
    padding: 15px 20px;
    background: #f8fafc;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.uimrj-compliance-item {
    font-size: 11px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .uimrj-policy-title { font-size: 24px; }
    .uimrj-rights-grid { grid-template-columns: 1fr; }
}
/*--*/
/* UIMRJ Licensing Style - Academic Professionalism */
:root {
    --uimrj-navy: #0f172a;
    --uimrj-azure: #0062ff;
    --uimrj-success: #10b981;
    --uimrj-bg: #ffffff;
    --uimrj-border: #f1f5f9;
}

.license-frame-container {
    padding: 10px 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--uimrj-navy);
}

.license-header-flex {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.license-badge-art {
    display: flex;
    gap: 5px;
}

.cc-icon {
    background: var(--uimrj-navy);
    color: white;
    font-weight: 900;
    font-size: 0.9rem;
    padding: 8px 12px;
    border-radius: 8px;
    letter-spacing: 1px;
}

.license-main-title {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--uimrj-navy);
    margin: 0;
    letter-spacing: -0.02em;
}

.title-underline {
    width: 80px;
    height: 4px;
    background: var(--uimrj-azure);
    margin-top: 8px;
    border-radius: 2px;
}

.license-mission {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 35px;
}

.license-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}

.feature-item {
    background: #ffffff;
    border: 2px solid var(--uimrj-border);
    padding: 25px;
    border-radius: 20px;
    display: flex;
    gap: 20px;
    transition: all 0.3s ease;
}

.feature-item:hover {
    border-color: var(--uimrj-azure);
    box-shadow: 0 10px 30px -10px rgba(0, 98, 255, 0.15);
    transform: translateY(-5px);
}

.feature-icon-box {
    min-width: 50px;
    height: 50px;
    background: #eff6ff;
    color: var(--uimrj-azure);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.feature-icon-box svg {
    width: 24px;
    height: 24px;
}

.feature-text h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--uimrj-navy);
}

.feature-text p {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

.indexing-readiness-banner {
    margin-top: 40px;
    padding: 15px 25px;
    background: #f8fafc;
    border-left: 4px solid var(--uimrj-success);
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #334155;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .license-header-flex { flex-direction: column; align-items: flex-start; }
    .feature-item { padding: 20px; }
}
/*--*/
/* UIMRJ Preservation Module - 2026 Academic Standard */
:root {
    --uimrj-navy: #0f172a;
    --uimrj-blue: #2563eb;
    --uimrj-emerald: #10b981;
    --uimrj-border: #e2e8f0;
}

.uimrj-archiving-container {
    width: 100%;
    box-sizing: border-box; /* Ensures content stays within parent div */
    padding: 10px 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--uimrj-navy);
}

.uimrj-header-wrapper {
    margin-bottom: 25px;
}

.uimrj-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ecfdf5;
    color: var(--uimrj-emerald);
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #d1fae5;
    margin-bottom: 12px;
}

.uimrj-pulse-dot {
    width: 8px;
    height: 8px;
    background: var(--uimrj-emerald);
    border-radius: 50%;
    animation: uimrj-pulse 2s infinite;
}

@keyframes uimrj-pulse {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.uimrj-main-heading {
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 10px 0;
    letter-spacing: -0.025em;
    color: var(--uimrj-navy);
}

.uimrj-gradient-line {
    width: 70px;
    height: 4px;
    background: linear-gradient(90deg, var(--uimrj-blue), #60a5fa);
    border-radius: 2px;
}

.uimrj-description {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #475569;
    margin: 25px 0 40px 0;
    max-width: 95%;
}

/* Grid layout with 100% box-sizing to prevent overflow leaking */
.uimrj-preservation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
}

.uimrj-feature-card {
    background: #ffffff;
    border: 1px solid var(--uimrj-border);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    gap: 20px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.uimrj-feature-card:hover {
    border-color: var(--uimrj-blue);
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05);
}

.uimrj-card-icon {
    font-size: 32px;
    min-width: 50px;
}

.uimrj-card-content h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: var(--uimrj-navy);
}

.uimrj-card-content p {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 15px;
}

.uimrj-tag {
    display: inline-block;
    background: #eff6ff;
    color: var(--uimrj-blue);
    font-size: 10px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 6px;
    text-transform: uppercase;
}

.uimrj-metadata-footer {
    margin-top: 50px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.uimrj-meta-chip {
    font-size: 11px;
    font-weight: 700;
    color: #334155;
    text-transform: uppercase;
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .uimrj-main-heading { font-size: 24px; }
    .uimrj-feature-card { flex-direction: column; padding: 20px; }
    .uimrj-preservation-grid { grid-template-columns: 1fr; }
}
/*--*/
/* UIMRJ Integrity & Security Module Styling */
/* Unique Prefix: upc- (UnivColl Publications) */

.upc-integrity-wrapper {
    width: 100%;
    max-width: 1100px;
    margin: 20px auto;
    padding: 20px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background: #ffffff;
    color: #0f172a;
    box-sizing: border-box;
}

/* Header Styling */
.upc-header-flex {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.upc-icon-shield {
    background: #eff6ff;
    color: #2563eb;
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-shrink: 0;
}

.upc-icon-shield svg {
    width: 42px;
    height: 42px;
}

.upc-main-title {
    font-size: clamp(22px, 4vw, 34px);
    font-weight: 800;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.upc-badge-red {
    display: inline-block;
    color: #e11d48;
    background: #fff1f2;
    border: 1px solid #fda4af;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 5px;
    margin-top: 8px;
    letter-spacing: 0.5px;
}

.upc-description-text {
    font-size: 1.05rem;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 35px;
}

/* Grid System - Overlapping ko rokne ke liye */
.upc-content-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
    margin-bottom: 35px;
}

.upc-feature-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.upc-feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.08);
}

.upc-card-inner {
    padding: 25px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.upc-tag-blue, .upc-tag-red {
    font-size: 10px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 5px;
    width: fit-content;
    margin-bottom: 18px;
}

.upc-tag-blue { background: #eff6ff; color: #1d4ed8; }
.upc-tag-red { background: #fef2f2; color: #b91c1c; }

.upc-card-heading {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 12px 0;
    color: #1e293b;
}

.upc-card-p {
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 20px;
    flex-grow: 1; /* Content space maintain karta hai */
}

.upc-card-footer-text {
    font-size: 11px;
    font-weight: 600;
    color: #94a3b8;
    border-top: 1px solid #f1f5f9;
    padding-top: 15px;
}

/* Bottom Footer Bar */
.upc-bottom-bar {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    padding: 18px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 15px;
}

.upc-meta-item {
    font-size: 11px;
    font-weight: 700;
    color: #475569;
}

/* Responsive Mobile Fix */
@media (max-width: 650px) {
    .upc-content-grid {
        grid-template-columns: 1fr;
    }
    .upc-header-flex {
        flex-direction: row;
        align-items: flex-start;
    }
    .upc-icon-shield svg {
        width: 35px;
        height: 35px;
    }
}
/*--*/
/* UIMRJ Right Sidebar Styling */
:root {
    --uimrj-navy: #0f172a;
    --uimrj-blue: #2563eb;
    --uimrj-green: #10b981;
    --uimrj-border: #e2e8f0;
    --uimrj-bg-light: #f8fafc;
}

.uimrj-sidebar-container {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: 'Inter', system-ui, sans-serif;
}

.sidebar-widget {
    background: #ffffff;
    border: 1px solid var(--uimrj-border);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.widget-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--uimrj-navy);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px solid var(--uimrj-bg-light);
    padding-bottom: 12px;
}

/* Quick Facts Table Styling */
.fact-table {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fact-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px dashed var(--uimrj-border);
}

.fact-row:last-child { border: none; }

.fact-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #64748b;
}

.fact-value {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--uimrj-navy);
    text-align: right;
}

.accent-green { color: var(--uimrj-green); }

.badge-blue {
    background: #eff6ff;
    color: var(--uimrj-blue);
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
}

/* Trust List Styling */
.trust-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.trust-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
    font-weight: 500;
    color: #475569;
    margin-bottom: 12px;
}

.check-icon {
    color: var(--uimrj-green);
    font-weight: 900;
}

/* Indexing Readiness Box */
.indexing-badge-box {
    background: linear-gradient(135deg, var(--uimrj-navy), #1e293b);
    color: white;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
}

.badge-status {
    display: block;
    font-size: 0.75rem;
    font-weight: 800;
    color: #38bdf8;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.indexing-badge-box p {
    font-size: 0.85rem;
    margin: 0;
    opacity: 0.9;
    line-height: 1.4;
}

/* Laptop & Mobile Optimization */
@media (max-width: 768px) {
    .uimrj-sidebar-container { gap: 20px; }
    .sidebar-widget { padding: 20px; }
}
/*--*/
/* UIMRJ Right Sidebar Trust Module Styling */
:root {
    --u-navy: #0f172a;
    --u-blue: #2563eb;
    --u-gold: #b59410;
    --u-green: #10b981;
    --u-border: #e2e8f0;
}

.uimrj-trust-container {
    width: 100%;
    box-sizing: border-box;
    font-family: 'Inter', system-ui, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.trust-shield-header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid var(--u-border);
}

.shield-main-icon {
    background: #eff6ff;
    color: var(--u-blue);
    padding: 10px;
    border-radius: 10px;
    display: flex;
}

.shield-main-icon svg { width: 24px; height: 24px; }

.trust-sidebar-title {
    font-size: 1.15rem;
    font-weight: 800;
    margin: 0;
    color: var(--u-navy);
}

.trust-verified-status {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--u-green);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.trust-features-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.trust-card-item {
    background: #ffffff;
    border: 1px solid var(--u-border);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 15px;
    transition: all 0.3s ease;
}

.trust-card-item:hover {
    transform: translateX(5px);
    border-color: var(--u-blue);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.trust-icon-box {
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.2rem;
}

.blue-soft { background: #eff6ff; }
.gold-soft { background: #fffbeb; }
.purple-soft { background: #f5f3ff; }
.green-soft { background: #ecfdf5; }

.trust-info h4 {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: var(--u-navy);
}

.trust-info p {
    font-size: 0.8rem;
    color: #64748b;
    line-height: 1.4;
    margin: 0;
}

.global-compliance-seal {
    background: linear-gradient(135deg, var(--u-navy), #1e293b);
    color: white;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

.seal-label {
    font-size: 0.7rem;
    font-weight: 800;
    color: #38bdf8;
    text-transform: uppercase;
}

.seal-stars {
    color: #fbbf24;
    margin: 5px 0;
    letter-spacing: 3px;
}

.global-compliance-seal p {
    font-size: 0.8rem;
    margin: 0;
    opacity: 0.9;
}

/* Responsive Fix */
@media (max-width: 768px) {
    .trust-card-item { padding: 12px; }
}
/*--*/
/* UIMRJ Discoverability Sidebar Styling */
:root {
    --u-navy-deep: #0f172a;
    --u-accent-blue: #2563eb;
    --u-soft-border: #e2e8f0;
    --u-text-muted: #64748b;
}

.uimrj-discover-sidebar {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    overflow: hidden; /* Prevent right-side spill */
}

.discover-header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid var(--u-soft-border);
    border-radius: 14px;
}

.radar-box {
    position: relative;
    width: 40px;
    height: 40px;
    background: #eff6ff;
    color: var(--u-accent-blue);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.radar-ping {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--u-accent-blue);
    border-radius: 10px;
    opacity: 0.2;
    animation: radar-pulse 2s infinite;
}

@keyframes radar-pulse {
    0% { transform: scale(1); opacity: 0.4; }
    100% { transform: scale(1.6); opacity: 0; }
}

.discover-sidebar-heading {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--u-navy-deep);
    margin: 0;
}

.indexing-status-tag {
    font-size: 0.65rem;
    font-weight: 700;
    color: #059669;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.discover-feature-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.discover-item {
    background: #ffffff;
    border: 1px solid var(--u-soft-border);
    padding: 16px;
    border-radius: 12px;
    display: flex;
    gap: 15px;
    transition: all 0.3s ease;
}

.discover-item:hover {
    transform: translateX(6px);
    border-color: var(--u-accent-blue);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.disc-icon {
    min-width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 800;
}

.scholar-blue { background: #eff6ff; color: #2563eb; }
.markup-purple { background: #f5f3ff; color: #7c3aed; font-size: 0.7rem; }
.crossref-gold { background: #fffbeb; color: #b45309; }
.orcid-green { background: #ecfdf5; color: #059669; }

.disc-info h4 {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: var(--u-navy-deep);
}

.disc-info p {
    font-size: 0.75rem;
    color: var(--u-text-muted);
    line-height: 1.4;
    margin: 0;
}

.indexing-readiness-box {
    background: linear-gradient(135deg, var(--u-navy-deep), #1e293b);
    color: white;
    padding: 20px;
    border-radius: 14px;
    text-align: center;
}

.readiness-label {
    display: block;
    font-size: 0.7rem;
    font-weight: 800;
    color: #38bdf8;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.indexing-logos-placeholder {
    font-size: 0.8rem;
    font-weight: 600;
    opacity: 0.8;
}

/* Responsive Fix for Small Viewports */
@media (max-width: 768px) {
    .discover-item { padding: 12px; }
}
/*--*/
/* UIMRJ Editorial Contact Sidebar Styling */
:root {
    --u-navy-exec: #0f172a;
    --u-blue-exec: #2563eb;
    --u-gold-exec: #b45309;
    --u-bg-exec: #ffffff;
    --u-border-exec: #e2e8f0;
}

.uimrj-contact-sidebar {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    overflow: hidden;
}

.contact-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: var(--u-bg-exec);
    border: 1px solid var(--u-border-exec);
    border-radius: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.contact-icon-ring {
    width: 44px;
    height: 44px;
    background: #eff6ff;
    color: var(--u-blue-exec);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #dbeafe;
}

.contact-icon-ring svg { width: 22px; height: 22px; }

.contact-sidebar-heading {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--u-navy-exec);
    margin: 0;
}

.support-status-tag {
    font-size: 0.65rem;
    font-weight: 700;
    color: #059669;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.personnel-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.person-item {
    background: #ffffff;
    border: 1px solid var(--u-border-exec);
    padding: 18px;
    border-radius: 14px;
    transition: all 0.3s ease;
}

.person-item:hover {
    border-color: var(--u-blue-exec);
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.role-indicator {
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.blue-dot { color: var(--u-blue-exec); }
.gold-dot { color: var(--u-gold-exec); }

.person-name {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--u-navy-exec);
    margin: 0 0 4px 0;
}

.person-designation {
    font-size: 0.8rem;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
}

.contact-email-action {
    display: flex;
    align-items: center;
    gap: 15px;
    background: var(--u-navy-exec);
    padding: 15px;
    border-radius: 14px;
    text-decoration: none;
    transition: background 0.3s ease;
}

.contact-email-action:hover {
    background: var(--u-blue-exec);
}

.mail-icon-box { color: #38bdf8; }
.mail-icon-box svg { width: 20px; height: 20px; }

.mail-text { display: flex; flex-direction: column; }

.mail-label {
    font-size: 0.65rem;
    color: #94a3b8;
    text-transform: uppercase;
    font-weight: 700;
}

.mail-address {
    font-size: 0.85rem;
    color: #ffffff;
    font-weight: 600;
}

.sidebar-contact-footer {
    padding: 15px;
    background: #f8fafc;
    border-radius: 10px;
    font-size: 0.75rem;
    color: #475569;
    line-height: 1.5;
    text-align: center;
    border: 1px dashed #cbd5e0;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .contact-card-header { padding: 15px; }
    .person-item { padding: 15px; }
}
/*--*/
/*-Copyright and Licensing Policy end-*/

/*-Open Access Statement start-*/
/*--*/
/* UIMRJ Open Access Module Styling */
:root {
    --uimrj-navy: #0f172a;
    --uimrj-blue: #2563eb;
    --uimrj-emerald: #10b981;
    --uimrj-bg-card: #ffffff;
    --uimrj-border: #e2e8f0;
}

.uimrj-oa-container {
    width: 100%;
    box-sizing: border-box;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--uimrj-navy);
    padding-bottom: 20px;
}

/* Header & Badges */
.uimrj-oa-header { margin-bottom: 40px; }

.uimrj-oa-badge-row {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.oa-pill {
    font-size: 11px;
    font-weight: 800;
    padding: 5px 14px;
    border-radius: 50px;
    text-transform: uppercase;
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid var(--uimrj-border);
}

.green-glow {
    background: #ecfdf5;
    color: var(--uimrj-emerald);
    border-color: #d1fae5;
}

.uimrj-oa-title {
    font-size: 34px;
    font-weight: 800;
    margin: 10px 0;
    letter-spacing: -0.025em;
}

.uimrj-accent-line {
    width: 70px;
    height: 4px;
    background: linear-gradient(90deg, var(--uimrj-blue), #60a5fa);
    border-radius: 2px;
    margin-bottom: 25px;
}

.uimrj-oa-mission {
    font-size: 1.15rem;
    line-height: 1.7;
    color: #475569;
}

/* Policy Grid */
.uimrj-policy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.grid-full-width { grid-column: 1 / -1; }

.uimrj-sub-heading {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.uimrj-policy-intro {
    font-size: 1.05rem;
    color: #64748b;
    margin-bottom: 10px;
}

.oa-policy-card {
    background: var(--uimrj-bg-card);
    border: 1px solid var(--uimrj-border);
    padding: 30px;
    border-radius: 20px;
    display: flex;
    gap: 20px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.oa-policy-card:hover {
    transform: translateY(-8px);
    border-color: var(--uimrj-blue);
    box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.1);
}

.card-icon {
    font-size: 2.2rem;
    min-width: 50px;
    display: flex;
    align-items: flex-start;
}

.card-body h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.card-body p {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

.uimrj-oa-footer {
    margin-top: 50px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    border-left: 4px solid var(--uimrj-blue);
    font-size: 0.9rem;
    color: #334155;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .uimrj-oa-title { font-size: 26px; }
    .oa-policy-card { flex-direction: column; padding: 25px; }
    .uimrj-policy-grid { grid-template-columns: 1fr; }
}
/*--*/
/* UIMRJ Licensing Module - World Class Standard Styling */
:root {
    --u-navy: #0f172a;
    --u-blue: #2563eb;
    --u-gold: #b59410;
    --u-bg-card: #ffffff;
    --u-border: #e2e8f0;
}

.uimrj-license-section {
    width: 100%;
    box-sizing: border-box;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--u-navy);
}

.license-branding-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.license-logo-group { display: flex; gap: 5px; }

.cc-badge {
    background: var(--u-navy);
    color: #fff;
    font-weight: 900;
    font-size: 11px;
    padding: 6px 10px;
    border-radius: 6px;
    letter-spacing: 1px;
}

.license-main-title {
    font-size: 1.85rem;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.02em;
}

.uimrj-gold-divider {
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--u-blue), #93c5fd);
    border-radius: 2px;
    margin-top: 8px;
}

.license-lead-text {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 40px;
    max-width: 95%;
}

/* Rights Grid Optimized for No Overflow */
.rights-distribution-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    width: 100%;
    box-sizing: border-box;
}

.rights-card {
    background: var(--u-bg-card);
    border: 1px solid var(--u-border);
    padding: 30px;
    border-radius: 20px;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.rights-card:hover {
    transform: translateY(-8px);
    border-color: var(--u-blue);
    box-shadow: 0 20px 25px -10px rgba(0,0,0,0.05);
}

.author-focus { border-left: 5px solid var(--u-blue); }
.community-focus { border-left: 5px solid var(--u-gold); }

.card-head-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.card-icon-frame {
    font-size: 1.8rem;
    min-width: 45px;
}

.card-head-row h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
}

.rights-card p {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

.license-compliance-footer {
    margin-top: 45px;
    padding: 25px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px dashed var(--u-border);
}

.license-compliance-footer p {
    font-size: 0.9rem;
    color: #334155;
    margin-bottom: 15px;
}

.metadata-status-tags {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.metadata-status-tags span {
    font-size: 10px;
    font-weight: 800;
    color: #475569;
    background: #fff;
    padding: 4px 12px;
    border-radius: 50px;
    text-transform: uppercase;
    border: 1px solid var(--u-border);
}

/* Responsive Fix */
@media (max-width: 768px) {
    .license-main-title { font-size: 1.5rem; }
    .rights-distribution-grid { grid-template-columns: 1fr; }
}
/*--*/
/* UIMRJ Ethics Module Styling - Professional Academic Standard */
:root {
    --u-navy: #0f172a;
    --u-blue: #2563eb;
    --u-border: #e2e8f0;
    --u-bg-soft: #f8fafc;
}

.uimrj-ethics-wrapper {
    width: 100%;
    box-sizing: border-box;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--u-navy);
    padding-bottom: 20px;
}

.uimrj-ethics-header { margin-bottom: 30px; }

.ethics-seal {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ecfdf5;
    color: #059669;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #d1fae5;
    margin-bottom: 15px;
}

.ethics-seal svg { width: 14px; height: 14px; }

.uimrj-ethics-title {
    font-size: 1.85rem;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.02em;
}

.uimrj-blue-accent {
    width: 65px;
    height: 4px;
    background: linear-gradient(90deg, var(--u-blue), #60a5fa);
    border-radius: 2px;
    margin-top: 10px;
}

.uimrj-ethics-lead {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #475569;
    margin: 25px 0 40px 0;
}

/* Grid Optimized for No Overflow */
.uimrj-integrity-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    width: 100%;
    box-sizing: border-box;
}

.uimrj-integrity-card {
    background: #ffffff;
    border: 1px solid var(--u-border);
    border-radius: 20px;
    padding: 25px;
    display: flex;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.uimrj-integrity-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -10px rgba(0,0,0,0.1);
    border-color: var(--u-blue);
}

.alert-border:hover { border-color: #ef4444; }

.card-icon-circle {
    min-width: 50px;
    height: 50px;
    background: var(--u-bg-soft);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
}

.card-info-box h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.card-info-box p {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

.uimrj-compliance-banner {
    margin-top: 45px;
    padding: 20px;
    background: var(--u-bg-soft);
    border-radius: 12px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px dashed #cbd5e0;
}

.compliance-item {
    font-size: 11px;
    font-weight: 700;
    color: #334155;
    text-transform: uppercase;
}

/* Responsive Fixes */
@media (max-width: 768px) {
    .uimrj-ethics-title { font-size: 1.5rem; }
    .uimrj-integrity-card { flex-direction: column; }
    .uimrj-compliance-banner { flex-direction: column; gap: 10px; }
}
/*--*/
/* UIMRJ Discoverability Module - Professional Aesthetic */
:root {
    --u-navy: #0f172a;
    --u-blue: #2563eb;
    --u-bg: #ffffff;
    --u-border: #e2e8f0;
    --u-soft-bg: #f8fafc;
}

.uimrj-discover-container {
    width: 100%;
    box-sizing: border-box; /* Prevent Overflow */
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--u-navy);
    padding: 10px 0;
}

.uimrj-discover-header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 25px;
}

.discover-signal-box {
    position: relative;
    width: 44px;
    height: 44px;
    background: #eff6ff;
    color: var(--u-blue);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signal-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid var(--u-blue);
    border-radius: 12px;
    animation: signal-pulse 2s infinite;
}

@keyframes signal-pulse {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.5); opacity: 0; }
}

.uimrj-discover-title {
    font-size: 28px;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.025em;
}

.uimrj-blue-accent {
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--u-blue), #60a5fa);
    border-radius: 2px;
    margin-top: 8px;
}

.uimrj-discover-lead {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 40px;
}

/* Responsive Grid Optimized for Safety */
.uimrj-tech-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
}

.uimrj-tech-card {
    background: var(--u-bg);
    border: 1px solid var(--u-border);
    border-radius: 20px;
    padding: 25px;
    display: flex;
    gap: 18px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.uimrj-tech-card:hover {
    transform: translateY(-6px);
    border-color: var(--u-blue);
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.08);
}

.tech-icon-frame {
    font-size: 2rem;
    min-width: 45px;
}

.tech-content h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.tech-content p {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 12px;
}

.tech-label {
    display: inline-block;
    font-size: 10px;
    font-weight: 800;
    background: #f1f5f9;
    color: #475569;
    padding: 4px 10px;
    border-radius: 6px;
    text-transform: uppercase;
}

.uimrj-discover-footer {
    margin-top: 45px;
    padding: 18px;
    background: var(--u-soft-bg);
    border-radius: 14px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-around;
    border: 1px dashed #cbd5e0;
}

.footer-badge {
    font-size: 11px;
    font-weight: 700;
    color: #334155;
    text-transform: uppercase;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-discover-title { font-size: 22px; }
    .uimrj-tech-card { flex-direction: column; padding: 20px; }
}
/*--*/
/* UIMRJ Sidebar Styling - World Class Standards */
:root {
    --u-navy: #0f172a;
    --u-blue: #2563eb;
    --u-green: #10b981;
    --u-border: #e2e8f0;
    --u-bg-white: #ffffff;
}

.uimrj-sidebar-box {
    width: 100%;
    box-sizing: border-box; /* Crucial for No Overflow */
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--u-navy);
}

.sidebar-fact-card, .sidebar-trust-widget {
    background: var(--u-bg-white);
    border: 1px solid var(--u-border);
    border-radius: 16px;
    padding: 22px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.sidebar-title-main {
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--u-navy);
}

.sidebar-title-main svg { width: 18px; height: 18px; color: var(--u-blue); }

.sidebar-table { display: flex; flex-direction: column; gap: 10px; }

.s-table-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
}

.s-table-row:last-child { border: none; }

.s-label { font-size: 0.8rem; font-weight: 600; color: #64748b; }
.s-value { font-size: 0.85rem; font-weight: 700; color: var(--u-navy); text-align: right; }

.accent-green { color: var(--u-green); }
.badge-blue { background: #eff6ff; color: var(--u-blue); padding: 3px 8px; border-radius: 4px; font-size: 0.75rem; }

.trust-heading { font-size: 0.95rem; font-weight: 700; margin-bottom: 15px; color: #334155; }

.trust-check-list { list-style: none; padding: 0; margin: 0; }

.trust-check-list li {
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #475569;
}

.dot-v { width: 6px; height: 6px; background: var(--u-green); border-radius: 50%; }

.sidebar-contact-card {
    background: var(--u-navy);
    color: #fff;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
}

.contact-header-mini { font-size: 0.7rem; font-weight: 800; text-transform: uppercase; color: #38bdf8; margin-bottom: 8px; }

.contact-link {
    font-size: 0.85rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.publisher-ref { font-size: 0.75rem; margin: 10px 0 0 0; opacity: 0.8; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .s-table-row { flex-direction: row; }
}
/*--*/
/* UIMRJ Right Sidebar Compliance Module Styling */
:root {
    --u-navy: #0f172a;
    --u-blue: #2563eb;
    --u-emerald: #10b981;
    --u-border: #e2e8f0;
    --u-bg-card: #ffffff;
}

.uimrj-compliance-container {
    width: 100%;
    box-sizing: border-box; /* Critical for No Overflow */
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 18px;
    overflow: hidden;
}

.compliance-header-card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 16px;
    background: var(--u-bg-card);
    border-radius: 14px;
    border: 1px solid var(--u-border);
}

.shield-aura {
    position: relative;
    background: #eff6ff;
    color: var(--u-blue);
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shield-aura svg { width: 22px; height: 22px; z-index: 2; }

.ping-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--u-blue);
    border-radius: 10px;
    opacity: 0.3;
    animation: compliance-ping 2s infinite;
}

@keyframes compliance-ping {
    0% { transform: scale(1); opacity: 0.4; }
    100% { transform: scale(1.6); opacity: 0; }
}

.compliance-sidebar-title {
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0;
    color: var(--u-navy);
}

.compliance-verified-status {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--u-emerald);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.compliance-features-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.compliance-item-card {
    background: #ffffff;
    border: 1px solid var(--u-border);
    padding: 14px;
    border-radius: 12px;
    display: flex;
    gap: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.compliance-item-card:hover {
    transform: translateX(8px);
    border-color: var(--u-blue);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.comp-icon-box {
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.2rem;
}

.emerald-soft { background: #ecfdf5; color: #059669; }
.blue-soft { background: #eff6ff; color: #2563eb; }
.green-soft { background: #f0fdf4; color: #16a34a; }
.purple-soft { background: #f5f3ff; color: #7c3aed; }

.comp-info h4 {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0 0 3px 0;
    color: var(--u-navy);
}

.comp-info p {
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.4;
    margin: 0;
}

.indexing-readiness-seal {
    background: linear-gradient(135deg, var(--u-navy), #1e293b);
    color: white;
    padding: 18px;
    border-radius: 14px;
    text-align: center;
}

.seal-top {
    font-size: 0.65rem;
    font-weight: 800;
    color: #38bdf8;
    text-transform: uppercase;
}

.seal-rating {
    color: #fbbf24;
    margin: 4px 0;
    letter-spacing: 2px;
}

.indexing-readiness-seal p {
    font-size: 0.8rem;
    margin: 0;
    opacity: 0.9;
    font-weight: 500;
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .compliance-item-card { padding: 12px; }
    .compliance-sidebar-title { font-size: 1rem; }
}
/*--*/
/* UIMRJ Official Contact Sidebar Styling */
:root {
    --u-navy-dark: #0f172a;
    --u-blue-prime: #2563eb;
    --u-gold-prime: #b45309;
    --u-border-soft: #e2e8f0;
}

.uimrj-contact-card {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    overflow: hidden; /* Prevents overflow leaking */
}

.contact-header-exec {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid var(--u-border-soft);
    border-radius: 16px;
}

.location-icon-box {
    position: relative;
    width: 42px;
    height: 42px;
    background: #eff6ff;
    color: var(--u-blue-prime);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.location-ping {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid var(--u-blue-prime);
    border-radius: 50%;
    animation: location-pulse 2s infinite;
}

@keyframes location-pulse {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.6); opacity: 0; }
}

.contact-title {
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0;
    color: var(--u-navy-dark);
}

.status-badge {
    font-size: 0.65rem;
    font-weight: 700;
    color: #059669;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-directory {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.directory-item {
    background: #ffffff;
    border: 1px solid var(--u-border-soft);
    padding: 15px;
    border-radius: 14px;
    transition: all 0.3s ease;
}

.directory-item:hover {
    transform: translateX(5px);
    border-color: var(--u-blue-prime);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.role-tag {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.role-blue { color: var(--u-blue-prime); }
.role-gold { color: var(--u-gold-prime); }
.role-neutral { color: #64748b; }

.person-name {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: var(--u-navy-dark);
}

.person-label, .address-text {
    font-size: 0.8rem;
    color: #64748b;
    margin: 3px 0 0 0;
    line-height: 1.4;
}

.email-action-button {
    background: var(--u-navy-dark);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border-radius: 14px;
    text-decoration: none;
    transition: background 0.3s ease;
}

.email-action-button:hover { background: var(--u-blue-prime); }

.mail-icon { color: #38bdf8; display: flex; }
.mail-icon svg { width: 20px; height: 20px; }

.mail-cta { font-size: 0.65rem; color: #94a3b8; text-transform: uppercase; font-weight: 700; display: block; }
.mail-id { font-size: 0.85rem; color: #ffffff; font-weight: 600; }

.contact-footer-note {
    padding: 12px;
    background: #f8fafc;
    border-radius: 10px;
    text-align: center;
    font-size: 0.7rem;
    color: #475569;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .directory-item { padding: 12px; }
}
--
.uimrj-fixed-sidebar {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px; /* Spacing between cards to stop overlap */
}

.sidebar-status-container {
    display: flex;
    justify-content: flex-end; /* Moves badge to right */
    margin-bottom: -10px; /* Slight overlap by design, but controlled */
    z-index: 10;
}

.global-desk-badge {
    background: #10b981;
    color: white;
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);
}

/**.submission-mail-box {
    background: #0f172a;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.mail-icon-circle {
    background: #eff6ff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mail-text-group { display: flex; flex-direction: column; }

.mail-label-top { color: #94a3b8; font-size: 10px; text-transform: uppercase; font-weight: 800; }

.mail-address-main { color: #ffffff; font-size: 14px; font-weight: 600; }

.publisher-verified-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
}

.publisher-verified-card p { font-size: 12px; color: #475569; margin: 0; line-height: 1.5; }**/

/*--*/

/*-Open Access Statement End-*/

/*-Publication Frequency-start*/
/*--*/
/* UIMRJ - Final Style v4 - Designed for 70% Left Column */
.uimrj-content-wrapper-v4 {
    display: block !important;
    width: 100% !important; /* Respects the 70% parent width */
    max-width: 100% !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-family: 'Inter', system-ui, sans-serif;
    color: #0f172a;
}

.uimrj-header-v4 { margin-bottom: 30px; }

.uimrj-status-badge-v4 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ecfdf5;
    color: #059669;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #d1fae5;
    margin-bottom: 15px;
}

.uimrj-pulse-v4 {
    width: 8px; height: 8px; background: #10b981; border-radius: 50%;
    animation: uimrj-glow-v4 2s infinite;
}

@keyframes uimrj-glow-v4 {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.uimrj-title-v4 { font-size: 32px; font-weight: 900; margin: 0 0 10px 0; color: #0f172a; }

.uimrj-accent-v4 { width: 50px; height: 4px; background: #2563eb; margin-bottom: 20px; }

.uimrj-description-v4 { font-size: 1.1rem; line-height: 1.7; color: #475569; margin: 0; }

.uimrj-subtitle-v4 { display: flex; align-items: center; gap: 15px; margin: 40px 0 20px 0; }

.uimrj-index-v4 { font-size: 1.5rem; font-weight: 900; color: #e2e8f0; }

.uimrj-subtitle-v4 h2 { font-size: 1.6rem; font-weight: 800; margin: 0; color: #0f172a; }

/* Individual Cards Stack - BLOCK DISPLAY FOR SAFETY */
.uimrj-card-v4 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 8px;
    display: block !important; /* Prevents stretching outside 70% column */
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

.uimrj-card-v4:hover { border-color: #2563eb; }

.uimrj-card-title-v4 { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }

.uimrj-icon-v4 { font-size: 1.4rem; }

.uimrj-card-title-v4 h3 { font-size: 1.2rem; font-weight: 700; margin: 0; color: #1e293b; }

.uimrj-card-text-v4 { font-size: 0.95rem; color: #64748b; line-height: 1.5; margin: 0; }

.uimrj-footer-v4 {
    margin-top: 40px; padding: 15px; background: #f8fafc;
    border-radius: 8px; display: flex; flex-wrap: wrap; gap: 20px;
    border: 1px dashed #cbd5e1;
}

.uimrj-tag-v4 { font-size: 10px; font-weight: 700; color: #64748b; text-transform: uppercase; }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .uimrj-title-v4 { font-size: 26px; }
    .uimrj-card-v4 { padding: 15px; }
}
/*--*/
/* UIMRJ Online-First Precision Styles */
.uimrj-online-first-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    margin: 40px 0 !important;
    padding: 0 !important;
    font-family: 'Inter', system-ui, sans-serif;
    color: #0f172a;
    box-sizing: border-box;
}

.uimrj-section-head { margin-bottom: 35px; }

.uimrj-activity-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #ecfeff;
    color: #0891b2;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #cffafe;
    margin-bottom: 15px;
}

.uimrj-pulse-cyan {
    width: 8px; height: 8px; background: #06b6d4; border-radius: 50%;
    animation: uimrj-pulse-fx 2s infinite;
}

@keyframes uimrj-pulse-fx {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(6, 182, 212, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(6, 182, 212, 0); }
    100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(6, 182, 212, 0); }
}

.uimrj-display-h2 { font-size: 28px; font-weight: 900; margin: 0 0 10px 0; letter-spacing: -0.02em; }
.uimrj-display-h2 small { color: #2563eb; font-weight: 400; }

.uimrj-decorative-line { width: 60px; height: 4px; background: #2563eb; border-radius: 2px; margin-bottom: 25px; }

.uimrj-lead-text { font-size: 1.1rem; line-height: 1.7; color: #475569; margin: 0; }

/* Information Stack */
.uimrj-flow-stack { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }

.uimrj-info-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 16px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.uimrj-info-card:hover {
    border-color: #2563eb;
    transform: translateX(8px);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.05);
}

.uimrj-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 12px; }

.uimrj-icon-bg { font-size: 1.8rem; }

.uimrj-card-header h3 { font-size: 1.3rem; font-weight: 700; margin: 0; color: #1e293b; }

.uimrj-card-body p { font-size: 0.95rem; color: #64748b; line-height: 1.6; margin: 0; }

/* Technical Ribbon */
.uimrj-tech-footer {
    margin-top: 45px; padding: 18px; background: #f8fafc;
    border-radius: 12px; display: flex; flex-wrap: wrap; gap: 20px;
    border: 1px dashed #cbd5e1; justify-content: flex-start;
}

.uimrj-footer-item { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

/* Mobile Optimization */
@media (max-width: 768px) {
    .uimrj-display-h2 { font-size: 22px; }
    .uimrj-info-card { padding: 20px; }
}
/*--*/
/* UIMRJ SEO Module Precision Styles */
.uimrj-seo-module {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-top: 50px !important;
    padding: 0 !important;
    box-sizing: border-box;
    font-family: 'Inter', system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-seo-header { margin-bottom: 35px; }

.uimrj-tech-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f1f5f9;
    color: #475569;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #e2e8f0;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.uimrj-scan-line {
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.1), transparent);
    animation: uimrj-scan 3s infinite;
}

@keyframes uimrj-scan {
    0% { left: -100%; }
    100% { left: 100%; }
}

.uimrj-seo-h2 { font-size: 30px; font-weight: 900; color: #0f172a; margin: 0 0 10px 0; letter-spacing: -0.02em; }
.uimrj-highlight { color: #2563eb; }

.uimrj-seo-bar { width: 50px; height: 5px; background: #2563eb; border-radius: 10px; margin-bottom: 25px; }

.uimrj-seo-p { font-size: 1.1rem; line-height: 1.7; color: #475569; margin: 0; }

/* SEO Card Stack */
.uimrj-seo-stack { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }

.uimrj-seo-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.uimrj-seo-card:hover {
    border-color: #2563eb;
    transform: translateX(10px);
    box-shadow: 0 10px 30px -10px rgba(37, 99, 235, 0.1);
}

.uimrj-seo-icon { font-size: 2rem; min-width: 45px; }

.uimrj-seo-info h3 { font-size: 1.2rem; font-weight: 700; margin: 0 0 8px 0; color: #0f172a; }

.uimrj-seo-info p { font-size: 0.95rem; color: #64748b; line-height: 1.6; margin: 0; }

/* Compliance Ribbon */
.uimrj-seo-footer {
    margin-top: 50px; padding: 20px; background: #f8fafc;
    border-radius: 8px; display: flex; flex-wrap: wrap; gap: 20px;
    border: 1px dashed #cbd5e1; justify-content: flex-start;
}

.uimrj-tag { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 1px; }

/* Mobile View Adjustments */
@media (max-width: 768px) {
    .uimrj-seo-h2 { font-size: 24px; }
    .uimrj-seo-card { flex-direction: column; gap: 10px; }
}
/*--*/
/* UIMRJ Special Issues - Elite Standard Styling */
.uimrj-special-issue-box {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-top: 60px !important;
    padding: 0 !important;
    box-sizing: border-box;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #0f172a;
}

.uimrj-sp-header { margin-bottom: 30px; }

.uimrj-sp-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f5f3ff;
    color: #7c3aed;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #ddd6fe;
    margin-bottom: 15px;
}

.uimrj-sp-pulse {
    width: 8px; height: 8px; background: #8b5cf6; border-radius: 50%;
    animation: uimrj-sp-glow 2s infinite;
}

@keyframes uimrj-sp-glow {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(124, 58, 237, 0.4); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(124, 58, 237, 0); }
    100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(124, 58, 237, 0); }
}

.uimrj-sp-h2 { font-size: 30px; font-weight: 900; margin: 0 0 10px 0; letter-spacing: -0.02em; }
.uimrj-sp-gradient { color: #7c3aed; }

.uimrj-sp-accent { width: 50px; height: 5px; background: #7c3aed; border-radius: 2px; margin-bottom: 25px; }

.uimrj-sp-lead { font-size: 1.15rem; line-height: 1.7; color: #475569; }

/* Thematic Card Grid */
.uimrj-sp-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
    width: 100%;
}

.uimrj-sp-info-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    width: 100%;
}

.uimrj-sp-info-card:hover {
    border-color: #7c3aed;
    transform: translateX(10px);
    box-shadow: 0 10px 25px -5px rgba(124, 58, 237, 0.08);
}

.uimrj-sp-meta { display: flex; align-items: center; gap: 15px; margin-bottom: 10px; }

.uimrj-sp-icon { font-size: 1.8rem; }

.uimrj-sp-info-card h3 { font-size: 1.25rem; font-weight: 700; margin: 0; color: #1e293b; }

.uimrj-sp-info-card p { font-size: 0.95rem; color: #64748b; line-height: 1.6; margin: 0; }

/* Compliance Footer */
.uimrj-sp-footer {
    margin-top: 50px; padding: 20px; background: #f8fafc;
    border-radius: 10px; display: flex; flex-wrap: wrap; gap: 20px;
    border: 1px dashed #cbd5e1; justify-content: flex-start;
}

.uimrj-sp-trust-item { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

/* Mobile View Adjustments */
@media (max-width: 768px) {
    .uimrj-sp-h2 { font-size: 24px; }
    .uimrj-sp-info-card { padding: 20px; }
}
/*--*/
/* UIMRJ Sidebar Elite Styling - v5 */
.uimrj-sidebar-v5 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    font-family: 'Inter', system-ui, sans-serif;
    color: #1e293b;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    width: 100%;
    box-sizing: border-box;
}

.uimrj-sb-head-v5 { margin-bottom: 20px; }
.uimrj-sb-title-v5 { font-size: 18px; font-weight: 800; margin: 0; color: #0f172a; letter-spacing: -0.01em; }
.uimrj-sb-line-v5 { width: 35px; height: 3px; background: #2563eb; margin-top: 6px; border-radius: 2px; }

/* Facts Grid */
.uimrj-facts-grid-v5 { display: flex; flex-direction: column; gap: 12px; margin-bottom: 25px; }

.uimrj-fact-row-v5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
}

.uimrj-f-label { font-size: 12px; font-weight: 600; color: #64748b; }
.uimrj-f-val { font-size: 12px; font-weight: 700; color: #0f172a; text-align: right; }

/* Compliance Section */
.uimrj-compliance-v5 {
    background: #f8fafc;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #f1f5f9;
}

.uimrj-sb-h3-v5 { font-size: 14px; font-weight: 700; margin: 0 0 10px 0; color: #1e293b; }

.uimrj-sb-list-v5 { list-style: none; padding: 0; margin: 0; }

.uimrj-sb-list-v5 li {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.uimrj-check-v5 { color: #10b981; font-weight: 900; }

/* Authority Section */
.uimrj-authority-v5 { text-align: center; border-top: 1px dashed #cbd5e1; padding-top: 15px; }

.uimrj-auth-label { font-size: 10px; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; }

.uimrj-auth-name { font-size: 13px; font-weight: 800; margin: 4px 0 2px 0; color: #2563eb; }

.uimrj-auth-person { font-size: 11px; font-weight: 600; color: #64748b; margin-bottom: 15px; }

.uimrj-sb-btn-v5 {
    display: inline-block;
    width: 100%;
    background: #0f172a;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 0;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.uimrj-sb-btn-v5:hover { background: #2563eb; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2); }

/* Mobile View Support */
@media (max-width: 768px) {
    .uimrj-sidebar-v5 { margin-top: 20px; }
}
/*--*/
/* UIMRJ Sidebar Compliance Styling - Premium Quality */
.uimrj-compliance-sidebar {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 25px;
    margin-top: 20px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}

.uimrj-trust-header { margin-bottom: 22px; text-align: left; }

.uimrj-lock-icon {
    width: 32px; height: 32px; background: #eff6ff; color: #2563eb;
    display: flex; align-items: center; justify-content: center;
    border-radius: 8px; margin-bottom: 12px;
}

.uimrj-lock-icon svg { width: 18px; height: 18px; }

.uimrj-trust-title { font-size: 18px; font-weight: 800; margin: 0; color: #0f172a; letter-spacing: -0.01em; }

.uimrj-trust-underline { width: 35px; height: 3px; background: #2563eb; margin-top: 8px; border-radius: 2px; }

/* Tech Items Stack */
.uimrj-tech-stack { display: flex; flex-direction: column; gap: 18px; }

.uimrj-tech-item { border-left: 2px solid #f1f5f9; padding-left: 15px; transition: border-color 0.3s ease; }

.uimrj-tech-item:hover { border-left-color: #2563eb; }

.uimrj-tech-status { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }

.uimrj-check-dot {
    width: 6px; height: 6px; background: #10b981; border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.uimrj-tech-status strong { font-size: 13px; font-weight: 700; color: #0f172a; }

.uimrj-tech-desc { font-size: 11px; color: #64748b; line-height: 1.5; margin: 0; }

/* Metadata Tags */
.uimrj-indexing-badges {
    margin-top: 25px; display: flex; flex-wrap: wrap; gap: 8px;
    padding-top: 15px; border-top: 1px dashed #e2e8f0;
}

.uimrj-meta-tag {
    font-size: 9px; font-weight: 800; color: #475569;
    background: #f8fafc; padding: 4px 8px; border-radius: 4px;
    text-transform: uppercase; border: 1px solid #f1f5f9;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-compliance-sidebar { padding: 20px; }
}
/*--*/
/* UIMRJ Sidebar Contact & Authority Styling - v6 */
.uimrj-contact-sidebar-v6 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 25px;
    margin-top: 20px;
    font-family: 'Inter', system-ui, sans-serif;
    color: #1e293b;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    width: 100%;
    box-sizing: border-box;
}

.uimrj-auth-header { margin-bottom: 25px; }

.uimrj-auth-icon {
    width: 32px; height: 32px; background: #fff1f2; color: #e11d48;
    display: flex; align-items: center; justify-content: center;
    border-radius: 8px; margin-bottom: 12px;
}

.uimrj-auth-icon svg { width: 18px; height: 18px; }

.uimrj-auth-title { font-size: 18px; font-weight: 800; margin: 0; color: #0f172a; }

.uimrj-auth-underline { width: 35px; height: 3px; background: #e11d48; margin-top: 8px; border-radius: 2px; }

/* Authority Items */
.uimrj-auth-details { display: flex; flex-direction: column; gap: 18px; margin-bottom: 30px; }

.uimrj-auth-item { border-bottom: 1px dashed #f1f5f9; padding-bottom: 10px; }
.uimrj-auth-item:last-child { border: none; }

.uimrj-auth-label { font-size: 10px; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; }

.uimrj-auth-val { font-size: 13px; font-weight: 700; color: #334155; margin: 4px 0 0 0; }

/* Positioning Statement Box */
.uimrj-positioning-box {
    background: #6fa8dc;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #f1f5f9;
    margin-bottom: 20px;
}

.uimrj-pos-text { font-size: 11px; line-height: 1.6; color: #64748b; margin: 0; font-style: italic; }

/* Action Button */
.uimrj-contact-btn {
    display: block;
    width: 100%;
    text-align: center;
    background: #f1f5f9;
    color: #475569;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    padding: 10px 0;
    border-radius: 6px;
    transition: all 0.3s ease;
    border: 1px solid #e2e8f0;
}

.uimrj-contact-btn:hover { background: #e11d48; color: #ffffff; border-color: #e11d48; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .uimrj-contact-sidebar-v6 { padding: 20px; }
}
/*--*/
/*--*/
/*--*/
/*-Publication Frequency end-*/
 
/*-Editorial Policies start-*/
/*--*/
/* UIMRJ Elite Policy Styling - Left Column Core */
.uimrj-policy-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    line-height: 1.6;
    margin: 0; padding: 0;
    box-sizing: border-box;
}

.uimrj-policy-head { margin-bottom: 40px; }

.uimrj-badge-elite {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f1f5f9;
    color: #2563eb;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #e2e8f0;
    margin-bottom: 18px;
}

.uimrj-pulse-blue {
    width: 8px; height: 8px; background: #2563eb; border-radius: 50%;
    animation: uimrj-pulse 2s infinite;
}

@keyframes uimrj-pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.5); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(37, 99, 235, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); }
}

.uimrj-h1-elite { font-size: 34px; font-weight: 900; margin: 0; color: #0f172a; letter-spacing: -0.02em; }

.uimrj-divider-elite { width: 60px; height: 4px; background: #2563eb; margin: 20px 0; border-radius: 2px; }

.uimrj-lead-text { font-size: 1.15rem; color: #475569; margin: 0; }

/* Policy Grid Stack */
.uimrj-policy-grid { display: flex; flex-direction: column; gap: 20px; width: 100%; }

.uimrj-policy-block {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 28px;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    box-sizing: border-box;
}

.uimrj-policy-block:hover {
    border-color: #2563eb;
    transform: translateX(8px);
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.1);
}

.uimrj-block-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }

.uimrj-block-num { font-size: 1.5rem; font-weight: 900; color: #e2e8f0; }

.uimrj-block-header h3 { font-size: 1.4rem; font-weight: 800; margin: 0; color: #0f172a; }

.uimrj-policy-block p { font-size: 1rem; color: #64748b; margin: 0 0 15px 0; }

.uimrj-policy-tags { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 15px; }

.uimrj-policy-tags li { font-size: 12px; font-weight: 700; color: #2563eb; text-transform: uppercase; }

/* Footer Trust Ribbon */
.uimrj-policy-footer {
    margin-top: 50px; padding: 20px; background: #f8fafc;
    border-radius: 8px; display: flex; flex-wrap: wrap; gap: 25px;
    border: 1px dashed #cbd5e1;
}

.uimrj-policy-footer span { font-size: 10px; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px; }

/* Mobile View */
@media (max-width: 768px) {
    .uimrj-h1-elite { font-size: 26px; }
    .uimrj-policy-block { padding: 20px; }
}
/*--*/
/* UIMRJ Peer Review Elite Styling */
.uimrj-peer-review-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-top: 40px !important;
    padding: 0 !important;
    font-family: 'Inter', system-ui, sans-serif;
    color: #0f172a;
    box-sizing: border-box;
}

.uimrj-section-header { margin-bottom: 30px; }

.uimrj-integrity-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f8fafc;
    color: #2563eb;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #e2e8f0;
    margin-bottom: 15px;
}

.uimrj-h2-authoritative { font-size: 28px; font-weight: 900; margin: 0 0 10px 0; color: #0f172a; }
.uimrj-h2-authoritative small { color: #64748b; font-weight: 500; font-size: 0.6em; }

.uimrj-accent-bar { width: 50px; height: 4px; background: #2563eb; border-radius: 2px; margin-bottom: 20px; }

.uimrj-intro-text { font-size: 1.1rem; line-height: 1.7; color: #475569; margin: 0; }

/* Workflow Stack Styling */
.uimrj-workflow-stack { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }

.uimrj-workflow-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    box-sizing: border-box;
}

.uimrj-workflow-card:hover {
    border-color: #2563eb;
    transform: translateX(8px);
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.1);
}

.uimrj-workflow-icon {
    font-size: 1.8rem;
    min-width: 45px;
    height: 45px;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.uimrj-workflow-content h3 { font-size: 1.25rem; font-weight: 700; margin: 0 0 6px 0; color: #1e293b; }

.uimrj-workflow-content p { font-size: 0.95rem; color: #64748b; line-height: 1.6; margin: 0; }

/* Technical Ribbon Footer */
.uimrj-trust-ribbon {
    margin-top: 40px;
    padding: 15px 20px;
    background: #f8fafc;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border-left: 4px solid #2563eb;
}

.uimrj-ribbon-item { font-size: 10px; font-weight: 800; color: #475569; text-transform: uppercase; letter-spacing: 0.5px; }

/* Mobile View Adjustments */
@media (max-width: 768px) {
    .uimrj-h2-authoritative { font-size: 22px; }
    .uimrj-workflow-card { flex-direction: column; padding: 20px; gap: 10px; }
}
/*--*/
/* UIMRJ Integrity Module Precision Styles */
.uimrj-integrity-module {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-top: 50px !important;
    padding: 0 !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-sizing: border-box;
    line-height: 1.6;
}

.uimrj-integrity-head { margin-bottom: 35px; }

.uimrj-security-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff1f2;
    color: #e11d48;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #fecdd3;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.uimrj-pulse-red {
    width: 8px; height: 8px; background: #e11d48; border-radius: 50%;
    animation: uimrj-pulse-fx 2s infinite;
}

@keyframes uimrj-pulse-fx {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.5); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(225, 29, 72, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(225, 29, 72, 0); }
}

.uimrj-integrity-h2 { font-size: 32px; font-weight: 900; color: #0f172a; margin: 0 0 10px 0; letter-spacing: -0.02em; }
.uimrj-blue-grad { color: #2563eb; }

.uimrj-integrity-bar { width: 50px; height: 5px; background: #2563eb; border-radius: 10px; margin-bottom: 25px; }

.uimrj-integrity-p { font-size: 1.1rem; line-height: 1.7; color: #475569; margin: 0; }

/* Integrity Grid Stack */
.uimrj-integrity-grid { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; width: 100%; }

.uimrj-integrity-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
    width: 100%;
}

.uimrj-integrity-card:hover {
    border-color: #2563eb;
    transform: translateX(10px);
    box-shadow: 0 15px 30px -10px rgba(0,0,0,0.1);
}

.uimrj-integrity-icon { font-size: 2rem; min-width: 50px; }

.uimrj-integrity-info h3 { font-size: 1.25rem; font-weight: 700; margin: 0 0 8px 0; color: #1e293b; }

.uimrj-integrity-info p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* Compliance Footer */
.uimrj-integrity-footer {
    margin-top: 50px; padding: 20px; background: #f8fafc;
    border-radius: 8px; display: flex; flex-wrap: wrap; gap: 20px;
    border: 1px dashed #cbd5e1;
}

.uimrj-tag { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

/* Mobile View Adjustments */
@media (max-width: 768px) {
    .uimrj-integrity-h2 { font-size: 24px; }
    .uimrj-integrity-card { flex-direction: column; gap: 10px; padding: 20px; }
}
/*--*/
/* UIMRJ Open Access Module Precision Styles */
.uimrj-license-module {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-top: 50px !important;
    padding: 0 !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-sizing: border-box;
    line-height: 1.7;
}

.uimrj-license-head { margin-bottom: 35px; }

.uimrj-oa-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0fdf4;
    color: #16a34a;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #dcfce7;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.uimrj-unlock-icon { animation: uimrj-swing 3s ease-in-out infinite; }

@keyframes uimrj-swing {
    0%, 100% { transform: rotate(0deg); }
    20% { transform: rotate(15deg); }
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }
    80% { transform: rotate(-5deg); }
}

.uimrj-license-h2 { font-size: 32px; font-weight: 900; color: #0f172a; margin: 0 0 10px 0; letter-spacing: -0.02em; }
.uimrj-blue-accent { color: #2563eb; }

.uimrj-license-bar { width: 50px; height: 5px; background: #2563eb; border-radius: 10px; margin-bottom: 25px; }

.uimrj-license-p { font-size: 1.1rem; color: #475569; margin: 0; }

/* License Grid Architecture */
.uimrj-license-grid { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; width: 100%; }

.uimrj-license-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
    width: 100%;
}

.uimrj-license-card:hover {
    border-color: #2563eb;
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -10px rgba(37, 99, 235, 0.1);
}

.uimrj-license-icon { font-size: 2rem; min-width: 50px; }

.uimrj-license-info h3 { font-size: 1.25rem; font-weight: 700; margin: 0 0 8px 0; color: #1e293b; }

.uimrj-license-info p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* Legal Ribbon Footer */
.uimrj-license-footer {
    margin-top: 50px; padding: 20px; background: #f8fafc;
    border-radius: 8px; display: flex; flex-wrap: wrap; gap: 20px;
    border: 1px dashed #cbd5e1;
}

.uimrj-legal-tag { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

/* Mobile View Adjustments */
@media (max-width: 768px) {
    .uimrj-license-h2 { font-size: 24px; }
    .uimrj-license-card { flex-direction: column; gap: 10px; padding: 20px; }
}
/*--*/
/* UIMRJ Transparency Module Precision Styles */
.uimrj-transparency-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-top: 50px !important;
    padding: 0 !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-sizing: border-box;
    line-height: 1.7;
}

.uimrj-ethic-head { margin-bottom: 35px; }

.uimrj-trust-badge-v10 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fffbeb;
    color: #b45309;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #fef3c7;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.uimrj-pulse-gold {
    width: 8px; height: 8px; background: #d97706; border-radius: 50%;
    animation: uimrj-glow-gold 2s infinite;
}

@keyframes uimrj-glow-gold {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(217, 119, 6, 0.5); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(217, 119, 6, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(217, 119, 6, 0); }
}

.uimrj-ethic-h2 { font-size: 32px; font-weight: 900; color: #0f172a; margin: 0 0 10px 0; letter-spacing: -0.02em; }
.uimrj-blue-text { color: #2563eb; }

.uimrj-ethic-bar { width: 50px; height: 5px; background: #2563eb; border-radius: 10px; margin-bottom: 25px; }

.uimrj-ethic-lead { font-size: 1.1rem; color: #475569; margin: 0; }

/* Grid Architecture */
.uimrj-ethic-grid { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; width: 100%; }

.uimrj-ethic-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.uimrj-ethic-card:hover {
    border-color: #2563eb;
    transform: translateX(10px);
    box-shadow: 0 15px 30px -10px rgba(0,0,0,0.05);
}

.uimrj-ethic-icon { font-size: 2rem; min-width: 50px; }

.uimrj-ethic-info h3 { font-size: 1.2rem; font-weight: 700; margin: 0 0 8px 0; color: #1e293b; }

.uimrj-ethic-info p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* Footer Compliance Bar */
.uimrj-ethic-footer {
    margin-top: 50px; padding: 20px; background: #f8fafc;
    border-radius: 8px; display: flex; flex-wrap: wrap; gap: 20px;
    border: 1px dashed #cbd5e1;
}

.uimrj-ethic-tag { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

/* Mobile Optimization */
@media (max-width: 768px) {
    .uimrj-ethic-h2 { font-size: 24px; }
    .uimrj-ethic-card { flex-direction: column; gap: 10px; padding: 20px; }
}
/*--*/
/* UIMRJ Preservation Module Precision Styles */
.uimrj-preservation-module {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-top: 50px !important;
    padding: 0 !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-sizing: border-box;
    line-height: 1.7;
}

.uimrj-archive-head { margin-bottom: 35px; }

.uimrj-preservation-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0f9ff;
    color: #0369a1;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #e0f2fe;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.uimrj-dot-blue {
    width: 8px; height: 8px; background: #0ea5e9; border-radius: 50%;
    animation: uimrj-arch-glow 2s infinite;
}

@keyframes uimrj-arch-glow {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.5); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(14, 165, 233, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0); }
}

.uimrj-archive-h2 { font-size: 32px; font-weight: 900; color: #0f172a; margin: 0 0 10px 0; letter-spacing: -0.02em; }
.uimrj-blue-highlight { color: #2563eb; }

.uimrj-archive-bar { width: 50px; height: 5px; background: #2563eb; border-radius: 10px; margin-bottom: 25px; }

.uimrj-archive-lead { font-size: 1.1rem; color: #475569; margin: 0; }

/* Archival Grid Stack */
.uimrj-archive-grid { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; width: 100%; }

.uimrj-archive-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.uimrj-archive-card:hover {
    border-color: #2563eb;
    transform: translateX(10px);
    box-shadow: 0 15px 30px -10px rgba(37, 99, 235, 0.1);
}

.uimrj-archive-icon { font-size: 2rem; min-width: 50px; }

.uimrj-archive-info h3 { font-size: 1.2rem; font-weight: 700; margin: 0 0 8px 0; color: #1e293b; }

.uimrj-archive-info p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* Archival Ribbon Footer */
.uimrj-archive-footer {
    margin-top: 50px; padding: 20px; background: #f8fafc;
    border-radius: 8px; display: flex; flex-wrap: wrap; gap: 20px;
    border: 1px dashed #cbd5e1;
}

.uimrj-archive-tag { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

/* Mobile View Adjustments */
@media (max-width: 768px) {
    .uimrj-archive-h2 { font-size: 24px; }
    .uimrj-archive-card { flex-direction: column; gap: 10px; padding: 20px; }
}
/*--*/
/* UIMRJ Technical Excellence Styles - v11 */
.uimrj-indexing-module {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-top: 50px !important;
    padding: 0 !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-sizing: border-box;
    line-height: 1.7;
}

.uimrj-tech-head { margin-bottom: 35px; }

.uimrj-meta-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0f9ff;
    color: #0369a1;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #e0f2fe;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.uimrj-pulse-cyan {
    width: 8px; height: 8px; background: #0ea5e9; border-radius: 50%;
    animation: uimrj-tech-glow 2s infinite;
}

@keyframes uimrj-tech-glow {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.5); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(14, 165, 233, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0); }
}

.uimrj-tech-h2 { font-size: 32px; font-weight: 900; color: #0f172a; margin: 0 0 10px 0; letter-spacing: -0.02em; }
.uimrj-blue-grad { color: #2563eb; }

.uimrj-tech-bar { width: 50px; height: 5px; background: #2563eb; border-radius: 10px; margin-bottom: 25px; }

.uimrj-tech-p { font-size: 1.1rem; color: #475569; margin: 0; }

/* Tech Grid Stack */
.uimrj-tech-grid { display: flex; flex-direction: column; gap: 18px; margin-top: 30px; width: 100%; }

.uimrj-tech-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-sizing: border-box;
}

.uimrj-tech-card:hover {
    border-color: #0ea5e9;
    background: #fcfdfe;
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -15px rgba(14, 165, 233, 0.15);
}

.uimrj-tech-icon { font-size: 2rem; min-width: 50px; text-align: center; }

.uimrj-tech-info h3 { font-size: 1.2rem; font-weight: 700; margin: 0 0 8px 0; color: #1e293b; }

.uimrj-tech-info p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* Tech Footer */
.uimrj-tech-footer {
    margin-top: 50px; padding: 20px; background: #f8fafc;
    border-radius: 8px; display: flex; flex-wrap: wrap; gap: 20px;
    border: 1px solid #f1f5f9;
}

.uimrj-tech-tag { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .uimrj-tech-h2 { font-size: 24px; }
    .uimrj-tech-card { flex-direction: column; gap: 10px; padding: 20px; }
}
/*--*/
/* UIMRJ Sidebar Identity Precision Styles - v12 */
.uimrj-sidebar-v12 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
}

.uimrj-sb-header-v12 { margin-bottom: 20px; }

.uimrj-sb-title-v12 { font-size: 18px; font-weight: 800; color: #0f172a; margin: 0; letter-spacing: -0.01em; }

.uimrj-sb-accent-v12 { width: 35px; height: 3px; background: #2563eb; margin-top: 8px; border-radius: 2px; }

/* Grid Styling */
.uimrj-identity-grid-v12 { display: flex; flex-direction: column; gap: 12px; margin-bottom: 25px; }

.uimrj-id-row-v12 {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f5f9;
}

.uimrj-id-row-v12:last-child { border-bottom: none; }

.uimrj-id-label { font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; }

.uimrj-id-value { font-size: 13px; font-weight: 700; color: #1e293b; line-height: 1.4; }

/* Trust Tags */
.uimrj-trust-footer-v12 {
    background: #f8fafc;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.uimrj-trust-tag-v12 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    color: #475569;
}

.uimrj-dot-green {
    width: 6px; height: 6px; background: #10b981; border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

/* Sidebar Button */
.uimrj-sb-btn-v12 {
    display: block;
    width: 100%;
    text-align: center;
    background: #0f172a;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    padding: 12px 0;
    border-radius: 6px;
    transition: all 0.3s ease;
    border: 1px solid #0f172a;
}

.uimrj-sb-btn-v12:hover {
    background: #2563eb;
    border-color: #2563eb;
    box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.2);
    transform: translateY(-2px);
}

/* Responsive adjust */
@media (max-width: 768px) {
    .uimrj-sidebar-v12 { margin-top: 25px; }
}
/*--*/
/* UIMRJ Integrity Sidebar Style - Elite V13 */
.uimrj-integrity-sidebar {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03);
    width: 100%;
    box-sizing: border-box;
    margin-top: 25px;
}

.uimrj-is-header { margin-bottom: 22px; }
.uimrj-is-title { font-size: 18px; font-weight: 800; color: #0f172a; margin: 0; letter-spacing: -0.01em; }
.uimrj-is-divider { width: 35px; height: 3px; background: #10b981; margin-top: 8px; border-radius: 2px; }

/* Checklist Items */
.uimrj-is-stack { display: flex; flex-direction: column; gap: 16px; margin-bottom: 25px; }

.uimrj-is-item {
    display: flex;
    align-items: center;
    gap: 12px;
    transition: transform 0.2s ease;
}

.uimrj-is-item:hover { transform: translateX(5px); }

.uimrj-is-icon-box {
    width: 24px;
    height: 24px;
    background: #ecfdf5;
    color: #10b981;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 14px;
    border: 1px solid #d1fae5;
}

.uimrj-is-text { display: flex; flex-direction: column; }

.uimrj-is-label { font-size: 12px; font-weight: 700; color: #0f172a; line-height: 1.2; }

.uimrj-is-status { font-size: 10px; font-weight: 600; color: #64748b; margin-top: 2px; }

/* Bottom Badge */
.uimrj-is-badge-box {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    padding: 15px;
    border-radius: 8px;
}

.uimrj-is-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 800;
    color: #2563eb;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.uimrj-live-dot {
    width: 6px;
    height: 6px;
    background: #2563eb;
    border-radius: 50%;
    animation: uimrj-is-pulse 2s infinite;
}

@keyframes uimrj-is-pulse {
    0% { transform: scale(0.95); opacity: 1; }
    70% { transform: scale(1.5); opacity: 0; }
    100% { transform: scale(0.95); opacity: 0; }
}

.uimrj-is-note { font-size: 9px; line-height: 1.4; color: #94a3b8; margin: 0; font-weight: 500; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .uimrj-integrity-sidebar { margin-top: 20px; }
}
/*--*/
/* UIMRJ Technical Sidebar Styling - Elite V14 */
.uimrj-tech-sidebar-v14 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    font-family: 'Inter', system-ui, sans-serif;
    color: #1e293b;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.05);
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
}

.uimrj-ts-header { margin-bottom: 25px; display: flex; flex-direction: column; align-items: flex-start; }

.uimrj-ts-icon-main {
    width: 36px; height: 36px; background: #eff6ff; color: #2563eb;
    display: flex; align-items: center; justify-content: center;
    border-radius: 8px; margin-bottom: 12px;
}

.uimrj-ts-icon-main svg { width: 20px; height: 20px; }

.uimrj-ts-title { font-size: 18px; font-weight: 800; color: #0f172a; margin: 0; }

.uimrj-ts-bar { width: 35px; height: 3px; background: #2563eb; margin-top: 8px; border-radius: 2px; }

/* Grid Items */
.uimrj-ts-grid { display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px; }

.uimrj-ts-item { border-left: 2px solid #f1f5f9; padding-left: 15px; transition: 0.3s; }

.uimrj-ts-item:hover { border-left-color: #2563eb; transform: translateX(5px); }

.uimrj-ts-status-box { display: flex; flex-direction: column; gap: 4px; margin-bottom: 6px; }

.uimrj-ts-label { font-size: 11px; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; }

.uimrj-ts-badge-blue { font-size: 12px; font-weight: 700; color: #2563eb; }
.uimrj-ts-badge-green { font-size: 12px; font-weight: 700; color: #10b981; }

.uimrj-ts-desc { font-size: 10px; line-height: 1.4; color: #64748b; margin: 0; }

/* Live Sync Pulse */
.uimrj-ts-sync {
    background: #f8fafc;
    padding: 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    border: 1px solid #f1f5f9;
}

.uimrj-sync-dot {
    width: 6px; height: 6px; background: #10b981; border-radius: 50%;
    animation: uimrj-sync-glow 1.5s infinite;
}

@keyframes uimrj-sync-glow {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-tech-sidebar-v14 { margin-top: 20px; }
}
/*--*/
/* UIMRJ Authority Sidebar - Global Master Style V15 */
.uimrj-authority-sidebar-v15 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 30px 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.04);
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
    margin-top: 30px;
}

.uimrj-auth-head-v15 { margin-bottom: 25px; }

.uimrj-auth-icon-v15 {
    width: 40px; height: 40px; background: #f0fdf4; color: #16a34a;
    display: flex; align-items: center; justify-content: center;
    border-radius: 10px; margin-bottom: 12px;
}

.uimrj-auth-icon-v15 svg { width: 22px; height: 22px; }

.uimrj-auth-title-v15 { font-size: 19px; font-weight: 850; color: #0f172a; margin: 0; letter-spacing: -0.02em; }

.uimrj-auth-bar-v15 { width: 40px; height: 4px; background: #16a34a; margin-top: 8px; border-radius: 2px; }

/* Authority List */
.uimrj-auth-list-v15 { display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px; }

.uimrj-auth-item-v15 { border-bottom: 1px solid #f1f5f9; padding-bottom: 12px; }
.uimrj-auth-item-v15:last-child { border-bottom: none; }

.uimrj-auth-label-v15 { 
    font-size: 10px; font-weight: 800; color: #94a3b8; 
    text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 4px; display: block;
}

.uimrj-auth-name-v15 { font-size: 13.5px; font-weight: 700; color: #1e293b; line-height: 1.4; margin: 0; }

/* Impact Box Statement */
.uimrj-positioning-box-v15 {
    background: #f8fafc;
    padding: 18px;
    border-radius: 12px;
    border-left: 4px solid #0f172a;
    margin-bottom: 20px;
}

.uimrj-pos-statement-v15 { 
    font-size: 11px; line-height: 1.6; color: #475569; 
    margin: 0; font-style: italic; 
}

/* Verification Footer */
.uimrj-verify-footer-v15 {
    text-align: center;
    border-top: 1px dashed #cbd5e1;
    padding-top: 15px;
}

.uimrj-verify-text-v15 {
    font-size: 10px; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.5px;
}

/* Laptop/Desktop Hover Animation */
.uimrj-authority-sidebar-v15:hover {
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08);
    transform: translateY(-5px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-authority-sidebar-v15 { padding: 20px; }
}
/*--*/
/*-Editorial Policies End-*/

/*-Submit Manuscript start-*/
/*--*/
/* UIMRJ Top Action Zone Styles - V17 */
.uimrj-top-action-v17 {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0 15px 35px -12px rgba(0, 0, 0, 0.08);
}

.uimrj-action-box-v17 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.uimrj-action-left { flex: 1; min-width: 300px; }

.uimrj-live-pulse {
    display: inline-block;
    width: 8px; height: 8px; background: #10b981; border-radius: 50%;
    margin-bottom: 10px; animation: uimrj-live 2s infinite;
}

@keyframes uimrj-live {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.95); }
}

.uimrj-action-h2 { font-size: 26px; font-weight: 900; color: #0f172a; margin: 0 0 10px 0; letter-spacing: -0.02em; }
.uimrj-action-p { font-size: 1rem; color: #64748b; margin: 0; line-height: 1.5; }

.uimrj-btn-container-v17 { display: flex; flex-direction: column; gap: 12px; min-width: 280px; }

.uimrj-main-btn-v17 {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 14px 20px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.uimrj-btn-email { background: #0f172a; border: 1px solid #0f172a; }
.uimrj-btn-portal { background: #ffffff; border: 1px solid #2563eb; }

.uimrj-btn-icon { font-size: 1.4rem; }

.uimrj-btn-text { display: flex; flex-direction: column; }
.uimrj-btn-top { font-size: 13px; font-weight: 800; color: #fff; }
.uimrj-btn-sub { font-size: 10px; font-weight: 500; color: #94a3b8; }

.uimrj-btn-portal .uimrj-btn-top { color: #2563eb; }
.uimrj-btn-portal .uimrj-btn-sub { color: #64748b; }

.uimrj-main-btn-v17:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
}

/* Stats Row */
.uimrj-submission-stats {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.uimrj-submission-stats span { font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase; }

/* Responsive */
@media (max-width: 768px) {
    .uimrj-action-box-v17 { flex-direction: column; text-align: center; }
    .uimrj-action-left { min-width: 100%; }
    .uimrj-btn-container-v17 { width: 100%; }
}
/*--*/
/* UIMRJ Submission Architecture Styles */
.uimrj-sub-module-v1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    line-height: 1.6;
    box-sizing: border-box;
}

.uimrj-sub-header-v1 { margin-bottom: 35px; }

.uimrj-sub-tag-v1 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0f7ff;
    color: #2563eb;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #dbeafe;
    margin-bottom: 18px;
}

.uimrj-sub-pulse {
    width: 8px; height: 8px; background: #2563eb; border-radius: 50%;
    animation: uimrj-pulse-fx 2s infinite;
}

@keyframes uimrj-pulse-fx {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(37, 99, 235, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); }
}

.uimrj-sub-h1-v1 { font-size: 34px; font-weight: 900; color: #0f172a; margin: 0; letter-spacing: -0.02em; }
.uimrj-blue-text { color: #2563eb; }

.uimrj-sub-bar-v1 { width: 50px; height: 5px; background: #2563eb; margin: 20px 0; border-radius: 10px; }

.uimrj-sub-lead-v1 { font-size: 1.15rem; color: #475569; margin: 0; }

/* Grid Layout */
.uimrj-sub-grid-v1 { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }

.uimrj-sub-card-v1 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.uimrj-sub-card-v1:hover {
    border-color: #2563eb;
    transform: translateX(10px);
    box-shadow: 0 10px 25px -10px rgba(37, 99, 235, 0.1);
}

.uimrj-sub-icon { font-size: 1.8rem; min-width: 45px; }

.uimrj-sub-info h3 { font-size: 1.25rem; font-weight: 700; color: #1e293b; margin: 0 0 5px 0; }

.uimrj-sub-info p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* Trust Ribbon */
.uimrj-sub-footer-v1 {
    margin-top: 40px; padding: 20px; background: #f8fafc;
    border-radius: 8px; display: flex; flex-wrap: wrap; gap: 20px;
    border: 1px dashed #cbd5e1;
}

.uimrj-sub-trust-item { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

/* Mobile Support */
@media (max-width: 768px) {
    .uimrj-sub-h1-v1 { font-size: 26px; }
    .uimrj-sub-card-v1 { flex-direction: column; gap: 10px; padding: 20px; }
}
/*--*/
/* UIMRJ Manuscript Prep Styles */
.uimrj-prep-module {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    line-height: 1.6;
    margin-top: 40px;
}

.uimrj-section-wrap { margin-bottom: 50px; }
.uimrj-h2-elite { font-size: 28px; font-weight: 850; color: #0f172a; margin-bottom: 15px; letter-spacing: -0.02em; }
.uimrj-accent-text { color: #2563eb; }
.uimrj-p-elite { font-size: 1.05rem; color: #64748b; margin-bottom: 30px; }

/* Grid for Types */
.uimrj-types-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
}

.uimrj-type-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 24px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.uimrj-type-card:hover {
    border-color: #2563eb;
    box-shadow: 0 10px 25px -10px rgba(0,0,0,0.08);
    transform: translateY(-5px);
}

.uimrj-type-tag {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 800;
    color: #2563eb;
    background: #eff6ff;
    padding: 4px 10px;
    border-radius: 4px;
}

.uimrj-type-card h3 { font-size: 1.15rem; font-weight: 700; margin: 12px 0 8px 0; color: #1e293b; }
.uimrj-type-card p { font-size: 0.9rem; color: #64748b; margin: 0; }

/* Checklist Section */
.uimrj-checklist-wrap {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 35px;
    border-radius: 16px;
}

.uimrj-check-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 30px; }
.uimrj-status-pill {
    background: #10b981;
    color: white;
    font-size: 10px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 20px;
    text-transform: uppercase;
}

.uimrj-check-grid { display: flex; flex-direction: column; gap: 20px; }

.uimrj-check-item { display: flex; gap: 20px; align-items: flex-start; }

.uimrj-icon-box {
    font-size: 1.4rem;
    background: white;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.uimrj-check-info strong { display: block; font-size: 1.05rem; color: #1e293b; margin-bottom: 4px; }
.uimrj-check-info p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* Mobile View */
@media (max-width: 768px) {
    .uimrj-h2-elite { font-size: 22px; }
    .uimrj-check-head { flex-direction: column; gap: 10px; }
    .uimrj-checklist-wrap { padding: 20px; }
}
/*--*/
/* UIMRJ Workflow Master Styles */
.uimrj-workflow-v3 {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    margin-top: 50px;
    position: relative;
}

.uimrj-flow-header { margin-bottom: 40px; }

.uimrj-badge-process {
    display: inline-block;
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #e2e8f0;
    margin-bottom: 15px;
}

.uimrj-h2-process { font-size: 30px; font-weight: 850; color: #0f172a; margin: 0 0 10px 0; letter-spacing: -0.02em; }
.uimrj-blue { color: #2563eb; }
.uimrj-p-process { font-size: 1.1rem; color: #64748b; line-height: 1.6; }

/* Timeline Structure */
.uimrj-timeline {
    position: relative;
    padding-left: 45px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.uimrj-timeline::before {
    content: '';
    position: absolute;
    left: 17px;
    top: 5px;
    bottom: 5px;
    width: 2px;
    background: #e2e8f0;
}

.uimrj-tl-item {
    position: relative;
    transition: 0.3s ease;
}

.uimrj-tl-marker {
    position: absolute;
    left: -45px;
    width: 36px;
    height: 36px;
    background: #ffffff;
    border: 2px solid #2563eb;
    color: #2563eb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    z-index: 2;
    transition: 0.3s ease;
}

.uimrj-tl-content {
    background: #ffffff;
    padding: 20px 25px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    transition: 0.3s ease;
}

.uimrj-tl-item:hover .uimrj-tl-content {
    border-color: #2563eb;
    box-shadow: 0 10px 20px -5px rgba(37, 99, 235, 0.1);
}

.uimrj-tl-item:hover .uimrj-tl-marker {
    background: #2563eb;
    color: #ffffff;
    transform: scale(1.1);
}

.uimrj-tl-content h3 { font-size: 1.2rem; font-weight: 700; color: #1e293b; margin: 0 0 8px 0; }
.uimrj-tl-content p { font-size: 0.95rem; color: #64748b; margin: 0; line-height: 1.6; }

/* Mobile View */
@media (max-width: 768px) {
    .uimrj-h2-process { font-size: 24px; }
    .uimrj-timeline { padding-left: 35px; }
    .uimrj-tl-marker { width: 30px; height: 30px; left: -35px; font-size: 12px; }
    .uimrj-tl-content { padding: 15px; }
}
/*--*/
/* UIMRJ Ethics Module Style - V4 */
.uimrj-ethics-module-v4 {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    margin-top: 50px;
    line-height: 1.7;
}

.uimrj-ethics-header { margin-bottom: 35px; }

.uimrj-ethics-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fdf2f8;
    color: #db2777;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #fce7f3;
    margin-bottom: 18px;
}

.uimrj-h2-ethics { font-size: 32px; font-weight: 900; color: #0f172a; margin: 0; letter-spacing: -0.02em; }
.uimrj-blue-grad { color: #2563eb; }
.uimrj-ethics-divider { width: 50px; height: 5px; background: #2563eb; margin: 20px 0; border-radius: 10px; }
.uimrj-p-ethics { font-size: 1.1rem; color: #475569; }

/* Ethics Grid Architecture */
.uimrj-ethics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.uimrj-ethics-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.uimrj-ethics-card:hover {
    border-color: #db2777; /* Accent change for ethics */
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -10px rgba(219, 39, 119, 0.1);
}

.uimrj-ethics-top { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; }
.uimrj-eth-icon { font-size: 1.5rem; }

.uimrj-ethics-card h3 { font-size: 1.15rem; font-weight: 700; color: #1e293b; margin: 0; }
.uimrj-ethics-card p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* Compliance Ribbon */
.uimrj-ethics-footer {
    margin-top: 40px; padding: 18px; background: #f8fafc;
    border-radius: 8px; display: flex; flex-wrap: wrap; gap: 20px;
    border: 1px dashed #cbd5e1;
}

.uimrj-eth-tag { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

/* Mobile Optimization */
@media (max-width: 768px) {
    .uimrj-h2-ethics { font-size: 26px; }
    .uimrj-ethics-card { padding: 20px; }
}
/*--*/
/* UIMRJ Technical SEO Module - V5 */
.uimrj-tech-seo-v5 {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    margin-top: 50px;
    line-height: 1.7;
    position: relative;
}

.uimrj-tech-header { margin-bottom: 35px; }

.uimrj-tech-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ecfeff;
    color: #0891b2;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #cffafe;
    margin-bottom: 18px;
}

.uimrj-dot-cyan {
    width: 8px; height: 8px; background: #0891b2; border-radius: 50%;
    animation: uimrj-cyan-pulse 2s infinite;
}

@keyframes uimrj-cyan-pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(8, 145, 178, 0.4); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 8px rgba(8, 145, 178, 0); }
    100% { transform: scale(0.95); }
}

.uimrj-h2-tech { font-size: 32px; font-weight: 900; color: #0f172a; margin: 0; letter-spacing: -0.02em; }
.uimrj-blue-grad { color: #2563eb; }
.uimrj-tech-divider { width: 50px; height: 5px; background: #2563eb; margin: 20px 0; border-radius: 10px; }
.uimrj-p-tech { font-size: 1.1rem; color: #475569; }

/* Technical Feature Grid */
.uimrj-tech-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
}

.uimrj-tech-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 25px;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.uimrj-tech-card:hover {
    border-color: #0891b2;
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -10px rgba(8, 145, 178, 0.1);
}

.uimrj-tech-main { display: flex; align-items: center; gap: 15px; margin-bottom: 12px; }
.uimrj-tech-icon { font-size: 1.6rem; }

.uimrj-tech-card h3 { font-size: 1.2rem; font-weight: 700; color: #1e293b; margin: 0; }
.uimrj-tech-card p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* Compliance Footer */
.uimrj-tech-footer {
    margin-top: 40px; padding: 18px; background: #f8fafc;
    border-radius: 8px; display: flex; flex-wrap: wrap; gap: 25px;
    border: 1px solid #f1f5f9;
}

.uimrj-t-tag { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

/* Mobile View Adjustments */
@media (max-width: 768px) {
    .uimrj-h2-tech { font-size: 24px; }
    .uimrj-tech-card { padding: 20px; }
}
/*--*/
/* UIMRJ Identity Panel Master Style - V6 */
.uimrj-id-panel-v6 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
}

.uimrj-id-header { margin-bottom: 22px; }
.uimrj-id-title { font-size: 18px; font-weight: 850; color: #0f172a; margin: 0; letter-spacing: -0.01em; }
.uimrj-id-line { width: 35px; height: 3px; background: #2563eb; margin-top: 8px; border-radius: 2px; }

/* Data Rows */
.uimrj-id-grid { display: flex; flex-direction: column; gap: 14px; margin-bottom: 25px; }

.uimrj-id-item {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f5f9;
}

.uimrj-id-item:last-child { border-bottom: none; }

.uimrj-id-label { 
    font-size: 11px; font-weight: 800; color: #94a3b8; 
    text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 3px; 
}

.uimrj-id-val { font-size: 13px; font-weight: 700; color: #1e293b; line-height: 1.4; }

/* Integrity Badges */
.uimrj-id-integrity {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 25px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 8px;
}

.uimrj-int-pill {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 800;
    color: #475569;
    background: #ffffff;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.uimrj-int-dot { width: 6px; height: 6px; background: #10b981; border-radius: 50%; }

/* Button Action */
.uimrj-btn-contact {
    display: block;
    width: 100%;
    text-align: center;
    background: #0f172a;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    padding: 12px 0;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.uimrj-btn-contact:hover {
    background: #2563eb;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .uimrj-id-panel-v6 { margin-top: 25px; }
}
/*--*/
/* UIMRJ Submission Snapshot Master Styles - V7 */
.uimrj-snapshot-v7 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 28px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.04);
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
    margin-top: 30px;
}

.uimrj-snap-header { margin-bottom: 25px; }

.uimrj-snap-icon {
    width: 36px; height: 36px; background: #f0fdf4; color: #16a34a;
    display: flex; align-items: center; justify-content: center;
    border-radius: 8px; margin-bottom: 12px;
}

.uimrj-snap-icon svg { width: 20px; height: 20px; }

.uimrj-snap-title { font-size: 19px; font-weight: 850; color: #0f172a; margin: 0; letter-spacing: -0.01em; }

.uimrj-snap-bar { width: 40px; height: 4px; background: #16a34a; margin-top: 8px; border-radius: 2px; }

/* Dashboard Rows */
.uimrj-snap-grid { display: flex; flex-direction: column; gap: 18px; margin-bottom: 25px; }

.uimrj-snap-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-snap-row:last-child { border-bottom: none; }

.uimrj-snap-meta { display: flex; flex-direction: column; gap: 2px; }

.uimrj-snap-label { font-size: 10px; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.8px; }

.uimrj-snap-feat { font-size: 13px; font-weight: 700; color: #1e293b; }

.uimrj-snap-val {
    font-size: 11px;
    font-weight: 800;
    padding: 6px 12px;
    border-radius: 6px;
    white-space: nowrap;
}

/* Dynamic Status Colors */
.uimrj-bg-blue { background: #eff6ff; color: #2563eb; }
.uimrj-bg-red { background: #fff1f2; color: #e11d48; }
.uimrj-bg-slate { background: #f8fafc; color: #475569; }
.uimrj-bg-green { background: #f0fdf4; color: #16a34a; }

/* Sync Footer */
.uimrj-snap-footer { background: #f8fafc; padding: 15px; border-radius: 10px; border: 1px solid #f1f5f9; }

.uimrj-sync-badge {
    display: flex; align-items: center; gap: 8px;
    font-size: 10px; font-weight: 800; color: #475569;
    text-transform: uppercase; margin-bottom: 6px;
}

.uimrj-sync-pulse {
    width: 6px; height: 6px; background: #10b981; border-radius: 50%;
    animation: uimrj-sync-fx 1.5s infinite;
}

@keyframes uimrj-sync-fx {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.9); }
}

.uimrj-sync-text { font-size: 9px; color: #94a3b8; margin: 0; font-weight: 500; line-height: 1.4; }

/* Mobile Support */
@media (max-width: 768px) {
    .uimrj-snapshot-v7 { padding: 20px; }
}
/*--*/
/* UIMRJ Trust Vault Style - V8 */
.uimrj-trust-vault-v8 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 28px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
    margin-top: 30px;
}

.uimrj-vault-header { margin-bottom: 25px; display: flex; flex-direction: column; align-items: flex-start; }

.uimrj-vault-icon {
    width: 38px; height: 38px; background: #eff6ff; color: #2563eb;
    display: flex; align-items: center; justify-content: center;
    border-radius: 10px; margin-bottom: 12px;
}

.uimrj-vault-icon svg { width: 20px; height: 20px; }

.uimrj-vault-title { font-size: 19px; font-weight: 850; color: #0f172a; margin: 0; letter-spacing: -0.01em; }

.uimrj-vault-bar { width: 40px; height: 4px; background: #2563eb; margin-top: 8px; border-radius: 2px; }

/* Compliance List */
.uimrj-vault-list { display: flex; flex-direction: column; gap: 18px; margin-bottom: 30px; }

.uimrj-vault-item { display: flex; align-items: flex-start; gap: 15px; }

.uimrj-v-indicator {
    width: 4px; height: 35px; background: #e2e8f0; border-radius: 4px;
    transition: all 0.3s ease; flex-shrink: 0;
}

.uimrj-vault-item:hover .uimrj-v-indicator { background: #2563eb; box-shadow: 0 0 10px rgba(37, 99, 235, 0.4); }

.uimrj-v-text { display: flex; flex-direction: column; gap: 2px; }

.uimrj-v-label { font-size: 10px; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.8px; }

.uimrj-v-val { font-size: 13px; font-weight: 700; color: #1e293b; line-height: 1.4; }

/* Footer Certificate */
.uimrj-vault-footer {
    background: #f8fafc; padding: 18px; border-radius: 12px;
    border: 1px solid #f1f5f9; text-align: left;
}

.uimrj-cert-badge {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11px; font-weight: 800; color: #16a34a;
    text-transform: uppercase; margin-bottom: 8px;
}

.uimrj-cert-note { font-size: 9px; line-height: 1.5; color: #94a3b8; margin: 0; font-weight: 500; }

/* Interactive Hover */
.uimrj-trust-vault-v8:hover {
    border-color: #2563eb;
    transform: translateY(-5px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .uimrj-trust-vault-v8 { padding: 20px; }
}
/*--*/
/* UIMRJ Official Support Master Style - V16 */
.uimrj-support-sidebar-v16 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 30px 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.04);
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
    margin-top: 30px;
}

.uimrj-as-header { margin-bottom: 25px; }

.uimrj-as-icon {
    width: 38px; height: 38px; background: #fff7ed; color: #ea580c;
    display: flex; align-items: center; justify-content: center;
    border-radius: 10px; margin-bottom: 12px;
}

.uimrj-as-icon svg { width: 22px; height: 22px; }

.uimrj-as-title { font-size: 19px; font-weight: 850; color: #0f172a; margin: 0; letter-spacing: -0.01em; }

.uimrj-as-bar { width: 35px; height: 3px; background: #ea580c; margin-top: 8px; border-radius: 2px; }

/* Contact List Architecture */
.uimrj-as-list { display: flex; flex-direction: column; gap: 18px; margin-bottom: 30px; }

.uimrj-as-item { border-bottom: 1px solid #f1f5f9; padding-bottom: 12px; }
.uimrj-as-item:last-child { border-bottom: none; }

.uimrj-as-label { 
    font-size: 10px; font-weight: 800; color: #94a3b8; 
    text-transform: uppercase; letter-spacing: 1px; margin-bottom: 3px; display: block;
}

.uimrj-as-val { font-size: 13.5px; font-weight: 700; color: #1e293b; line-height: 1.4; margin: 0; }
.uimrj-as-val a { color: #2563eb; text-decoration: none; }
.uimrj-as-val a:hover { text-decoration: underline; }

/* Positioning Statement Box */
.uimrj-impact-footer-v16 {
    background: #0f172a;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
}

.uimrj-impact-text { font-size: 11px; line-height: 1.6; color: #cbd5e1; margin: 0; font-weight: 400; }
.uimrj-impact-text strong { color: #ffffff; font-weight: 700; }

/* Institutional Verification */
.uimrj-as-verify {
    display: flex; align-items: center; gap: 8px;
    font-size: 10px; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.5px;
    justify-content: center;
    border-top: 1px dashed #cbd5e1;
    padding-top: 15px;
}

.uimrj-as-dot { width: 6px; height: 6px; background: #10b981; border-radius: 50%; }

/* Hover FX */
.uimrj-support-sidebar-v16:hover { border-color: #ea580c; transform: translateY(-5px); transition: 0.4s ease; }

@media (max-width: 768px) {
    .uimrj-support-sidebar-v16 { padding: 20px; }
}
/*--*/

/*-Submit Manuscript end-*/

/*-Online Submission Form start-*/
/*--*/
/* UIMRJ Gateway Master Styles - V18 */
.uimrj-gateway-container {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    line-height: 1.7;
    margin-bottom: 40px;
    text-align: left !important;
}

.uimrj-gateway-header { margin-bottom: 35px; }

.uimrj-live-indicator {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0fdf4;
    color: #16a34a;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #dcfce7;
    margin-bottom: 15px;
}

.uimrj-pulse-green {
    width: 8px; height: 8px; background: #16a34a; border-radius: 50%;
    animation: uimrj-glow-green 2s infinite;
}

@keyframes uimrj-glow-green {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.5); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(22, 163, 74, 0); }
    100% { transform: scale(0.95); }
}

.uimrj-gateway-h1 { font-size: 34px; font-weight: 900; color: #0f172a; margin: 0; letter-spacing: -0.02em; }
.uimrj-grad-text { color: #2563eb; }
.uimrj-gateway-bar { width: 50px; height: 5px; background: #2563eb; margin: 20px 0; border-radius: 10px; }
.uimrj-gateway-intro { font-size: 1.1rem; color: #475569; }

/* Grid for Instructions */
.uimrj-instruction-grid { display: flex; flex-direction: column; gap: 15px; margin: 35px 0; }

.uimrj-ins-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 22px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.uimrj-ins-card:hover {
    border-color: #2563eb;
    transform: translateX(8px);
    box-shadow: 0 10px 25px -10px rgba(37, 99, 235, 0.1);
}

.uimrj-ins-icon { font-size: 1.6rem; min-width: 40px; }
.uimrj-ins-body h3 { font-size: 1.15rem; font-weight: 700; color: #1e293b; margin: 0 0 6px 0; }
.uimrj-ins-body p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* Gateway Footer Tags */
.uimrj-gateway-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px dashed #cbd5e1;
}

.uimrj-tag { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .uimrj-gateway-h1 { font-size: 26px; }
    .uimrj-ins-card { flex-direction: column; gap: 10px; padding: 20px; }
}

/*--*/
/* UIMRJ Submission Banner Master Style - V21 */
.uimrj-submission-banner-v21 {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); /* Deep Academic Blue */
    padding: 35px 40px;
    border-radius: 16px 16px 0 0; /* Rounded top for form integration */
    color: #ffffff;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    box-shadow: 0 4px 20px rgba(30, 58, 138, 0.15);
    margin-bottom: -5px; /* Smooth transition to form */
}

.uimrj-banner-inner {
    display: flex;
    align-items: center;
    gap: 30px;
}

.uimrj-banner-icon-box {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.uimrj-banner-icon-box svg {
    width: 28px;
    height: 28px;
    color: #ffffff;
}

.uimrj-banner-content { text-align: left; }

.uimrj-banner-h2 {
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 8px 0;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.uimrj-banner-p {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 15px 0;
    line-height: 1.5;
}

.uimrj-banner-mail {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
    transition: opacity 0.2s;
}

.uimrj-banner-mail:hover { opacity: 0.8; }

/* Micro-Trust Tags in Banner */
.uimrj-banner-meta {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.uimrj-banner-meta span {
    font-size: 11px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1);
    padding: 4px 12px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-submission-banner-v21 { padding: 25px 20px; text-align: center; }
    .uimrj-banner-inner { flex-direction: column; gap: 15px; }
    .uimrj-banner-content { text-align: center; }
    .uimrj-banner-h2 { font-size: 22px; }
    .uimrj-banner-meta { justify-content: center; gap: 8px; }
}
/*--*/
/* UIMRJ Header Master Styles - V20 */
.uimrj-form-header-v20 {
    margin-bottom: 40px;
    text-align: left !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.uimrj-header-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0f9ff;
    color: #0369a1;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #e0f2fe;
    margin-bottom: 20px;
}

.uimrj-pulse-dot {
    width: 8px; height: 8px; background: #0ea5e9; border-radius: 50%;
    animation: uimrj-glow-blue 2s infinite;
}

@keyframes uimrj-glow-blue {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.5); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(14, 165, 233, 0); }
    100% { transform: scale(0.95); }
}

.uimrj-h1-elite {
    font-size: 36px;
    font-weight: 900;
    color: #0f172a;
    margin: 0;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.uimrj-blue-grad { color: #2563eb; }

.uimrj-h-bar {
    width: 60px; height: 5px; background: #2563eb; 
    margin: 20px 0; border-radius: 10px;
}

.uimrj-header-desc {
    font-size: 1.15rem;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 25px;
    max-width: 90%;
}

/* Stat Pills */
.uimrj-header-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.uimrj-stat-pill {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-h1-elite { font-size: 28px; }
    .uimrj-header-desc { font-size: 1rem; width: 100%; }
}
/*--*/
/* UIMRJ Elite Form Styles - V19 */
.uimrj-submission-form-v19 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 35px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    max-width: 100%;
}

.uimrj-form-section {
    border: none;
    margin-bottom: 30px;
    padding: 0;
}

.uimrj-form-section legend {
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.uimrj-form-icon { font-size: 1.3rem; }

.uimrj-input-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}

.uimrj-full-width { margin-bottom: 15px; }

.uimrj-submission-form-v19 input[type="text"],
.uimrj-submission-form-v19 input[type="email"],
.uimrj-submission-form-v19 input[type="tel"],
.uimrj-submission-form-v19 textarea {
    width: 100%;
    padding: 14px 18px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.95rem;
    color: #1e293b;
    transition: all 0.3s ease;
    background: #f8fafc;
    box-sizing: border-box;
}

.uimrj-submission-form-v19 input:focus, 
.uimrj-submission-form-v19 textarea:focus {
    outline: none;
    border-color: #2563eb;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
}

/* Custom Upload Box */
.uimrj-upload-box {
    position: relative;
    border: 2px dashed #cbd5e1;
    border-radius: 12px;
    background: #f1f5f9;
    transition: 0.3s;
    text-align: center;
}

.uimrj-upload-box:hover { border-color: #2563eb; background: #eff6ff; }

.uimrj-upload-box input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.uimrj-upload-ui { padding: 40px 20px; }
.uimrj-cloud-icon { font-size: 2.5rem; display: block; margin-bottom: 10px; }
.uimrj-upload-ui p { font-size: 0.85rem; color: #64748b; margin-top: 5px; }

/* Checklist Styling */
.uimrj-checklist-box {
    background: #fffbeb;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #fef3c7;
    margin-bottom: 30px;
}

.uimrj-checklist-box h4 { margin: 0 0 15px 0; font-size: 0.95rem; color: #92400e; text-transform: uppercase; }

.uimrj-check-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 0.9rem;
    color: #475569;
}

.uimrj-check-container input { position: absolute; opacity: 0; }

.uimrj-checkmark {
    position: absolute;
    top: 0; left: 0;
    height: 20px; width: 20px;
    background-color: #ffffff;
    border: 2px solid #d1d5db;
    border-radius: 4px;
}

.uimrj-check-container:hover input ~ .uimrj-checkmark { border-color: #2563eb; }
.uimrj-check-container input:checked ~ .uimrj-checkmark { background-color: #2563eb; border-color: #2563eb; }

/* Submit Button */
.uimrj-btn-submit {
    width: 100%;
    background: #16a34a;
    color: white;
    padding: 16px;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.uimrj-btn-submit:hover { background: #15803d; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(22, 163, 74, 0.2); }

/* Responsive */
@media (max-width: 768px) {
    .uimrj-input-group { grid-template-columns: 1fr; }
    .uimrj-submission-form-v19 { padding: 20px; }
}
/*--*/
/* UIMRJ Tech Sidebar Styles - V25 */
.uimrj-tech-sidebar-v25 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
    width: 100%;
    box-sizing: border-box;
}

.uimrj-side-head-v25 { margin-bottom: 25px; }

.uimrj-side-icon-v25 {
    width: 38px; height: 38px; background: #eff6ff; color: #2563eb;
    display: flex; align-items: center; justify-content: center;
    border-radius: 10px; margin-bottom: 12px;
}

.uimrj-side-icon-v25 svg { width: 22px; height: 22px; }

.uimrj-side-title-v25 { font-size: 19px; font-weight: 850; color: #0f172a; margin: 0; letter-spacing: -0.01em; }

.uimrj-side-bar-v25 { width: 35px; height: 4px; background: #2563eb; margin-top: 10px; border-radius: 2px; }

/* Feature List Styling */
.uimrj-side-list-v25 { display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px; }

.uimrj-side-item-v25 { border-left: 2px solid #f1f5f9; padding-left: 15px; transition: 0.3s; }

.uimrj-side-item-v25:hover { border-left-color: #2563eb; transform: translateX(5px); }

.uimrj-side-tag {
    font-size: 10px; font-weight: 800; color: #2563eb;
    background: #f0f7ff; padding: 2px 8px; border-radius: 4px;
    text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; margin-bottom: 8px;
}

.uimrj-side-item-v25 p { font-size: 12px; line-height: 1.6; color: #64748b; margin: 0; }

/* Pulse Indicator */
.uimrj-side-status-v25 {
    background: #f8fafc; padding: 12px; border-radius: 8px;
    display: flex; align-items: center; gap: 10px;
    font-size: 10px; font-weight: 700; color: #475569;
    text-transform: uppercase; border: 1px solid #f1f5f9; margin-bottom: 15px;
}

.uimrj-status-pulse-v25 {
    width: 6px; height: 6px; background: #10b981; border-radius: 50%;
    animation: uimrj-pulse-fx 2s infinite;
}

@keyframes uimrj-pulse-fx {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.9); }
}

.uimrj-side-help-v25 { border-top: 1px dashed #cbd5e1; padding-top: 15px; }
.uimrj-side-help-v25 p { font-size: 11px; color: #94a3b8; line-height: 1.5; margin: 0; }
/*--*/
/* UIMRJ Trust Sidebar Master Styles - V22 */
.uimrj-trust-sidebar-v22 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 28px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.05);
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
}

.uimrj-sidebar-head-v22 { margin-bottom: 25px; }

.uimrj-sidebar-icon {
    width: 40px; height: 40px; background: #eff6ff; color: #2563eb;
    display: flex; align-items: center; justify-content: center;
    border-radius: 10px; margin-bottom: 12px;
}

.uimrj-sidebar-icon svg { width: 22px; height: 22px; }

.uimrj-sidebar-title { font-size: 18px; font-weight: 850; color: #0f172a; margin: 0; letter-spacing: -0.01em; line-height: 1.3; }

.uimrj-sidebar-bar { width: 35px; height: 4px; background: #2563eb; margin-top: 10px; border-radius: 2px; }

/* Excellence List */
.uimrj-excellence-list { display: flex; flex-direction: column; gap: 22px; margin-bottom: 25px; }

.uimrj-ex-item { border-left: 2px solid #f1f5f9; padding-left: 15px; transition: 0.3s ease; }

.uimrj-ex-item:hover { border-left-color: #2563eb; transform: translateX(5px); }

.uimrj-ex-status-pill {
    display: inline-block;
    font-size: 10px;
    font-weight: 800;
    color: #2563eb;
    background: #f0f7ff;
    padding: 3px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.uimrj-ex-item p { font-size: 12px; line-height: 1.6; color: #64748b; margin: 0; }

/* Sync Indicator */
.uimrj-live-sync-v22 {
    background: #f8fafc;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    border: 1px solid #f1f5f9;
    margin-bottom: 20px;
}

.uimrj-sync-dot {
    width: 7px; height: 7px; background: #10b981; border-radius: 50%;
    animation: uimrj-sync-pulse 2s infinite;
}

@keyframes uimrj-sync-pulse {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.9); }
}

/* Sidebar Footer */
.uimrj-sidebar-footer { border-top: 1px dashed #cbd5e1; padding-top: 15px; }
.uimrj-sidebar-footer p { font-size: 10px; color: #94a3b8; line-height: 1.5; margin: 0; }

/* Mobile View Adjust */
@media (max-width: 768px) {
    .uimrj-trust-sidebar-v22 { margin-top: 25px; }
}
/*--*/
/* UIMRJ Integrity Sidebar Master Styles - V23 */
.uimrj-integrity-card-v23 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 30px 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
    margin-top: 30px;
}

.uimrj-eth-header-v23 { margin-bottom: 25px; }

.uimrj-eth-icon-box {
    width: 40px; height: 40px; background: #fdf2f8; color: #db2777;
    display: flex; align-items: center; justify-content: center;
    border-radius: 10px; margin-bottom: 12px;
}

.uimrj-eth-icon-box svg { width: 22px; height: 22px; }

.uimrj-eth-title { font-size: 19px; font-weight: 850; color: #0f172a; margin: 0; letter-spacing: -0.01em; }

.uimrj-eth-bar { width: 40px; height: 4px; background: #db2777; margin-top: 10px; border-radius: 2px; }

/* Item Stack */
.uimrj-eth-stack { display: flex; flex-direction: column; gap: 24px; margin-bottom: 30px; }

.uimrj-eth-item { position: relative; padding-left: 0; }

.uimrj-eth-top { display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px; }

.uimrj-eth-tag-v23 {
    font-size: 9px;
    font-weight: 800;
    color: #db2777;
    background: #fdf2f8;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: fit-content;
}

.uimrj-eth-h3 { font-size: 14px; font-weight: 700; color: #1e293b; margin: 0; }

.uimrj-eth-p { font-size: 12px; line-height: 1.6; color: #64748b; margin: 0; }

/* Integrity Status Pulse */
.uimrj-eth-status {
    background: #f8fafc;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    border: 1px solid #f1f5f9;
}

.uimrj-status-pulse {
    width: 7px; height: 7px; background: #db2777; border-radius: 50%;
    animation: uimrj-eth-glow 2s infinite;
}

@keyframes uimrj-eth-glow {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(219, 39, 119, 0.4); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 8px rgba(219, 39, 119, 0); }
    100% { transform: scale(0.9); }
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .uimrj-integrity-card-v23 { padding: 20px; }
}
/*--*/
/* UIMRJ Support Sidebar Master Styles - V24 */
.uimrj-support-card-v24 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 30px 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1e293b;
    box-shadow: 0 12px 35px -10px rgba(15, 23, 42, 0.06);
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
    margin-top: 30px;
}

.uimrj-sup-header-v24 { margin-bottom: 25px; }

.uimrj-sup-icon-box {
    width: 40px; height: 40px; background: #fef3c7; color: #d97706;
    display: flex; align-items: center; justify-content: center;
    border-radius: 10px; margin-bottom: 12px;
}

.uimrj-sup-icon-box svg { width: 22px; height: 22px; }

.uimrj-sup-title { font-size: 19px; font-weight: 850; color: #0f172a; margin: 0; letter-spacing: -0.01em; }

.uimrj-sup-bar { width: 35px; height: 4px; background: #d97706; margin-top: 10px; border-radius: 2px; }

/* Contact List */
.uimrj-sup-list { display: flex; flex-direction: column; gap: 18px; margin-bottom: 25px; }

.uimrj-sup-item { border-bottom: 1px solid #f1f5f9; padding-bottom: 12px; }
.uimrj-sup-item:last-child { border-bottom: none; }

.uimrj-sup-label { 
    font-size: 10px; font-weight: 800; color: #94a3b8; 
    text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 4px; display: block;
}

.uimrj-sup-val { font-size: 13.5px; font-weight: 700; color: #1e293b; line-height: 1.4; margin: 0; }
.uimrj-sup-val a { color: #2563eb; text-decoration: none; }
.uimrj-sup-val a:hover { text-decoration: underline; }

/* Positioning Impact Statement */
.uimrj-positioning-box-v24 {
    background: #0f172a;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.uimrj-pos-text { font-size: 11px; line-height: 1.6; color: #cbd5e1; margin: 0; }
.uimrj-pos-text strong { color: #ffffff; font-weight: 700; }

/* Verification Badge */
.uimrj-sup-verify {
    display: flex; align-items: center; gap: 8px;
    font-size: 10px; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.5px;
    justify-content: center;
    border-top: 1px dashed #cbd5e1;
    padding-top: 15px;
}

.uimrj-verify-dot { 
    width: 6px; height: 6px; background: #10b981; border-radius: 50%; 
    animation: uimrj-verify-glow 2s infinite;
}

@keyframes uimrj-verify-glow {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.9); }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-support-card-v24 { padding: 20px; }
}
/*--*/

/*-Online Submission Form End-*/
 
/*-Article Types Start-*/
/*--*/
/* UIMRJ Unique Dashboard Style - Pure Professionalism */
.uimrj-hero-dashboard {
    display: flex;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(26, 74, 114, 0.05);
    position: relative;
    font-family: 'Inter', sans-serif;
}

.uimrj-accent-column {
    width: 12px;
    background: linear-gradient(to bottom, #1a4a72, #007bff, #00d2ff);
    flex-shrink: 0;
}

.uimrj-hero-content {
    padding: 40px 45px;
    width: 100%;
}

.uimrj-top-meta {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.uimrj-estd-tag, .uimrj-type-tag {
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 4px 10px;
    border-radius: 6px;
}

.uimrj-estd-tag { background: #1a4a72; color: #fff; }
.uimrj-type-tag { background: #f0f7ff; color: #1a4a72; border: 1px solid #d0e6ff; }

.uimrj-hero-title {
    font-size: 2.4rem;
    font-weight: 900;
    color: #1a4a72;
    margin-bottom: 20px;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.uimrj-hero-lead {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 35px;
    max-width: 95%;
}

/* Badge Dashboard Styling */
.uimrj-badge-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.uimrj-stat-pill {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 10px 20px;
    border-radius: 14px;
    transition: all 0.3s ease;
    cursor: default;
}

.uimrj-stat-pill:hover {
    transform: translateY(-3px);
    border-color: #1a4a72;
    box-shadow: 0 5px 15px rgba(26, 74, 114, 0.08);
}

.uimrj-stat-pill i {
    font-size: 1.1rem;
    color: #1a4a72;
}

.uimrj-stat-pill span {
    font-size: 0.85rem;
    font-weight: 700;
    color: #334155;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .uimrj-hero-content { padding: 30px 25px; }
    .uimrj-hero-title { font-size: 1.8rem; }
    .uimrj-hero-lead { font-size: 1.05rem; }
}
/*--*/

/* UIMRJ Original Research Premium Styles */
.uimrj-premium-card-wrapper {
    margin: 20px 0;
    font-family: 'Inter', -apple-system, sans-serif;
}

.uimrj-scholarly-card {
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid #e5e9f0;
    position: relative;
    overflow: hidden;
    padding: 40px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 10px 30px rgba(26, 74, 114, 0.04);
}

.uimrj-scholarly-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 50px rgba(26, 74, 114, 0.1);
    border-color: #1a4a72;
}

.uimrj-accent-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #1a4a72, #007bff, #00d2ff);
}

.uimrj-card-layout {
    display: flex;
    gap: 35px;
    align-items: flex-start;
}

/* Icon Styles */
.uimrj-icon-box {
    flex-shrink: 0;
    text-align: center;
}

.uimrj-icon-box i {
    font-size: 2.8rem;
    color: #1a4a72;
    background: #f0f7ff;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin-bottom: 12px;
}

.uimrj-type-label {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #007bff;
    letter-spacing: 1px;
}

/* Title & Text */
.uimrj-article-title {
    font-size: 1.8rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0 0 8px 0;
    letter-spacing: -0.02em;
}

.uimrj-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e6fffa;
    color: #047481;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.uimrj-purpose-text {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #4a5568;
    margin-bottom: 30px;
}

/* Specs Grid */
.uimrj-specs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.uimrj-spec-item {
    display: flex;
    gap: 12px;
    background: #f8fafc;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #edf2f7;
}

.uimrj-spec-item i {
    color: #1a4a72;
    font-size: 1.2rem;
    margin-top: 3px;
}

.spec-detail strong {
    display: block;
    font-size: 0.85rem;
    text-transform: uppercase;
    color: #718096;
    letter-spacing: 0.5px;
}

.spec-detail span {
    font-size: 0.95rem;
    color: #2d3748;
    font-weight: 600;
}

/* Footer Signals */
.uimrj-card-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding-top: 20px;
    border-top: 1px dashed #e2e8f0;
}

.compliance-tag {
    font-size: 0.85rem;
    font-weight: 500;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .uimrj-card-layout { flex-direction: column; align-items: center; text-align: center; }
    .uimrj-icon-box { margin-bottom: 20px; }
    .uimrj-specs-grid { grid-template-columns: 1fr; text-align: left; }
    .uimrj-card-footer { justify-content: center; }
    .uimrj-scholarly-card { padding: 30px 20px; }
}

/*--*/
/* UIMRJ Review Article Unique Professional Styling */
.uimrj-review-card-container {
    margin: 25px 0;
    font-family: 'Inter', -apple-system, sans-serif;
}

.uimrj-glass-premium-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    position: relative;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.uimrj-glass-premium-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(26, 74, 114, 0.1);
    border-color: #007bff;
}

.uimrj-side-indicator {
    width: 8px;
    background: linear-gradient(to bottom, #1a4a72, #007bff);
    flex-shrink: 0;
}

.uimrj-main-wrapper {
    padding: 35px;
    width: 100%;
}

.uimrj-card-head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.uimrj-icon-frame {
    width: 65px;
    height: 65px;
    background: #f0f7ff;
    color: #1a4a72;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    box-shadow: inset 0 0 10px rgba(0, 123, 255, 0.1);
}

.uimrj-entry-heading {
    font-size: 1.6rem;
    color: #1a4a72;
    font-weight: 800;
    margin: 0;
}

.uimrj-sub-tag {
    font-size: 0.85rem;
    color: #007bff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-text-content {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #4a5568;
    margin-bottom: 30px;
}

/* Requirement Matrix Styling */
.uimrj-requirement-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    background: #f8fafc;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #edf2f7;
}

.uimrj-req-box {
    display: flex;
    align-items: center;
    gap: 15px;
}

.uimrj-req-box i {
    font-size: 1.3rem;
    color: #1a4a72;
}

.uimrj-req-info strong {
    display: block;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #718096;
}

.uimrj-req-info span {
    font-size: 0.95rem;
    font-weight: 600;
    color: #2d3748;
}

.uimrj-card-foot {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px dashed #e2e8f0;
}

.uimrj-trust-signals {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.uimrj-signal {
    font-size: 0.85rem;
    color: #10b981;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .uimrj-main-wrapper { padding: 25px; }
    .uimrj-card-head { flex-direction: column; align-items: flex-start; gap: 15px; }
    .uimrj-entry-heading { font-size: 1.4rem; }
}
/*--*/
/* UIMRJ Case Study Unique Styling - Pure & Professional */
.uimrj-case-study-wrapper {
    margin: 25px 0;
    font-family: 'Inter', -apple-system, sans-serif;
}

.uimrj-premium-card-glass {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease-in-out;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

.uimrj-premium-card-glass:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.1);
    border-color: #1a4a72;
}

.uimrj-border-accent {
    width: 6px;
    background: linear-gradient(to bottom, #1a4a72, #007bff);
    flex-shrink: 0;
}

.uimrj-card-layout-main {
    padding: 35px;
    width: 100%;
}

.uimrj-card-header-flex {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.uimrj-icon-box-modern {
    width: 60px;
    height: 60px;
    background: #f0f7ff;
    color: #1a4a72;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
}

.uimrj-card-main-title {
    font-size: 1.6rem;
    color: #1a4a72;
    font-weight: 800;
    margin: 0;
}

.uimrj-label-badge {
    font-size: 0.8rem;
    color: #007bff;
    font-weight: 700;
    text-transform: uppercase;
    background: rgba(0, 123, 255, 0.08);
    padding: 2px 10px;
    border-radius: 50px;
}

.uimrj-analytical-text {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #4a5568;
    margin-bottom: 30px;
}

/* Data Matrix Styling */
.uimrj-specs-matrix {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    background: #f8fafc;
    padding: 20px;
    border-radius: 15px;
}

.uimrj-spec-tile {
    display: flex;
    align-items: center;
    gap: 12px;
}

.uimrj-spec-tile i {
    color: #1a4a72;
    font-size: 1.2rem;
}

.uimrj-spec-data strong {
    display: block;
    font-size: 0.75rem;
    color: #718096;
    text-transform: uppercase;
}

.uimrj-spec-data span {
    font-size: 0.95rem;
    font-weight: 600;
    color: #2d3748;
}

.uimrj-card-footer-flex {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #e2e8f0;
}

.uimrj-trust-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.uimrj-tag-item {
    font-size: 0.85rem;
    color: #10b981;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-card-header-flex { flex-direction: column; align-items: flex-start; }
    .uimrj-card-main-title { font-size: 1.4rem; }
    .uimrj-specs-matrix { grid-template-columns: 1fr; }
}
/*--*/
/* UIMRJ Short Communications Unique Styling */
.uimrj-fast-track-card {
    margin: 30px 0;
    font-family: 'Inter', -apple-system, sans-serif;
}

.uimrj-premium-glass-wrapper {
    background: #ffffff;
    border: 1px solid #e1e7ef;
    border-radius: 24px;
    display: flex;
    overflow: hidden;
    position: relative;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.uimrj-premium-glass-wrapper:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #007bff;
}

.uimrj-gradient-strip {
    width: 8px;
    background: linear-gradient(to bottom, #1a4a72, #007bff, #00d2ff);
    flex-shrink: 0;
}

.uimrj-inner-layout {
    padding: 35px;
    width: 100%;
}

.uimrj-header-flexbox {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.uimrj-icon-sphere {
    width: 65px;
    height: 65px;
    background: #f0f7ff;
    color: #1a4a72;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    border: 1px solid #d0e6ff;
}

.uimrj-main-title {
    font-size: 1.6rem;
    color: #1a4a72;
    font-weight: 800;
    margin: 0;
}

.uimrj-priority-tag {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #007bff;
    text-transform: uppercase;
    margin-top: 5px;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    background-color: #007bff;
    border-radius: 50%;
    animation: uimrj-pulse 1.5s infinite;
}

@keyframes uimrj-pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 123, 255, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 123, 255, 0); }
}

.uimrj-summary-text {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #4a5568;
    margin-bottom: 30px;
}

/* Specs Matrix */
.uimrj-specs-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.uimrj-spec-card {
    background: #f8fafc;
    padding: 15px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #f1f5f9;
}

.uimrj-spec-card i {
    color: #1a4a72;
    font-size: 1.2rem;
}

.uimrj-spec-label strong {
    display: block;
    font-size: 0.8rem;
    color: #718096;
    text-transform: uppercase;
}

.uimrj-spec-label span {
    font-size: 0.95rem;
    font-weight: 600;
    color: #2d3748;
}

.uimrj-footer-signals {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #e2e8f0;
}

.uimrj-trust-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.uimrj-trust-item {
    font-size: 0.85rem;
    color: #10b981;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Mobile Optimizations */
@media (max-width: 768px) {
    .uimrj-header-flexbox { flex-direction: column; align-items: flex-start; }
    .uimrj-main-title { font-size: 1.35rem; }
    .uimrj-inner-layout { padding: 25px; }
}
/*--*/
/* UIMRJ Conceptual Paper Premium CSS - World Class Standard */
.uimrj-intellectual-card {
    margin: 30px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

.uimrj-premium-glass-shell {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    display: flex;
    overflow: hidden;
    position: relative;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

.uimrj-premium-glass-shell:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(26, 74, 114, 0.1);
    border-color: #1a4a72;
}

.uimrj-design-edge {
    width: 8px;
    background: linear-gradient(to bottom, #1a4a72, #007bff);
    flex-shrink: 0;
}

.uimrj-card-inner-box {
    padding: 35px;
    width: 100%;
}

.uimrj-flex-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.uimrj-geometric-icon {
    width: 65px;
    height: 65px;
    background: #f0f7ff;
    color: #1a4a72;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    box-shadow: inset 0 0 10px rgba(0, 123, 255, 0.1);
}

.uimrj-primary-title {
    font-size: 1.6rem;
    color: #1a4a72;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.02em;
}

.uimrj-academic-tag {
    font-size: 0.8rem;
    font-weight: 700;
    color: #007bff;
    text-transform: uppercase;
    background: rgba(0, 123, 255, 0.08);
    padding: 2px 12px;
    border-radius: 50px;
    margin-top: 6px;
    display: inline-block;
}

.uimrj-description-para {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #4a5568;
    margin-bottom: 30px;
}

/* Spec Matrix Grid */
.uimrj-spec-matrix {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    background: #f8fafc;
    padding: 22px;
    border-radius: 18px;
    border: 1px solid #edf2f7;
}

.uimrj-spec-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.uimrj-icon-sm {
    color: #1a4a72;
    font-size: 1.2rem;
    opacity: 0.8;
}

.uimrj-data strong {
    display: block;
    font-size: 0.75rem;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-data span {
    font-size: 0.95rem;
    font-weight: 600;
    color: #2d3748;
}

.uimrj-footer-row {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #e2e8f0;
}

.uimrj-trust-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.uimrj-check {
    font-size: 0.85rem;
    color: #10b981; /* Success Green */
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Responsive Behavior */
@media (max-width: 768px) {
    .uimrj-card-inner-box { padding: 25px; }
    .uimrj-flex-header { flex-direction: column; align-items: flex-start; gap: 15px; }
    .uimrj-primary-title { font-size: 1.4rem; }
    .uimrj-spec-matrix { grid-template-columns: 1fr; gap: 15px; }
}
/*--*/
/* UIMRJ Expert Opinion Card Styles - World Class Standard */
.uimrj-expert-opinion-card {
    margin: 25px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

.uimrj-premium-container {
    background: #ffffff;
    border: 1px solid #e5eaf0;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    position: relative;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
}

.uimrj-premium-container:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

.uimrj-accent-bar {
    width: 8px;
    background: linear-gradient(to bottom, #1a4a72, #007bff);
    flex-shrink: 0;
}

.uimrj-content-wrapper {
    padding: 35px;
    width: 100%;
}

.uimrj-flex-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.uimrj-icon-box-alt {
    width: 60px;
    height: 60px;
    background: #f0f7ff;
    color: #1a4a72;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    box-shadow: inset 0 0 10px rgba(0, 123, 255, 0.05);
}

.uimrj-category-title {
    font-size: 1.6rem;
    color: #1a4a72;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.02em;
}

.uimrj-specialty-badge {
    font-size: 0.75rem;
    font-weight: 700;
    color: #007bff;
    text-transform: uppercase;
    background: rgba(0, 123, 255, 0.06);
    padding: 2px 12px;
    border-radius: 50px;
    margin-top: 5px;
    display: inline-block;
}

.uimrj-context-para {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #4a5568;
    margin-bottom: 30px;
}

/* Metadata Grid Matrix */
.uimrj-specs-grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    background: #f8fafc;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #edf2f7;
}

.uimrj-grid-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.uimrj-grid-item i {
    color: #1a4a72;
    font-size: 1.1rem;
    opacity: 0.8;
}

.uimrj-item-info strong {
    display: block;
    font-size: 0.75rem;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-item-info span {
    font-size: 0.92rem;
    font-weight: 600;
    color: #2d3748;
}

.uimrj-footer-signals {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #e2e8f0;
}

.uimrj-compliance-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.uimrj-trust-tag {
    font-size: 0.82rem;
    color: #10b981;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-content-wrapper { padding: 25px; }
    .uimrj-flex-header { flex-direction: column; align-items: flex-start; gap: 15px; }
    .uimrj-category-title { font-size: 1.4rem; }
}
/*--*/
/* UIMRJ Final Trust Seal Styling */
.uimrj-final-trust-seal {
    margin-top: 50px;
    background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
    border: 1px solid #d1fae5;
    border-radius: 20px;
    padding: 30px;
    position: relative;
    overflow: hidden;
}

.uimrj-seal-container {
    display: flex;
    align-items: center;
    gap: 25px;
    position: relative;
    z-index: 2;
}

.uimrj-safety-icon {
    font-size: 2.5rem;
    color: #059669; /* Trust Green */
    background: #ffffff;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 10px 20px rgba(16, 185, 129, 0.1);
    flex-shrink: 0;
}

.uimrj-seal-text h4 {
    font-family: 'Inter', sans-serif;
    font-size: 1.25rem;
    color: #1a4a72;
    margin: 0 0 10px 0;
    font-weight: 800;
}

.uimrj-seal-text p {
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #374151;
    margin: 0;
}

/* Floating Badges inside Footer */
.uimrj-compliance-badges {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 180px;
}

.badge-item {
    background: #ffffff;
    border: 1px solid #10b981;
    color: #059669;
    padding: 6px 15px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .uimrj-seal-container { flex-direction: column; text-align: center; }
    .uimrj-compliance-badges { flex-direction: row; justify-content: center; width: 100%; }
    .uimrj-safety-icon { margin-bottom: 10px; }
}
/*--*/
/*--*/


/*--*/
/* UIMRJ Premium Sidebar Design */
.uimrj-sidebar-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.sidebar-widget {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease;
}

.sidebar-widget:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(26, 74, 114, 0.08);
}

.widget-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a4a72; /* UIMRJ Theme Blue */
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 10px;
}

.widget-title i {
    color: #007bff;
}

/* Specs List Styling */
.specs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.specs-list li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f8fafc;
    font-size: 0.92rem;
}

.specs-list li:last-child { border-bottom: none; }

.spec-label { color: #64748b; font-weight: 500; }
.spec-value { color: #1e293b; font-weight: 600; text-align: right; }

.highlight-doi {
    color: #007bff;
    background: rgba(0, 123, 255, 0.05);
    padding: 2px 8px;
    border-radius: 4px;
}

/* Excellence Items Styling */
.excellence-item {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.exc-icon {
    font-size: 1.2rem;
    color: #10b981; /* Success Green */
    padding-top: 3px;
}

.exc-text strong {
    display: block;
    font-size: 0.95rem;
    color: #1a4a72;
}

.exc-text p {
    font-size: 0.85rem;
    color: #64748b;
    margin: 2px 0 0 0;
    line-height: 1.4;
}

/* Indexing Badges */
.indexing-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.badge-item {
    background: #f1f5f9;
    color: #475569;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid #e2e8f0;
}

.sidebar-contact-box {
    text-align: center;
    padding: 10px;
    font-size: 0.85rem;
    color: #94a3b8;
}

.sidebar-contact-box a {
    color: #007bff;
    text-decoration: none;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .uimrj-sidebar-wrapper {
        margin-top: 30px;
    }
}
/*--*/
/* UIMRJ Resource Widget Styling */
.uimrj-resource-widget {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 15px;
    padding: 20px;
    margin-top: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
}

.resource-title {
    font-size: 1.1rem;
    color: #1a4a72;
    font-weight: 700;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.resource-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Base Button Style */
.resource-btn {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 15px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

.resource-btn:hover {
    transform: scale(1.02);
    box-shadow: 0 5px 15px rgba(26, 74, 114, 0.1);
    background: #ffffff;
    border-color: #1a4a72;
}

.btn-icon {
    font-size: 1.5rem;
    margin-right: 15px;
    color: #1a4a72;
    width: 40px;
    text-align: center;
}

.btn-text {
    flex-grow: 1;
}

.btn-text strong {
    display: block;
    font-size: 0.95rem;
    color: #1e293b;
    margin-bottom: 2px;
}

.btn-text span {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 600;
}

.arrow-icon {
    font-size: 0.8rem;
    color: #cbd5e1;
    transition: transform 0.3s ease;
}

.resource-btn:hover .arrow-icon {
    transform: translateX(5px);
    color: #1a4a72;
}

/* Button Specific Variations */
.download-btn:hover { border-left: 4px solid #10b981; } /* Green for download */
.policy-btn:hover { border-left: 4px solid #f59e0b; }   /* Amber for policy */
.submit-btn:hover { border-left: 4px solid #3b82f6; }   /* Blue for submit */

/* Footer Support Note */
.author-support-note {
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
    text-align: center;
}

.author-support-note p {
    font-size: 0.82rem;
    color: #94a3b8;
    margin: 0;
}

.author-support-note a {
    color: #1a4a72;
    text-decoration: none;
    font-weight: 600;
}

/* Accessibility & Performance */
@media (max-width: 768px) {
    .resource-btn { padding: 12px; }
    .btn-icon { font-size: 1.2rem; margin-right: 10px; }
}

/*--*/
/*-Article Types End-*/

/*-COPE Statement  start-*/
/*--*/
/* UIMRJ Ethical Framework Unique Styling */
.uimrj-ethics-framework {
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
    line-height: 1.8;
}

.uimrj-ethics-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 35px;
}

.uimrj-ethics-icon {
    width: 70px;
    height: 70px;
    background: #1a4a72; /* UIMRJ Theme Blue */
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    border-radius: 18px;
    box-shadow: 0 10px 25px rgba(26, 74, 114, 0.15);
    flex-shrink: 0;
}

.uimrj-ethics-main-title {
    font-size: 2.4rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 0;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.uimrj-ethics-divider {
    width: 80px;
    height: 5px;
    background: linear-gradient(90deg, #1a4a72, #007bff);
    border-radius: 10px;
    margin-top: 15px;
}

.uimrj-ethics-content-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

.uimrj-ethics-lead {
    font-size: 1.2rem;
    color: #475569;
    margin-bottom: 35px;
}

/* Compliance Grid Styling */
.uimrj-compliance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.uimrj-compliance-card {
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    padding: 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
}

.uimrj-compliance-card:hover {
    background: #ffffff;
    border-color: #007bff;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(26, 74, 114, 0.08);
}

.uimrj-compliance-card i {
    font-size: 1.5rem;
    color: #1a4a72;
}

.uimrj-compliance-text strong {
    display: block;
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #1a4a72;
    letter-spacing: 0.5px;
}

.uimrj-compliance-text span {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 500;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-ethics-header { flex-direction: column; text-align: center; }
    .uimrj-ethics-main-title { font-size: 1.8rem; }
    .uimrj-ethics-divider { margin: 15px auto 0; }
    .uimrj-ethics-content-box { padding: 30px 20px; }
}
/*--*/
/* UIMRJ Editorial Autonomy - Unique Premium CSS */
.uimrj-editorial-autonomy {
    padding: 20px 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #334155;
}

.uimrj-section-tag {
    display: inline-block;
    background: rgba(26, 74, 114, 0.1);
    color: #1a4a72;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.uimrj-sub-heading {
    font-size: 2rem;
    color: #1a4a72;
    font-weight: 800;
    margin-bottom: 20px;
    letter-spacing: -0.03em;
}

.uimrj-governance-lead {
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 40px;
    color: #64748b;
}

/* Grid Design */
.uimrj-governance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}

.uimrj-gov-card {
    background: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 20px;
    padding: 30px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
}

.uimrj-gov-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

.uimrj-gov-icon {
    width: 55px;
    height: 55px;
    background: #f0f7ff;
    color: #1a4a72;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.uimrj-gov-body h4 {
    font-size: 1.25rem;
    color: #1a4a72;
    font-weight: 700;
    margin-bottom: 12px;
}

.uimrj-gov-body p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #475569;
}

/* Footer Compliance Signal */
.uimrj-ethics-footer-signal {
    margin-top: 40px;
    background: #f8fbff;
    border: 1px solid #e1e8ed;
    padding: 15px 25px;
    border-radius: 12px;
    font-size: 0.9rem;
    color: #1a4a72;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Responsive Fixes */
@media (max-width: 768px) {
    .uimrj-sub-heading { font-size: 1.6rem; }
    .uimrj-governance-grid { grid-template-columns: 1fr; }
    .uimrj-gov-card { padding: 25px; }
}
/*--*/
/* UIMRJ Peer Review Integrity - Unique Style */
.uimrj-peer-review-section {
    padding: 20px 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #334155;
}

.uimrj-label-pill {
    display: inline-block;
    background: #e0f2fe;
    color: #0369a1;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.uimrj-section-title {
    font-size: 2.1rem;
    color: #1a4a72;
    font-weight: 800;
    margin-bottom: 20px;
    letter-spacing: -0.03em;
}

.uimrj-section-desc {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #64748b;
    margin-bottom: 40px;
}

/* Feature Cards Grid */
.uimrj-review-features {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.uimrj-feature-card {
    background: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 20px;
    padding: 25px 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

.uimrj-feature-card:hover {
    transform: translateX(10px);
    border-color: #1a4a72;
    box-shadow: 0 10px 25px rgba(26, 74, 114, 0.08);
}

.uimrj-feature-icon {
    width: 50px;
    height: 50px;
    background: #f0f7ff;
    color: #1a4a72;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.uimrj-feature-info h4 {
    font-size: 1.2rem;
    color: #1a4a72;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.uimrj-feature-info p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #475569;
    margin: 0;
}

/* Indexing Footer Signal */
.uimrj-indexing-alert {
    margin-top: 40px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 18px 25px;
    border-radius: 14px;
    font-size: 0.9rem;
    color: #1a4a72;
    display: flex;
    align-items: center;
    gap: 12px;
    font-style: italic;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-section-title { font-size: 1.7rem; }
    .uimrj-feature-card { flex-direction: column; padding: 25px; }
    .uimrj-feature-card:hover { transform: translateY(-5px); }
    .uimrj-feature-icon { margin-bottom: 5px; }
}
/*--*/
/* UIMRJ Author Ethics - Unique Professional Styles */
.uimrj-author-ethics {
    padding: 25px 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #1e293b;
}

.uimrj-section-badge {
    display: inline-block;
    background: #fef2f2;
    color: #dc2626;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    border: 1px solid #fee2e2;
}

.uimrj-ethics-title {
    font-size: 2.2rem;
    color: #1a4a72;
    font-weight: 900;
    margin-bottom: 20px;
    letter-spacing: -0.04em;
}

.uimrj-ethics-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

.uimrj-ethics-stack {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.uimrj-policy-row {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 30px;
    border-radius: 20px;
    transition: all 0.4s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}

.uimrj-policy-row:hover {
    transform: scale(1.01);
    border-color: #1a4a72;
    box-shadow: 0 12px 30px rgba(26, 74, 114, 0.08);
}

.uimrj-policy-row.warning-border {
    border-left: 5px solid #dc2626;
}

.uimrj-policy-icon {
    width: 60px;
    height: 60px;
    background: #f1f5f9;
    color: #1a4a72;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.uimrj-policy-details h4 {
    font-size: 1.3rem;
    color: #1a4a72;
    margin: 0 0 10px 0;
    font-weight: 800;
}

.uimrj-policy-details p {
    font-size: 1rem;
    line-height: 1.7;
    color: #475569;
    margin: 0;
}

.uimrj-integrity-notice {
    margin-top: 40px;
    padding: 20px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    color: #1a4a72;
    font-size: 0.92rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-ethics-title { font-size: 1.75rem; }
    .uimrj-policy-row { flex-direction: column; gap: 15px; padding: 25px; }
    .uimrj-policy-icon { width: 50px; height: 50px; font-size: 1.3rem; }
}
/*--*/
/* UIMRJ Misconduct Panel Unique Styling */
.uimrj-misconduct-panel {
    padding: 30px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-status-line {
    display: inline-block;
    background: #f1f5f9;
    color: #475569;
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    border: 1px solid #e2e8f0;
}

.uimrj-panel-title {
    font-size: 2.2rem;
    color: #1a4a72;
    font-weight: 900;
    margin-bottom: 25px;
    letter-spacing: -0.04em;
}

.uimrj-panel-desc {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Action Cards Grid */
.uimrj-action-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.uimrj-action-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 30px;
    border-radius: 20px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.uimrj-action-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
}

.uimrj-action-head {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.uimrj-action-head i {
    font-size: 1.4rem;
}

.uimrj-action-head h4 {
    font-size: 1.3rem;
    color: #1a4a72;
    font-weight: 800;
    margin: 0;
}

.uimrj-action-card p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Status Based Accents */
.uimrj-info-card:hover { border-bottom: 5px solid #3b82f6; } /* Blue for Correction */
.uimrj-danger-card:hover { border-bottom: 5px solid #ef4444; } /* Red for Retraction */
.uimrj-trust-card:hover { border-bottom: 5px solid #1a4a72; } /* Navy for Inquiry */

/* Technical Footer */
.uimrj-technical-footer {
    margin-top: 40px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    font-size: 0.9rem;
    color: #1a4a72;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-panel-title { font-size: 1.8rem; }
    .uimrj-action-grid { grid-template-columns: 1fr; }
    .uimrj-action-card { padding: 25px; }
}
/*--*/
/* UIMRJ Open Access & Archiving - Unique Elite Style */
.uimrj-archive-panel {
    padding: 30px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-status-badge {
    display: inline-block;
    background: #f0fdf4;
    color: #16a34a;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    border: 1px solid #dcfce7;
}

.uimrj-archive-title {
    font-size: 2.2rem;
    color: #1a4a72;
    font-weight: 900;
    margin-bottom: 20px;
    letter-spacing: -0.04em;
}

.uimrj-archive-lead {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Archive Grid */
.uimrj-archive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

.uimrj-archive-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 35px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

.uimrj-archive-card:hover {
    transform: translateY(-10px);
    border-color: #1a4a72;
    box-shadow: 0 20px 40px rgba(26, 74, 114, 0.1);
}

.uimrj-archive-icon {
    width: 60px;
    height: 60px;
    background: #f0f7ff;
    color: #1a4a72;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
}

.uimrj-archive-body h4 {
    font-size: 1.35rem;
    color: #1a4a72;
    margin: 0 0 12px 0;
    font-weight: 800;
}

.uimrj-archive-body p {
    font-size: 1rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Footer Signals */
.uimrj-archive-footer {
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: #f8fafc;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e2e8f0;
}

.uimrj-footer-item {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 0.92rem;
    color: #1a4a72;
}

.uimrj-footer-item i {
    font-size: 1.1rem;
    opacity: 0.7;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-archive-title { font-size: 1.8rem; }
    .uimrj-archive-grid { grid-template-columns: 1fr; }
    .uimrj-archive-card { padding: 25px; }
}
/*-right-*/
/* UIMRJ Trust Sidebar - World Class Premium CSS */
.uimrj-ethics-sidebar {
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

.sidebar-widget-premium {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 18px;
    padding: 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.sidebar-widget-premium:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

.sidebar-header-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Compliance List */
.compliance-specs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.compliance-specs-list li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f8fafc;
    font-size: 0.88rem;
}

.compliance-specs-list li:last-child { border-bottom: none; }

.spec-tag { color: #64748b; font-weight: 600; }
.spec-data { color: #1e293b; font-weight: 700; text-align: right; }
.spec-data.highlighted { color: #10b981; }

/* Metadata Pills */
.meta-signal-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pill-item {
    background: #f1f5f9;
    color: #475569;
    padding: 5px 12px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 700;
    border: 1px solid #e2e8f0;
}

/* Trust Seals Grid */
.trust-seals-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    text-align: center;
}

.seal-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.seal-icon i {
    font-size: 1.4rem;
    color: #1a4a72;
    background: #f0f7ff;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.seal-icon span {
    font-size: 0.65rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
}

/* Sidebar Contact Card */
.sidebar-help-card {
    text-align: center;
    padding: 10px;
    font-size: 0.82rem;
    color: #94a3b8;
}

.sidebar-help-card a {
    color: #1a4a72;
    text-decoration: none;
    font-weight: 700;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .uimrj-ethics-sidebar { margin-top: 30px; }
}
/*--*/
/* UIMRJ Discovery Widget Premium Styles */
.uimrj-discovery-widget {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 25px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    font-family: 'Inter', -apple-system, sans-serif;
    margin-top: 25px;
}

.uimrj-widget-header {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
}

.uimrj-header-glow {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 40px;
    height: 40px;
    background: radial-gradient(circle, rgba(26, 74, 114, 0.1) 0%, transparent 70%);
}

.uimrj-widget-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1a4a72;
    display: flex;
    align-items: center;
    gap: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-widget-title i {
    color: #007bff;
    animation: uimrj-pulse-radar 2s infinite;
}

@keyframes uimrj-pulse-radar {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.1); }
    100% { opacity: 1; transform: scale(1); }
}

.uimrj-signals-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.uimrj-signal-box {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    border-radius: 12px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.uimrj-signal-box:hover {
    background: #f8fafc;
    border-color: #e2e8f0;
    transform: translateX(8px);
}

.uimrj-signal-icon {
    width: 42px;
    height: 42px;
    background: #f0f7ff;
    color: #1a4a72;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.uimrj-signal-content strong {
    display: block;
    font-size: 0.9rem;
    color: #1e293b;
    margin-bottom: 2px;
}

.uimrj-signal-content span {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
}

.uimrj-seo-verification {
    margin-top: 25px;
    padding: 12px;
    background: #f0fdf4;
    border: 1px solid #dcfce7;
    border-radius: 10px;
    color: #16a34a;
    font-size: 0.8rem;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* Responsiveness */
@media (max-width: 768px) {
    .uimrj-discovery-widget { padding: 20px; }
    .uimrj-signal-box:hover { transform: none; }
}
/*--*/
/* UIMRJ Publisher Accountability - Unique Elite Style */
.uimrj-publisher-widget {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 20px;
    padding: 25px;
    margin-top: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    font-family: 'Inter', -apple-system, sans-serif;
    position: relative;
    transition: all 0.3s ease;
}

.uimrj-publisher-widget:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

.uimrj-widget-header-alt {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f1f5f9;
}

.uimrj-widget-title-alt {
    font-size: 1.05rem;
    font-weight: 800;
    color: #1a4a72;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-accountability-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.uimrj-acc-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.acc-label {
    font-size: 0.72rem;
    color: #94a3b8;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.acc-value {
    font-size: 0.95rem;
    color: #1e293b;
    font-weight: 600;
}

.acc-value-link {
    font-size: 0.95rem;
    color: #007bff;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
}

.acc-value-link:hover {
    color: #1a4a72;
    text-decoration: underline;
}

.highlight-legal {
    color: #1a4a72;
    background: #f0f7ff;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
}

/* Verified Badge Styling */
.uimrj-verified-badge {
    margin-top: 25px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 15px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.badge-icon {
    width: 35px;
    height: 35px;
    background: #ffffff;
    color: #10b981;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.1);
}

.badge-text strong {
    display: block;
    font-size: 0.8rem;
    color: #1a4a72;
}

.badge-text span {
    font-size: 0.68rem;
    color: #64748b;
    font-weight: 600;
}

/* Responsive Fix */
@media (max-width: 768px) {
    .uimrj-publisher-widget { padding: 20px; }
}
/*--*/
/* UIMRJ Premium Trust Badges Styling */
.uimrj-trust-badges-widget {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 20px;
    padding: 25px;
    margin-top: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    font-family: 'Inter', -apple-system, sans-serif;
    transition: all 0.3s ease;
}

.uimrj-trust-badges-widget:hover {
    box-shadow: 0 12px 30px rgba(26, 74, 114, 0.08);
}

.uimrj-widget-meta-header {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

.uimrj-trust-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: #1a4a72;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-trust-title i {
    color: #10b981; /* Success Green */
}

/* Badges Grid Layout */
.uimrj-badges-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.uimrj-badge-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 15px 10px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.uimrj-badge-card:hover {
    background: #ffffff;
    border-color: #1a4a72;
    transform: translateY(-5px);
}

.uimrj-badge-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

/* Iconic Colors for Trust */
.uimrj-badge-icon.ethics { background: #f0f7ff; color: #1a4a72; }
.uimrj-badge-icon.doi { background: #fff1f2; color: #e11d48; }
.uimrj-badge-icon.cc { background: #f0fdf4; color: #16a34a; }
.uimrj-badge-icon.scholar { background: #fdf4ff; color: #a21caf; }

.uimrj-badge-label strong {
    display: block;
    font-size: 0.8rem;
    color: #1e293b;
    font-weight: 800;
}

.uimrj-badge-label span {
    font-size: 0.65rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
}

/* Security Stamp */
.uimrj-security-stamp {
    margin-top: 20px;
    font-size: 0.75rem;
    color: #94a3b8;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-top: 1px dashed #e2e8f0;
    padding-top: 15px;
}

/* Responsive Fix */
@media (max-width: 768px) {
    .uimrj-badges-grid { grid-template-columns: 1fr 1fr; }
}
/*--*/

/*-COPE Statement End-*/
/*-archives policy start-*/
/*-/* UIMRJ Archiving Intro - Unique Elite Styles */
.uimrj-archiving-intro {
    font-family: 'Inter', -apple-system, sans-serif;
    color: #1e293b;
    padding: 10px 0;
}

.uimrj-archiving-header {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 35px;
}

.uimrj-vault-icon {
    position: relative;
    width: 85px;
    height: 85px;
    background: linear-gradient(135deg, #1a4a72 0%, #007bff 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    border-radius: 22px;
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.2);
    flex-shrink: 0;
}

.uimrj-pulse-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #1a4a72;
    border-radius: 22px;
    animation: uimrj-pulse 2s infinite;
}

@keyframes uimrj-pulse {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.3); opacity: 0; }
}

.uimrj-super-tag {
    display: block;
    font-size: 0.85rem;
    font-weight: 800;
    color: #007bff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
}

.uimrj-archiving-main-title {
    font-size: 2.6rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 0;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.uimrj-gradient-line {
    width: 100px;
    height: 6px;
    background: linear-gradient(90deg, #1a4a72, #00d2ff);
    border-radius: 10px;
    margin-top: 20px;
}

.uimrj-archiving-text {
    font-size: 1.25rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 35px;
    text-align: justify;
}

/* Trust Pillars Styling */
.uimrj-archiving-pillars {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.uimrj-pillar-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 12px 25px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
}

.uimrj-pillar-item:hover {
    background: #ffffff;
    border-color: #1a4a72;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.uimrj-pillar-item i {
    color: #1a4a72;
    font-size: 1.1rem;
}

.uimrj-pillar-item span {
    font-weight: 700;
    font-size: 0.9rem;
    color: #1e293b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-archiving-header { flex-direction: column; text-align: center; gap: 20px; }
    .uimrj-archiving-main-title { font-size: 1.8rem; }
    .uimrj-gradient-line { margin: 15px auto 0; }
    .uimrj-archiving-text { font-size: 1.1rem; text-align: left; }
    .uimrj-archiving-pillars { justify-content: center; }
}
/*--*/
/* UIMRJ DOI Section - Unique Premium CSS */
.uimrj-doi-persistence {
    margin: 40px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

.uimrj-section-header {
    margin-bottom: 25px;
}

.uimrj-doi-badge {
    display: inline-flex;
    align-items: center;
    background: #f0f7ff;
    border: 1px solid #d0e6ff;
    padding: 5px 15px;
    border-radius: 50px;
    gap: 10px;
    margin-bottom: 15px;
}

.uimrj-badge-icon { color: #1a4a72; font-size: 0.9rem; }
.uimrj-badge-text { font-size: 0.75rem; font-weight: 800; color: #1a4a72; text-transform: uppercase; letter-spacing: 1px; }

.uimrj-doi-title {
    font-size: 2.2rem;
    font-weight: 900;
    color: #1a4a72;
    letter-spacing: -0.04em;
    margin: 0;
}

.uimrj-doi-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 35px;
    max-width: 900px;
}

/* Feature Cards Design */
.uimrj-doi-feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.uimrj-doi-card {
    position: relative;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 35px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.uimrj-card-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(26, 74, 114, 0.03) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.uimrj-doi-card:hover {
    transform: translateY(-8px);
    border-color: #1a4a72;
    box-shadow: 0 20px 40px rgba(26, 74, 114, 0.08);
}

.uimrj-doi-card:hover .uimrj-card-glow { opacity: 1; }

.uimrj-icon-box {
    width: 50px;
    height: 50px;
    background: #1a4a72;
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 20px;
    box-shadow: 0 10px 15px rgba(26, 74, 114, 0.15);
}

.uimrj-doi-card h4 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 12px;
}

.uimrj-doi-card p {
    font-size: 1rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Footer Signals */
.uimrj-indexing-footer {
    margin-top: 35px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.uimrj-footer-badge {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 8px 18px;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #1a4a72;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .uimrj-doi-title { font-size: 1.7rem; }
    .uimrj-doi-feature-grid { grid-template-columns: 1fr; }
    .uimrj-doi-card { padding: 25px; }
}
/*--*/
/* UIMRJ Multi-Format Tech Styles - Global Standard */
.uimrj-multi-format-preservation {
    margin: 40px 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #1e293b;
}

.uimrj-tech-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
}

.uimrj-tech-icon-wrapper {
    position: relative;
    width: 65px;
    height: 65px;
    background: #1a4a72;
    color: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    box-shadow: 0 10px 20px rgba(26, 74, 114, 0.15);
}

.uimrj-data-orbit {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px dashed #007bff;
    border-radius: 15px;
    animation: uimrj-rotate 10s linear infinite;
}

@keyframes uimrj-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.uimrj-pre-title {
    font-size: 0.8rem;
    font-weight: 800;
    color: #007bff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.uimrj-tech-main-heading {
    font-size: 2.3rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 0;
    letter-spacing: -0.04em;
}

.uimrj-tech-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
    max-width: 900px;
}

/* Tech Cards Grid */
.uimrj-tech-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.uimrj-tech-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    padding: 35px;
    position: relative;
    transition: all 0.4s ease;
}

.uimrj-tech-card:hover {
    transform: translateY(-8px);
    border-color: #1a4a72;
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.1);
}

.uimrj-format-tag {
    font-size: 0.7rem;
    font-weight: 800;
    color: #1a4a72;
    background: #f0f7ff;
    padding: 4px 12px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 20px;
}

.uimrj-format-icon {
    font-size: 2.2rem;
    color: #1a4a72;
    margin-bottom: 20px;
}

.uimrj-tech-card h4 {
    font-size: 1.4rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 12px;
}

.uimrj-tech-card p {
    font-size: 1rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Compliance Bar */
.uimrj-tech-compliance-bar {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.uimrj-compliance-pill {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 10px 20px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #1a4a72;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Mobile Fix */
@media (max-width: 768px) {
    .uimrj-tech-header { flex-direction: column; text-align: center; }
    .uimrj-tech-main-heading { font-size: 1.7rem; }
    .uimrj-tech-grid { grid-template-columns: 1fr; }
}
/*--*/
/* UIMRJ Archiving Policy - Unique Scholarly Style */
.uimrj-archiving-policy {
    margin: 40px 0;
    font-family: 'Inter', -apple-system, sans-serif;
}

.uimrj-policy-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
}

.uimrj-oa-icon-box {
    position: relative;
    width: 60px;
    height: 60px;
    background: #1a4a72;
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    overflow: hidden;
}

.uimrj-scan-line {
    position: absolute;
    width: 100%;
    height: 2px;
    background: rgba(0, 210, 255, 0.5);
    top: 0;
    animation: uimrj-scan 2.5s linear infinite;
}

@keyframes uimrj-scan {
    0% { top: 0; }
    100% { top: 100%; }
}

.uimrj-label {
    font-size: 0.75rem;
    font-weight: 800;
    color: #1a4a72;
    background: #f0f7ff;
    padding: 3px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.uimrj-policy-heading {
    font-size: 2.2rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 5px 0 0 0;
    letter-spacing: -0.04em;
}

.uimrj-policy-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Pathway Steps */
.uimrj-pathway-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.uimrj-pathway-step {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 30px;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.uimrj-pathway-step:hover {
    border-color: #1a4a72;
    box-shadow: 0 10px 25px rgba(26, 74, 114, 0.05);
    transform: translateX(10px);
}

.uimrj-pathway-step.highlighted {
    background: #f8fafc;
    border-left: 5px solid #1a4a72;
}

.uimrj-step-number {
    font-size: 1.8rem;
    font-weight: 900;
    color: rgba(26, 74, 114, 0.1);
    line-height: 1;
}

.uimrj-step-content h4 {
    font-size: 1.25rem;
    color: #1a4a72;
    font-weight: 800;
    margin-bottom: 10px;
}

.uimrj-step-content p {
    font-size: 1rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Footer Tags */
.uimrj-discovery-footer {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.uimrj-footer-tag {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 8px 18px;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #1a4a72;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .uimrj-policy-header { flex-direction: column; text-align: center; }
    .uimrj-policy-heading { font-size: 1.7rem; }
    .uimrj-pathway-step { flex-direction: column; padding: 25px; gap: 10px; }
    .uimrj-pathway-step:hover { transform: translateY(-5px); }
}
/*--*/
/* UIMRJ Metadata Harvesting - Unique Technical Style */
.uimrj-metadata-harvesting {
    margin: 40px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-harvest-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
}

.uimrj-harvest-icon-box {
    position: relative;
    width: 65px;
    height: 65px;
    background: #1a4a72;
    color: #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    box-shadow: 0 10px 20px rgba(26, 74, 114, 0.15);
}

.uimrj-data-nodes {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    animation: uimrj-node-pulse 2s infinite ease-out;
}

@keyframes uimrj-node-pulse {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.3); opacity: 0; }
}

.uimrj-tech-tag {
    font-size: 0.75rem;
    font-weight: 800;
    color: #1a4a72;
    background: #f0f7ff;
    padding: 3px 12px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.uimrj-harvest-heading {
    font-size: 2.3rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 5px 0 0 0;
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.uimrj-harvest-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Harvesting Cards Grid */
.uimrj-harvest-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.uimrj-harvest-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 25px 30px;
    border-radius: 20px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.uimrj-harvest-card:hover {
    transform: translateX(12px);
    border-color: #1a4a72;
    box-shadow: 0 10px 30px rgba(26, 74, 114, 0.06);
}

.uimrj-card-decorator {
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 20%;
    width: 4px;
    background: #1a4a72;
    border-radius: 0 4px 4px 0;
    opacity: 0;
    transition: opacity 0.3s;
}

.uimrj-harvest-card:hover .uimrj-card-decorator { opacity: 1; }

.uimrj-card-icon {
    font-size: 1.5rem;
    color: #1a4a72;
    background: #f8fafc;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    flex-shrink: 0;
}

.uimrj-card-info h4 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 5px;
}

.uimrj-card-info p {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* Technical Footer */
.uimrj-harvest-footer {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.uimrj-harvest-badge {
    background: #f1f5f9;
    color: #1a4a72;
    padding: 8px 18px;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e2e8f0;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-harvest-header { flex-direction: column; text-align: center; }
    .uimrj-harvest-heading { font-size: 1.8rem; }
    .uimrj-harvest-card { flex-direction: column; text-align: center; padding: 25px; }
    .uimrj-harvest-card:hover { transform: translateY(-5px); }
    .uimrj-harvest-footer { justify-content: center; }
}
/*--*/
/* UIMRJ Continuity Plan - Unique Professional Style */
.uimrj-continuity-plan {
    margin: 45px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

.uimrj-continuity-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
}

.uimrj-shield-box {
    position: relative;
    width: 70px;
    height: 70px;
    background: #1a4a72;
    color: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    box-shadow: 0 12px 24px rgba(26, 74, 114, 0.15);
}

.uimrj-safety-wave {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #00d2ff;
    border-radius: 20px;
    animation: uimrj-wave 3s infinite ease-out;
}

@keyframes uimrj-wave {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(1.4); opacity: 0; }
}

.uimrj-risk-tag {
    font-size: 0.75rem;
    font-weight: 800;
    color: #007bff;
    background: #f0f9ff;
    padding: 4px 12px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.uimrj-continuity-heading {
    font-size: 2.3rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 6px 0 0 0;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.uimrj-continuity-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
    text-align: justify;
}

/* Plan Cards Grid */
.uimrj-continuity-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.uimrj-continuity-card {
    position: relative;
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 35px;
    border-radius: 24px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.uimrj-continuity-card:hover {
    transform: translateY(-8px);
    border-color: #1a4a72;
    box-shadow: 0 20px 40px rgba(26, 74, 114, 0.1);
}

.uimrj-card-marker {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 10px;
    height: 10px;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 10px #10b981;
}

.uimrj-card-icon {
    font-size: 2.2rem;
    color: #1a4a72;
}

.uimrj-card-text h4 {
    font-size: 1.35rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 12px;
}

.uimrj-card-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Trust Seal Bar */
.uimrj-trust-seal-bar {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    background: #f8fafc;
    padding: 20px;
    border-radius: 15px;
}

.uimrj-trust-pill {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 8px 18px;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #1a4a72;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-continuity-header { flex-direction: column; text-align: center; }
    .uimrj-continuity-heading { font-size: 1.8rem; }
    .uimrj-continuity-grid { grid-template-columns: 1fr; }
    .uimrj-trust-seal-bar { justify-content: center; }
}
/*--*/
/* UIMRJ Archiving Sidebar - Unique Elite Style */
.uimrj-archiving-sidebar {
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-specs-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 22px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.uimrj-specs-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

.uimrj-specs-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-header-icon {
    width: 45px;
    height: 45px;
    background: #1a4a72;
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.uimrj-widget-title {
    font-size: 1rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-live-status {
    font-size: 0.65rem;
    font-weight: 700;
    color: #10b981;
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
}

.uimrj-live-status .dot {
    width: 6px;
    height: 6px;
    background: #10b981;
    border-radius: 50%;
    animation: uimrj-pulse-dot 1.5s infinite;
}

@keyframes uimrj-pulse-dot {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.2); }
    100% { opacity: 1; transform: scale(1); }
}

/* Spec Rows Styling */
.uimrj-specs-body {
    display: flex;
    flex-direction: column;
}

.uimrj-spec-row {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 0;
    border-bottom: 1px solid #f8fafc;
}

.uimrj-spec-row.border-none { border-bottom: none; }

.uimrj-spec-icon {
    font-size: 1.1rem;
    color: #1a4a72;
    width: 20px;
    text-align: center;
}

.uimrj-spec-detail {
    display: flex;
    flex-direction: column;
}

.spec-label {
    font-size: 0.72rem;
    color: #94a3b8;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.spec-value {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e293b;
}

.spec-link {
    font-size: 0.9rem;
    font-weight: 700;
    color: #007bff;
    text-decoration: none;
}

.highlighted-blue {
    color: #1a4a72;
    background: #f0f7ff;
    padding: 2px 8px;
    border-radius: 4px;
}

/* Footer Badge */
.uimrj-sidebar-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
}

.uimrj-indexing-badge {
    background: #f0fdf4;
    border: 1px solid #dcfce7;
    color: #16a34a;
    padding: 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-transform: uppercase;
}

/* Responsiveness */
@media (max-width: 768px) {
    .uimrj-specs-card { padding: 20px; }
}
/*--*/
/* UIMRJ Archiving Sidebar - Elite Performance Styles */
.uimrj-archiving-sidebar {
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

.uimrj-specs-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 24px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.uimrj-specs-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

/* Header Section */
.uimrj-specs-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-header-icon {
    position: relative;
    width: 48px;
    height: 48px;
    background: #1a4a72;
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.uimrj-status-ping {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    background: #10b981;
    border: 2px solid #fff;
    border-radius: 50%;
    animation: uimrj-ping-pulse 1.5s infinite;
}

@keyframes uimrj-ping-pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.4; }
    100% { transform: scale(1); opacity: 1; }
}

.uimrj-sidebar-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-system-check {
    font-size: 0.65rem;
    font-weight: 700;
    color: #10b981;
    text-transform: uppercase;
}

/* List Items */
.uimrj-specs-list {
    display: flex;
    flex-direction: column;
}

.uimrj-spec-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 0;
    border-bottom: 1px solid #f8fafc;
}

.uimrj-spec-item.no-border { border-bottom: none; }

.uimrj-item-icon {
    font-size: 1.1rem;
    color: #1a4a72;
    width: 20px;
    text-align: center;
}

.uimrj-item-info {
    display: flex;
    flex-direction: column;
}

.uimrj-label {
    font-size: 0.7rem;
    color: #94a3b8;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-value, .uimrj-link {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e293b;
    text-decoration: none;
}

.uimrj-link { color: #007bff; transition: color 0.2s; }
.uimrj-link:hover { color: #1a4a72; text-decoration: underline; }

.uimrj-highlight-blue {
    color: #1a4a72;
    background: #f0f7ff;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
}

/* Footer Badge */
.uimrj-sidebar-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
}

.uimrj-compliance-badge {
    background: #f0fdf4;
    border: 1px solid #dcfce7;
    color: #16a34a;
    padding: 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-transform: uppercase;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .uimrj-specs-card { margin-top: 20px; }
}
/*--*/
/* UIMRJ Discovery Signals - Professional Sidebar Style */
.uimrj-discovery-widget {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 20px;
    padding: 25px;
    margin-top: 25px;
    font-family: 'Inter', -apple-system, sans-serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    transition: all 0.4s ease;
}

.uimrj-discovery-widget:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

.uimrj-discovery-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 15px;
}

.uimrj-radar-container {
    position: relative;
    width: 45px;
    height: 45px;
    background: #1a4a72;
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.uimrj-radar-ping {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(26, 74, 114, 0.3);
    border-radius: 12px;
    animation: uimrj-ping-pulse 2s infinite ease-out;
}

@keyframes uimrj-ping-pulse {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.6); opacity: 0; }
}

.uimrj-widget-title {
    font-size: 1rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-status-text {
    font-size: 0.65rem;
    color: #94a3b8;
    font-weight: 700;
    text-transform: uppercase;
}

/* Signal Items Grid */
.uimrj-signals-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.uimrj-signal-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background: #f8fafc;
    padding: 12px 15px;
    border-radius: 12px;
    border: 1px solid #f1f5f9;
    transition: all 0.3s ease;
}

.uimrj-signal-item:hover {
    background: #ffffff;
    border-color: #1a4a72;
    transform: translateX(5px);
}

.uimrj-signal-icon {
    font-size: 1rem;
    color: #10b981; /* Success Green */
    margin-top: 2px;
}

.uimrj-signal-info strong {
    display: block;
    font-size: 0.85rem;
    color: #1e293b;
    font-weight: 800;
}

.uimrj-signal-info p {
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.4;
    margin: 0;
}

/* Professional Seal */
.uimrj-discover-seal {
    margin-top: 25px;
    background: linear-gradient(135deg, #1a4a72 0%, #007bff 100%);
    padding: 12px;
    border-radius: 10px;
    text-align: center;
}

.uimrj-seal-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .uimrj-discovery-widget { padding: 20px; }
}
/*--*/
/* UIMRJ Publisher Transparency - Elite Sidebar Style */
.uimrj-publisher-transparency {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 22px;
    padding: 25px;
    margin-top: 25px;
    font-family: 'Inter', -apple-system, sans-serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.uimrj-publisher-transparency:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

.uimrj-transparency-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-verified-icon {
    position: relative;
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #1a4a72 0%, #007bff 100%);
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    overflow: hidden;
}

.uimrj-shine-effect {
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent);
    animation: uimrj-shine 4s infinite;
}

@keyframes uimrj-shine {
    0% { transform: translate(0, 0); }
    20% { transform: translate(100%, 100%); }
    100% { transform: translate(100%, 100%); }
}

.uimrj-transparency-title {
    font-size: 1rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-compliance-tag {
    font-size: 0.65rem;
    font-weight: 700;
    color: #10b981;
    text-transform: uppercase;
}

/* Row Styling */
.uimrj-transparency-list {
    display: flex;
    flex-direction: column;
}

.uimrj-t-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f8fafc;
}

.uimrj-t-row.no-border { border-bottom: none; }

.uimrj-t-label {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.uimrj-t-label i {
    width: 15px;
    color: #1a4a72;
    font-size: 0.9rem;
}

.uimrj-t-value {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e293b;
    text-align: right;
}

.highlight-green {
    color: #10b981;
    background: #f0fdf4;
    padding: 2px 8px;
    border-radius: 4px;
}

/* Footer Action */
.uimrj-ethics-footer {
    margin-top: 20px;
}

.uimrj-ethics-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 12px;
    border-radius: 12px;
    color: #1a4a72;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s;
}

.uimrj-ethics-btn:hover {
    background: #1a4a72;
    color: #ffffff;
    border-color: #1a4a72;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-publisher-transparency { padding: 20px; }
}
/*--*/
/* UIMRJ Official Trust Badges - Elite Sidebar Styling */
.uimrj-trust-badges-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 24px;
    padding: 25px;
    margin-top: 25px;
    font-family: 'Inter', -apple-system, sans-serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.uimrj-trust-badges-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

.uimrj-badges-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-shield-icon {
    position: relative;
    width: 45px;
    height: 45px;
    background: #1a4a72;
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.uimrj-radar-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(26, 74, 114, 0.3);
    border-radius: 12px;
    animation: uimrj-seal-ping 2.5s infinite ease-out;
}

@keyframes uimrj-seal-ping {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.6); opacity: 0; }
}

.uimrj-widget-title {
    font-size: 0.95rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-security-tag {
    font-size: 0.62rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
}

/* Badges Grid */
.uimrj-badges-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.uimrj-badge-item {
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    padding: 15px 10px;
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: default;
}

.uimrj-badge-item:hover {
    background: #ffffff;
    border-color: #1a4a72;
    transform: translateY(-3px);
}

.uimrj-icon-wrap {
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

/* Badge Specific Colors */
.uimrj-icon-wrap.doi { background: #fff1f2; color: #e11d48; }
.uimrj-icon-wrap.oa { background: #f0fdf4; color: #16a34a; }
.uimrj-icon-wrap.cc { background: #f0f7ff; color: #1a4a72; }
.uimrj-icon-wrap.ssl { background: #fdf4ff; color: #a21caf; }

.uimrj-badge-info strong {
    display: block;
    font-size: 0.75rem;
    color: #1e293b;
    font-weight: 800;
    line-height: 1.2;
}

.uimrj-badge-info span {
    font-size: 0.62rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
}

/* Technical Footer */
.uimrj-integrity-footer {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #16a34a;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

/* Responsive Fix */
@media (max-width: 768px) {
    .uimrj-trust-badges-card { padding: 20px; }
}
/*--*/

/*-archives policy start-*/

/*-Article Withdrawal Policy start-*/
/*--*/
/* UIMRJ Withdrawal Policy - Unique Elite Styles */
.uimrj-withdrawal-intro {
    font-family: 'Inter', -apple-system, sans-serif;
    color: #1e293b;
    padding: 10px 0;
}

.uimrj-policy-hero {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 40px;
}

.uimrj-integrity-shield {
    position: relative;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #1a4a72 0%, #007bff 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    border-radius: 20px;
    box-shadow: 0 15px 30px rgba(26, 74, 114, 0.15);
    flex-shrink: 0;
}

.uimrj-integrity-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #1a4a72;
    border-radius: 20px;
    animation: uimrj-ethics-pulse 2.5s infinite;
}

@keyframes uimrj-ethics-pulse {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(1.4); opacity: 0; }
}

.uimrj-ethics-badge {
    display: block;
    font-size: 0.8rem;
    font-weight: 800;
    color: #007bff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
}

.uimrj-policy-main-title {
    font-size: 2.5rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 0;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.uimrj-accent-divider {
    width: 80px;
    height: 5px;
    background: linear-gradient(90deg, #1a4a72, #00d2ff);
    border-radius: 10px;
    margin-top: 15px;
}

.uimrj-lead-para {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
    text-align: justify;
}

/* Commitment Grid */
.uimrj-commitment-box {
    background: #f8fafc;
    border: 1px solid #eef2f6;
    border-radius: 24px;
    padding: 35px;
}

.uimrj-sub-heading {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 15px;
}

.uimrj-commitment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 25px;
}

.uimrj-commitment-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 20px;
    border-radius: 15px;
    display: flex;
    gap: 15px;
    transition: all 0.3s ease;
}

.uimrj-commitment-card:hover {
    transform: translateY(-5px);
    border-color: #1a4a72;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.uimrj-c-icon {
    font-size: 1.2rem;
    color: #1a4a72;
    margin-top: 3px;
}

.uimrj-c-content strong {
    display: block;
    font-size: 0.95rem;
    color: #1e293b;
    margin-bottom: 5px;
}

.uimrj-c-content span {
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.5;
    display: block;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-policy-hero { flex-direction: column; text-align: center; }
    .uimrj-policy-main-title { font-size: 1.8rem; }
    .uimrj-accent-divider { margin: 15px auto 0; }
    .uimrj-commitment-box { padding: 25px; }
    .uimrj-lead-para { font-size: 1.1rem; }
}
/*--*/
/* UIMRJ Procedure Section - Unique Premium Styles */
.uimrj-withdrawal-procedure {
    margin: 45px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-step-label-box {
    margin-bottom: 25px;
    border-left: 5px solid #1a4a72;
    padding-left: 20px;
}

.uimrj-step-tag {
    font-size: 0.8rem;
    font-weight: 800;
    color: #007bff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.uimrj-step-main-title {
    font-size: 2.1rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 5px 0 0 0;
    letter-spacing: -0.03em;
}

.uimrj-step-desc {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 35px;
}

/* Procedure Cards Grid */
.uimrj-procedure-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.uimrj-proc-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 25px 30px;
    border-radius: 18px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.uimrj-proc-card:hover {
    transform: translateX(10px);
    border-color: #1a4a72;
    box-shadow: 0 10px 25px rgba(26, 74, 114, 0.06);
}

.uimrj-proc-card.highlighted {
    background: #f8fafc;
    border-bottom: 3px solid #1a4a72;
}

.uimrj-proc-icon {
    font-size: 1.4rem;
    color: #1a4a72;
    background: #f0f7ff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    flex-shrink: 0;
}

.uimrj-proc-info h4 {
    font-size: 1.2rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 8px;
}

.uimrj-proc-info p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Compliance Alert */
.uimrj-compliance-alert {
    margin-top: 35px;
    background: #fdfaf3;
    border: 1px solid #faeecd;
    padding: 18px 25px;
    border-radius: 12px;
    font-size: 0.9rem;
    color: #92400e;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Mobile Fixes */
@media (max-width: 768px) {
    .uimrj-step-main-title { font-size: 1.6rem; }
    .uimrj-proc-card { flex-direction: column; padding: 25px; }
    .uimrj-proc-card:hover { transform: translateY(-5px); }
    .uimrj-proc-icon { margin-bottom: 5px; }
}
/*--*/
/* UIMRJ Retraction Section - Unique High-Authority Styles */
.uimrj-editorial-retraction {
    margin: 50px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-alert-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 35px;
}

.uimrj-gavel-icon {
    position: relative;
    width: 70px;
    height: 70px;
    background: #dc2626; /* Ethics Warning Red */
    color: #fff;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    box-shadow: 0 12px 25px rgba(220, 38, 38, 0.2);
    flex-shrink: 0;
}

.uimrj-warning-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #dc2626;
    border-radius: 18px;
    animation: uimrj-alert-pulse 2s infinite;
}

@keyframes uimrj-alert-pulse {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.4); opacity: 0; }
}

.uimrj-status-badge-red {
    display: block;
    font-size: 0.75rem;
    font-weight: 800;
    color: #dc2626;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 6px;
}

.uimrj-alert-main-heading {
    font-size: 2.2rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 0;
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.uimrj-alert-desc {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Retraction Grid */
.uimrj-retraction-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.uimrj-retraction-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 30px;
    border-radius: 20px;
    transition: all 0.4s ease;
}

.uimrj-retraction-card:hover {
    border-color: #dc2626;
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(220, 38, 38, 0.08);
}

.uimrj-retraction-card.border-red { border-left: 5px solid #dc2626; }
.uimrj-retraction-card.full-width-card { grid-column: 1 / -1; }

.uimrj-r-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.uimrj-r-header i { color: #dc2626; font-size: 1.3rem; }

.uimrj-r-header h4 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
}

.uimrj-retraction-card p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Compliance Signal Footer */
.uimrj-indexing-alert {
    margin-top: 40px;
    background: #f8fafc;
    border-radius: 12px;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #1a4a72;
    font-size: 0.9rem;
    border: 1px dashed #cbd5e1;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-alert-main-heading { font-size: 1.7rem; }
    .uimrj-retraction-grid { grid-template-columns: 1fr; }
    .uimrj-retraction-card { padding: 25px; }
}
/*--*/
/* UIMRJ Technical Stability - Unique Professional Styles */
.uimrj-technical-stability {
    margin: 50px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-stability-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 35px;
}

.uimrj-stability-icon {
    position: relative;
    width: 65px;
    height: 65px;
    background: #1a4a72;
    color: #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    box-shadow: 0 10px 20px rgba(26, 74, 114, 0.15);
}

.uimrj-data-flow {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px dashed rgba(255,255,255,0.3);
    border-radius: 16px;
    animation: uimrj-rotate-flow 10s linear infinite;
}

@keyframes uimrj-rotate-flow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.uimrj-tech-pill {
    font-size: 0.75rem;
    font-weight: 800;
    color: #1a4a72;
    background: #f0f7ff;
    padding: 3px 12px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.uimrj-stability-main-heading {
    font-size: 2.1rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 5px 0 0 0;
    letter-spacing: -0.03em;
}

.uimrj-stability-line {
    width: 60px;
    height: 4px;
    background: #007bff;
    margin-top: 15px;
    border-radius: 10px;
}

.uimrj-stability-desc {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Stability Grid */
.uimrj-stability-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.uimrj-stability-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 30px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition: all 0.4s ease;
}

.uimrj-stability-card:hover {
    transform: translateY(-5px);
    border-color: #1a4a72;
    box-shadow: 0 15px 30px rgba(26, 74, 114, 0.06);
}

.uimrj-stability-card.full-width { grid-column: 1 / -1; }

.uimrj-s-icon {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.doi-color { background: #fff1f2; color: #e11d48; }
.metadata-color { background: #f0fdf4; color: #16a34a; }
.oai-color { background: #f0f7ff; color: #1a4a72; }

.uimrj-s-content h4 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
}

.uimrj-s-content p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Technical Footer */
.uimrj-stability-footer {
    margin-top: 35px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.85rem;
    color: #1a4a72;
    border: 1px dashed #cbd5e1;
}

/* Mobile Fix */
@media (max-width: 768px) {
    .uimrj-stability-main-heading { font-size: 1.7rem; }
    .uimrj-stability-grid { grid-template-columns: 1fr; }
}
/*--*/
/* UIMRJ Accessibility & UX - Unique Premium Styles */
.uimrj-accessibility-ux {
    margin: 45px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-ux-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
}

.uimrj-ux-icon-box {
    position: relative;
    width: 65px;
    height: 65px;
    background: #1a4a72;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    box-shadow: 0 10px 20px rgba(26, 74, 114, 0.15);
}

.uimrj-accessibility-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #1a4a72;
    border-radius: 50%;
    animation: uimrj-ux-ping 2s infinite ease-out;
}

@keyframes uimrj-ux-ping {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.5); opacity: 0; }
}

.uimrj-ux-tag {
    font-size: 0.75rem;
    font-weight: 800;
    color: #007bff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.uimrj-ux-main-heading {
    font-size: 2.2rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 2px 0 0 0;
    letter-spacing: -0.04em;
}

.uimrj-ux-underline {
    width: 70px;
    height: 5px;
    background: linear-gradient(90deg, #1a4a72, #00d2ff);
    margin-top: 12px;
    border-radius: 10px;
}

.uimrj-ux-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* UX Feature Grid */
.uimrj-ux-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.uimrj-ux-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 30px;
    border-radius: 20px;
    display: flex;
    gap: 20px;
    transition: all 0.4s ease;
}

.uimrj-ux-card:hover {
    transform: translateY(-8px);
    border-color: #1a4a72;
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
}

.uimrj-ux-card-icon {
    font-size: 1.5rem;
    color: #1a4a72;
    background: #f0f7ff;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    flex-shrink: 0;
}

.uimrj-ux-card-body h4 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 8px;
}

.uimrj-ux-card-body p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* UX Footer Badges */
.uimrj-ux-footer {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.uimrj-ux-pill {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #1a4a72;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-ux-header { flex-direction: column; text-align: center; }
    .uimrj-ux-main-heading { font-size: 1.8rem; }
    .uimrj-ux-underline { margin: 12px auto 0; }
    .uimrj-ux-grid { grid-template-columns: 1fr; }
    .uimrj-ux-card { padding: 25px; }
}
/*--*/
/* UIMRJ Policy Sidebar - Elite Performance Styles */
.uimrj-policy-sidebar {
    font-family: 'Inter', -apple-system, sans-serif;
}

.uimrj-facts-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 24px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.uimrj-facts-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

/* Header Styles */
.uimrj-facts-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-integrity-icon {
    position: relative;
    width: 48px;
    height: 48px;
    background: #1a4a72;
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.uimrj-verify-dot {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    background: #10b981;
    border: 2px solid #fff;
    border-radius: 50%;
    animation: uimrj-ping 1.5s infinite;
}

@keyframes uimrj-ping {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.4; }
    100% { transform: scale(1); opacity: 1; }
}

.uimrj-sidebar-heading {
    font-size: 1.05rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-compliance-status {
    font-size: 0.65rem;
    font-weight: 700;
    color: #10b981;
    text-transform: uppercase;
}

/* Fact Rows */
.uimrj-facts-table {
    display: flex;
    flex-direction: column;
}

.uimrj-fact-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid #f8fafc;
}

.uimrj-fact-row.no-border { border-bottom: none; }

.uimrj-fact-label {
    display: flex;
    align-items: center;
    gap: 12px;
}

.uimrj-fact-label i {
    font-size: 0.95rem;
    color: #1a4a72;
    width: 15px;
    text-align: center;
}

.uimrj-fact-label span {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 600;
}

.uimrj-fact-value {
    font-size: 0.85rem;
    font-weight: 800;
    color: #1e293b;
    text-align: right;
}

.status-green { color: #10b981; }
.status-red { color: #dc2626; }
.highlighted-blue {
    background: #f0f7ff;
    padding: 2px 8px;
    border-radius: 4px;
    color: #1a4a72;
}

/* Integrity Seal */
.uimrj-sidebar-integrity-seal {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #1a4a72;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

/* Mobile Fix */
@media (max-width: 991px) {
    .uimrj-facts-card { margin-top: 20px; }
}
/*--*/
/* UIMRJ Trust & Compliance - Unique Elite Styles */
.uimrj-compliance-widget {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 22px;
    padding: 25px;
    margin-top: 25px;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.uimrj-compliance-widget:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

.uimrj-compliance-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-shield-container {
    position: relative;
    width: 48px;
    height: 48px;
    background: #1a4a72;
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.uimrj-integrity-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(26, 74, 114, 0.2);
    border-radius: 12px;
    animation: uimrj-trust-ping 2s infinite ease-out;
}

@keyframes uimrj-trust-ping {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.5); opacity: 0; }
}

.uimrj-widget-main-title {
    font-size: 1rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-live-verification {
    font-size: 0.65rem;
    font-weight: 700;
    color: #10b981;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Compliance Items List */
.uimrj-compliance-grid {
    display: flex;
    flex-direction: column;
}

.uimrj-comp-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 14px 0;
    border-bottom: 1px solid #f8fafc;
    transition: all 0.3s ease;
}

.uimrj-comp-item.border-none { border-bottom: none; }

.uimrj-comp-item:hover {
    transform: translateX(8px);
}

.uimrj-comp-icon {
    font-size: 1.1rem;
    color: #1a4a72;
    width: 25px;
    text-align: center;
}

.uimrj-comp-data {
    display: flex;
    flex-direction: column;
}

.uimrj-comp-data strong {
    font-size: 0.85rem;
    font-weight: 800;
    color: #1e293b;
    line-height: 1.2;
}

.uimrj-comp-data span {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
}

/* Technical Seal Footer */
.uimrj-validation-footer {
    margin-top: 20px;
    background: #f0fdf4;
    border: 1px solid #dcfce7;
    color: #16a34a;
    padding: 10px;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-transform: uppercase;
}

/* Mobile Fix */
@media (max-width: 768px) {
    .uimrj-compliance-widget { padding: 20px; }
}
/*--*/
/* UIMRJ Official Contact - Unique Sidebar Styles */
.uimrj-contact-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 24px;
    padding: 25px;
    margin-top: 25px;
    font-family: 'Inter', -apple-system, sans-serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.uimrj-contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

.uimrj-contact-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-admin-icon {
    position: relative;
    width: 45px;
    height: 45px;
    background: #1a4a72;
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.uimrj-admin-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #1a4a72;
    border-radius: 12px;
    animation: uimrj-admin-ping 2s infinite ease-out;
}

@keyframes uimrj-admin-ping {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.4); opacity: 0; }
}

.uimrj-sidebar-h {
    font-size: 0.95rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-admin-tag {
    font-size: 0.65rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
}

/* Admin Detail List */
.uimrj-admin-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.uimrj-admin-item {
    display: flex;
    flex-direction: column;
}

.uimrj-admin-label {
    font-size: 0.68rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-admin-value {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e293b;
}

.uimrj-admin-email-box {
    margin-top: 10px;
    padding: 12px;
    background: #f0f7ff;
    border-radius: 12px;
    border: 1px solid #d0e6ff;
    transition: all 0.3s;
}

.uimrj-admin-email-box:hover {
    background: #1a4a72;
    border-color: #1a4a72;
}

.uimrj-admin-email {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1a4a72;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 700;
}

.uimrj-admin-email-box:hover .uimrj-admin-email {
    color: #ffffff;
}

/* Positioning Statement Styling */
.uimrj-positioning-statement {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
}

.uimrj-positioning-statement p {
    font-size: 0.8rem;
    line-height: 1.6;
    color: #475569;
    font-style: italic;
    text-align: justify;
    margin: 0;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-contact-card { padding: 20px; }
}
/*--*/

/*-Article Withdrawal Policy end-*/
/*-Retraction Policy start-*/
/*--*/
/* UIMRJ Retraction Style - Global Standard Elite */
.uimrj-retraction-foundation {
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
    padding: 10px 0;
}

.uimrj-retraction-hero {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 40px;
}

.uimrj-ethics-vault {
    position: relative;
    width: 85px;
    height: 85px;
    background: linear-gradient(135deg, #1a4a72 0%, #007bff 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    border-radius: 24px;
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.2);
    flex-shrink: 0;
}

.uimrj-integrity-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #1a4a72;
    border-radius: 24px;
    animation: uimrj-scale-pulse 2.5s infinite;
}

@keyframes uimrj-scale-pulse {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(1.4); opacity: 0; }
}

.uimrj-policy-tag {
    display: block;
    font-size: 0.85rem;
    font-weight: 800;
    color: #007bff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
}

.uimrj-retraction-main-title {
    font-size: 2.6rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 0;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.uimrj-gradient-separator {
    width: 100px;
    height: 6px;
    background: linear-gradient(90deg, #1a4a72, #00d2ff);
    border-radius: 10px;
    margin-top: 20px;
}

.uimrj-intro-text {
    font-size: 1.25rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
    text-align: justify;
}

/* Principles Grid Styling */
.uimrj-principles-container {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 40px;
    border-radius: 30px;
}

.uimrj-principles-heading {
    font-size: 1.6rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 12px;
}

.uimrj-principles-subtext {
    font-size: 1.1rem;
    color: #64748b;
    margin-bottom: 30px;
}

.uimrj-principles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.uimrj-principle-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 25px;
    border-radius: 20px;
    display: flex;
    gap: 15px;
    transition: all 0.4s ease;
}

.uimrj-principle-card:hover {
    transform: translateY(-8px);
    border-color: #1a4a72;
    box-shadow: 0 10px 25px rgba(26, 74, 114, 0.08);
}

.uimrj-p-icon {
    font-size: 1.3rem;
    color: #1a4a72;
    margin-top: 3px;
}

.uimrj-p-content strong {
    display: block;
    font-size: 1rem;
    color: #1e293b;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-p-content span {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.6;
    display: block;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .uimrj-retraction-hero { flex-direction: column; text-align: center; }
    .uimrj-retraction-main-title { font-size: 1.8rem; }
    .uimrj-gradient-separator { margin: 15px auto 0; }
    .uimrj-principles-container { padding: 25px; }
}
/*--*/
/* UIMRJ Retraction Grounds - Elite Design Styles */
.uimrj-retraction-grounds {
    margin: 50px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-grounds-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 35px;
}

.uimrj-alert-box {
    position: relative;
    width: 65px;
    height: 65px;
    background: #dc2626; /* Warning Red */
    color: #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    box-shadow: 0 10px 20px rgba(220, 38, 38, 0.15);
    flex-shrink: 0;
}

.uimrj-warning-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #dc2626;
    border-radius: 16px;
    animation: uimrj-alert-pulse 2s infinite ease-out;
}

@keyframes uimrj-alert-pulse {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(1.4); opacity: 0; }
}

.uimrj-sub-tag {
    font-size: 0.75rem;
    font-weight: 800;
    color: #dc2626;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.uimrj-grounds-main-title {
    font-size: 2.2rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 5px 0 0 0;
    letter-spacing: -0.04em;
}

.uimrj-accent-line {
    width: 60px;
    height: 5px;
    background: #1a4a72;
    margin-top: 15px;
    border-radius: 10px;
}

.uimrj-grounds-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Grounds Card Grid */
.uimrj-grounds-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.uimrj-grounds-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 30px;
    border-radius: 20px;
    display: flex;
    gap: 20px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.uimrj-grounds-card:hover {
    transform: translateY(-8px);
    border-color: #dc2626;
    box-shadow: 0 15px 35px rgba(220, 38, 38, 0.08);
}

.uimrj-grounds-card.border-warning {
    border-left: 5px solid #dc2626;
}

.uimrj-g-icon {
    font-size: 1.4rem;
    color: #dc2626;
    background: #fff1f2;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    flex-shrink: 0;
}

.uimrj-g-info h4 {
    font-size: 1.2rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 10px;
    line-height: 1.3;
}

.uimrj-g-info p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Mobile Fixes */
@media (max-width: 768px) {
    .uimrj-grounds-header { flex-direction: column; text-align: center; }
    .uimrj-grounds-main-title { font-size: 1.8rem; }
    .uimrj-accent-line { margin: 15px auto 0; }
    .uimrj-grounds-grid { grid-template-columns: 1fr; }
    .uimrj-grounds-card { padding: 25px; }
}
/*--*/
/* UIMRJ Workflow Styles - Elite Discovery Standard */
.uimrj-retraction-workflow {
    margin: 50px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-workflow-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
}

.uimrj-process-icon-box {
    position: relative;
    width: 65px;
    height: 65px;
    background: #1a4a72;
    color: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    box-shadow: 0 10px 20px rgba(26, 74, 114, 0.15);
    flex-shrink: 0;
}

.uimrj-scan-anim {
    position: absolute;
    width: 100%;
    height: 2px;
    background: rgba(0, 210, 255, 0.6);
    top: 0;
    animation: uimrj-scanner 3s linear infinite;
}

@keyframes uimrj-scanner {
    0% { top: 0; }
    50% { top: 100%; }
    100% { top: 0; }
}

.uimrj-workflow-tag {
    font-size: 0.75rem;
    font-weight: 800;
    color: #007bff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.uimrj-workflow-main-title {
    font-size: 2.3rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 4px 0 0 0;
    letter-spacing: -0.04em;
}

.uimrj-workflow-line {
    width: 70px;
    height: 5px;
    background: linear-gradient(90deg, #1a4a72, #00d2ff);
    border-radius: 10px;
    margin-top: 12px;
}

.uimrj-workflow-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Steps List Styling */
.uimrj-steps-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.uimrj-step-item {
    display: flex;
    align-items: center;
    gap: 25px;
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 25px 30px;
    border-radius: 20px;
    transition: all 0.4s ease;
}

.uimrj-step-item:hover {
    transform: translateX(10px);
    border-color: #1a4a72;
    box-shadow: 0 10px 30px rgba(26, 74, 114, 0.05);
}

.uimrj-step-item.highlighted {
    background: #f8fafc;
    border-left: 6px solid #1a4a72;
}

.uimrj-step-index {
    font-size: 2.2rem;
    font-weight: 900;
    color: rgba(26, 74, 114, 0.1);
    line-height: 1;
    min-width: 50px;
}

.uimrj-step-info h4 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 6px;
}

.uimrj-step-info p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-workflow-header { flex-direction: column; text-align: center; }
    .uimrj-workflow-main-title { font-size: 1.7rem; }
    .uimrj-step-item { flex-direction: column; text-align: center; gap: 10px; }
    .uimrj-step-item:hover { transform: translateY(-5px); }
    .uimrj-workflow-line { margin: 12px auto 0; }
}
/*--*/
/* UIMRJ Digital Permanence - Elite Discovery Standard */
.uimrj-digital-permanence {
    margin: 50px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-permanence-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 35px;
}

.uimrj-vault-icon {
    position: relative;
    width: 65px;
    height: 65px;
    background: #1a4a72;
    color: #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    box-shadow: 0 10px 20px rgba(26, 74, 114, 0.15);
}

.uimrj-archival-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #1a4a72;
    border-radius: 16px;
    animation: uimrj-vault-ping 2s infinite ease-out;
}

@keyframes uimrj-vault-ping {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.4); opacity: 0; }
}

.uimrj-archival-tag {
    font-size: 0.75rem;
    font-weight: 800;
    color: #1a4a72;
    background: #f0f7ff;
    padding: 3px 12px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.uimrj-permanence-main-heading {
    font-size: 2.1rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 5px 0 0 0;
    letter-spacing: -0.03em;
}

.uimrj-archival-line {
    width: 60px;
    height: 5px;
    background: #007bff;
    margin-top: 15px;
    border-radius: 10px;
}

.uimrj-permanence-desc {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Permanence Card Grid */
.uimrj-permanence-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.uimrj-perm-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 30px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition: all 0.4s ease;
}

.uimrj-perm-card:hover {
    transform: translateY(-5px);
    border-color: #1a4a72;
    box-shadow: 0 15px 30px rgba(26, 74, 114, 0.06);
}

.uimrj-perm-card.full-span { grid-column: 1 / -1; }

.uimrj-p-icon {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.watermark-style { background: #fff1f2; color: #e11d48; }
.link-style { background: #f0f7ff; color: #1a4a72; }
.index-style { background: #f0fdf4; color: #16a34a; }

.uimrj-p-info h4 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
}

.uimrj-p-info p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Archival Footer Badge */
.uimrj-archival-trust-footer {
    margin-top: 35px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 0.85rem;
    color: #1a4a72;
    border: 1px dashed #cbd5e1;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-permanence-main-heading { font-size: 1.7rem; }
    .uimrj-permanence-grid { grid-template-columns: 1fr; }
}
/*--*/
/* UIMRJ Retraction Sidebar - Professional Performance Styles */
.uimrj-retraction-sidebar {
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

.uimrj-tech-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 24px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
}

.uimrj-tech-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

/* Header with Ping Animation */
.uimrj-tech-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-tech-icon {
    position: relative;
    width: 48px;
    height: 48px;
    background: #1a4a72;
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.uimrj-active-ping {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    background: #10b981;
    border: 2px solid #fff;
    border-radius: 50%;
    animation: uimrj-ping-glow 1.5s infinite;
}

@keyframes uimrj-ping-glow {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.4; }
    100% { transform: scale(1); opacity: 1; }
}

.uimrj-sidebar-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-compliance-status {
    font-size: 0.65rem;
    font-weight: 700;
    color: #10b981;
    text-transform: uppercase;
}

/* Specs List Styles */
.uimrj-specs-list {
    display: flex;
    flex-direction: column;
}

.uimrj-spec-row {
    display: flex;
    flex-direction: column;
    padding: 12px 0;
    border-bottom: 1px solid #f8fafc;
}

.uimrj-spec-row.no-border { border-bottom: none; }

.uimrj-spec-label {
    font-size: 0.72rem;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.uimrj-spec-label i { color: #1a4a72; font-size: 0.8rem; width: 15px; }

.uimrj-spec-value {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e293b;
    padding-left: 23px;
}

.highlight-blue {
    color: #1a4a72;
    background: #f0f7ff;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
}

/* Integrity Badge */
.uimrj-integrity-seal {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
}

.uimrj-seal-box {
    background: #f0fdf4;
    border: 1px solid #dcfce7;
    color: #16a34a;
    padding: 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-transform: uppercase;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .uimrj-tech-card { margin-top: 20px; }
}
/*--*/
/* UIMRJ Discovery & Safety Sidebar - Elite Performance Styles */
.uimrj-safety-widget {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 24px;
    padding: 25px;
    margin-top: 25px;
    font-family: 'Inter', -apple-system, sans-serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
}

.uimrj-safety-widget:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

/* Header with Pulse Animation */
.uimrj-safety-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-radar-box {
    position: relative;
    width: 48px;
    height: 48px;
    background: #dc2626; /* Safety Red */
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.uimrj-safety-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(220, 38, 38, 0.2);
    border-radius: 14px;
    animation: uimrj-radar-ping 2s infinite ease-out;
}

@keyframes uimrj-radar-ping {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.6); opacity: 0; }
}

.uimrj-safety-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-compliance-tag {
    font-size: 0.65rem;
    font-weight: 700;
    color: #10b981;
    text-transform: uppercase;
}

/* Signal Rows List */
.uimrj-signals-container {
    display: flex;
    flex-direction: column;
}

.uimrj-signal-row {
    display: flex;
    gap: 15px;
    padding: 12px 0;
    border-bottom: 1px solid #f8fafc;
    transition: all 0.3s ease;
}

.uimrj-signal-row.no-border { border-bottom: none; }

.uimrj-signal-row:hover {
    transform: translateX(8px);
}

.uimrj-signal-icon {
    font-size: 1rem;
    color: #10b981; /* Signal Green */
    margin-top: 3px;
    width: 20px;
    text-align: center;
}

.uimrj-signal-body strong {
    display: block;
    font-size: 0.85rem;
    color: #1e293b;
    font-weight: 800;
}

.uimrj-signal-body p {
    font-size: 0.75rem;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
}

/* Discoverability Seal */
.uimrj-discovery-footer {
    margin-top: 20px;
    background: linear-gradient(135deg, #1a4a72 0%, #007bff 100%);
    padding: 10px;
    border-radius: 12px;
}

.uimrj-seal-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Mobile Fixes */
@media (max-width: 991px) {
    .uimrj-safety-widget { margin-top: 20px; }
}
/*--*/
/* UIMRJ Official Contact - Elite Performance Styles */
.uimrj-integrity-contact {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 24px;
    padding: 25px;
    margin-top: 25px;
    font-family: 'Inter', -apple-system, sans-serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
}

.uimrj-integrity-contact:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

/* Header Styles */
.uimrj-contact-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-chief-icon {
    position: relative;
    width: 48px;
    height: 48px;
    background: #1a4a72;
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.uimrj-contact-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(26, 74, 114, 0.2);
    border-radius: 14px;
    animation: uimrj-contact-ping 2s infinite ease-out;
}

@keyframes uimrj-contact-ping {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.5); opacity: 0; }
}

.uimrj-widget-title {
    font-size: 1rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-verification-tag {
    font-size: 0.65rem;
    font-weight: 700;
    color: #10b981;
    text-transform: uppercase;
}

/* Details List */
.uimrj-contact-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.uimrj-contact-item {
    display: flex;
    flex-direction: column;
}

.uimrj-contact-label {
    font-size: 0.68rem;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.uimrj-contact-value {
    font-size: 0.92rem;
    font-weight: 700;
    color: #1e293b;
    margin-top: 2px;
}

.highlight-issn {
    color: #1a4a72;
    background: #f0f7ff;
    padding: 1px 6px;
    border-radius: 4px;
    display: inline-block;
}

/* Email Box Action */
.uimrj-email-action-box {
    margin-top: 15px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 12px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.uimrj-email-action-box:hover {
    background: #1a4a72;
    border-color: #1a4a72;
}

.uimrj-email-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    color: #1a4a72;
    font-size: 0.82rem;
    font-weight: 800;
}

.uimrj-email-action-box:hover .uimrj-email-link {
    color: #ffffff;
}

/* Compliance Footer */
.uimrj-compliance-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #16a34a;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

/* Mobile Fixes */
@media (max-width: 991px) {
    .uimrj-integrity-contact { margin-top: 20px; }
}
/*--*/

/*-Retraction Policy end-*/

/*-Complaints & Appeals start-*/
/*--*/
/* UIMRJ Appeals Foundation - Elite Performance Styles */
.uimrj-appeals-foundation {
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
    padding: 10px 0;
}

.uimrj-appeals-hero {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 40px;
}

.uimrj-justice-icon {
    position: relative;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #1a4a72 0%, #007bff 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    border-radius: 24px;
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.2);
    flex-shrink: 0;
}

.uimrj-integrity-ripple {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #1a4a72;
    border-radius: 24px;
    animation: uimrj-ripple 3s infinite ease-out;
}

@keyframes uimrj-ripple {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(1.5); opacity: 0; }
}

.uimrj-framework-tag {
    display: block;
    font-size: 0.85rem;
    font-weight: 800;
    color: #007bff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
}

.uimrj-appeals-main-title {
    font-size: 2.5rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 0;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.uimrj-gradient-bar {
    width: 100px;
    height: 6px;
    background: linear-gradient(90deg, #1a4a72, #00d2ff);
    border-radius: 10px;
    margin-top: 20px;
}

.uimrj-intro-para {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 45px;
    text-align: justify;
}

/* Scope Grid Styling */
.uimrj-scope-container {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 40px;
    border-radius: 30px;
}

.uimrj-scope-heading {
    font-size: 1.6rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 12px;
}

.uimrj-scope-subtext {
    font-size: 1.1rem;
    color: #64748b;
    margin-bottom: 30px;
}

.uimrj-scope-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.uimrj-scope-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 25px;
    border-radius: 20px;
    display: flex;
    gap: 15px;
    transition: all 0.4s ease;
}

.uimrj-scope-card:hover {
    transform: translateY(-8px);
    border-color: #1a4a72;
    box-shadow: 0 10px 25px rgba(26, 74, 114, 0.08);
}

.uimrj-scope-card.border-warning {
    border-left: 5px solid #007bff;
}

.uimrj-s-icon {
    font-size: 1.3rem;
    color: #1a4a72;
    margin-top: 3px;
}

.uimrj-s-content strong {
    display: block;
    font-size: 1rem;
    color: #1e293b;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-s-content span {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.6;
    display: block;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-appeals-hero { flex-direction: column; text-align: center; }
    .uimrj-appeals-main-title { font-size: 1.8rem; }
    .uimrj-gradient-bar { margin: 15px auto 0; }
    .uimrj-scope-container { padding: 25px; }
}
/*--*/
/* UIMRJ Appeal Procedure - Professional Performance Styles */
.uimrj-appeal-procedure {
    margin: 50px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-procedure-hero {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 35px;
}

.uimrj-pathway-icon {
    position: relative;
    width: 65px;
    height: 65px;
    background: #1a4a72;
    color: #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    box-shadow: 0 10px 20px rgba(26, 74, 114, 0.15);
    flex-shrink: 0;
}

.uimrj-pathway-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #1a4a72;
    border-radius: 16px;
    animation: uimrj-path-ping 2s infinite ease-out;
}

@keyframes uimrj-path-ping {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(1.4); opacity: 0; }
}

.uimrj-step-tag {
    font-size: 0.75rem;
    font-weight: 800;
    color: #007bff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.uimrj-procedure-main-title {
    font-size: 2.1rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 5px 0 0 0;
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.uimrj-accent-underline {
    width: 60px;
    height: 5px;
    background: #1a4a72;
    margin-top: 15px;
    border-radius: 10px;
}

.uimrj-procedure-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Requirement Grid Styling */
.uimrj-requirements-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.uimrj-req-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 30px;
    border-radius: 20px;
    transition: all 0.4s ease;
}

.uimrj-req-card:hover {
    transform: translateY(-8px);
    border-color: #1a4a72;
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
}

.uimrj-req-card.uimrj-highlight-blue {
    background: #f0f7ff;
    border-color: #d0e6ff;
}

.uimrj-req-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.uimrj-req-header i { color: #1a4a72; font-size: 1.3rem; }

.uimrj-req-header h4 {
    font-size: 1.2rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
}

.uimrj-req-list {
    padding-left: 20px;
    margin: 0;
}

.uimrj-req-list li {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #64748b;
    margin-bottom: 10px;
}

.uimrj-timeline-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
    margin-bottom: 20px;
}

.uimrj-compliance-badge {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #1a4a72;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Alert Footer Styling */
.uimrj-indexing-footer-alert {
    margin-top: 40px;
    padding: 20px 25px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #1a4a72;
    font-size: 0.9rem;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-procedure-hero { flex-direction: column; text-align: center; }
    .uimrj-procedure-main-title { font-size: 1.7rem; }
    .uimrj-accent-underline { margin: 15px auto 0; }
    .uimrj-requirements-grid { grid-template-columns: 1fr; }
    .uimrj-req-card { padding: 25px; }
}
/*--*/
/* UIMRJ Resolution Workflow - Elite Performance Styles */
.uimrj-resolution-workflow {
    margin: 50px 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #1e293b;
}

.uimrj-workflow-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 35px;
}

.uimrj-audit-icon {
    position: relative;
    width: 65px;
    height: 65px;
    background: #1a4a72;
    color: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    box-shadow: 0 10px 20px rgba(26, 74, 114, 0.15);
    flex-shrink: 0;
    overflow: hidden;
}

.uimrj-scanner-line {
    position: absolute;
    width: 100%;
    height: 2px;
    background: rgba(0, 210, 255, 0.6);
    top: 0;
    animation: uimrj-scanning 3s linear infinite;
}

@keyframes uimrj-scanning {
    0% { top: 0; }
    50% { top: 100%; }
    100% { top: 0; }
}

.uimrj-workflow-label {
    font-size: 0.75rem;
    font-weight: 800;
    color: #007bff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.uimrj-workflow-heading {
    font-size: 2.2rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 2px 0 0 0;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.uimrj-workflow-accent {
    width: 70px;
    height: 5px;
    background: linear-gradient(90deg, #1a4a72, #00d2ff);
    margin-top: 15px;
    border-radius: 10px;
}

.uimrj-workflow-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Vertical Timeline Styling */
.uimrj-process-timeline {
    position: relative;
    padding-left: 20px;
}

.uimrj-process-timeline::before {
    content: '';
    position: absolute;
    left: 45px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #eef2f6;
}

.uimrj-timeline-item {
    position: relative;
    display: flex;
    gap: 35px;
    margin-bottom: 30px;
    transition: all 0.4s ease;
}

.uimrj-timeline-marker {
    position: relative;
    z-index: 2;
    width: 50px;
    height: 50px;
    background: #ffffff;
    border: 2px solid #1a4a72;
    color: #1a4a72;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 1.1rem;
    flex-shrink: 0;
    transition: all 0.3s;
}

.uimrj-timeline-item:hover .uimrj-timeline-marker {
    background: #1a4a72;
    color: #fff;
    transform: scale(1.1);
}

.uimrj-timeline-content {
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 20px 25px;
    border-radius: 18px;
    flex-grow: 1;
}

.uimrj-final-escalation .uimrj-timeline-content {
    background: #f0f7ff;
    border-color: #d0e6ff;
}

.uimrj-timeline-content h4 {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1a4a72;
    margin-bottom: 5px;
}

.uimrj-timeline-content p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Technical Trust Bar */
.uimrj-technical-trust-bar {
    margin-top: 40px;
    padding: 20px 25px;
    background: #f8fafc;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 0.9rem;
    color: #1a4a72;
    border: 1px dashed #cbd5e1;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-workflow-heading { font-size: 1.6rem; }
    .uimrj-timeline-item { flex-direction: column; gap: 10px; }
    .uimrj-process-timeline::before { display: none; }
    .uimrj-timeline-marker { margin: 0 auto; }
    .uimrj-timeline-content { text-align: center; }
}
/*--*/
/* UIMRJ Governance Styles - Elite Performance Standards */
.uimrj-governance-framework {
    margin: 50px 0;
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
    color: #1e293b;
}

.uimrj-gov-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 35px;
}

.uimrj-fortress-icon {
    position: relative;
    width: 70px;
    height: 70px;
    background: #1a4a72;
    color: #fff;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    box-shadow: 0 12px 25px rgba(26, 74, 114, 0.15);
    flex-shrink: 0;
}

.uimrj-secure-orbit {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px dashed rgba(255, 255, 255, 0.4);
    border-radius: 18px;
    animation: uimrj-rotate-secure 8s linear infinite;
}

@keyframes uimrj-rotate-secure {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.uimrj-gov-tag {
    font-size: 0.75rem;
    font-weight: 800;
    color: #007bff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.uimrj-gov-main-heading {
    font-size: 2.3rem;
    font-weight: 900;
    color: #1a4a72;
    margin: 4px 0 0 0;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.uimrj-gov-separator {
    width: 80px;
    height: 5px;
    background: linear-gradient(90deg, #1a4a72, #00d2ff);
    border-radius: 10px;
    margin-top: 15px;
}

.uimrj-gov-intro {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 40px;
}

/* Governance Grid */
.uimrj-gov-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.uimrj-gov-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 30px;
    border-radius: 20px;
    transition: all 0.4s ease;
}

.uimrj-gov-card:hover {
    transform: translateY(-8px);
    border-color: #1a4a72;
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
}

.uimrj-gov-card.full-width-card {
    grid-column: 1 / -1;
    background: #f8fafc;
}

.uimrj-card-head {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.uimrj-c-icon {
    font-size: 1.25rem;
    color: #1a4a72;
}

.uimrj-card-head h4 {
    font-size: 1.2rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
}

.uimrj-gov-card p {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #64748b;
    margin: 0;
}

/* Compliance Alert */
.uimrj-compliance-note {
    margin-top: 40px;
    padding: 20px 25px;
    background: #f0fdf4;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 0.9rem;
    color: #16a34a;
    border: 1px solid #dcfce7;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .uimrj-gov-main-heading { font-size: 1.7rem; }
    .uimrj-gov-grid { grid-template-columns: 1fr; }
    .uimrj-gov-card { padding: 25px; }
}
/*--*/
/* UIMRJ Appeals Sidebar - High-Performance Styles */
.uimrj-appeals-sidebar {
    font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

.uimrj-policy-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 24px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
}

.uimrj-policy-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

/* Header with Pulse Animation */
.uimrj-policy-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-justice-icon-box {
    position: relative;
    width: 48px;
    height: 48px;
    background: #1a4a72;
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.uimrj-audit-pulse {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    background: #10b981;
    border: 2px solid #fff;
    border-radius: 50%;
    animation: uimrj-pulse-glow 1.5s infinite;
}

@keyframes uimrj-pulse-glow {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.4; }
    100% { transform: scale(1); opacity: 1; }
}

.uimrj-sidebar-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-system-status {
    font-size: 0.65rem;
    font-weight: 700;
    color: #10b981;
    text-transform: uppercase;
}

/* Facts Table Styles */
.uimrj-facts-table {
    display: flex;
    flex-direction: column;
}

.uimrj-fact-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid #f8fafc;
}

.uimrj-fact-row.no-border { border-bottom: none; }

.uimrj-fact-label {
    font-size: 0.82rem;
    font-weight: 600;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 10px;
}

.uimrj-fact-label i { color: #1a4a72; font-size: 0.9rem; width: 15px; text-align: center; }

.uimrj-fact-value {
    font-size: 0.85rem;
    font-weight: 800;
    color: #1e293b;
    text-align: right;
}

.status-blue { color: #007bff; }

.highlight-audit {
    background: #f0f7ff;
    padding: 2px 8px;
    border-radius: 4px;
    color: #1a4a72;
}

/* Accountability Badge */
.uimrj-accountability-seal {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
}

.uimrj-seal-content {
    background: #f0fdf4;
    border: 1px solid #dcfce7;
    color: #16a34a;
    padding: 10px;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-transform: uppercase;
}

/* Mobile Fixes */
@media (max-width: 991px) {
    .uimrj-policy-card { margin-top: 20px; }
}
/*--*/
/* UIMRJ Trust Signals Sidebar - Unique Premium Styles */
.uimrj-trust-signals-widget {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 24px;
    padding: 25px;
    margin-top: 25px;
    font-family: 'Inter', -apple-system, sans-serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.uimrj-trust-signals-widget:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

/* Header with Glow Animation */
.uimrj-signals-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-shield-box {
    position: relative;
    width: 48px;
    height: 48px;
    background: #1a4a72;
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.uimrj-shield-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(26, 74, 114, 0.2);
    border-radius: 14px;
    animation: uimrj-glow-pulse 2s infinite ease-out;
}

@keyframes uimrj-glow-pulse {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.6); opacity: 0; }
}

.uimrj-sidebar-h3 {
    font-size: 1.05rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-status-badge {
    font-size: 0.65rem;
    font-weight: 700;
    color: #10b981;
    text-transform: uppercase;
}

/* List Items Styling */
.uimrj-signals-list {
    display: flex;
    flex-direction: column;
}

.uimrj-signal-item {
    display: flex;
    gap: 15px;
    padding: 14px 0;
    border-bottom: 1px solid #f8fafc;
    transition: all 0.3s ease;
}

.uimrj-signal-item.no-border-b { border-bottom: none; }

.uimrj-signal-item:hover {
    transform: translateX(8px);
}

.uimrj-signal-icon-box {
    font-size: 1rem;
    color: #1a4a72;
    background: #f0f7ff;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-shrink: 0;
}

.uimrj-signal-text strong {
    display: block;
    font-size: 0.85rem;
    color: #1e293b;
    font-weight: 800;
}

.uimrj-signal-text p {
    font-size: 0.75rem;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
}

/* Safety Seal Footer */
.uimrj-safety-seal {
    margin-top: 20px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    padding: 10px;
    border-radius: 12px;
}

.uimrj-seal-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Mobile Fixes */
@media (max-width: 991px) {
    .uimrj-trust-signals-widget { margin-top: 20px; }
}
/*--*/
/* UIMRJ Official Contact - Elite Sidebar Styles */
.uimrj-integrity-contact-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 24px;
    padding: 25px;
    margin-top: 25px;
    font-family: 'Inter', -apple-system, sans-serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.uimrj-integrity-contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(26, 74, 114, 0.08);
    border-color: #1a4a72;
}

/* Header with Radar Animation */
.uimrj-contact-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}

.uimrj-admin-icon-box {
    position: relative;
    width: 48px;
    height: 48px;
    background: #1a4a72;
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}

.uimrj-contact-radar {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #1a4a72;
    border-radius: 14px;
    animation: uimrj-radar-ping 2.5s infinite ease-out;
}

@keyframes uimrj-radar-ping {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.5); opacity: 0; }
}

.uimrj-sidebar-h3 {
    font-size: 1rem;
    font-weight: 800;
    color: #1a4a72;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.uimrj-verification-label {
    font-size: 0.65rem;
    font-weight: 700;
    color: #10b981;
    text-transform: uppercase;
}

/* Detail Styling */
.uimrj-admin-detail {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.uimrj-admin-label {
    font-size: 0.68rem;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.uimrj-admin-name {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
    margin-top: 2px;
}

/* Action Buttons */
.uimrj-action-container {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.uimrj-action-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 800;
    transition: all 0.3s;
}

.email-btn { background: #f0f7ff; color: #1a4a72; border: 1px solid #d0e6ff; }
.support-btn { background: #f8fafc; color: #475569; border: 1px solid #e2e8f0; }

.uimrj-action-btn:hover {
    background: #1a4a72;
    color: #ffffff;
    border-color: #1a4a72;
}

/* Integrity Stamp Footer */
.uimrj-integrity-stamp {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #16a34a;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

/* Mobile Fix */
@media (max-width: 991px) {
    .uimrj-integrity-contact-card { margin-top: 20px; }
}
/*--*/

/*-Complaints & Appeals end-*/
/*-sitemap start-*/
/*--*/
/* --- UIMRJ Elite Sitemap Styles --- */
.sitemap-left-col {
    background: #ffffff;
    border-radius: 16px;
    padding: 35px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.05);
    border: 1px solid #edf2f7;
}

.section-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
    border-bottom: 2px solid #f7fafc;
    padding-bottom: 25px;
}

.header-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
    color: white;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.2);
}

.header-text h2 {
    color: #0f172a;
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0;
}

.header-text p {
    color: white;
    font-size: 0.95rem;
    margin-top: 5px;
    line-height: 1.4;
}

.cluster-title {
    color: #1e3a8a;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
    padding-left: 10px;
    border-left: 4px solid #facc15;
}

.sitemap-nav {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sitemap-item {
    display: flex;
    align-items: center;
    padding: 18px;
    background: #f8fafc;
    border-radius: 12px;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
}

.sitemap-item:hover {
    background: #ffffff;
    border-color: #3b82f6;
    transform: translateX(10px);
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.1);
}

.item-icon {
    width: 45px;
    height: 45px;
    background: #eff6ff;
    color: #2563eb;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-right: 20px;
    transition: 0.3s;
}

.sitemap-item:hover .item-icon {
    background: #2563eb;
    color: white;
}

.item-info {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.item-info strong {
    color: #1e293b;
    font-size: 1.05rem;
    font-weight: 700;
}

.item-info small {
    color: #64748b;
    font-size: 0.85rem;
    margin-top: 2px;
}

.arrow-hint {
    color: #cbd5e1;
    font-size: 0.9rem;
    transition: 0.3s;
}

.sitemap-item:hover .arrow-hint {
    color: #2563eb;
    transform: translateX(5px);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .sitemap-left-col { padding: 20px; }
    .section-header { flex-direction: column; text-align: center; }
    .item-icon { margin-right: 15px; }
    .item-info strong { font-size: 0.95rem; }
}
/*--*/
/* --- UIMRJ Elite Governance Sitemap Style --- */
.sitemap-governance-cluster {
    margin-top: 50px;
    padding: 20px;
    border-top: 1px solid #f1f5f9;
}

.governance-intro {
    margin-bottom: 30px;
    position: relative;
}

.trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ecfdf5;
    color: #059669;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 15px;
    border: 1px solid #d1fae5;
}

.governance-intro h3 {
    color: #1e3a8a;
    font-size: 1.4rem;
    font-weight: 800;
    margin-bottom: 10px;
}

.governance-intro p {
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Grid Logic */
.governance-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.gov-item {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.gov-item:hover {
    border-color: #2563eb;
    background: #f8fbff;
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 30px rgba(37, 99, 235, 0.1);
}

.gov-icon-wrap {
    width: 50px;
    height: 50px;
    background: #f1f5f9;
    color: #1e3a8a;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin-right: 20px;
    transition: 0.3s;
}

.gov-item:hover .gov-icon-wrap {
    background: #2563eb;
    color: #ffffff;
    transform: rotate(5deg);
}

.gov-content {
    flex: 1;
}

.gov-title {
    display: block;
    color: #0f172a;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 3px;
}

.gov-desc {
    display: block;
    color: #64748b;
    font-size: 0.85rem;
}

.gov-action {
    color: #cbd5e1;
    font-size: 0.9rem;
    transition: 0.3s;
}

.gov-item:hover .gov-action {
    color: #2563eb;
    transform: translateX(3px);
}

/* --- Responsive Adaptations --- */
@media (max-width: 992px) {
    .governance-intro h3 { font-size: 1.2rem; }
}

@media (max-width: 600px) {
    .gov-item { padding: 15px; }
    .gov-icon-wrap { width: 40px; height: 40px; font-size: 1.1rem; margin-right: 15px; }
    .gov-title { font-size: 1rem; }
    .gov-desc { font-size: 0.8rem; }
}
/*--*/
/* --- UIMRJ Elite Repository & Archive Styles --- */
.sitemap-repository-cluster {
    margin-top: 50px;
    padding: 30px;
    background: #fcfdfe;
    border-radius: 20px;
    border: 1px solid #eef2f6;
}

.repository-header {
    display: flex;
    gap: 25px;
    margin-bottom: 35px;
    align-items: flex-start;
}

.pulse-icon {
    width: 65px;
    height: 65px;
    background: #1e3a8a;
    color: #facc15;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    box-shadow: 0 10px 25px rgba(30, 58, 138, 0.15);
}

.meta-label {
    background: rgba(30, 58, 138, 0.05);
    color: #1e3a8a;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 10px;
}

.header-meta h3 {
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0 0 8px;
}

.header-meta p {
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Card Grid Logic */
.archive-nav-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.archive-item-card {
    display: flex;
    align-items: center;
    padding: 22px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    text-decoration: none !important;
    transition: all 0.4s ease;
    position: relative;
}

.archive-item-card:hover {
    transform: translateY(-5px);
    border-color: #2563eb;
    box-shadow: 0 15px 35px rgba(37, 99, 235, 0.08);
}

.card-icon {
    font-size: 1.4rem;
    color: #3b82f6;
    margin-right: 20px;
    width: 40px;
    text-align: center;
}

.card-body .card-title {
    display: block;
    color: #1e293b;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 2px;
}

.card-body .card-desc {
    display: block;
    color: #64748b;
    font-size: 0.85rem;
}

/* Special Tags & Highlights */
.status-tag {
    position: absolute;
    right: 20px;
    background: #10b981;
    color: white;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
}

.highlight-doi {
    background: linear-gradient(to right, #ffffff, #f0f7ff);
    border: 1px solid #bfdbfe;
}

.doi-check {
    position: absolute;
    right: 20px;
    color: #2563eb;
    opacity: 0.3;
    font-size: 1.2rem;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .repository-header { flex-direction: column; gap: 15px; }
    .pulse-icon { width: 50px; height: 50px; font-size: 1.4rem; }
    .archive-item-card { padding: 18px; }
    .status-tag { display: none; }
}
/*--*/
/* --- UIMRJ Elite Technical Sitemap Style --- */
.sitemap-technical-cluster {
    margin-top: 50px;
    padding: 35px;
    background: #0f172a; /* Dark Elite Theme */
    border-radius: 24px;
    color: #f8fafc;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.tech-header {
    display: flex;
    gap: 25px;
    margin-bottom: 40px;
}

.glow-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: #facc15;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    box-shadow: 0 0 30px rgba(37, 99, 235, 0.3);
}

.indexing-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 50%;
    animation: tech-pulse 2s infinite;
}

@keyframes tech-pulse {
    0% { transform: scale(0.9); opacity: 1; }
    70% { transform: scale(2); opacity: 0; }
    100% { transform: scale(0.9); opacity: 0; }
}

.header-info h3 {
    color: white;
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.header-info p {
    color: #94a3b8;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Link Cards */
.tech-link-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.tech-card {
    display: flex;
    align-items: center;
    padding: 20px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.tech-card:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: #3b82f6;
    transform: translateX(12px);
}

.card-lead {
    font-size: 1.5rem;
    color: #60a5fa;
    margin-right: 25px;
    width: 45px;
    text-align: center;
}

.scholar-gold { color: #facc15; }
.crossref-blue { color: #3b82f6; }
.xml-code { color: #f472b6; }

.t-title {
    display: block;
    color: white;
    font-weight: 700;
    font-size: 1.1rem;
}

.t-desc {
    display: block;
    color: #64748b;
    font-size: 0.85rem;
    margin-top: 3px;
}

.bot-badge {
    position: absolute;
    right: 20px;
    font-size: 0.65rem;
    background: #1e293b;
    color: #94a3b8;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #334155;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .tech-header { flex-direction: column; gap: 15px; }
    .glow-icon { width: 55px; height: 55px; font-size: 1.5rem; }
    .tech-card:hover { transform: translateY(-5px); }
    .bot-badge { display: none; }
}
/*--*/
/* --- UIMRJ Elite Submission Hub Style --- */
.sitemap-submission-cluster {
    margin-top: 50px;
    padding: 30px;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #f1f5f9;
    box-shadow: 0 4px 20px rgba(0,0,0,0.02);
}

.submission-header {
    display: flex;
    gap: 20px;
    margin-bottom: 35px;
    align-items: center;
}

.action-icon {
    width: 60px;
    height: 60px;
    background: #2563eb;
    color: white;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2);
}

.global-call-badge {
    background: #fef3c7;
    color: #92400e;
    font-size: 0.7rem;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 8px;
}

.header-text-group h3 {
    color: #1e293b;
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0 0 5px;
}

.header-text-group p {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Submission Grid */
.submission-links-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sub-item {
    display: flex;
    align-items: center;
    padding: 18px 22px;
    background: #f8fafc;
    border-radius: 12px;
    text-decoration: none !important;
    border: 1px solid transparent;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.sub-item:hover {
    background: #ffffff;
    border-color: #cbd5e1;
    transform: translateX(8px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.sub-icon-box {
    width: 45px;
    height: 45px;
    color: #475569;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    transition: 0.3s;
}

.sub-item:hover .sub-icon-box {
    color: #2563eb;
    transform: scale(1.1);
}

.sub-label {
    display: block;
    color: #0f172a;
    font-weight: 700;
    font-size: 1.05rem;
}

.sub-detail {
    display: block;
    color: #64748b;
    font-size: 0.85rem;
    margin-top: 2px;
}

/* Highlighted CTA Styles */
.highlight-cta {
    background: linear-gradient(to right, #2563eb, #1d4ed8);
    border: none;
}

.highlight-cta .sub-label, 
.highlight-cta .sub-detail, 
.highlight-cta .sub-icon-box,
.highlight-cta .sub-arrow {
    color: #ffffff !important;
}

.highlight-cta:hover {
    background: #1e40af;
    transform: translateX(12px);
}

.apc-badge {
    position: absolute;
    right: 20px;
    font-size: 0.65rem;
    font-weight: 800;
    color: #059669;
    background: #d1fae5;
    padding: 3px 10px;
    border-radius: 4px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .submission-header { flex-direction: column; text-align: center; }
    .sub-item { padding: 15px; }
    .apc-badge { display: none; }
    .sub-item:hover { transform: translateY(-3px); }
}
/*--*/
/* --- UIMRJ Elite Documentation Sitemap Style --- */
.sitemap-doc-cluster {
    margin-top: 50px;
    padding: 35px;
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 25px rgba(0,0,0,0.03);
}

.doc-header {
    display: flex;
    gap: 25px;
    margin-bottom: 40px;
    align-items: flex-start;
}

.doc-icon-main {
    width: 65px;
    height: 65px;
    background: #1e3a8a; /* Deep Scholarly Blue */
    color: #facc15; /* Gold Accent */
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    box-shadow: 0 10px 25px rgba(30, 58, 138, 0.15);
}

.compliance-tag {
    background: #f0fdf4;
    color: #166534;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
}

.doc-intro h3 {
    color: #0f172a;
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.doc-intro p {
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Document Cards */
.doc-links-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.doc-card {
    display: flex;
    align-items: center;
    padding: 22px;
    background: #f8fafc;
    border: 1px solid transparent;
    border-radius: 16px;
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
}

.doc-card:hover {
    background: #ffffff;
    border-color: #3b82f6;
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(59, 130, 246, 0.08);
}

.doc-type-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 1.4rem;
    margin-right: 25px;
    background: white;
}

.doc-word { color: #2b579a; } /* Word Blue */
.doc-legal { color: #dc2626; } /* Legal Red */
.doc-ethics { color: #059669; } /* Ethics Green */

.doc-label {
    display: block;
    color: #1e293b;
    font-weight: 700;
    font-size: 1.1rem;
}

.doc-detail {
    display: block;
    color: #64748b;
    font-size: 0.85rem;
    margin-top: 2px;
}

.doc-action-label {
    position: absolute;
    right: 25px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #3b82f6;
    background: #eff6ff;
    padding: 6px 14px;
    border-radius: 6px;
    transition: 0.3s;
}

.doc-card:hover .doc-action-label {
    background: #3b82f6;
    color: white;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .doc-header { flex-direction: column; gap: 15px; }
    .doc-card { padding: 18px; }
    .doc-action-label { display: none; }
    .doc-type-icon { margin-right: 15px; }
}
/*--*/
/* --- UIMRJ Elite Ethics Sitemap Style --- */
.sitemap-ethics-cluster {
    margin-top: 50px;
    padding: 35px;
    background: #f8fafc;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.ethics-header {
    display: flex;
    gap: 25px;
    margin-bottom: 40px;
}

.shield-icon {
    width: 70px;
    height: 70px;
    background: #064e3b; /* Deep Ethics Green */
    color: #facc15; /* Gold Accent */
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    box-shadow: 0 10px 25px rgba(6, 78, 59, 0.2);
}

.compliance-badge {
    background: #dcfce7;
    color: #166534;
    font-size: 0.7rem;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
    border: 1px solid #bbf7d0;
}

.header-main h3 {
    color: #0f172a;
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.header-main p {
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Link Cards Grid */
.ethics-link-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ethic-card {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ethic-card:hover {
    border-color: #059669;
    transform: translateX(10px);
    box-shadow: 0 8px 20px rgba(5, 150, 105, 0.08);
}

.highlight-gold {
    border-left: 5px solid #facc15;
}

.ethic-icon {
    width: 45px;
    height: 45px;
    background: #f1f5f9;
    color: #064e3b;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-right: 20px;
    transition: 0.3s;
}

.ethic-card:hover .ethic-icon {
    background: #059669;
    color: white;
}

.ethic-title {
    display: block;
    color: #1e293b;
    font-weight: 700;
    font-size: 1.1rem;
}

.ethic-desc {
    display: block;
    color: #64748b;
    font-size: 0.85rem;
}

/* Sub-Policy Grid */
.policy-sub-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 10px;
}

.sub-policy-link {
    background: white;
    border: 1px solid #e2e8f0;
    padding: 12px;
    border-radius: 8px;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    transition: 0.3s;
}

.sub-policy-link:hover {
    background: #f8fafc;
    color: #059669;
    border-color: #059669;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .ethics-header { flex-direction: column; gap: 15px; }
    .ethic-card { padding: 15px; }
    .policy-sub-grid { grid-template-columns: 1fr; }
}
/*--*/
/* --- UIMRJ Elite Legal & Rights Sitemap Style --- */
.sitemap-legal-fortress {
    margin-top: 50px;
    padding: 35px;
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid #eef2f6;
    box-shadow: 0 4px 30px rgba(0,0,0,0.02);
}

.legal-header {
    display: flex;
    gap: 25px;
    margin-bottom: 40px;
    align-items: center;
}

.legal-icon-box {
    width: 65px;
    height: 65px;
    background: #111827; /* Sophisticated Black-Blue */
    color: #facc15; /* Gold Accent */
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    box-shadow: 0 10px 20px rgba(17, 24, 39, 0.15);
}

.legal-badge {
    background: #eff6ff;
    color: #1e40af;
    font-size: 0.7rem;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
    border: 1px solid #dbeafe;
}

.legal-meta h3 {
    color: #111827;
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0 0 8px;
}

.legal-meta p {
    color: #6b7280;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Legal Cards Grid */
.legal-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.legal-item {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #f9fafb;
    border: 1px solid #f3f4f6;
    border-radius: 14px;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.legal-item:hover {
    background: #ffffff;
    border-color: #111827;
    transform: translateX(10px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

.legal-icon {
    width: 45px;
    height: 45px;
    color: #111827;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.legal-title {
    display: block;
    color: #111827;
    font-weight: 700;
    font-size: 1.1rem;
}

.legal-desc {
    display: block;
    color: #6b7280;
    font-size: 0.85rem;
}

/* Specialized Highlighting */
.oa-highlight {
    background: linear-gradient(to right, #fdf2f2, #ffffff);
    border-left: 5px solid #ef4444; /* OA Orange-Red */
}

.oa-indicator {
    position: absolute;
    right: 20px;
    font-size: 1.5rem;
    color: #ef4444;
    opacity: 0.2;
}

.archiving-glow {
    background: linear-gradient(to right, #f0fdf4, #ffffff);
}

.preservation-label {
    position: absolute;
    right: 20px;
    font-size: 0.65rem;
    font-weight: 800;
    color: #15803d;
    background: #dcfce7;
    padding: 4px 10px;
    border-radius: 4px;
}

/* Sub-Group Buttons */
.legal-sub-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 5px 0;
}

.sub-legal-btn {
    padding: 15px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 700;
    color: #374151;
    text-decoration: none;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sub-legal-btn:hover {
    background: #111827;
    color: white;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .legal-header { flex-direction: column; text-align: center; }
    .legal-sub-group { grid-template-columns: 1fr; }
    .preservation-label { display: none; }
}
/*--*/
/* --- UIMRJ Prestige Sidebar Style --- */
.sitemap-prestige-sidebar {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    position: sticky;
    top: 20px;
}

.sidebar-header {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #1e3a8a;
    margin-bottom: 25px;
    font-size: 0.9rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.journal-identity-card {
    background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);
    padding: 25px;
    border-radius: 16px;
    color: white;
    margin-bottom: 30px;
}

.sidebar-title {
    font-size: 2rem;
    font-weight: 900;
    margin: 0;
    color: #facc15; /* Gold */
}

.sidebar-subtitle {
    font-size: 0.85rem;
    font-weight: 600;
    opacity: 0.9;
    margin: 5px 0 15px;
    line-height: 1.4;
}

.sidebar-tagline {
    font-size: 0.75rem;
    line-height: 1.6;
    opacity: 0.8;
}

.transparency-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(16, 185, 129, 0.2);
    color: #10b981;
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 800;
    margin-top: 20px;
}

.status-dot {
    width: 6px;
    height: 6px;
    background: #10b981;
    border-radius: 50%;
    animation: sidebar-pulse 2s infinite;
}

@keyframes sidebar-pulse {
    0% { transform: scale(0.9); opacity: 1; }
    70% { transform: scale(2); opacity: 0; }
    100% { transform: scale(0.9); opacity: 0; }
}

/* Metadata List */
.identity-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.identity-list li {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #f1f5f9;
}

.identity-list li:last-child { border: none; }

.list-label {
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 600;
}

.list-value {
    font-size: 0.8rem;
    color: #0f172a;
    font-weight: 700;
}

/* Sidebar Footer */
.sidebar-footer {
    text-align: center;
    border-top: 1px solid #f1f5f9;
    padding-top: 25px;
}

.sidebar-footer p {
    font-size: 0.8rem;
    color: #475569;
    margin-bottom: 15px;
}

.footer-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 1.2rem;
    color: #cbd5e1;
}

.footer-icons i:hover {
    color: #1e3a8a;
    transform: translateY(-2px);
    transition: 0.3s;
}

/* Mobile Adjustments */
@media (max-width: 991px) {
    .sitemap-prestige-sidebar { position: static; margin-top: 30px; }
}
/*--*/
/* --- UIMRJ Leadership Sidebar Style --- */

/*--*/
/* --- UIMRJ Prestige Sidebar Master CSS --- */
.uimrj-identity-wrapper {
    background: #ffffff;
    border-radius: 24px;
    padding: 30px;
    border: 1px solid #eef2f6;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.04);
    font-family: 'Inter', sans-serif;
}

.sidebar-top-header { margin-bottom: 25px; }

.identity-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0f7ff;
    color: #1e40af;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #dbeafe;
}

/* Brand Card */
.brand-showcase-card {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
    border-radius: 20px;
    padding: 30px 20px;
    text-align: center;
    color: white;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.uimrj-logo-circle {
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #facc15;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.logo-txt {
    color: #facc15;
    font-weight: 900;
    font-size: 1.2rem;
}

.main-journal-title {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #ffffff;
}

.journal-status-tagline {
    font-size: 0.75rem;
    opacity: 0.8;
    line-height: 1.5;
    margin-bottom: 20px;
}

.live-indexing-indicator {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.65rem;
    font-weight: 700;
}

.pulse-dot {
    width: 7px;
    height: 7px;
    background: #10b981;
    border-radius: 50%;
    animation: uimrj-pulse 2s infinite;
}

@keyframes uimrj-pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* Metadata Matrix */
.metadata-matrix {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin-bottom: 30px;
}

.matrix-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #f1f5f9;
}

.matrix-item i { color: #3b82f6; font-size: 1.1rem; width: 25px; text-align: center; }

.m-label { display: block; font-size: 0.65rem; color: #64748b; font-weight: 700; text-transform: uppercase; }
.m-val { display: block; font-size: 0.9rem; color: #1e293b; font-weight: 800; }

/* Compliance Footer */
.sidebar-compliance-footer {
    border-top: 1px dashed #e2e8f0;
    padding-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.compliance-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.comp-icon {
    width: 35px;
    height: 35px;
    background: #eff6ff;
    color: #1e40af;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.comp-text strong { display: block; font-size: 0.8rem; color: #1e293b; }
.comp-text span { font-size: 0.7rem; color: #64748b; }

/* Mobile Optimization */
@media (max-width: 768px) {
    .uimrj-identity-wrapper { padding: 20px; }
    .main-journal-title { font-size: 1.1rem; }
}
/*--*/
/* --- UIMRJ Leadership Sidebar Style --- */
.sitemap-leadership-sidebar {
    background: #ffffff;
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #f1f5f9;
    box-shadow: 0 10px 30px rgba(0,0,0,0.02);
    margin-top: 30px;
}

.leadership-header {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1e3a8a; /* Professional Blue */
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.leadership-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.editor-profile-card {
    padding: 15px;
    background: #f8fafc;
    border-radius: 12px;
    transition: all 0.3s ease;
    border-left: 4px solid #cbd5e1;
}

.editor-profile-card:hover {
    background: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

.highlight-managing {
    border-left-color: #facc15; /* Golden Accent */
    background: linear-gradient(to right, #fffdf5, #f8fafc);
}

.editor-role {
    font-size: 0.7rem;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.editor-name {
    font-size: 1.1rem;
    color: #0f172a;
    font-weight: 800;
    margin: 0;
}

.editorial-line {
    width: 30px;
    height: 3px;
    background: #e2e8f0;
    margin-top: 10px;
    border-radius: 50px;
    transition: width 0.3s ease;
}

.editor-profile-card:hover .editorial-line {
    width: 60px;
    background: #1e3a8a;
}

/* Governance Statement */
.governance-statement {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px dashed #e2e8f0;
}

.gov-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f0fdf4;
    color: #16a34a;
    font-size: 0.7rem;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 50px;
    margin-bottom: 12px;
}

.governance-statement p {
    font-size: 0.85rem;
    color: #475569;
    line-height: 1.6;
    margin: 0;
}

/* Standards Tags */
.standards-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.std-tag {
    background: #f1f5f9;
    color: #475569;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .sitemap-leadership-sidebar { padding: 20px; }
    .editor-name { font-size: 1rem; }
}
/*--*/
/* --- UIMRJ Elite Publisher Sidebar Style --- */
.sitemap-publisher-block {
    background: #ffffff;
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #f1f5f9;
    box-shadow: 0 10px 30px rgba(0,0,0,0.02);
    margin-top: 30px;
}

.pub-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.pub-icon-glow {
    width: 50px;
    height: 50px;
    background: #0f172a;
    color: #facc15; /* Gold */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    box-shadow: 0 8px 15px rgba(15, 23, 42, 0.1);
}

.pub-badge {
    display: block;
    font-size: 0.65rem;
    color: #059669;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.pub-title-group h4 {
    margin: 0;
    font-size: 1rem;
    color: #1e293b;
    font-weight: 800;
}

/* Publisher Card */
.publisher-brand-card {
    background: #f8fafc;
    padding: 20px;
    border-radius: 14px;
    margin-bottom: 25px;
    border-left: 4px solid #0f172a;
}

.pub-name {
    font-size: 1.2rem;
    color: #0f172a;
    font-weight: 800;
    margin: 0 0 5px;
}

.pub-url {
    font-size: 0.8rem;
    color: #3b82f6;
    font-weight: 600;
    margin-bottom: 12px;
}

.responsible-person {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    color: #475569;
}

/* Contact Grid */
.contact-details-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-card {
    display: flex;
    gap: 15px;
    padding: 10px 0;
}

.c-icon {
    font-size: 1rem;
    color: #94a3b8;
    margin-top: 3px;
}

.c-info strong {
    display: block;
    font-size: 0.8rem;
    color: #1e293b;
    margin-bottom: 3px;
}

.c-info p {
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

.alt-email {
    font-size: 0.75rem !important;
    opacity: 0.8;
    margin-top: 2px !important;
}

/* Footer Trust Strip */
.publisher-trust-footer {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px dashed #e2e8f0;
    text-align: center;
}

.publisher-trust-footer p {
    font-size: 0.7rem;
    color: #94a3b8;
    font-style: italic;
    margin: 0;
}

/* Responsive Mobile */
@media (max-width: 768px) {
    .sitemap-publisher-block { padding: 20px; }
    .pub-name { font-size: 1rem; }
}
/*--*/
/* --- UIMRJ Elite Technical Discovery Sidebar Style --- */
.sitemap-indexing-matrix {
    background: #0f172a; /* Deep Elite Navy */
    border-radius: 20px;
    padding: 30px;
    color: #f8fafc;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.2);
    margin-top: 30px;
}

.matrix-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.matrix-icon {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: #facc15; /* Gold */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.matrix-badge {
    display: block;
    font-size: 0.65rem;
    color: #10b981;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.matrix-title-group h4 {
    margin: 0;
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 800;
}

.matrix-intro {
    font-size: 0.85rem;
    color: #94a3b8;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* Commitment Items List */
.commitment-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.commit-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.8rem;
    color: #cbd5e1;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    transition: 0.3s ease;
}

.commit-item:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    transform: translateX(5px);
}

.commit-item i {
    color: #3b82f6; /* Technical Blue */
    font-size: 0.9rem;
}

.highlight-tech {
    border: 1px dashed rgba(59, 130, 246, 0.5);
    background: rgba(59, 130, 246, 0.05);
}

.highlight-tech i {
    color: #facc15;
}

/* Technical Footer Indicator */
.matrix-footer {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.metadata-status {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #94a3b8;
    justify-content: center;
}

.pulse-indicator {
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 50%;
    animation: matrix-pulse 2s infinite;
}

@keyframes matrix-pulse {
    0% { transform: scale(0.9); opacity: 1; }
    70% { transform: scale(2); opacity: 0; }
    100% { transform: scale(0.9); opacity: 0; }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .sitemap-indexing-matrix { padding: 20px; }
    .matrix-title-group h4 { font-size: 1rem; }
}
/*--*/
/* --- UIMRJ Elite Trust Framework Sidebar Style --- */
.sitemap-trust-framework {
    background: #ffffff;
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #f1f5f9;
    box-shadow: 0 10px 30px rgba(0,0,0,0.02);
    margin-top: 30px;
    font-family: 'Inter', sans-serif;
}

.trust-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.shield-icon-glow {
    width: 50px;
    height: 50px;
    background: #064e3b; /* Deep Integrity Green */
    color: #facc15; /* Gold Accent */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    box-shadow: 0 8px 20px rgba(6, 78, 59, 0.15);
}

.trust-badge-label {
    display: block;
    font-size: 0.65rem;
    color: #059669;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.trust-title-group h4 {
    margin: 0;
    font-size: 1.1rem;
    color: #0f172a;
    font-weight: 800;
}

.trust-intro {
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Compliance Checklist List */
.compliance-checklist {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.check-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.8rem;
    color: #475569;
    padding: 10px 15px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.check-item:hover {
    background: #ffffff;
    border-color: #059669;
    transform: translateX(8px);
}

.check-item i {
    color: #10b981; /* Success Green */
    font-size: 0.95rem;
}

.highlight-privacy {
    background: #f0fdf4;
    border: 1px dashed #bbf7d0;
}

.highlight-privacy i {
    color: #059669;
}

/* Ethical Trust Footer */
.trust-footer-strip {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px dashed #e2e8f0;
    text-align: center;
}

.ethics-verified {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.7rem;
    font-weight: 700;
    color: #064e3b;
    background: #dcfce7;
    padding: 5px 15px;
    border-radius: 4px;
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .sitemap-trust-framework { padding: 20px; }
    .trust-title-group h4 { font-size: 1rem; }
    .check-item:hover { transform: translateY(-3px); }
}
/*--*/
/* --- UIMRJ Elite Vision & Closing Sidebar Style --- */
.sitemap-vision-cluster {
    background: #ffffff;
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #f1f5f9;
    box-shadow: 0 10px 30px rgba(0,0,0,0.02);
    margin-top: 30px;
}

.vision-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.vision-icon-box {
    width: 50px;
    height: 50px;
    background: #1e40af; /* Deep Visionary Blue */
    color: #facc15; /* Gold */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    box-shadow: 0 8px 15px rgba(30, 64, 175, 0.15);
}

.vision-badge {
    display: block;
    font-size: 0.65rem;
    color: #2563eb;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.vision-title-group h4 {
    margin: 0;
    font-size: 1rem;
    color: #0f172a;
    font-weight: 800;
}

/* Vision Checklist */
.vision-checklist {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vision-checklist li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.85rem;
    color: #475569;
    padding: 8px 0;
    transition: 0.3s;
}

.vision-checklist li i {
    color: #3b82f6;
    font-size: 0.9rem;
    width: 20px;
}

.vision-checklist li:hover {
    color: #1e40af;
    transform: translateX(5px);
}

/* Final Closing Design */
.sitemap-final-closing {
    background: #f8fafc;
    padding: 25px;
    border-radius: 15px;
    text-align: center;
    border: 1px dashed #e2e8f0;
}

.closing-divider {
    margin-bottom: 20px;
    color: #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.closing-divider::before, .closing-divider::after {
    content: "";
    height: 1px;
    width: 40px;
    background: #e2e8f0;
    margin: 0 10px;
}

.closing-text {
    font-size: 0.9rem;
    color: #1e293b;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 12px;
}

.closing-detail {
    font-size: 0.8rem;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 20px;
}

.official-stamp {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.7rem;
    font-weight: 800;
    color: #1e40af;
    background: #eff6ff;
    padding: 6px 15px;
    border-radius: 50px;
    border: 1px solid #dbeafe;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .sitemap-vision-cluster { padding: 20px; }
    .closing-text { font-size: 0.85rem; }
}
/*--*/
/*--*/
/*--*/
/*-sitemap end-*/

/*-Journal Metrics And Impact-*/
/*--*/
/* ============================================================
   UIMRJ METRICS PAGE CSS - PROFESSIONAL & RESPONSIVE
   ============================================================ */

:root {
    --uimrj-blue: #0A2E65;
    --uimrj-gold: #C5A059;
    --uimrj-light-bg: #F8FAFC;
    --uimrj-text: #1E293B;
    --uimrj-border: #E2E8F0;
}

.uimrj-metrics-container {
    color: var(--uimrj-text);
    font-family: 'Roboto', sans-serif;
}

.metrics-card {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 25px;
    border: 1px solid var(--uimrj-border);
    transition: transform 0.3s ease;
}

.metrics-card:hover { transform: translateY(-5px); }

.card-status-tag {
    display: inline-block;
    background: var(--uimrj-blue);
    color: #fff;
    font-size: 11px;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-heading {
    font-family: 'Playfair Display', serif;
    color: var(--uimrj-blue);
    font-size: 26px;
    margin-bottom: 10px;
}

.heading-border {
    width: 60px;
    height: 4px;
    background: var(--uimrj-gold);
    margin-bottom: 20px;
}

.section-lead-text {
    line-height: 1.8;
    font-size: 15.5px;
}

/* METRICS GRID BOXES */
.metrics-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 30px;
}

.metric-box {
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

.box-primary { background: #EEF4FF; border-left: 5px solid var(--uimrj-blue); }
.box-secondary { background: #FFF8EB; border-left: 5px solid var(--uimrj-gold); }

.m-label { display: block; font-size: 13px; color: #64748B; margin-bottom: 5px; }
.m-value { font-size: 24px; color: var(--uimrj-blue); font-weight: 800; }
.m-sub { font-size: 12px; color: #475569; margin-top: 5px; }

/* PERFORMANCE TABLE */
.speed-performance-table {
    margin-top: 20px;
    border: 1px solid var(--uimrj-border);
    border-radius: 8px;
    overflow: hidden;
}

.performance-row {
    display: flex;
    border-bottom: 1px solid var(--uimrj-border);
}

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

.p-item {
    flex: 1;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.p-item:first-child { border-right: 1px solid var(--uimrj-border); }

.p-title { font-size: 14px; font-weight: 500; }
.p-data { color: var(--uimrj-blue); font-weight: 700; font-size: 14px; }

/* QUALITY LIST */
.quality-list { list-style: none; padding: 0; margin-top: 15px; }
.quality-list li {
    padding-left: 25px;
    position: relative;
    margin-bottom: 15px;
    line-height: 1.6;
}

.quality-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--uimrj-gold);
    font-weight: bold;
}

.high-data {
    color: #10B981;
    font-weight: bold;
    background: #ECFDF5;
    padding: 2px 8px;
    border-radius: 4px;
}

/* GLOBAL ASSURANCE BAR */
.discovery-assurance {
    display: flex;
    align-items: center;
    background: var(--uimrj-blue);
    color: #fff;
    padding: 20px;
    border-radius: 12px;
    gap: 20px;
}

.assurance-icon i { font-size: 35px; color: var(--uimrj-gold); }
.assurance-text h4 { margin: 0 0 5px 0; font-size: 18px; }
.assurance-text p { margin: 0; font-size: 13px; opacity: 0.9; line-height: 1.5; }

/* MOBILE RESPONSIVENESS */
@media (max-width: 768px) {
    .metrics-grid, .performance-row { grid-template-columns: 1fr; flex-direction: column; }
    .p-item:first-child { border-right: none; border-bottom: 1px solid var(--uimrj-border); }
    .section-heading { font-size: 22px; }
    .discovery-assurance { flex-direction: column; text-align: center; }
}
/*--*/
/* Unique Prefix: uimrj-sb- (Sidebar) */

.about-sidebar {
    flex: 0 0 30% !important; /* Strictly 30% width */
    max-width: 30% !important;
    padding-left: 20px;
    box-sizing: border-box;
}

.uimrj-sb-container {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.uimrj-sb-header {
    background: #f9fafb;
    padding: 12px 15px;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    gap: 10px;
}

.uimrj-sb-header i { color: #0A2E65; font-size: 14px; }
.uimrj-sb-header h5 { margin: 0; font-size: 14px; font-weight: 700; color: #0A2E65; text-transform: uppercase; }

.uimrj-sb-body { padding: 15px; }

/* List Style */
.uimrj-sb-list-item {
    display: flex;
    justify-content: space-between;
    font-size: 12.5px;
    padding: 8px 0;
    border-bottom: 1px solid #f3f4f6;
}
.uimrj-sb-list-item:last-child { border-bottom: none; }
.uimrj-sb-list-item span { color: #6b7280; }
.uimrj-sb-list-item strong { color: #111827; }

/* Tags */
.uimrj-sb-tag-group { display: flex; flex-wrap: wrap; gap: 6px; }
.uimrj-sb-tag {
    background: #f0fdf4;
    color: #166534;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #bbf7d0;
}

/* Button */
.uimrj-sb-btn {
    background: #0A2E65;
    color: #ffffff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: background 0.3s;
}
.uimrj-sb-btn:hover { background: #1e40af; }

.uimrj-sb-text { font-size: 12px; color: #4b5563; margin-bottom: 12px; line-height: 1.4; }

/* Trust Elements */
.uimrj-sb-badge {
    background: #fef2f2;
    color: #991b1b;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    padding: 6px;
    border-radius: 4px;
}
.uimrj-sb-preservation { font-size: 10px; text-align: center; margin-top: 10px; color: #9ca3af; }

/* Signature */
.uimrj-sb-editor-box {
    padding: 15px;
    border-left: 3px solid #C5A059;
    background: #f9fafb;
    border-radius: 0 8px 8px 0;
}
.uimrj-sb-editor-box small { color: #C5A059; font-weight: 700; text-transform: uppercase; font-size: 10px; }
.uimrj-sb-editor-box h6 { margin: 5px 0 0 0; color: #0A2E65; font-size: 15px; font-family: 'Playfair Display', serif; }

/* Mobile logic */
@media (max-width: 992px) {
    .about-sidebar {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0;
        margin-top: 30px;
    }
}
/*--*/
/*--*/
/*--*/
/*--*/
/*--*/
/*--*/
/*--*/
/*--*/
/*--*/
/*--*/
/*-Journal Metrics And Impact end-*/