/* =========================================================
   IJACST HOME PAGE FULL CSS
   International Journal of Arts, Commerce, Science and Technology
   Clean • Premium • Professional • Academic • Responsive
========================================================= */


/* =========================================================
   ROOT COLOR SYSTEM START
========================================================= */

:root {

    /* ================= PRIMARY COLORS ================= */

    --primary-navy: #0b1f4d;
    --primary-blue: #163a7a;
    --primary-blue-dark: #08152f;

    --primary-gold: #d88a09;
    --primary-gold-dark: #b56f00;

    --primary-green: #2f7d1f;
    --primary-red: #dc2626;


    /* ================= BACKGROUND COLORS ================= */

    --bg-white: #ffffff;
    --bg-light: #f5f7fb;
    --bg-soft: #eef2f8;
    --bg-navy: #07142c;
    --bg-dark: #020817;


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

    --text-primary: #0b1736;
    --text-secondary: #334155;
    --text-muted: #64748b;
    --text-white: #ffffff;
    --text-gold: #d88a09;


    /* ================= BORDER COLORS ================= */

    --border-light: #e6ebf2;
    --border-soft: #d9e2ec;
    --border-navy: rgba(11, 31, 77, 0.12);
    --border-gold: rgba(216, 138, 9, 0.24);


    /* ================= GRADIENTS ================= */

    --gradient-primary: linear-gradient(135deg, #0b1f4d 0%, #163a7a 100%);
    --gradient-gold: linear-gradient(135deg, #d88a09 0%, #f0a51a 100%);
    --gradient-dark: linear-gradient(180deg, #07142c 0%, #020817 100%);
    --gradient-soft: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);


    /* ================= SHADOWS ================= */

    --shadow-sm: 0 2px 6px rgba(2, 8, 23, 0.05);
    --shadow-md: 0 8px 24px rgba(2, 8, 23, 0.08);
    --shadow-lg: 0 18px 42px rgba(2, 8, 23, 0.12);
    --shadow-navy: 0 18px 42px rgba(11, 31, 77, 0.18);
    --shadow-gold: 0 10px 28px rgba(216, 138, 9, 0.18);


    /* ================= GLASS EFFECT ================= */

    --glass-bg: rgba(255, 255, 255, 0.78);
    --glass-border: rgba(255, 255, 255, 0.22);
    --glass-blur: blur(18px);


    /* ================= RADIUS ================= */

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;


    /* ================= TYPOGRAPHY ================= */

    --font-body: "Inter", "Segoe UI", sans-serif;
    --font-heading: "Poppins", "Segoe UI", sans-serif;


    /* ================= CONTAINER WIDTH ================= */

    --container-sm: 640px;
    --container-md: 780px;
    --container-lg: 1200px;
    --container-xl: 1380px;


    /* ================= TRANSITIONS ================= */

    --transition-fast: all 0.2s ease;
    --transition-normal: all 0.3s ease;
    --transition-slow: all 0.5s ease;
}

/* =========================================================
   ROOT COLOR SYSTEM END
========================================================= */


/* =========================================================
   GLOBAL RESET + BASE STYLE START
========================================================= */

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

html {
    scroll-behavior: smooth;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--font-body);
    background: var(--bg-light);
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.01em;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    width: 100%;
    max-width: var(--container-xl);
    margin-inline: auto;
    padding-inline: 18px;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition-normal);
}

button,
input,
textarea,
select {
    font-family: inherit;
    border: none;
    outline: none;
    background: none;
}

ul,
ol {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    color: var(--text-primary);
    line-height: 1.2;
    letter-spacing: -0.03em;
    font-weight: 800;
}

p {
    color: var(--text-secondary);
    font-size: 15.5px;
    line-height: 1.9;
}

section {
    position: relative;
    padding: 70px 0;
}

::selection {
    background: var(--primary-gold);
    color: var(--text-white);
}

/* =========================================================
   GLOBAL RESET + BASE STYLE END
========================================================= */

/* =========================================================
   TOP BAR + HEADER + NAVIGATION FINAL CSS
========================================================= */

.top-bar{
    width:100%;
    background:var(--gradient-primary);
    color:var(--text-white);
    padding:9px 0;
    border-bottom:3px solid var(--primary-gold);
    position:relative;
    z-index:1200;
}

.contact-info-wrapper{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}

.top-contact-link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:var(--text-white);
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
}

.top-contact-link:hover{
    color:#ffd88a;
}

.desktop-divider{
    color:rgba(255,255,255,0.36);
}

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

.main-header{
    background:var(--bg-white);
    padding:24px 0;
    box-shadow:var(--shadow-sm);
}

.header-flex{
    display:flex;
    align-items:center;
    gap:24px;
}

.logo img{
    width:auto;
    height:108px;
    object-fit:contain;
}

.journal-title{
    flex:1;
}

.journal-name{
    font-family:var(--font-heading);
    font-size:clamp(24px,3vw,38px);
    font-weight:900;
    line-height:1.16;
    color:var(--primary-navy);
    margin-bottom:8px;
}

.subtitle{
    font-size:16px;
    font-weight:600;
    color:var(--text-secondary);
    margin-bottom:10px;
}

.meta-info{
    display:inline-flex;
    flex-wrap:wrap;
    gap:14px;
    padding:9px 16px;
    background:var(--bg-soft);
    border-left:5px solid var(--primary-gold);
    border-radius:var(--radius-sm);
    font-size:14px;
    box-shadow:var(--shadow-sm);
}

.meta-info strong{
    color:var(--primary-navy);
}

/* ================= DESKTOP NAVIGATION ================= */

.navbar{
    position:sticky;
    top:0;
    z-index:1300;
    background:var(--primary-navy);
    box-shadow:var(--shadow-navy);
    min-height:64px;
}

.nav-container{
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

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

.nav-menu{
    width:100%;
    display:flex;
    align-items:center;
    min-height:64px;
    flex-wrap:nowrap;
}

.nav-menu > li{
    position:relative;
}

.nav-link{
    min-height:64px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 clamp(7px,0.78vw,14px);
    color:var(--text-white);
    font-size:clamp(11px,0.78vw,13.5px);
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0.02em;
    white-space:nowrap;
}

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

.submit-paper-cta{
    min-height:42px;
    margin-left:8px;
    padding:0 16px !important;
    color:var(--text-white) !important;
    background:var(--gradient-gold);
    border-radius:999px;
    box-shadow:var(--shadow-gold);
}

.submit-paper-cta:hover{
    color:var(--text-white) !important;
    background:linear-gradient(135deg,#b56f00 0%,#d88a09 100%);
    transform:translateY(-1px);
}

.arrow{
    font-size:12px;
    transition:var(--transition-normal);
}

.dropdown:hover .arrow{
    transform:rotate(180deg);
}

.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:290px;
    background:var(--bg-white);
    border-top:4px solid var(--primary-gold);
    border-radius:0 0 var(--radius-md) var(--radius-md);
    box-shadow:var(--shadow-lg);
    padding:10px 0;
    opacity:0;
    visibility:hidden;
    transform:translateY(14px);
    transition:var(--transition-normal);
    z-index:1400;
}

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

.dropdown-menu li a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 18px;
    color:var(--text-secondary);
    font-size:13px;
    font-weight:600;
    border-bottom:1px solid #f1f5f9;
}

.dropdown-menu li a i{
    width:18px;
    color:var(--primary-blue);
    text-align:center;
}

.dropdown-menu li a:hover{
    background:var(--bg-soft);
    color:var(--primary-navy);
    padding-left:26px;
}

.highlight-submit{
    color:var(--primary-gold-dark) !important;
    font-weight:900 !important;
}

.menu-divider{
    padding:9px 18px;
    background:var(--bg-soft);
    color:var(--primary-navy);
    font-size:10.5px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:0.09em;
    border-left:4px solid var(--primary-gold);
    pointer-events:none;
}

.scrollable-menu{
    max-height:75vh;
    overflow-y:auto;
}

.menu-toggle{
    display:none;
    cursor:pointer;
    padding:9px;
    background:transparent;
}

.bar{
    display:block;
    width:28px;
    height:3px;
    margin:5px 0;
    background:var(--text-white);
    border-radius:999px;
    transition:var(--transition-normal);
}

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

@media (max-width:768px){

    .top-bar{
        display:none;
    }

    .main-header{
        padding:13px 0;
        border-bottom:3px solid var(--primary-gold);
    }

    .header-flex{
        display:grid;
        grid-template-columns:72px 1fr;
        gap:12px;
        align-items:center;
    }

    .logo img{
        width:70px;
        height:70px;
    }

    .journal-name{
        font-size:17px;
        line-height:1.35;
        text-align:center;
        margin-bottom:6px;
    }

    .subtitle{
        font-size:13px;
        line-height:1.45;
        text-align:center;
        margin-bottom:7px;
    }

    .meta-info{
        display:flex;
        justify-content:center;
        gap:6px;
        font-size:12px;
        padding:7px 9px;
        text-align:center;
        border-left:4px solid var(--primary-gold);
    }

    .navbar{
        min-height:58px;
    }

    .nav-container{
        min-height:58px;
        justify-content:flex-end;
    }

    .mobile-nav-brand{
        display:flex;
        align-items:center;
        gap:9px;
        color:var(--text-white);
        max-width:calc(100% - 58px);
        opacity:0;
        visibility:hidden;
        transform:translateY(-8px);
        transition:var(--transition-normal);
        pointer-events:none;
    }

    body.mobile-scrolled .mobile-nav-brand{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
        pointer-events:auto;
    }

    body.mobile-scrolled .nav-container{
        justify-content:space-between;
    }

    .mobile-nav-brand img{
        width:42px;
        height:42px;
        background:#fff;
        border-radius:50%;
        padding:3px;
        flex-shrink:0;
    }

    .mobile-nav-brand strong{
        display:block;
        font-size:14px;
        line-height:1.1;
        color:var(--text-white);
    }

    .mobile-nav-brand span,
    .mobile-nav-brand small{
        display:block;
        font-size:10.5px;
        line-height:1.25;
        color:rgba(255,255,255,0.86);
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .menu-toggle{
        display:block;
        z-index:2101;
    }

    .menu-toggle.active .bar:nth-child(1){
        transform:translateY(8px) rotate(45deg);
    }

    .menu-toggle.active .bar:nth-child(2){
        opacity:0;
    }

    .menu-toggle.active .bar:nth-child(3){
        transform:translateY(-8px) rotate(-45deg);
    }

    .nav-menu{
        position:fixed;
        inset:0;
        width:100%;
        height:100vh;
        padding:88px 22px 36px;
        display:block;
        background:rgba(2,8,23,0.97);
        backdrop-filter:blur(16px);
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        transform:translateX(100%);
        opacity:0;
        visibility:hidden;
        transition:var(--transition-normal);
        z-index:2100;
    }

    .nav-menu.active{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
    }

    .nav-menu > li{
        border-bottom:1px solid rgba(255,255,255,0.13);
    }

    .nav-link{
        width:100%;
        min-height:60px;
        justify-content:space-between;
        padding:0 4px;
        font-size:21px;
        font-weight:600;
        text-transform:none;
        letter-spacing:0;
        color:var(--text-white);
    }

    .submit-paper-cta{
        width:100%;
        justify-content:center;
        margin:18px 0 10px;
        min-height:52px;
        font-size:20px;
        border-radius:14px;
    }

    .dropdown:hover .dropdown-menu{
        transform:none;
    }

    .dropdown-menu{
        position:static;
        min-width:100%;
        max-height:0;
        overflow:hidden;
        padding:0;
        opacity:1;
        visibility:visible;
        transform:none;
        background:rgba(255,255,255,0.06);
        border:0;
        border-radius:14px;
        box-shadow:none;
        transition:max-height 0.35s ease;
    }

    .dropdown.mobile-open .dropdown-menu{
        max-height:680px;
        overflow-y:auto;
    }

    .dropdown.mobile-open .arrow{
        transform:rotate(180deg);
    }

    .dropdown-menu li a{
        color:rgba(255,255,255,0.88);
        font-size:15px;
        padding:12px 15px;
        border-bottom:1px solid rgba(255,255,255,0.08);
    }

    .dropdown-menu li a i{
        color:#ffd88a;
    }

    .dropdown-menu li a:hover{
        background:rgba(255,255,255,0.08);
        color:#ffd88a;
        padding-left:18px;
    }

    .menu-divider{
        background:rgba(216,138,9,0.18);
        color:#ffd88a;
        border-left-color:var(--primary-gold);
    }

    body.menu-open{
        overflow:hidden;
    }
}



/* =========================================================
   CALL FOR PAPER HERO SECTION CSS START
========================================================= */

.journal-hero-wrapper {
    position: relative;
    overflow: hidden;
    background: var(--gradient-dark);
    color: var(--text-white);
    padding: 96px 0;
}

.journal-hero-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 20%, rgba(216, 138, 9, 0.18), transparent 30%),
        radial-gradient(circle at 85% 25%, rgba(37, 99, 235, 0.20), transparent 32%);
    pointer-events: none;
}

.journal-shape-overlay-1,
.journal-shape-overlay-2 {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.035);
}

.journal-shape-overlay-1 {
    width: 360px;
    height: 360px;
    top: -120px;
    right: -80px;
}

.journal-shape-overlay-2 {
    width: 520px;
    height: 520px;
    bottom: -210px;
    left: -160px;
}

.journal-main-container {
    width: 100%;
    max-width: var(--container-xl);
    margin-inline: auto;
    padding-inline: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 54px;
    position: relative;
    z-index: 2;
}

.journal-content-box {
    flex: 1.2;
}

.journal-badge-live {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 17px;
    border-radius: 999px;
    border: 1px solid rgba(47, 125, 31, 0.55);
    background: rgba(47, 125, 31, 0.15);
    color: #86efac;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 24px;
}

.journal-dot-pulse {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #22c55e;
    animation: journalPulse 2s infinite;
}

.journal-main-title {
    color: var(--text-white);
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 900;
    line-height: 1.06;
    margin-bottom: 18px;
}

.journal-text-gold,
.gradient-text {
    color: var(--primary-gold);
}

.journal-main-subtitle {
    color: rgba(255, 255, 255, 0.88);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 26px;
}

.journal-deadline-info {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 18px;
    background: rgba(255, 255, 255, 0.09);
    border-left: 4px solid var(--primary-gold);
    border-radius: var(--radius-sm);
    color: rgba(255, 255, 255, 0.94);
    margin-bottom: 32px;
}

.journal-icon-calendar {
    width: 22px;
    height: 22px;
    color: #ffd88a;
}

.journal-action-group {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 34px;
}

.journal-btn-primary,
.journal-btn-secondary {
    min-height: 54px;
    padding: 0 26px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 900;
}

.journal-btn-primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.journal-btn-primary:hover {
    transform: translateY(-3px);
}

.journal-btn-secondary {
    border: 1px solid rgba(255,255,255,0.28);
    color: var(--text-white);
    background: rgba(255,255,255,0.08);
}

.journal-btn-secondary:hover {
    background: rgba(255,255,255,0.16);
}

.journal-arrow-icon {
    width: 20px;
    height: 20px;
}

.journal-trust-labels {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.journal-trust-labels span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255,255,255,0.82);
    font-size: 14px;
    font-weight: 700;
}

.journal-check {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--primary-gold);
    stroke-width: 3;
}

.journal-visual-frame {
    flex: 0.8;
    display: flex;
    justify-content: center;
}

.journal-cover-img {
    max-width: 330px;
    border-radius: 8px 22px 22px 8px;
    border-left: 7px solid var(--primary-gold);
    box-shadow: -22px 26px 55px rgba(0,0,0,0.46);
    transition: var(--transition-normal);
}

.journal-cover-img:hover {
    transform: translateY(-8px) scale(1.02);
}

/* =========================================================
   CALL FOR PAPER HERO SECTION CSS END
========================================================= */


/* =========================================================
   MAIN TWO COLUMN LAYOUT CSS START
========================================================= */

.about-section {
    background: var(--bg-light);
    padding: 76px 0;
}

.about-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.about-content,
.about-sidebar {
    min-width: 0;
}

.about-content > section,
.about-sidebar > section,
.about-sidebar > aside {
    margin-bottom: 28px;
}

/* =========================================================
   MAIN TWO COLUMN LAYOUT CSS END
========================================================= */


/* =========================================================
   COMMON CARD + SECTION TITLE CSS START
========================================================= */

.journal-about-wrapper,
.mission-vision-container,
.benefits-container,
.submission-support-wrapper,
.ethics-governance-hub,
.indexing-tech-hub,
.trust-card-wrapper,
.stats-card-container,
.action-card-container,
.identity-card-container,
.news-card-wrapper,
.ux-card-container,
.cta-banner-card {
    background: rgba(255,255,255,0.88);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
    padding: 30px;
}

.journal-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 999px;
    background: var(--bg-soft);
    color: var(--primary-blue);
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 18px;
}

.journal-section-title,
.benefits-main-title,
.support-title,
.ethics-h2,
.tech-h2 {
    font-size: clamp(28px, 3vw, 42px);
    color: var(--primary-navy);
    margin-bottom: 16px;
}

.about-desc {
    text-align: justify;
    margin-bottom: 16px;
}

/* =========================================================
   COMMON CARD + SECTION TITLE CSS END
========================================================= */


/* =========================================================
   ABOUT JOURNAL FEATURE CSS START
========================================================= */

.journal-intro-box {
    padding: 22px;
    border-radius: var(--radius-lg);
    background: var(--gradient-soft);
    border: 1px solid var(--border-light);
}

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

.feature-box {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    transition: var(--transition-normal);
}

.feature-box:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
    border-color: var(--border-gold);
}

.icon-box,
.card-icon-wrap,
.support-icon-wrap,
.benefit-icon,
.tech-icon-circle,
.badge-icon-wrap,
.stat-icon-circle,
.action-icon-wrap,
.id-icon,
.update-icon,
.ux-icon-box {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,0.12);
    color: var(--primary-gold-dark);
}

.feature-box h3,
.feature-box h4 {
    font-size: 16px;
    color: var(--primary-navy);
    margin-bottom: 3px;
}

.feature-box p {
    font-size: 13px;
    margin: 0;
}

.journal-feature-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 26px;
}

.journal-feature {
    padding: 16px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    text-align: center;
    border: 1px solid var(--border-light);
}

.journal-feature i {
    color: var(--primary-gold);
    font-size: 22px;
    margin-bottom: 8px;
}

.journal-feature p {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
}

.journal-cta-group {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

.journal-btn {
    min-height: 58px;
    padding: 0 22px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-weight: 900;
}

.journal-btn-primary {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.journal-btn-outline {
    background: var(--bg-white);
    border: 1px solid var(--border-soft);
    color: var(--primary-navy);
}

.btn-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.btn-text small {
    font-size: 11px;
    color: inherit;
    opacity: 0.75;
}

.journal-seo-footer {
    padding: 16px;
    border-radius: var(--radius-md);
    background: rgba(47,125,31,0.08);
    border: 1px solid rgba(47,125,31,0.18);
}

/* =========================================================
   ABOUT JOURNAL FEATURE CSS END
========================================================= */


/* =========================================================
   AIM SCOPE / MISSION CSS START
========================================================= */

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

.mission-card {
    padding: 24px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
}

.card-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.card-title {
    font-size: 24px;
    color: var(--primary-navy);
}

.mission-list li {
    display: flex;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px dashed var(--border-soft);
}

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

.mission-list i {
    color: var(--primary-green);
    margin-top: 5px;
}

.integrity-bar {
    margin-top: 22px;
    padding: 16px;
    border-radius: var(--radius-md);
    background: var(--gradient-primary);
    text-align: center;
}

.integrity-bar p {
    color: var(--text-white);
    margin: 0;
}

/* =========================================================
   AIM SCOPE / MISSION CSS END
========================================================= */
/* =========================================================
   APPLY EDITORIAL BOARD PAGE CSS START
   Page Prefix: aeb-
   Paste this CSS at the bottom of your main stylesheet
   Based on apply-editorial-board.html content
========================================================= */

.aeb-page-main {
    background: var(--bg-light);
}

/* HERO SECTION */

.aeb-page-hero {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.aeb-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216, 138, 9, .22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37, 99, 235, .24), transparent 34%);
}

.aeb-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.aeb-hero-badge,
.aeb-section-badge,
.aeb-final-badge,
.aeb-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216, 138, 9, .13);
    color: #ffd88a;
    border: 1px solid rgba(216, 138, 9, .35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.aeb-page-title {
    color: var(--text-white);
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.aeb-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
    font-weight: 700;
}

.aeb-breadcrumb a:hover {
    color: #ffd88a;
}

.aeb-hero-description {
    max-width: 920px;
    color: rgba(255, 255, 255, .86);
    font-size: 18px;
    line-height: 1.9;
}

.aeb-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.aeb-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    color: rgba(255, 255, 255, .88);
    font-size: 13px;
    font-weight: 800;
}

.aeb-hero-tags i {
    color: #86efac;
}

/* MAIN LAYOUT */

.aeb-main-section {
    padding: 72px 0;
}

.aeb-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.aeb-main-content,
.aeb-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.aeb-content-card,
.aeb-final-cta,
.aeb-sidebar-card,
.aeb-sidebar-cta {
    background: rgba(255, 255, 255, .90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.aeb-content-card,
.aeb-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.aeb-sidebar-card,
.aeb-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.aeb-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.aeb-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.aeb-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.aeb-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */

.aeb-intro-grid,
.aeb-support-grid,
.aeb-eligible-grid,
.aeb-qualification-grid,
.aeb-duty-grid,
.aeb-ethics-grid,
.aeb-selection-grid,
.aeb-benefit-grid,
.aeb-area-grid,
.aeb-process-grid,
.aeb-declaration-grid,
.aeb-not-accept-grid,
.aeb-badge-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.aeb-intro-grid {
    grid-template-columns: repeat(4, 1fr);
}

.aeb-support-grid,
.aeb-qualification-grid,
.aeb-ethics-grid,
.aeb-selection-grid,
.aeb-area-grid,
.aeb-declaration-grid,
.aeb-not-accept-grid {
    grid-template-columns: repeat(2, 1fr);
}

.aeb-eligible-grid,
.aeb-duty-grid,
.aeb-benefit-grid {
    grid-template-columns: repeat(4, 1fr);
}

.aeb-process-grid {
    grid-template-columns: repeat(5, 1fr);
}

/* PRIMARY CARDS */

.aeb-intro-card,
.aeb-eligible-grid article,
.aeb-duty-grid article,
.aeb-benefit-grid article,
.aeb-process-grid article {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.aeb-intro-card:hover,
.aeb-eligible-grid article:hover,
.aeb-duty-grid article:hover,
.aeb-benefit-grid article:hover,
.aeb-process-grid article:hover,
.aeb-support-grid div:hover,
.aeb-qualification-grid div:hover,
.aeb-ethics-grid div:hover,
.aeb-selection-grid div:hover,
.aeb-area-grid div:hover,
.aeb-declaration-grid div:hover,
.aeb-not-accept-grid div:hover,
.aeb-badge-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.aeb-intro-card i,
.aeb-eligible-grid article i,
.aeb-duty-grid article i,
.aeb-benefit-grid article i {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 18px;
    background: rgba(216, 138, 9, .12);
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.aeb-process-grid article > span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.aeb-process-grid article i {
    display: block;
    color: var(--primary-blue);
    font-size: 26px;
    margin-bottom: 12px;
}

.aeb-intro-card h3,
.aeb-eligible-grid article h3,
.aeb-duty-grid article h3,
.aeb-benefit-grid article h3,
.aeb-process-grid article h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.aeb-intro-card p,
.aeb-eligible-grid article p,
.aeb-duty-grid article p,
.aeb-benefit-grid article p,
.aeb-process-grid article p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

/* MINI GRID ITEMS */

.aeb-support-grid div,
.aeb-qualification-grid div,
.aeb-ethics-grid div,
.aeb-selection-grid div,
.aeb-area-grid div,
.aeb-declaration-grid div,
.aeb-not-accept-grid div {
    min-height: 92px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    gap: 13px;
    transition: var(--transition-normal);
}

.aeb-support-grid i,
.aeb-qualification-grid i,
.aeb-ethics-grid i,
.aeb-selection-grid i,
.aeb-area-grid i,
.aeb-declaration-grid i {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(216, 138, 9, .12);
    color: var(--primary-gold-dark);
    font-size: 18px;
}

.aeb-not-accept-grid i {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(220, 38, 38, .10);
    color: #dc2626;
    font-size: 18px;
}

.aeb-support-grid span,
.aeb-qualification-grid span,
.aeb-ethics-grid span,
.aeb-selection-grid span,
.aeb-area-grid span,
.aeb-declaration-grid span,
.aeb-not-accept-grid span {
    color: var(--primary-navy);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.45;
}

/* NOTE AND ALERT */

.aeb-note-box {
    margin-top: 24px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: var(--gradient-primary);
    color: var(--text-white);
    display: flex;
    gap: 14px;
    align-items: flex-start;
    box-shadow: var(--shadow-navy);
}

.aeb-note-box i {
    color: #ffd88a;
    font-size: 22px;
}

.aeb-note-box p {
    color: rgba(255, 255, 255, .86);
    text-align: left;
    margin-bottom: 0;
}

.aeb-alert-card {
    background:
        linear-gradient(135deg, rgba(255, 247, 237, .98), rgba(255, 255, 255, .94));
    border-color: rgba(216, 138, 9, .26);
}

/* APPLICATION FORM */

.aeb-application-form {
    margin-top: 26px;
}

.aeb-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.aeb-form-group {
    display: grid;
    gap: 8px;
}

.aeb-form-group.full {
    grid-column: 1 / -1;
}

.aeb-form-group label {
    color: var(--primary-navy);
    font-size: 14px;
    font-weight: 900;
}

.aeb-form-group input,
.aeb-form-group textarea {
    width: 100%;
    padding: 14px 16px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-light);
    background: var(--bg-white);
    color: var(--text-primary);
    font-size: 15px;
    outline: none;
    transition: var(--transition-normal);
}

.aeb-form-group input:focus,
.aeb-form-group textarea:focus {
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}

.aeb-form-group input[type="file"] {
    padding: 12px;
    cursor: pointer;
}

.aeb-form-check {
    margin-top: 22px;
    padding: 18px;
    border-radius: var(--radius-lg);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.aeb-form-check input {
    margin-top: 5px;
    accent-color: var(--primary-blue);
}

.aeb-form-check label {
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.7;
    font-weight: 700;
}

.aeb-form-submit {
    margin-top: 22px;
    min-height: 52px;
    padding: 0 24px;
    border: 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    box-shadow: var(--shadow-gold);
    transition: var(--transition-normal);
}

.aeb-form-submit:hover {
    transform: translateY(-3px);
}

/* FINAL CTA */

.aeb-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.aeb-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216, 138, 9, .20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37, 99, 235, .25), transparent 35%);
}

.aeb-final-cta > * {
    position: relative;
    z-index: 2;
}

.aeb-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.aeb-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255, 255, 255, .82);
    text-align: center;
}

.aeb-final-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.aeb-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255, 255, 255, .10);
    color: var(--text-white);
    border: 1px solid rgba(255, 255, 255, .18);
    font-weight: 900;
    transition: var(--transition-normal);
}

.aeb-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.aeb-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */

.aeb-sidebar {
    position: sticky;
    top: 90px;
}

.aeb-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.aeb-sidebar-title i {
    color: var(--primary-gold);
}

.aeb-meta-list {
    display: grid;
    gap: 12px;
}

.aeb-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.aeb-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.aeb-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.aeb-sidebar-list,
.aeb-action-stack,
.aeb-contact-list {
    display: grid;
    gap: 12px;
}

.aeb-sidebar-list div,
.aeb-action-stack a,
.aeb-contact-list a,
.aeb-contact-list div {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-weight: 900;
    transition: var(--transition-normal);
}

.aeb-sidebar-list div:hover,
.aeb-action-stack a:hover,
.aeb-contact-list a:hover,
.aeb-contact-list div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.aeb-sidebar-list i,
.aeb-action-stack i,
.aeb-contact-list i {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(216, 138, 9, .12);
    color: var(--primary-gold-dark);
    font-size: 16px;
}

.aeb-sidebar-list span,
.aeb-action-stack span,
.aeb-contact-list span {
    font-size: 13px;
    line-height: 1.4;
}

.aeb-badge-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0;
}

.aeb-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.aeb-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.aeb-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.aeb-ethics-sidebar .aeb-sidebar-list i {
    color: var(--primary-blue);
    background: rgba(37, 99, 235, .10);
}

/* SIDEBAR CTA */

.aeb-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.aeb-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.aeb-sidebar-cta p,
.aeb-sidebar-cta small {
    color: rgba(255, 255, 255, .82);
}

.aeb-sidebar-cta-btn {
    width: 100%;
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
    transition: var(--transition-normal);
}

.aeb-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

.aeb-sidebar-cta small {
    display: block;
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .aeb-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .aeb-intro-grid,
    .aeb-eligible-grid,
    .aeb-duty-grid,
    .aeb-benefit-grid,
    .aeb-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .aeb-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .aeb-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .aeb-sidebar-card,
    .aeb-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .aeb-page-hero {
        padding: 68px 0 60px;
    }

    .aeb-main-section {
        padding: 52px 0;
    }

    .aeb-content-card,
    .aeb-final-cta,
    .aeb-sidebar-card,
    .aeb-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .aeb-hero-description {
        font-size: 16px;
    }

    .aeb-hero-tags,
    .aeb-final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .aeb-hero-tags span {
        justify-content: center;
    }

    .aeb-intro-grid,
    .aeb-support-grid,
    .aeb-eligible-grid,
    .aeb-qualification-grid,
    .aeb-duty-grid,
    .aeb-ethics-grid,
    .aeb-selection-grid,
    .aeb-benefit-grid,
    .aeb-area-grid,
    .aeb-process-grid,
    .aeb-declaration-grid,
    .aeb-not-accept-grid,
    .aeb-sidebar,
    .aeb-form-grid {
        grid-template-columns: 1fr;
    }

    .aeb-content-card p {
        text-align: left;
    }

    .aeb-note-box,
    .aeb-form-check {
        flex-direction: column;
    }

    .aeb-badge-grid {
        grid-template-columns: 1fr;
    }

    .aeb-final-btn,
    .aeb-form-submit,
    .aeb-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .aeb-page-title {
        font-size: 30px;
    }

    .aeb-section-title {
        font-size: 25px;
    }

    .aeb-sidebar-title {
        font-size: 19px;
    }

    .aeb-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   APPLY EDITORIAL BOARD PAGE CSS END
========================================================= */

/* =========================================================
   WHY PUBLISH CSS START
========================================================= */

.benefits-header,
.support-header,
.ethics-intro-wrap,
.tech-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 28px;
}

.benefits-grid,
.ethics-protocol-grid,
.indexing-features-grid,
.support-action-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.benefit-item,
.protocol-card,
.tech-feature-card,
.support-card {
    padding: 22px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    gap: 16px;
    transition: var(--transition-normal);
}

.benefit-item:hover,
.protocol-card:hover,
.tech-feature-card:hover,
.support-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.benefit-content h3,
.protocol-header h3,
.tech-info-wrap h3,
.support-body h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 8px;
}

.author-support-callout,
.technical-meta-bar,
.discovery-status-bar {
    margin-top: 24px;
    padding: 16px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.technical-meta-bar,
.discovery-status-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

/* =========================================================
   WHY PUBLISH CSS END
========================================================= */


/* =========================================================
   SUBMISSION SUPPORT CSS START
========================================================= */

.support-card {
    color: inherit;
    position: relative;
}

.card-status-dot {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--primary-green);
    animation: journalPulse 2s infinite;
}

.action-text,
.info-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    font-size: 13px;
    font-weight: 900;
    color: var(--primary-gold-dark);
}

.download-btns {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.download-btns a {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--bg-soft);
    color: var(--primary-navy);
}

/* =========================================================
   SUBMISSION SUPPORT CSS END
========================================================= */
/* =========================================================
   CURRENT ISSUE / LATEST ARTICLES CSS START
========================================================= */

.current-issue-section {
    background: rgba(255,255,255,0.9);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
    padding: 34px;
}

.current-issue-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 28px;
}

.section-mini-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 999px;
    background: rgba(216,138,9,0.12);
    color: var(--primary-gold-dark);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.current-issue-title {
    font-size: clamp(28px, 3vw, 42px);
    color: var(--primary-navy);
    margin-bottom: 12px;
}

.current-issue-title span {
    color: var(--primary-gold);
}

.current-issue-subtitle {
    max-width: 720px;
    margin: 0 auto;
    color: var(--text-secondary);
}

.issue-meta-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 28px;
}

.issue-meta-item {
    background: var(--gradient-soft);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 16px;
    text-align: center;
}

.issue-meta-item strong {
    display: block;
    color: var(--primary-navy);
    font-size: 15px;
    margin-bottom: 4px;
}

.issue-meta-item span {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 800;
}

.latest-article-list {
    display: grid;
    gap: 20px;
}

.latest-article-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-left: 5px solid var(--primary-gold);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow-sm);
    transition: var(--transition-normal);
}

.latest-article-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--border-gold);
    border-left-color: var(--primary-navy);
}

.article-top-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.article-type-badge {
    display: inline-flex;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(11,31,77,0.08);
    color: var(--primary-navy);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.open-access-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--primary-green);
    font-size: 12px;
    font-weight: 900;
}

.latest-article-title {
    font-size: 21px;
    line-height: 1.35;
    margin-bottom: 10px;
}

.latest-article-title a {
    color: var(--primary-navy);
}

.latest-article-title a:hover {
    color: var(--primary-gold-dark);
}

.article-authors {
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px;
}

.article-authors i {
    color: var(--primary-gold);
    margin-right: 6px;
}

.article-doi-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    background: var(--bg-soft);
    border-radius: var(--radius-sm);
    padding: 10px 13px;
    color: var(--text-secondary);
    font-size: 13px;
    margin-bottom: 14px;
}

.article-doi-row strong {
    color: var(--primary-navy);
}

.article-abstract-preview {
    margin-bottom: 18px;
    font-size: 14.5px;
}

.article-action-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.article-btn {
    min-height: 42px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: var(--radius-sm);
    font-size: 13px;
    font-weight: 900;
}

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

.abstract-btn:hover {
    background: var(--primary-navy);
    color: var(--text-white);
}

.pdf-btn {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.pdf-btn:hover {
    transform: translateY(-3px);
}

.current-issue-footer {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

.view-all-articles-btn {
    min-height: 52px;
    padding: 0 24px;
    border-radius: var(--radius-md);
    background: var(--gradient-primary);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

.view-all-articles-btn:hover {
    transform: translateY(-3px);
}

/* =========================================================
   CURRENT ISSUE / LATEST ARTICLES CSS END
========================================================= */


/* =========================================================
   CURRENT ISSUE RESPONSIVE CSS START
========================================================= */

@media (max-width: 768px) {

    .current-issue-section {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .issue-meta-strip {
        grid-template-columns: 1fr;
    }

    .latest-article-card {
        padding: 20px;
    }

    .latest-article-title {
        font-size: 18px;
    }

    .article-doi-row {
        flex-direction: column;
        gap: 6px;
    }

    .article-action-row {
        flex-direction: column;
    }

    .article-btn,
    .view-all-articles-btn {
        width: 100%;
        justify-content: center;
    }
}

/* =========================================================
   CURRENT ISSUE RESPONSIVE CSS END
========================================================= */

/* =========================================================
   ETHICS + INDEXING CSS START
========================================================= */
/* =========================================================
   COMPACT INDEXING LOGO ROW CSS START
========================================================= */

.compact-index-logo-row {

    display: grid;

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

    gap: 14px;

    margin-top: 28px;
    margin-bottom: 10px;
}

.compact-index-logo {

    min-height: 82px;

    padding: 16px;

    border-radius: var(--radius-lg);

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

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

    display: flex;

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

    transition: var(--transition-normal);

    box-shadow: var(--shadow-sm);
}

.compact-index-logo:hover {

    transform: translateY(-4px);

    border-color: var(--border-gold);

    box-shadow: var(--shadow-md);
}

.compact-index-logo img {

    max-width: 120px;

    max-height: 34px;

    object-fit: contain;

    opacity: 0.92;

    transition: var(--transition-normal);
}


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

@media (max-width: 768px) {

    .compact-index-logo-row {

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

        gap: 8px;
    }

    .compact-index-logo {

        min-height: 64px;

        padding: 10px;
    }

    .compact-index-logo img {

        max-width: 58px;

        max-height: 22px;
    }
}

/* =========================================================
   COMPACT INDEXING LOGO ROW CSS END
========================================================= */

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

.protocol-header i {
    color: var(--primary-gold);
}

.status-pill,
.status-chip {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(47,125,31,0.10);
    color: var(--primary-green);
    font-size: 11px;
    font-weight: 900;
}

.compliance-footer-box {
    margin-top: 24px;
    display: flex;
    gap: 18px;
    padding: 22px;
    border-radius: var(--radius-lg);
    background: var(--gradient-primary);
}

.compliance-footer-box h3,
.compliance-footer-box h4,
.compliance-footer-box p {
    color: var(--text-white);
}

.footer-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,0.12);
    color: var(--primary-gold);
    font-size: 26px;
    flex-shrink: 0;
}

.status-chip {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
}

/* =========================================================
   ETHICS + INDEXING CSS END
========================================================= */
/* =========================================================
   ETHICS COLLAPSE / READ MORE CSS START
========================================================= */

.ethics-toggle-wrap {

    display: flex;
    justify-content: center;
    margin-bottom: 28px;
}

.ethics-toggle-btn {

    display: inline-flex;
    align-items: center;
    gap: 10px;

    border: none;
    outline: none;

    cursor: pointer;

    background: var(--gradient-primary);
    color: var(--text-white);

    padding: 14px 26px;

    border-radius: 999px;

    font-size: 14px;
    font-weight: 800;

    box-shadow: var(--shadow-navy);

    transition: var(--transition-normal);
}

.ethics-toggle-btn:hover {

    transform: translateY(-3px);
}

.ethics-toggle-btn i {

    font-size: 12px;
    transition: transform 0.4s ease;
}

/* GRID HIDDEN DEFAULT */

.ethics-protocol-grid {

    max-height: 0;

    overflow: hidden;

    opacity: 0;

    visibility: hidden;

    transition:
        max-height 0.7s ease,
        opacity 0.4s ease,
        visibility 0.4s ease;
}

/* ACTIVE STATE */

.ethics-protocol-grid.active {

    max-height: 2000px;

    opacity: 1;

    visibility: visible;

    margin-top: 10px;
}

/* ICON ROTATE */

.ethics-toggle-btn.active i {

    transform: rotate(180deg);
}

/* =========================================================
   ETHICS COLLAPSE / READ MORE CSS END
========================================================= */

/* =========================================================
   SIDEBAR COMMON CSS START
========================================================= */

.sidebar-title-modern,
.stats-sidebar-title,
.action-sidebar-title,
.identity-sidebar-title,
.news-sidebar-title,
.ux-sidebar-title,
.cta-title {
    font-size: 22px;
    color: var(--primary-navy);
    margin-bottom: 18px;
}

.badge-grid,
.stats-dynamic-grid {
    display: grid;
    gap: 14px;
}

.trust-badge-item,
.stat-box,
.identity-item,
.ux-item,
.update-item {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.badge-label,
.stat-label,
.id-tag,
.update-tag,
.ux-label {
    display: block;
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 800;
    text-transform: uppercase;
}

.badge-value,
.stat-value,
.id-name,
.name-text {
    display: block;
    color: var(--primary-navy);
    font-weight: 900;
}

.trust-verification-footer,
.tech-readiness-tag,
.meta-readiness-indicator,
.global-compliance-tag,
.compliance-badge {
    margin-top: 16px;
    padding: 12px;
    border-radius: var(--radius-md);
    background: rgba(216,138,9,0.10);
    color: var(--primary-gold-dark);
    font-size: 13px;
    font-weight: 900;
    text-align: center;
}

.action-button-stack,
.final-action-stack,
.ux-features-stack,
.updates-timeline {
    display: grid;
    gap: 12px;
}

.action-link-btn,
.journal-final-btn,
.contact-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-weight: 800;
}

.action-link-btn:hover,
.journal-final-btn:hover,
.contact-row:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.action-label-wrap {
    flex: 1;
}

.action-main {
    display: block;
}

.action-sub {
    display: block;
    font-size: 12px;
    color: var(--text-muted);
}

.leadership-grid {
    display: grid;
    gap: 12px;
    margin: 18px 0;
}

.profile-mini {
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
}

.role-badge {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 8px;
}

.id-divider {
    border: 0;
    border-top: 1px solid var(--border-light);
    margin: 18px 0;
}

.news-header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.live-indicator {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 900;
    color: var(--primary-green);
}

.blink-dot,
.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--primary-green);
}

.highlight-update {
    border-color: var(--border-gold);
}

.submission-urgency {
    margin-top: 15px;
    padding: 13px;
    border-radius: var(--radius-md);
    background: var(--gradient-primary);
    text-align: center;
}

.submission-urgency p {
    color: var(--text-white);
    margin: 0;
}

.ready-progress {
    margin-top: 10px;
    height: 8px;
    background: var(--bg-soft);
    border-radius: 999px;
    overflow: hidden;
}

.progress-fill {
    width: 92%;
    height: 100%;
    background: var(--gradient-gold);
    border-radius: 999px;
}

.mini-benefit-icons {
    display: flex;
    gap: 10px;
    margin: 18px 0;
}

.mini-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: var(--bg-soft);
    color: var(--primary-gold-dark);
}

.btn-primary-pulse {
    background: var(--gradient-primary);
    color: var(--text-white);
}

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

.btn-link {
    background: transparent;
}

/* =========================================================
   SIDEBAR COMMON CSS END
========================================================= */
/* =========================================================
   EDITOR DESK SIDEBAR CSS START
========================================================= */

.widget-box {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow-md);
    margin-bottom: 28px;
}

.widget-title {
    font-size: 16px;
    color: var(--primary-navy);
    text-transform: uppercase;
    line-height: 1.35;
    border-bottom: 1px solid var(--border-light);
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.widget-title i {
    color: var(--primary-gold);
    margin-right: 6px;
}

.editor-text {
    margin-bottom: 16px;
}

.editor-name {
    font-size: 14px;
    color: var(--primary-navy);
    margin-bottom: 3px;
}

.editor-desg {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: var(--text-muted);
    margin-bottom: 6px;
}

.editor-quote {
    font-size: 12.5px;
    line-height: 1.7;
    margin: 0;
}

.btn-read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--primary-blue);
    font-size: 13px;
    font-weight: 900;
}

/* =========================================================
   EDITOR DESK SIDEBAR CSS END
========================================================= */


/* =========================================================
   JOURNAL IMPACT METRICS SIDEBAR CSS START
========================================================= */

.stats-dashboard-container {
    background: linear-gradient(180deg, #07142c 0%, #163a7a 100%);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow-navy);
    color: var(--text-white);
    margin-bottom: 28px;
}

.sd-header {
    text-align: center;
    margin-bottom: 18px;
}

.sd-header h3 {
    color: var(--text-white);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--primary-gold);
}

.sd-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.sd-card {
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: var(--radius-md);
    padding: 22px 16px;
    text-align: center;
}

.sd-icon {
    color: #38bdf8;
    font-size: 20px;
    margin-bottom: 10px;
}

.sd-number {
    display: block;
    color: var(--text-white);
    font-size: 22px;
    font-weight: 900;
    line-height: 1.2;
}

.sd-label {
    display: block;
    color: rgba(255,255,255,0.78);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 6px;
}

.sd-footer {
    margin-top: 16px;
    text-align: center;
    font-size: 10px;
    color: rgba(255,255,255,0.65);
}

/* =========================================================
   JOURNAL IMPACT METRICS SIDEBAR CSS END
========================================================= */

/* =========================================================
   ANIMATION CSS START
========================================================= */

@keyframes journalPulse {
    0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.45); }
    70% { box-shadow: 0 0 0 12px rgba(34,197,94,0); }
    100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

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

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

/* =========================================================
   ANIMATION CSS END
========================================================= */


/* =========================================================
   RESPONSIVE CSS START
========================================================= */
/* =========================================================
   RESPONSIVE CSS START
   Laptop 100% Zoom + Tablet + Mobile Friendly
========================================================= */

/* ================= LAPTOP / SMALL DESKTOP FIX ================= */

@media (max-width: 1200px) {

    .about-wrapper {
        grid-template-columns:
            minmax(0, 68%)
            minmax(280px, 32%);

        gap: 24px;
        align-items: start;
    }

    .about-sidebar {
        display: block;
    }

    .about-sidebar > section,
    .about-sidebar > aside {
        margin-bottom: 24px;
    }
}

/* =========================================================
   MOBILE TOP JOURNAL META CSS START
========================================================= */

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

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

@media (max-width: 768px) {

    .nav-container {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .mobile-journal-meta {
        display: none;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        min-width: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        transition: all 0.35s ease;
    }

    .mobile-journal-meta.show-meta {
        display: flex;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .mobile-journal-name {
        margin: 0;
        color: var(--text-white);
        font-size: 18px;
        font-weight: 900;
        line-height: 1.1;
        letter-spacing: 0.02em;
    }

    .mobile-journal-meta-line,
    .mobile-journal-contact-line {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        color: rgba(255,255,255,0.78);
        font-size: 10px;
        font-weight: 700;
        line-height: 1.5;
    }

    .mobile-journal-meta-line strong {
        color: var(--primary-gold);
    }

    .mobile-journal-contact-line i {
        color: var(--primary-gold);
        margin-right: 4px;
    }

    .menu-toggle {
        flex-shrink: 0;
    }
}

@media (max-width: 480px) {

    .mobile-journal-name {
        font-size: 16px;
    }

    .mobile-journal-meta-line,
    .mobile-journal-contact-line {
        font-size: 9px;
        gap: 8px;
    }
}

/* =========================================================
   MOBILE TOP JOURNAL META CSS END
========================================================= */

.submit-paper-btn{
    margin-left: 12px;
    display: flex;
    align-items: center;
}

.submit-paper-btn a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 11px 22px;

    background: linear-gradient(135deg, #ffb703 0%, #ff8c00 50%, #ff6b00 100%);
    color: #ffffff !important;

    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;

    border: 1px solid rgba(255,255,255,0.28);
    border-radius: 999px;

    box-shadow:
        0 8px 20px rgba(255, 140, 0, 0.32),
        inset 0 1px 0 rgba(255,255,255,0.35);

    position: relative;
    overflow: hidden;
    isolation: isolate;

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        background 0.28s ease;
}

.submit-paper-btn a::before{
    content: "";
    position: absolute;
    top: 0;
    left: -120%;

    width: 60%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.35),
        transparent
    );

    transform: skewX(-25deg);
    transition: left 0.65s ease;
    z-index: -1;
}

.submit-paper-btn a:hover{
    transform: translateY(-2px);
    background: linear-gradient(135deg, #ffc533 0%, #ff9700 50%, #ff5c00 100%);

    box-shadow:
        0 12px 28px rgba(255, 140, 0, 0.46),
        0 0 18px rgba(255, 183, 3, 0.35),
        inset 0 1px 0 rgba(255,255,255,0.42);
}

.submit-paper-btn a:hover::before{
    left: 130%;
}

.submit-paper-btn a:active{
    transform: translateY(0);
}

.submit-paper-btn a:focus-visible{
    outline: 3px solid rgba(255, 183, 3, 0.45);
    outline-offset: 4px;
}

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

@media (max-width: 1024px){

    .submit-paper-btn{
        margin-left: 8px;
    }

    .submit-paper-btn a{
        padding: 10px 18px;
        font-size: 13px;
    }

}

/* =========================================
   MOBILE RESPONSIVE
   For hamburger / vertical mobile menu
========================================= */

@media (max-width: 768px){

    .submit-paper-btn{
        width: 100%;
        margin-left: 0;
        margin-top: 12px;
        padding: 0 14px;
    }

    .submit-paper-btn a{
        width: 100%;
        min-height: 46px;

        padding: 14px 18px;

        font-size: 14px;
        text-align: center;

        border-radius: 14px;
    }

}

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

@media (max-width: 480px){

    .submit-paper-btn{
        padding: 0 10px;
    }

    .submit-paper-btn a{
        min-height: 44px;
        padding: 13px 14px;

        font-size: 13px;
        letter-spacing: 0.25px;
    }

}
/*submit paper end*/
    .menu-divider {
        background: rgba(255,255,255,0.08);
        color: var(--text-white);
    }

    .journal-main-container {
        flex-direction: column;
        text-align: center;
    }

    .journal-action-group,
    .journal-trust-labels {
        justify-content: center;
    }

    .journal-cover-img {
        max-width: 260px;
    }

    .mission-vision-grid,
    .benefits-grid,
    .ethics-protocol-grid,
    .indexing-features-grid,
    .support-action-grid {
        grid-template-columns: 1fr;
    }

    .journal-feature-row {
        grid-template-columns: 1fr;
    }



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

@media (max-width: 768px) {

    body {
        font-size: 15px;
    }

    section {
        padding: 52px 0;
    }

    .desktop-divider {
        display: none;
    }

    .top-contact-link {
        width: 100%;
        justify-content: center;
        font-size: 12px;
    }

    .main-header {
        padding: 18px 0;
    }

    .journal-name {
        font-size: 22px;
    }

    .subtitle {
        font-size: 14px;
    }

    .meta-info {
        width: 100%;
        font-size: 13px;
    }

    .journal-hero-wrapper {
        padding: 70px 0;
    }

    .journal-main-title {
        font-size: 40px;
    }

    .journal-main-subtitle {
        font-size: 17px;
    }

    .journal-action-group,
    .journal-cta-group {
        flex-direction: column;
        align-items: stretch;
    }

    .journal-btn-primary,
    .journal-btn-secondary,
    .journal-btn {
        width: 100%;
    }

    .features-grid,
    .about-sidebar {
        grid-template-columns: 1fr;
    }

    .journal-about-wrapper,
    .mission-vision-container,
    .benefits-container,
    .submission-support-wrapper,
    .ethics-governance-hub,
    .indexing-tech-hub,
    .trust-card-wrapper,
    .stats-card-container,
    .action-card-container,
    .identity-card-container,
    .news-card-wrapper,
    .ux-card-container,
    .cta-banner-card {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .benefit-item,
    .protocol-card,
    .tech-feature-card,
    .support-card,
    .compliance-footer-box {
        flex-direction: column;
    }

    .about-desc {
        text-align: left;
    }
}


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

@media (max-width: 480px) {

    .container,
    .journal-main-container {
        padding-inline: 14px;
    }

    .journal-main-title {
        font-size: 34px;
    }

    .journal-cover-img {
        max-width: 220px;
    }

    .journal-trust-labels {
        flex-direction: column;
        gap: 10px;
    }

    .feature-box,
    .trust-badge-item,
    .stat-box,
    .identity-item,
    .ux-item,
    .update-item {
        align-items: flex-start;
    }
}

/* =========================================================
   RESPONSIVE CSS END
========================================================= */
/* =========================================================
   MODERN JOURNAL FOOTER CSS START
========================================================= */

.modern-footer {
    position: relative;
    background: var(--gradient-dark);
    color: rgba(255,255,255,0.76);
    margin-top: 100px;
    overflow: hidden;
}

.footer-wave {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 1;
}

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

.wave-fill {
    fill: var(--bg-navy);
}

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

.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.3fr;
    gap: 34px;
    margin-bottom: 42px;
}

.brand-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
}

.footer-logo {
    height: 58px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(255,255,255,0.18));
}

.brand-title {
    color: var(--text-white);
    font-size: 24px;
    margin: 0;
}

.gold-text {
    display: block;
    margin-top: 4px;
    color: var(--primary-gold);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    line-height: 1.5;
}

.brand-desc {
    color: rgba(255,255,255,0.72);
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 18px;
}

.iso-badge-container {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 22px;
}

.iso-badge {
    background: rgba(216,138,9,0.12);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,0.32);
    padding: 5px 10px;
    border-radius: var(--radius-sm);
    font-size: 11px;
    font-weight: 900;
}

.social-pulse {
    display: flex;
    gap: 12px;
}

.social-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: var(--text-white);
    display: grid;
    place-items: center;
}

.social-btn:hover {
    background: var(--bg-white);
    transform: translateY(-5px);
}

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

.modern-heading,
.card-heading {
    color: var(--text-white);
    font-size: 18px;
    margin-bottom: 24px;
    position: relative;
}

.modern-heading::after,
.card-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 58px;
    height: 2px;
    background: var(--gradient-gold);
    border-radius: 999px;
}

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

.link-list a {
    color: rgba(255,255,255,0.72);
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

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

.submit-highlight {
    color: var(--primary-blue-dark) !important;
    background: var(--gradient-gold);
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    font-weight: 900 !important;
    box-shadow: var(--shadow-gold);
}

.footer-glass-card {
    background: rgba(255,255,255,0.06);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.25);
}

.footer-glass-card:hover {
    border-color: rgba(216,138,9,0.36);
    transform: translateY(-4px);
}

.publisher-info {
    color: rgba(255,255,255,0.86);
    font-size: 14px;
}

.publisher-info small {
    display: block;
    color: rgba(255,255,255,0.62);
    margin-top: 4px;
}

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

.glass-contact p {
    color: rgba(255,255,255,0.72);
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.glass-contact i {
    color: var(--primary-gold);
    margin-right: 7px;
}

.indexing-strip {
    border-top: 1px solid rgba(255,255,255,0.08);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 28px;
}

.index-label {
    color: #ffd88a;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.idx-text {
    color: rgba(255,255,255,0.66);
    font-size: 13px;
    font-weight: 600;
}

.idx-dot {
    color: rgba(255,255,255,0.24);
    margin: 0 5px;
}

.footer-bottom-modern {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.bottom-left p {
    color: rgba(255,255,255,0.68);
    font-size: 13px;
    margin: 0 0 6px;
}

.legal-row a {
    color: rgba(255,255,255,0.48);
    font-size: 12px;
    margin-right: 14px;
}

.legal-row a:hover {
    color: #ffd88a;
}

.cc-box {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.76);
    padding: 8px 15px;
    border-radius: 999px;
    font-size: 12px;
}

/* =========================================================
   MODERN JOURNAL FOOTER CSS END
========================================================= */


/* =========================================================
   FLOATING WHATSAPP CSS START
========================================================= */

.float-whatsapp {
    position: fixed !important;
    width: 60px !important;
    height: 60px !important;
    right: 34px !important;
    bottom: 34px !important;
    border-radius: 50% !important;
    background: #25d366 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 32px !important;
    box-shadow: 0 14px 34px rgba(37,211,102,0.35) !important;
    z-index: 999999 !important;
    animation: whatsappPulse 2s infinite !important;
}

.my-float {
    color: #ffffff !important;
}

.float-whatsapp:hover {
    background: #128c7e !important;
    transform: scale(1.08) !important;
}

.tooltip-text {
    visibility: hidden;
    position: absolute;
    right: 75px;
    background: var(--primary-blue-dark);
    color: var(--text-white);
    padding: 7px 12px;
    border-radius: var(--radius-sm);
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    transition: var(--transition-normal);
}

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

@keyframes whatsappPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37,211,102,0.55);
    }
    70% {
        box-shadow: 0 0 0 16px rgba(37,211,102,0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37,211,102,0);
    }
}

/* =========================================================
   FLOATING WHATSAPP CSS END
========================================================= */


/* =========================================================
   FOOTER RESPONSIVE CSS START
========================================================= */

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

    .footer-glass-card {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .modern-footer {
        margin-top: 80px;
    }

    .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,
    .card-heading::after {
        left: 50%;
        transform: translateX(-50%);
    }

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

    .float-whatsapp {
        width: 52px !important;
        height: 52px !important;
        right: 18px !important;
        bottom: 18px !important;
        font-size: 27px !important;
    }

    .tooltip-text {
        display: none !important;
    }
}

/* =========================================================
   FOOTER RESPONSIVE CSS END
========================================================= */
   /* 
   Home Page End */

/* =========================================================
   ABOUT THE JOURNAL PAGE CSS START
   Page Prefix: abtj-
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.abtj-page-main {
    background: var(--bg-light);
}

/* PAGE HERO */

.abtj-page-hero {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.abtj-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 14% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.abtj-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.abtj-hero-badge,
.abtj-section-badge,
.abtj-final-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.abtj-page-title {
    color: var(--text-white);
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.abtj-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.abtj-breadcrumb a:hover {
    color: #ffd88a;
}

.abtj-hero-description {
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
    max-width: 920px;
}

/* MAIN LAYOUT */

.abtj-main-section {
    padding: 72px 0;
}

.abtj-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.abtj-main-content,
.abtj-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.abtj-content-card,
.abtj-open-access-cta,
.abtj-integrity-cta,
.abtj-final-cta,
.abtj-sidebar-card,
.abtj-response-card,
.abtj-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.abtj-content-card,
.abtj-open-access-cta,
.abtj-integrity-cta,
.abtj-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.abtj-sidebar-card,
.abtj-response-card,
.abtj-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.abtj-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.abtj-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.abtj-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.abtj-content-card strong {
    color: var(--primary-navy);
}

.abtj-lead-text {
    font-size: 17px;
    line-height: 1.9;
}

/* GRID SYSTEM */

.abtj-feature-grid,
.abtj-vision-grid,
.abtj-objectives-grid,
.abtj-scope-grid,
.abtj-benefits-grid,
.abtj-review-grid,
.abtj-workflow-grid,
.abtj-ethics-grid,
.abtj-discover-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.abtj-feature-grid,
.abtj-vision-grid,
.abtj-review-grid,
.abtj-ethics-grid,
.abtj-discover-grid {
    grid-template-columns: repeat(2, 1fr);
}

.abtj-objectives-grid,
.abtj-benefits-grid,
.abtj-workflow-grid {
    grid-template-columns: repeat(3, 1fr);
}

.abtj-scope-grid {
    grid-template-columns: repeat(4, 1fr);
}

/* CARDS */

.abtj-feature-card,
.abtj-vision-card,
.abtj-objective-card,
.abtj-benefit-card,
.abtj-review-card,
.abtj-workflow-step,
.abtj-ethics-grid article,
.abtj-discover-grid article {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.abtj-feature-card:hover,
.abtj-vision-card:hover,
.abtj-objective-card:hover,
.abtj-benefit-card:hover,
.abtj-review-card:hover,
.abtj-workflow-step:hover,
.abtj-ethics-grid article:hover,
.abtj-discover-grid article:hover,
.abtj-scope-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.abtj-feature-card i,
.abtj-vision-card i,
.abtj-objective-card i,
.abtj-benefit-card i,
.abtj-ethics-grid article i,
.abtj-discover-grid article i {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 18px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.abtj-review-card > span,
.abtj-workflow-step > span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.abtj-workflow-step i {
    display: block;
    color: var(--primary-blue);
    font-size: 26px;
    margin-bottom: 12px;
}

.abtj-feature-card h3,
.abtj-vision-card h3,
.abtj-objective-card h3,
.abtj-benefit-card h3,
.abtj-review-card h3,
.abtj-workflow-step h3,
.abtj-ethics-grid article h3,
.abtj-discover-grid article h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.abtj-feature-card p,
.abtj-vision-card p,
.abtj-objective-card p,
.abtj-benefit-card p,
.abtj-review-card p,
.abtj-workflow-step p,
.abtj-ethics-grid article p,
.abtj-discover-grid article p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

/* LANGUAGE BOX */

.abtj-language-box {
    margin-top: 26px;
    padding: 24px;
    border-radius: var(--radius-xl);
    background: var(--gradient-primary);
    box-shadow: var(--shadow-navy);
}

.abtj-language-box h3 {
    color: var(--text-white);
    margin-bottom: 12px;
}

.abtj-language-box h3 i {
    color: #ffd88a;
    margin-right: 8px;
}

.abtj-language-box p {
    color: rgba(255,255,255,.84);
    text-align: left;
    margin-bottom: 0;
}

/* SCOPE GRID */

.abtj-scope-grid div {
    min-height: 96px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.abtj-scope-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.abtj-scope-grid strong {
    color: var(--primary-navy);
    font-size: 13px;
    line-height: 1.35;
}

/* BUTTONS */

.abtj-action-center {
    margin-top: 26px;
    text-align: center;
}

.abtj-outline-btn,
.abtj-cta-btn,
.abtj-final-btn,
.abtj-primary-btn,
.abtj-secondary-btn,
.abtj-sidebar-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: var(--radius-md);
    font-weight: 900;
    transition: var(--transition-normal);
}

.abtj-outline-btn {
    min-height: 50px;
    padding: 0 20px;
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.abtj-outline-btn:hover {
    color: var(--primary-blue-dark);
    border-color: var(--border-gold);
    transform: translateY(-3px);
}

/* TRUST STRIP */

.abtj-trust-strip,
.abtj-status-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.abtj-trust-strip span,
.abtj-status-bar span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border-radius: 999px;
    background: var(--bg-soft);
    color: var(--primary-navy);
    border: 1px solid var(--border-light);
    font-size: 13px;
    font-weight: 900;
}

.abtj-trust-strip i,
.abtj-status-bar i {
    color: var(--primary-gold-dark);
}

/* POLICY CTA */

.abtj-open-access-cta,
.abtj-integrity-cta {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 20px;
    align-items: center;
    background:
        linear-gradient(135deg, rgba(11,31,77,.96), rgba(37,99,235,.90));
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.abtj-integrity-cta {
    background:
        linear-gradient(135deg, rgba(15,23,42,.96), rgba(11,31,77,.92));
}

.abtj-cta-icon {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.12);
    color: #ffd88a;
    font-size: 28px;
}

.abtj-cta-content span {
    display: inline-block;
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.abtj-cta-content h2 {
    color: var(--text-white);
    font-size: 26px;
    margin-bottom: 8px;
}

.abtj-cta-content p {
    color: rgba(255,255,255,.82);
    text-align: left;
    margin-bottom: 0;
}

.abtj-cta-btn {
    min-height: 48px;
    white-space: nowrap;
    padding: 0 18px;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.abtj-cta-btn:hover,
.abtj-final-btn:hover,
.abtj-primary-btn:hover,
.abtj-secondary-btn:hover,
.abtj-sidebar-link:hover {
    transform: translateY(-3px);
}

/* FAQ */

.abtj-faq-list {
    display: grid;
    gap: 14px;
    margin-top: 24px;
}

.abtj-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.abtj-faq-item summary {
    cursor: pointer;
    padding: 18px 20px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
}

.abtj-faq-item summary::-webkit-details-marker {
    display: none;
}

.abtj-faq-item p {
    padding: 0 20px 18px;
    text-align: left;
    margin: 0;
}

/* FINAL CTA */

.abtj-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.abtj-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.abtj-final-cta > * {
    position: relative;
    z-index: 2;
}

.abtj-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.abtj-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.abtj-final-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.abtj-final-btn {
    min-height: 50px;
    padding: 0 20px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
}

.abtj-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

/* SIDEBAR */

.abtj-sidebar {
    position: sticky;
    top: 90px;
}

.abtj-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.abtj-sidebar-title i {
    color: var(--primary-gold);
}

.abtj-meta-list {
    display: grid;
    gap: 12px;
}

.abtj-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.abtj-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.abtj-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.abtj-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.abtj-badge-grid div,
.abtj-sidebar-list div,
.abtj-action-stack a,
.abtj-contact-list div,
.abtj-contact-list a {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    transition: var(--transition-normal);
}

.abtj-badge-grid div {
    min-height: 96px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
}

.abtj-badge-grid div:hover,
.abtj-sidebar-list div:hover,
.abtj-action-stack a:hover,
.abtj-contact-list div:hover,
.abtj-contact-list a:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.abtj-badge-grid i,
.abtj-sidebar-list i,
.abtj-action-stack i,
.abtj-contact-list i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.abtj-badge-grid span,
.abtj-sidebar-list span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.abtj-sidebar-list,
.abtj-action-stack,
.abtj-contact-list {
    display: grid;
    gap: 12px;
}

.abtj-sidebar-list div,
.abtj-action-stack a,
.abtj-contact-list div,
.abtj-contact-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-weight: 900;
}

.abtj-editor-profile,
.abtj-publisher-box {
    display: flex;
    gap: 13px;
    padding: 15px;
    margin-bottom: 12px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.abtj-editor-profile > i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.abtj-editor-profile span,
.abtj-publisher-box span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.abtj-editor-profile strong,
.abtj-publisher-box strong {
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.abtj-sidebar-link {
    width: 100%;
    min-height: 46px;
    margin-top: 12px;
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.abtj-publisher-box {
    display: block;
}

.abtj-publisher-box a {
    display: inline-flex;
    margin-top: 8px;
    color: var(--primary-blue);
    font-size: 13px;
    font-weight: 900;
}

/* RESPONSE CARD */

.abtj-response-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: linear-gradient(135deg, rgba(255,247,237,.96), rgba(255,255,255,.94));
    border-color: rgba(216,138,9,.25);
}

.abtj-response-card > i {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: rgba(216,138,9,.14);
    color: var(--primary-gold-dark);
    font-size: 23px;
}

.abtj-response-card span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.abtj-response-card strong {
    display: block;
    color: var(--primary-navy);
    font-size: 22px;
    margin-bottom: 6px;
}

.abtj-response-card p {
    color: var(--text-secondary);
    margin: 0;
    font-size: 14px;
}

/* SIDEBAR CTA */

.abtj-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.abtj-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.abtj-sidebar-cta p {
    color: rgba(255,255,255,.82);
}

.abtj-primary-btn,
.abtj-secondary-btn {
    width: 100%;
    min-height: 48px;
    margin-top: 12px;
}

.abtj-primary-btn {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.abtj-secondary-btn {
    background: rgba(255,255,255,.12);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .abtj-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

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

    .abtj-objectives-grid,
    .abtj-benefits-grid,
    .abtj-workflow-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .abtj-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .abtj-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .abtj-sidebar-card,
    .abtj-response-card,
    .abtj-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .abtj-page-hero {
        padding: 68px 0 60px;
    }

    .abtj-main-section {
        padding: 52px 0;
    }

    .abtj-content-card,
    .abtj-open-access-cta,
    .abtj-integrity-cta,
    .abtj-final-cta,
    .abtj-sidebar-card,
    .abtj-response-card,
    .abtj-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .abtj-feature-grid,
    .abtj-vision-grid,
    .abtj-objectives-grid,
    .abtj-scope-grid,
    .abtj-benefits-grid,
    .abtj-review-grid,
    .abtj-workflow-grid,
    .abtj-ethics-grid,
    .abtj-discover-grid,
    .abtj-sidebar {
        grid-template-columns: 1fr;
    }

    .abtj-open-access-cta,
    .abtj-integrity-cta {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .abtj-content-card p {
        text-align: left;
    }

    .abtj-badge-grid {
        grid-template-columns: 1fr;
    }

    .abtj-final-actions {
        flex-direction: column;
    }

    .abtj-final-btn,
    .abtj-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .abtj-page-title {
        font-size: 30px;
    }

    .abtj-section-title {
        font-size: 25px;
    }

    .abtj-sidebar-title {
        font-size: 19px;
    }

    .abtj-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   ABOUT THE JOURNAL PAGE CSS END
========================================================= */

/* =========================================================
   AIMS AND SCOPE PAGE CSS START
   Page Prefix: ias-
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.ias-page-main {
    background: var(--bg-light);
}

/* HERO */

.ias-page-hero {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.ias-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.ias-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.ias-hero-badge,
.ias-section-badge,
.ias-final-badge,
.ias-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.ias-page-title {
    color: var(--text-white);
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.ias-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.ias-breadcrumb a:hover {
    color: #ffd88a;
}

.ias-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.ias-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.ias-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.ias-hero-tags i {
    color: #86efac;
}

/* LAYOUT */

.ias-main-section {
    padding: 72px 0;
}

.ias-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.ias-main-content,
.ias-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.ias-content-card,
.ias-final-cta,
.ias-sidebar-card,
.ias-response-card,
.ias-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.ias-content-card,
.ias-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.ias-sidebar-card,
.ias-response-card,
.ias-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.ias-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.ias-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.ias-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.ias-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */

.ias-aim-grid,
.ias-vm-grid,
.ias-objective-grid,
.ias-scope-grid,
.ias-fusion-grid,
.ias-manuscript-grid,
.ias-quality-grid,
.ias-not-accepted-grid,
.ias-review-grid,
.ias-workflow-grid,
.ias-language-grid,
.ias-discover-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.ias-aim-grid,
.ias-vm-grid,
.ias-review-grid,
.ias-language-grid {
    grid-template-columns: repeat(2, 1fr);
}

.ias-objective-grid,
.ias-manuscript-grid,
.ias-quality-grid,
.ias-not-accepted-grid,
.ias-workflow-grid,
.ias-discover-grid {
    grid-template-columns: repeat(4, 1fr);
}

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

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

/* CARDS */

.ias-aim-card,
.ias-vm-card,
.ias-objective-card,
.ias-scope-card,
.ias-manuscript-grid article,
.ias-review-grid article,
.ias-workflow-grid article,
.ias-language-grid article {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.ias-aim-card:hover,
.ias-vm-card:hover,
.ias-objective-card:hover,
.ias-scope-card:hover,
.ias-manuscript-grid article:hover,
.ias-review-grid article:hover,
.ias-workflow-grid article:hover,
.ias-language-grid article:hover,
.ias-quality-grid div:hover,
.ias-not-accepted-grid div:hover,
.ias-discover-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.ias-aim-card i,
.ias-vm-card i,
.ias-objective-card i,
.ias-scope-card i,
.ias-manuscript-grid article i,
.ias-language-grid article i {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 18px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.ias-review-grid article > span,
.ias-workflow-grid article > span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.ias-review-grid article i,
.ias-workflow-grid article i {
    display: block;
    color: var(--primary-blue);
    font-size: 26px;
    margin-bottom: 12px;
}

.ias-aim-card h3,
.ias-vm-card h3,
.ias-objective-card h3,
.ias-scope-card h3,
.ias-manuscript-grid article h3,
.ias-review-grid article h3,
.ias-workflow-grid article h3,
.ias-language-grid article h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.ias-aim-card p,
.ias-vm-card p,
.ias-objective-card p,
.ias-scope-card p,
.ias-manuscript-grid article p,
.ias-review-grid article p,
.ias-workflow-grid article p,
.ias-language-grid article p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

/* MINI GRIDS */

.ias-quality-grid div,
.ias-not-accepted-grid div,
.ias-discover-grid div {
    min-height: 96px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.ias-quality-grid i,
.ias-discover-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.ias-not-accepted-grid i {
    color: #dc2626;
    font-size: 22px;
}

.ias-quality-grid span,
.ias-not-accepted-grid span,
.ias-discover-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* FUSION PILLS */

.ias-fusion-pill {
    min-height: 92px;
    padding: 18px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    transition: var(--transition-normal);
}

.ias-fusion-pill:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.ias-fusion-pill span {
    color: var(--primary-navy);
    font-weight: 900;
    line-height: 1.4;
}

.ias-fusion-pill i {
    color: var(--primary-gold-dark);
    margin-right: 6px;
}

.ias-fusion-pill strong {
    color: var(--primary-blue);
    font-size: 22px;
}

/* NOTE BOX */

.ias-note-box {
    margin-top: 24px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: var(--gradient-primary);
    color: var(--text-white);
    display: flex;
    gap: 14px;
    align-items: flex-start;
    box-shadow: var(--shadow-navy);
}

.ias-note-box i {
    color: #ffd88a;
    font-size: 22px;
}

.ias-note-box p {
    color: rgba(255,255,255,.86);
    text-align: left;
    margin-bottom: 0;
}

/* ALERT */

.ias-alert-card {
    background:
        linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.94));
    border-color: rgba(216,138,9,.26);
}

/* FAQ */

.ias-faq-list {
    display: grid;
    gap: 14px;
    margin-top: 24px;
}

.ias-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.ias-faq-item summary {
    cursor: pointer;
    padding: 18px 20px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
}

.ias-faq-item summary::-webkit-details-marker {
    display: none;
}

.ias-faq-item p {
    padding: 0 20px 18px;
    text-align: left;
    margin: 0;
}

/* FINAL CTA */

.ias-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.ias-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.ias-final-cta > * {
    position: relative;
    z-index: 2;
}

.ias-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.ias-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.ias-final-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.ias-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
    transition: var(--transition-normal);
}

.ias-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.ias-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */

.ias-sidebar {
    position: sticky;
    top: 90px;
}

.ias-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ias-sidebar-title i {
    color: var(--primary-gold);
}

.ias-meta-list {
    display: grid;
    gap: 12px;
}

.ias-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.ias-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.ias-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.ias-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.ias-badge-grid div,
.ias-sidebar-list div,
.ias-action-stack a,
.ias-warning-list div,
.ias-audience-tags span {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    transition: var(--transition-normal);
}

.ias-badge-grid div {
    min-height: 96px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
}

.ias-sidebar-list,
.ias-action-stack,
.ias-warning-list,
.ias-audience-tags {
    display: grid;
    gap: 12px;
}

.ias-sidebar-list div,
.ias-action-stack a,
.ias-warning-list div,
.ias-audience-tags span {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-weight: 900;
}

.ias-badge-grid div:hover,
.ias-sidebar-list div:hover,
.ias-action-stack a:hover,
.ias-warning-list div:hover,
.ias-audience-tags span:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.ias-badge-grid i,
.ias-sidebar-list i,
.ias-action-stack i,
.ias-audience-tags i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.ias-warning-list i,
.ias-reject-card .danger-title i {
    color: #dc2626;
}

.ias-badge-grid span,
.ias-sidebar-list span,
.ias-action-stack span,
.ias-warning-list span,
.ias-audience-tags span {
    font-size: 13px;
    line-height: 1.35;
}

.ias-sidebar-intro {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.75;
    margin-bottom: 16px;
}

/* RESPONSE CARD */

.ias-response-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: linear-gradient(135deg, rgba(255,247,237,.96), rgba(255,255,255,.94));
    border-color: rgba(216,138,9,.25);
}

.ias-response-card > i {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: rgba(216,138,9,.14);
    color: var(--primary-gold-dark);
    font-size: 23px;
}

.ias-response-card span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.ias-response-card strong {
    display: block;
    color: var(--primary-navy);
    font-size: 22px;
    margin-bottom: 6px;
}

.ias-response-card p {
    color: var(--text-secondary);
    margin: 0;
    font-size: 14px;
}

/* SIDEBAR CTA */

.ias-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.ias-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.ias-sidebar-cta p,
.ias-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.ias-sidebar-cta-btn {
    width: 100%;
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
    transition: var(--transition-normal);
}

.ias-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

.ias-sidebar-cta small {
    display: block;
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .ias-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .ias-objective-grid,
    .ias-manuscript-grid,
    .ias-quality-grid,
    .ias-not-accepted-grid,
    .ias-workflow-grid,
    .ias-discover-grid {
        grid-template-columns: repeat(2, 1fr);
    }

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

@media (max-width: 991px) {
    .ias-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .ias-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .ias-sidebar-card,
    .ias-response-card,
    .ias-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .ias-page-hero {
        padding: 68px 0 60px;
    }

    .ias-main-section {
        padding: 52px 0;
    }

    .ias-content-card,
    .ias-final-cta,
    .ias-sidebar-card,
    .ias-response-card,
    .ias-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .ias-hero-description {
        font-size: 16px;
    }

    .ias-hero-tags,
    .ias-final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ias-hero-tags span {
        justify-content: center;
    }

    .ias-aim-grid,
    .ias-vm-grid,
    .ias-objective-grid,
    .ias-scope-grid,
    .ias-fusion-grid,
    .ias-manuscript-grid,
    .ias-quality-grid,
    .ias-not-accepted-grid,
    .ias-review-grid,
    .ias-workflow-grid,
    .ias-language-grid,
    .ias-discover-grid,
    .ias-sidebar {
        grid-template-columns: 1fr;
    }

    .ias-fusion-pill,
    .ias-note-box,
    .ias-response-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .ias-content-card p {
        text-align: left;
    }

    .ias-badge-grid {
        grid-template-columns: 1fr;
    }

    .ias-final-btn,
    .ias-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .ias-page-title {
        font-size: 30px;
    }

    .ias-section-title {
        font-size: 25px;
    }

    .ias-sidebar-title {
        font-size: 19px;
    }

    .ias-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   AIMS AND SCOPE PAGE CSS END
========================================================= */
/* =========================================================
   JOURNAL ARCHIVES PAGE CSS START
   File/Page: archives.html
   Page Prefix: jarc-
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.jarc-page-main {
    background: var(--bg-light);
}

/* HERO SECTION */

.jarc-page-hero {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.jarc-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216, 138, 9, .22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37, 99, 235, .24), transparent 34%);
}

.jarc-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.jarc-hero-badge,
.jarc-section-badge,
.jarc-final-badge,
.jarc-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216, 138, 9, .13);
    color: #ffd88a;
    border: 1px solid rgba(216, 138, 9, .35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.jarc-page-title {
    color: var(--text-white);
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.jarc-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
    font-weight: 700;
}

.jarc-breadcrumb a:hover {
    color: #ffd88a;
}

.jarc-hero-description {
    max-width: 920px;
    color: rgba(255, 255, 255, .86);
    font-size: 18px;
    line-height: 1.9;
}

.jarc-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.jarc-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    color: rgba(255, 255, 255, .88);
    font-size: 13px;
    font-weight: 800;
}

.jarc-hero-tags i {
    color: #86efac;
}

/* MAIN LAYOUT */

.jarc-main-section {
    padding: 72px 0;
}

.jarc-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.jarc-main-content,
.jarc-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.jarc-content-card,
.jarc-final-cta,
.jarc-sidebar-card,
.jarc-sidebar-cta {
    background: rgba(255, 255, 255, .90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.jarc-content-card,
.jarc-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.jarc-sidebar-card,
.jarc-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.jarc-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jarc-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.jarc-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.jarc-content-card strong {
    color: var(--primary-navy);
}

/* COMPLIANCE STRIP */

.jarc-compliance-strip,
.jarc-preservation-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 26px;
}

.jarc-compliance-strip span,
.jarc-preservation-strip div {
    min-height: 82px;
    padding: 14px;
    border-radius: var(--radius-lg);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.4;
    transition: var(--transition-normal);
}

.jarc-compliance-strip span:hover,
.jarc-preservation-strip div:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-sm);
}

.jarc-compliance-strip i,
.jarc-preservation-strip i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

/* ARCHIVE TIMELINE */

.jarc-archive-timeline {
    display: grid;
    gap: 22px;
    margin-top: 28px;
}

.jarc-volume-block {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: var(--bg-white);
    overflow: hidden;
    transition: var(--transition-normal);
}

.jarc-volume-block:hover {
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.jarc-volume-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px;
    background:
        linear-gradient(135deg, rgba(11, 31, 77, .96), rgba(37, 99, 235, .88));
}

.jarc-volume-label {
    display: inline-flex;
    margin-bottom: 6px;
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.jarc-volume-header h3 {
    color: var(--text-white);
    font-size: 24px;
    margin: 0;
}

.jarc-volume-count {
    padding: 8px 13px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .18);
    color: rgba(255, 255, 255, .90);
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.jarc-issue-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    padding: 18px;
}

.jarc-issue-card {
    position: relative;
    min-height: 138px;
    padding: 18px;
    border-radius: var(--radius-lg);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--primary-navy);
    transition: var(--transition-normal);
    overflow: hidden;
}

.jarc-issue-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--primary-blue);
    opacity: .75;
}

.jarc-issue-card:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.jarc-issue-card.active-issue {
    background:
        linear-gradient(135deg, rgba(255, 247, 237, .98), rgba(255, 255, 255, .94));
    border-color: rgba(216, 138, 9, .35);
}

.jarc-issue-card.active-issue::before {
    background: var(--primary-gold);
}

.jarc-issue-month {
    display: inline-flex;
    color: var(--primary-gold-dark);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.jarc-issue-card strong {
    color: var(--primary-navy);
    font-size: 22px;
    margin-top: 6px;
}

.jarc-issue-card em {
    color: var(--text-muted);
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
}

.jarc-issue-card small {
    margin-top: 12px;
    color: var(--primary-blue);
    font-weight: 900;
    font-size: 13px;
}

.jarc-issue-card small i {
    margin-right: 5px;
}

/* CONTENT GRIDS */

.jarc-preservation-grid,
.jarc-benefit-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 26px;
}

.jarc-quality-grid,
.jarc-seo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 26px;
}

.jarc-preservation-card,
.jarc-benefit-grid article {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.jarc-preservation-card:hover,
.jarc-benefit-grid article:hover,
.jarc-quality-grid div:hover,
.jarc-seo-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.jarc-preservation-card i,
.jarc-benefit-grid article i {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 18px;
    background: rgba(216, 138, 9, .12);
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.jarc-preservation-card h3,
.jarc-benefit-grid article h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.jarc-preservation-card p,
.jarc-benefit-grid article p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.jarc-quality-grid div,
.jarc-seo-grid div {
    min-height: 96px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.jarc-quality-grid i,
.jarc-seo-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.jarc-quality-grid span,
.jarc-seo-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* FINAL CTA */

.jarc-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.jarc-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216, 138, 9, .20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37, 99, 235, .25), transparent 35%);
}

.jarc-final-cta > * {
    position: relative;
    z-index: 2;
}

.jarc-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.jarc-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255, 255, 255, .82);
    text-align: center;
}

.jarc-final-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.jarc-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255, 255, 255, .10);
    color: var(--text-white);
    border: 1px solid rgba(255, 255, 255, .18);
    font-weight: 900;
    transition: var(--transition-normal);
}

.jarc-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.jarc-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */

.jarc-sidebar {
    position: sticky;
    top: 90px;
}

.jarc-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.jarc-sidebar-title i {
    color: var(--primary-gold);
}

.jarc-meta-list {
    display: grid;
    gap: 12px;
}

.jarc-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jarc-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.jarc-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.jarc-action-stack,
.jarc-sidebar-list,
.jarc-contact-list,
.jarc-quick-find {
    display: grid;
    gap: 12px;
}

.jarc-action-stack a,
.jarc-sidebar-list div,
.jarc-contact-list a,
.jarc-contact-list div {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-weight: 900;
    transition: var(--transition-normal);
}

.jarc-action-stack a:hover,
.jarc-sidebar-list div:hover,
.jarc-contact-list a:hover,
.jarc-contact-list div:hover,
.jarc-quick-find a:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.jarc-action-stack i,
.jarc-sidebar-list i,
.jarc-contact-list i {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(216, 138, 9, .12);
    color: var(--primary-gold-dark);
    font-size: 16px;
}

.jarc-action-stack span,
.jarc-sidebar-list span,
.jarc-contact-list span {
    font-size: 13px;
    line-height: 1.4;
}

/* SIDEBAR BADGE GRID */

.jarc-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.jarc-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    transition: var(--transition-normal);
}

.jarc-badge-grid div:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-sm);
}

.jarc-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.jarc-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* QUICK FIND */

.jarc-quick-find a {
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: grid;
    gap: 4px;
    transition: var(--transition-normal);
}

.jarc-quick-find strong {
    color: var(--primary-navy);
    font-size: 14px;
}

.jarc-quick-find span {
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.5;
}

/* SIDEBAR INTRO */

.jarc-sidebar-intro {
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 16px;
}

/* SIDEBAR CTA */

.jarc-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.jarc-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.jarc-sidebar-cta p,
.jarc-sidebar-cta small {
    color: rgba(255, 255, 255, .82);
}

.jarc-sidebar-cta-btn {
    width: 100%;
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
    transition: var(--transition-normal);
}

.jarc-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

.jarc-sidebar-cta small {
    display: block;
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .jarc-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .jarc-compliance-strip,
    .jarc-preservation-strip,
    .jarc-preservation-grid,
    .jarc-benefit-grid,
    .jarc-quality-grid,
    .jarc-seo-grid {
        grid-template-columns: repeat(2, 1fr);
    }

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

@media (max-width: 991px) {
    .jarc-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .jarc-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .jarc-sidebar-card,
    .jarc-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .jarc-page-hero {
        padding: 68px 0 60px;
    }

    .jarc-main-section {
        padding: 52px 0;
    }

    .jarc-content-card,
    .jarc-final-cta,
    .jarc-sidebar-card,
    .jarc-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .jarc-hero-description {
        font-size: 16px;
    }

    .jarc-hero-tags,
    .jarc-final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .jarc-hero-tags span {
        justify-content: center;
    }

    .jarc-compliance-strip,
    .jarc-preservation-strip,
    .jarc-issue-grid,
    .jarc-preservation-grid,
    .jarc-benefit-grid,
    .jarc-quality-grid,
    .jarc-seo-grid,
    .jarc-sidebar {
        grid-template-columns: 1fr;
    }

    .jarc-volume-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .jarc-volume-count {
        white-space: normal;
    }

    .jarc-content-card p {
        text-align: left;
    }

    .jarc-badge-grid {
        grid-template-columns: 1fr;
    }

    .jarc-final-btn,
    .jarc-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .jarc-page-title {
        font-size: 30px;
    }

    .jarc-section-title {
        font-size: 25px;
    }

    .jarc-sidebar-title {
        font-size: 19px;
    }

    .jarc-breadcrumb {
        flex-wrap: wrap;
    }

    .jarc-issue-card {
        min-height: 128px;
    }
}

/* =========================================================
   JOURNAL ARCHIVES PAGE CSS END
========================================================= */
/* =========================================================
   ARCHIVING POLICY PAGE PREMIUM CSS START
   Page: archiving-policy.html
   Prefix: jap-
   Paste Location: assets/style/style.css ke bottom mein
   Style: Same premium structure as Article Types page
========================================================= */

.jap-page-main {
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.08), transparent 32%),
        linear-gradient(180deg, #f5f7fb 0%, #eef2f8 100%);
    color: var(--text-primary);
}

/* HERO */
.jap-page-hero {
    position: relative;
    overflow: hidden;
    padding: 92px 0 82px;
    background: var(--gradient-dark);
}

.jap-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(216,138,9,.24), transparent 34%),
        radial-gradient(circle at 88% 24%, rgba(37,99,235,.22), transparent 32%);
}

.jap-page-hero .container,
.jap-hero-content {
    position: relative;
    z-index: 2;
}

.jap-hero-badge,
.jap-section-badge,
.jap-final-badge,
.jap-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.14);
    border: 1px solid rgba(216,138,9,.36);
    color: #ffd88a;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.jap-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 66px);
    font-weight: 900;
    margin-bottom: 18px;
}

.jap-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 24px;
}

.jap-breadcrumb a:hover {
    color: #ffd88a;
}

.jap-hero-description {
    max-width: 960px;
    color: rgba(255,255,255,.88);
    font-size: 18px;
    line-height: 1.9;
}

.jap-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.jap-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.9);
    font-size: 13px;
    font-weight: 800;
}

.jap-hero-tags i {
    color: #86efac;
}

/* MAIN LAYOUT */
.jap-main-section {
    padding: 74px 0;
}

.jap-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.jap-main-content,
.jap-sidebar {
    min-width: 0;
}

/* IMPORTANT: sticky sidebar + synchronized bottom behavior */
.jap-sidebar {
    position: sticky;
    top: 92px;
    align-self: start;
}

/* COMMON CARDS */
.jap-content-card,
.jap-final-cta,
.jap-sidebar-card,
.jap-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.jap-content-card,
.jap-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.jap-sidebar-card,
.jap-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.jap-content-card,
.jap-sidebar-card {
    position: relative;
    overflow: hidden;
}

.jap-content-card::before,
.jap-sidebar-card::before {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    background: var(--gradient-gold);
    position: absolute;
    top: 0;
    left: 0;
}

.jap-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jap-section-title,
.jap-content-card h2 {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.jap-content-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.jap-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.jap-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */
.jap-pillar-grid,
.jap-two-grid,
.jap-feature-grid,
.jap-metadata-grid,
.jap-policy-grid,
.jap-discover-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

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

.jap-two-grid,
.jap-feature-grid,
.jap-policy-grid,
.jap-discover-grid {
    grid-template-columns: repeat(2, 1fr);
}

.jap-metadata-grid {
    grid-template-columns: repeat(4, 1fr);
}

.jap-pillar-card,
.jap-info-card,
.jap-feature-grid article,
.jap-metadata-grid div,
.jap-policy-grid div,
.jap-discover-grid div {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.jap-pillar-card:hover,
.jap-info-card:hover,
.jap-feature-grid article:hover,
.jap-metadata-grid div:hover,
.jap-policy-grid div:hover,
.jap-discover-grid div:hover,
.jap-sidebar-list div:hover,
.jap-sidebar-list a:hover,
.jap-contact-list div:hover,
.jap-contact-list a:hover,
.jap-action-stack a:hover,
.jap-badge-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.jap-pillar-card i,
.jap-info-card i,
.jap-feature-grid article > i,
.jap-metadata-grid div > i,
.jap-policy-grid div > i,
.jap-discover-grid div > i {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 18px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.jap-metadata-grid div,
.jap-policy-grid div,
.jap-discover-grid div {
    display: flex;
    align-items: center;
    gap: 13px;
}

.jap-metadata-grid div > i,
.jap-policy-grid div > i,
.jap-discover-grid div > i {
    margin-bottom: 0;
    flex: 0 0 52px;
}

.jap-metadata-grid span,
.jap-policy-grid span,
.jap-discover-grid span {
    color: var(--primary-navy);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.45;
}

.jap-pillar-card p,
.jap-info-card p,
.jap-feature-grid article p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

/* TRUST STRIP */
.jap-trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0 0;
}

.jap-trust-strip span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
}

.jap-trust-strip i {
    color: var(--primary-gold-dark);
}

/* STEP LIST */
.jap-step-list {
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.jap-step {
    display: flex;
    gap: 16px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    transition: var(--transition-normal);
}

.jap-step:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.jap-step strong {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
    font-weight: 900;
}

.jap-step h3 {
    margin-bottom: 6px;
}

.jap-step p {
    text-align: left;
    margin-bottom: 0;
    font-size: 14px;
}

/* HIGHLIGHT BOX */
.jap-highlight-box {
    margin-top: 24px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: var(--gradient-primary);
    color: var(--text-white);
    display: flex;
    gap: 14px;
    align-items: flex-start;
    box-shadow: var(--shadow-navy);
}

.jap-highlight-box i {
    color: #ffd88a;
    font-size: 22px;
    margin-top: 4px;
}

.jap-highlight-box p,
.jap-highlight-box strong {
    color: rgba(255,255,255,.9);
    text-align: left;
    margin: 0;
}

/* FAQ */
.jap-faq-list{
    margin-top:24px;
    display:grid;
    gap:14px;
}

.jap-faq-item{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    overflow:hidden;
    transition:var(--transition-normal);
}

.jap-faq-item:hover{
    border-color:var(--border-gold);
    box-shadow:var(--shadow-sm);
}

.jap-faq-item summary{
    cursor:pointer;
    padding:18px 22px;
    color:var(--primary-navy);
    font-size:15px;
    font-weight:900;
    list-style:none;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.jap-faq-item summary::-webkit-details-marker{
    display:none;
}

.jap-faq-item summary::after{
    content:"\f078";
    font-family:"Font Awesome 6 Free";
    font-weight:900;

    margin-left:auto;
    flex-shrink:0;

    color:var(--primary-gold-dark);
    font-size:14px;

    transition:var(--transition-normal);
}

.jap-faq-item[open] summary::after{
    transform:rotate(180deg);
}

.jap-faq-item p{
    padding:0 22px 20px;
    margin:0;

    color:var(--text-secondary);
    text-align:left;
    font-size:14px;
    line-height:1.8;
}
/* FINAL CTA */
.jap-final-cta,
.jap-sidebar-cta {
    position: relative;
    overflow: hidden;
    background: var(--gradient-dark);
}

.jap-final-cta::before,
.jap-sidebar-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.jap-final-cta > *,
.jap-sidebar-cta > * {
    position: relative;
    z-index: 2;
}

.jap-final-cta h2,
.jap-sidebar-cta h3 {
    color: var(--text-white);
}

.jap-final-cta h2 {
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.jap-final-cta p,
.jap-sidebar-cta p,
.jap-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.jap-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 24px;
}

.jap-final-btn,
.jap-sidebar-cta-btn,
.jap-sidebar-cta a {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
    transition: var(--transition-normal);
}

.jap-final-btn.primary,
.jap-sidebar-cta-btn,
.jap-sidebar-cta a {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.jap-final-btn:hover,
.jap-sidebar-cta-btn:hover,
.jap-sidebar-cta a:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */
.jap-sidebar-card {
    position: relative;
    overflow: hidden;
}

.jap-sidebar-title,
.jap-sidebar-card h3 {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.jap-sidebar-title i,
.jap-sidebar-card h3 i {
    color: var(--primary-gold);
}

/* META LIST */
.jap-meta-list {
    display: grid;
    gap: 12px;
}

.jap-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jap-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.jap-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

/* SIDEBAR LISTS */
.jap-sidebar-list,
.jap-contact-list,
.jap-action-stack {
    display: grid;
    gap: 12px;
}

.jap-sidebar-list div,
.jap-sidebar-list a,
.jap-contact-list div,
.jap-contact-list a,
.jap-action-stack a {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-weight: 900;
    transition: var(--transition-normal);
}

.jap-sidebar-list i,
.jap-contact-list i,
.jap-action-stack i {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 16px;
}

.jap-sidebar-list span,
.jap-contact-list span,
.jap-action-stack span {
    font-size: 13px;
    line-height: 1.4;
}

/* BADGE GRID */
.jap-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.jap-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.jap-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.jap-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* SIDEBAR CTA */
.jap-sidebar-cta h3 {
    font-size: 24px;
    margin-bottom: 12px;
}

.jap-sidebar-cta p {
    margin-bottom: 18px;
}

.jap-sidebar-cta-btn,
.jap-sidebar-cta a {
    width: 100%;
    margin: 10px 0 0;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .jap-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .jap-pillar-grid,
    .jap-metadata-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .jap-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .jap-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .jap-sidebar-card,
    .jap-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .jap-page-hero {
        padding: 68px 0 60px;
    }

    .jap-main-section {
        padding: 52px 0;
    }

    .jap-content-card,
    .jap-final-cta,
    .jap-sidebar-card,
    .jap-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .jap-hero-description {
        font-size: 16px;
    }

    .jap-hero-tags,
    .jap-final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .jap-hero-tags span {
        justify-content: center;
    }

    .jap-pillar-grid,
    .jap-two-grid,
    .jap-feature-grid,
    .jap-metadata-grid,
    .jap-policy-grid,
    .jap-discover-grid,
    .jap-sidebar {
        grid-template-columns: 1fr;
    }

    .jap-content-card p {
        text-align: left;
    }

    .jap-highlight-box,
    .jap-step {
        flex-direction: column;
    }

    .jap-badge-grid {
        grid-template-columns: 1fr;
    }

    .jap-final-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .jap-page-title {
        font-size: 30px;
    }

    .jap-section-title,
    .jap-content-card h2 {
        font-size: 25px;
    }

    .jap-sidebar-title,
    .jap-sidebar-card h3 {
        font-size: 19px;
    }

    .jap-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   ARCHIVING POLICY PAGE PREMIUM CSS END
========================================================= */
/* =========================================================
   ARTICLE PROCESSING CHARGES PAGE PREMIUM CSS START
   Page: article-processing-charges.html
   Prefix: apc-
   Paste Location: assets/style/style.css ke bottom mein
========================================================= */

.apc-page-main {
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.08), transparent 32%),
        linear-gradient(180deg, #f5f7fb 0%, #eef2f8 100%);
    color: var(--text-primary);
}

/* HERO */
.apc-page-hero {
    position: relative;
    overflow: hidden;
    padding: 92px 0 82px;
    background: var(--gradient-dark);
}

.apc-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(216,138,9,.24), transparent 34%),
        radial-gradient(circle at 88% 24%, rgba(37,99,235,.22), transparent 32%);
}

.apc-page-hero .container,
.apc-hero-content {
    position: relative;
    z-index: 2;
}

.apc-hero-badge,
.apc-section-badge,
.apc-final-badge,
.apc-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.14);
    border: 1px solid rgba(216,138,9,.36);
    color: #ffd88a;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.apc-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 66px);
    font-weight: 900;
    margin-bottom: 18px;
}

.apc-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 24px;
}

.apc-breadcrumb a:hover {
    color: #ffd88a;
}

.apc-hero-description {
    max-width: 960px;
    color: rgba(255,255,255,.88);
    font-size: 18px;
    line-height: 1.9;
}

.apc-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.apc-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.9);
    font-size: 13px;
    font-weight: 800;
}

.apc-hero-tags i {
    color: #86efac;
}

/* MAIN LAYOUT */
.apc-main-section {
    padding: 74px 0;
}

.apc-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.apc-main-content,
.apc-sidebar {
    min-width: 0;
}

/* IMPORTANT: sticky sidebar + bottom synchronized behavior */
.apc-sidebar {
    position: sticky;
    top: 92px;
    align-self: start;
}

/* COMMON CARDS */
.apc-content-card,
.apc-final-cta,
.apc-sidebar-card,
.apc-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.apc-content-card,
.apc-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.apc-sidebar-card,
.apc-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.apc-content-card,
.apc-sidebar-card {
    position: relative;
    overflow: hidden;
}

.apc-content-card::before,
.apc-sidebar-card::before {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    background: var(--gradient-gold);
    position: absolute;
    top: 0;
    left: 0;
}

.apc-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.apc-section-title,
.apc-content-card h2 {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.apc-content-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.apc-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.apc-content-card strong {
    color: var(--primary-navy);
}

/* PILLAR / GRID SYSTEM */
.apc-pillar-grid,
.apc-two-card-grid,
.apc-feature-grid,
.apc-policy-grid,
.apc-pricing-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

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

.apc-two-card-grid,
.apc-pricing-grid {
    grid-template-columns: repeat(2, 1fr);
}

.apc-feature-grid,
.apc-policy-grid {
    grid-template-columns: repeat(2, 1fr);
}

.apc-pillar-card,
.apc-info-card,
.apc-feature-grid article,
.apc-policy-grid div,
.apc-price-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.apc-pillar-card:hover,
.apc-info-card:hover,
.apc-feature-grid article:hover,
.apc-policy-grid div:hover,
.apc-price-card:hover,
.apc-sidebar-list div:hover,
.apc-sidebar-list a:hover,
.apc-badge-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.apc-pillar-card i,
.apc-info-card i,
.apc-feature-grid article > i,
.apc-price-card > i {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 18px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.apc-pillar-card p,
.apc-info-card p,
.apc-feature-grid article p,
.apc-price-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

/* PRICE CARDS */
.apc-price-card {
    text-align: center;
    position: relative;
}

.apc-price-badge {
    display: inline-flex;
    padding: 7px 13px;
    border-radius: 999px;
    background: var(--bg-soft);
    color: var(--primary-navy);
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 14px;
}

.apc-price-card > i {
    margin-inline: auto;
}

.apc-price-value {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 5px;
    margin: 14px 0;
    color: var(--primary-navy);
}

.apc-price-value span {
    font-size: 26px;
    font-weight: 900;
    color: var(--primary-gold-dark);
}

.apc-price-value strong {
    font-size: clamp(44px, 5vw, 62px);
    line-height: .9;
    font-weight: 900;
}

.apc-price-value small {
    font-size: 14px;
    font-weight: 900;
    color: var(--text-muted);
}

/* HIGHLIGHT BOX */
.apc-highlight-box {
    margin-top: 24px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: var(--gradient-primary);
    color: var(--text-white);
    display: flex;
    gap: 14px;
    align-items: flex-start;
    box-shadow: var(--shadow-navy);
}

.apc-highlight-box i {
    color: #ffd88a;
    font-size: 22px;
    margin-top: 4px;
}

.apc-highlight-box p,
.apc-highlight-box strong {
    color: rgba(255,255,255,.9);
    text-align: left;
    margin: 0;
}

/* FINANCIAL TRANSPARENCY */
.apc-cost-list {
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.apc-cost-item {
    padding: 18px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
}

.apc-cost-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    margin-bottom: 10px;
}

.apc-cost-head span {
    color: var(--primary-navy);
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.apc-cost-head i {
    color: var(--primary-gold-dark);
}

.apc-cost-head strong {
    color: var(--primary-gold-dark);
}

.apc-progress-track {
    height: 9px;
    border-radius: 999px;
    background: var(--bg-soft);
    overflow: hidden;
    margin-bottom: 10px;
}

.apc-progress-track span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--gradient-gold);
}

.apc-cost-item p {
    font-size: 13.5px;
    text-align: left;
    margin-bottom: 0;
}

/* POLICY GRID */
.apc-policy-grid div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.apc-policy-grid i {
    color: var(--primary-green);
    margin-top: 5px;
}

/* TRUST STRIP */
.apc-trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0;
}

.apc-trust-strip span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
}

.apc-trust-strip i {
    color: var(--primary-gold-dark);
}

/* FAQ */
.apc-faq-list{
    margin-top:24px;
    display:grid;
    gap:14px;
}

.apc-faq-item{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    overflow:hidden;
    transition:var(--transition-normal);
}

.apc-faq-item:hover{
    border-color:var(--border-gold);
    box-shadow:var(--shadow-sm);
}

.apc-faq-item summary{
    cursor:pointer;
    padding:18px 22px;
    color:var(--primary-navy);
    font-size:15px;
    font-weight:900;
    list-style:none;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.apc-faq-item summary::-webkit-details-marker{
    display:none;
}

.apc-faq-item summary::after{
    content:"\f078";
    font-family:"Font Awesome 6 Free";
    font-weight:900;

    margin-left:auto;
    flex-shrink:0;

    color:var(--primary-gold-dark);
    font-size:14px;

    transition:var(--transition-normal);
}

.apc-faq-item[open] summary::after{
    transform:rotate(180deg);
}

.apc-faq-item p{
    padding:0 22px 20px;
    margin:0;

    color:var(--text-secondary);
    text-align:left;
    font-size:14px;
    line-height:1.8;
}

/* FINAL CTA */
.apc-final-cta,
.apc-sidebar-cta {
    position: relative;
    overflow: hidden;
    background: var(--gradient-dark);
}

.apc-final-cta::before,
.apc-sidebar-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.apc-final-cta > *,
.apc-sidebar-cta > * {
    position: relative;
    z-index: 2;
}

.apc-final-cta h2,
.apc-sidebar-cta h3 {
    color: var(--text-white);
}

.apc-final-cta h2 {
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.apc-final-cta p,
.apc-sidebar-cta p,
.apc-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.apc-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 24px;
}

.apc-final-btn,
.apc-sidebar-cta-btn,
.apc-sidebar-cta a {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
    transition: var(--transition-normal);
}

.apc-final-btn.primary,
.apc-sidebar-cta-btn,
.apc-sidebar-cta a {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.apc-final-btn:hover,
.apc-sidebar-cta-btn:hover,
.apc-sidebar-cta a:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */
.apc-sidebar-card {
    position: relative;
    overflow: hidden;
}

.apc-sidebar-title,
.apc-sidebar-card h3 {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.apc-sidebar-title i,
.apc-sidebar-card h3 i {
    color: var(--primary-gold);
}

.apc-meta-list {
    display: grid;
    gap: 12px;
}

.apc-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.apc-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.apc-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.apc-sidebar-note {
    padding: 14px;
    border-radius: var(--radius-md);
    background: rgba(216,138,9,.10);
    border: 1px solid var(--border-gold);
    display: flex;
    gap: 10px;
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 14px;
}

.apc-sidebar-note i {
    color: var(--primary-gold-dark);
    margin-top: 3px;
}

/* PAYMENT */
.apc-payment-apps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 11px;
    margin-bottom: 16px;
}

.apc-payment-apps span {
    padding: 12px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: 8px;
}

.apc-payment-apps i {
    color: var(--primary-gold-dark);
}

.apc-qr-box {
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px dashed var(--border-soft);
    text-align: center;
}

.apc-qr-box img {
    max-width: 170px;
    margin: 0 auto 12px;
    border-radius: var(--radius-md);
}

.apc-qr-box p,
.apc-sidebar-text {
    text-align: left;
    font-size: 13.5px;
    margin-bottom: 0;
}

/* SIDEBAR LIST */
.apc-sidebar-list {
    display: grid;
    gap: 12px;
}

.apc-sidebar-list div,
.apc-sidebar-list a {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-weight: 900;
    transition: var(--transition-normal);
}

.apc-sidebar-list i {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 16px;
}

.apc-sidebar-list span {
    font-size: 13px;
    line-height: 1.4;
}

/* BADGE GRID */
.apc-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.apc-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.apc-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.apc-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.apc-sidebar-action-btn {
    width: 100%;
    min-height: 48px;
    padding: 0 18px;
    margin-top: 16px;
    border-radius: var(--radius-md);
    background: var(--gradient-primary);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

.apc-sidebar-action-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR CTA */
.apc-sidebar-cta h3 {
    font-size: 24px;
    margin-bottom: 12px;
}

.apc-sidebar-cta p {
    margin-bottom: 18px;
}

.apc-sidebar-cta-btn,
.apc-sidebar-cta a {
    width: 100%;
    margin: 10px 0 0;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .apc-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

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

@media (max-width: 991px) {
    .apc-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .apc-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .apc-sidebar-card,
    .apc-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .apc-page-hero {
        padding: 68px 0 60px;
    }

    .apc-main-section {
        padding: 52px 0;
    }

    .apc-content-card,
    .apc-final-cta,
    .apc-sidebar-card,
    .apc-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .apc-hero-description {
        font-size: 16px;
    }

    .apc-hero-tags,
    .apc-final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .apc-hero-tags span {
        justify-content: center;
    }

    .apc-pillar-grid,
    .apc-two-card-grid,
    .apc-feature-grid,
    .apc-policy-grid,
    .apc-pricing-grid,
    .apc-sidebar {
        grid-template-columns: 1fr;
    }

    .apc-content-card p {
        text-align: left;
    }

    .apc-highlight-box {
        flex-direction: column;
    }

    .apc-badge-grid,
    .apc-payment-apps {
        grid-template-columns: 1fr;
    }

    .apc-final-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .apc-page-title {
        font-size: 30px;
    }

    .apc-section-title,
    .apc-content-card h2 {
        font-size: 25px;
    }

    .apc-sidebar-title,
    .apc-sidebar-card h3 {
        font-size: 19px;
    }

    .apc-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   ARTICLE PROCESSING CHARGES PAGE PREMIUM CSS END
========================================================= */

/* =========================================================
   ARTICLE TYPES PAGE START
========================================================= */
/* =========================================================
   ARTICLE TYPES PAGE PREMIUM CSS
   Page: article-types.html
   Prefix: atp-
   Paste: assets/style/style.css ke bottom mein
========================================================= */

.atp-page-main {
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.08), transparent 32%),
        linear-gradient(180deg, #f5f7fb 0%, #eef2f8 100%);
    color: var(--text-primary);
}

/* HERO */
.atp-page-hero {
    position: relative;
    overflow: hidden;
    padding: 92px 0 82px;
    background: var(--gradient-dark);
}

.atp-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(216,138,9,.24), transparent 34%),
        radial-gradient(circle at 88% 24%, rgba(37,99,235,.22), transparent 32%);
}

.atp-page-hero .container {
    position: relative;
    z-index: 2;
}

.atp-hero-badge,
.atp-section-badge,
.atp-final-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.14);
    border: 1px solid rgba(216,138,9,.36);
    color: #ffd88a;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.atp-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 66px);
    font-weight: 900;
    margin-bottom: 18px;
}

.atp-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 24px;
}

.atp-breadcrumb a:hover {
    color: #ffd88a;
}

.atp-hero-text {
    max-width: 960px;
    color: rgba(255,255,255,.88);
    font-size: 18px;
    line-height: 1.9;
}

.atp-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.atp-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.9);
    font-size: 13px;
    font-weight: 800;
}

.atp-hero-tags i {
    color: #86efac;
}

/* LAYOUT */
.atp-main-section {
    padding: 74px 0;
}

.atp-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.atp-main-content,
.atp-sidebar {
    min-width: 0;
}

/* Sticky sidebar exactly like reference */
.atp-sidebar {
    position: sticky;
    top: 92px;
    align-self: start;
}

/* CARDS */
.atp-content-card,
.atp-faq-section,
.atp-final-cta,
.atp-sidebar-card,
.atp-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.atp-content-card,
.atp-faq-section,
.atp-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.atp-sidebar-card,
.atp-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.atp-content-card {
    position: relative;
    overflow: hidden;
}

.atp-content-card::before,
.atp-sidebar-card::before {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    background: var(--gradient-gold);
    position: absolute;
    top: 0;
    left: 0;
}

.atp-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.atp-content-card h2,
.atp-faq-header h2 {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.atp-content-card h3 {
    color: var(--primary-blue);
    font-size: 22px;
    margin-bottom: 14px;
}

.atp-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.atp-content-card strong {
    color: var(--primary-navy);
}

.atp-content-card ul {
    display: grid;
    gap: 10px;
    padding-left: 0;
}

.atp-content-card li {
    position: relative;
    padding-left: 26px;
    color: var(--text-secondary);
    font-size: 14.5px;
    line-height: 1.7;
}

.atp-content-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary-green);
    font-weight: 900;
}

/* GRIDS */
.atp-intro-grid,
.atp-two-grid,
.atp-feature-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

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

.atp-two-grid,
.atp-feature-grid {
    grid-template-columns: repeat(2, 1fr);
}

.atp-intro-grid article,
.atp-two-grid article,
.atp-feature-grid article {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.atp-intro-grid article:hover,
.atp-two-grid article:hover,
.atp-feature-grid article:hover,
.atp-sidebar-list div:hover,
.atp-sidebar-list a:hover,
.atp-badge-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.atp-intro-grid i,
.atp-two-grid article > i,
.atp-feature-grid article > i {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 18px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.atp-intro-grid h3,
.atp-two-grid h3,
.atp-feature-grid h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.atp-intro-grid p,
.atp-feature-grid p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

/* HIGHLIGHT */
.atp-highlight-box {
    margin-top: 24px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: var(--gradient-primary);
    color: var(--text-white);
    display: flex;
    gap: 14px;
    align-items: flex-start;
    box-shadow: var(--shadow-navy);
}

.atp-highlight-box i {
    color: #ffd88a;
    font-size: 22px;
    margin-top: 4px;
}

.atp-highlight-box p,
.atp-highlight-box strong {
    color: rgba(255,255,255,.9);
    text-align: left;
    margin: 0;
}

.atp-highlight-box.warning {
    background: linear-gradient(135deg, #7f1d1d, #991b1b);
}

/* TRUST STRIP */
.atp-trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0;
}

.atp-trust-strip span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
}

.atp-trust-strip i {
    color: var(--primary-gold-dark);
}

/* FAQ */
.atp-faq-item{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    overflow:hidden;
    transition:var(--transition-normal);
}

.atp-faq-item:hover{
    border-color:var(--border-gold);
    box-shadow:var(--shadow-sm);
}

.atp-faq-item summary{
    cursor:pointer;
    padding:18px 22px;
    color:var(--primary-navy);
    font-size:15px;
    font-weight:900;
    list-style:none;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.atp-faq-item summary::-webkit-details-marker{
    display:none;
}

.atp-faq-item summary::after{
    content:"\f078";
    font-family:"Font Awesome 6 Free";
    font-weight:900;

    margin-left:auto;
    flex-shrink:0;

    color:var(--primary-gold-dark);
    font-size:14px;

    transition:var(--transition-normal);
}

.atp-faq-item[open] summary::after{
    transform:rotate(180deg);
}

.atp-faq-item p{
    padding:0 22px 20px;
    margin:0;

    color:var(--text-secondary);
    text-align:left;
    font-size:14px;
    line-height:1.8;
}

/* FINAL CTA */
.atp-final-cta,
.atp-sidebar-cta {
    position: relative;
    overflow: hidden;
    background: var(--gradient-dark);
}

.atp-final-cta::before,
.atp-sidebar-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.atp-final-cta > *,
.atp-sidebar-cta > * {
    position: relative;
    z-index: 2;
}

.atp-final-cta h2,
.atp-sidebar-cta h3 {
    color: var(--text-white);
}

.atp-final-cta h2 {
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.atp-final-cta p,
.atp-sidebar-cta p,
.atp-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.atp-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 24px;
}

.atp-final-btn,
.atp-sidebar-cta a {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
    transition: var(--transition-normal);
}

.atp-final-btn.primary,
.atp-sidebar-cta a {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.atp-final-btn:hover,
.atp-sidebar-cta a:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */
.atp-sidebar-card {
    position: relative;
    overflow: hidden;
}

.atp-sidebar-card h3 {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.atp-sidebar-card h3 i {
    color: var(--primary-gold);
}

.atp-meta-list {
    display: grid;
    gap: 12px;
}

.atp-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.atp-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.atp-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.atp-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.atp-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.atp-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.atp-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.atp-sidebar-list {
    display: grid;
    gap: 12px;
}

.atp-sidebar-list div,
.atp-sidebar-list a {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-weight: 900;
    transition: var(--transition-normal);
}

.atp-sidebar-list i {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 16px;
}

.atp-sidebar-list span {
    font-size: 13px;
    line-height: 1.4;
}

.warning-list i {
    background: rgba(220,38,38,.10);
    color: #dc2626;
}

.atp-sidebar-cta h3 {
    font-size: 24px;
    margin-bottom: 12px;
}

.atp-sidebar-cta p {
    margin-bottom: 18px;
}

.atp-sidebar-cta a {
    width: 100%;
    margin: 10px 0 14px;
}

.atp-sidebar-cta small {
    display: block;
    font-size: 12px;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .atp-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

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

@media (max-width: 991px) {
    .atp-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .atp-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .atp-sidebar-card,
    .atp-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .atp-page-hero {
        padding: 68px 0 60px;
    }

    .atp-main-section {
        padding: 52px 0;
    }

    .atp-content-card,
    .atp-faq-section,
    .atp-final-cta,
    .atp-sidebar-card,
    .atp-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .atp-hero-text {
        font-size: 16px;
    }

    .atp-hero-tags,
    .atp-final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .atp-hero-tags span {
        justify-content: center;
    }

    .atp-intro-grid,
    .atp-two-grid,
    .atp-feature-grid,
    .atp-sidebar {
        grid-template-columns: 1fr;
    }

    .atp-content-card p {
        text-align: left;
    }

    .atp-highlight-box {
        flex-direction: column;
    }

    .atp-badge-grid {
        grid-template-columns: 1fr;
    }

    .atp-final-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .atp-page-title {
        font-size: 30px;
    }

    .atp-content-card h2,
    .atp-faq-header h2 {
        font-size: 25px;
    }

    .atp-sidebar-card h3 {
        font-size: 19px;
    }

    .atp-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   ARTICLE TYPES PAGE PREMIUM CSS END
========================================================= */

/* =========================================================
   ARTICLE WITHDRAWAL POLICY PAGE CSS START
   International Journal of Arts, Commerce, Science and Technology
========================================================= */

/* Page Hero */

.journal-withdrawal-page-header {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: var(--gradient-primary);
}

.journal-withdrawal-page-title {
    position: relative;
    z-index: 2;
    color: var(--text-white);
    font-size: clamp(38px, 5vw, 64px);
    margin-bottom: 14px;
}

.journal-withdrawal-breadcrumb {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-items: center;
    color: rgba(255,255,255,0.78);
    font-weight: 700;
}

.journal-withdrawal-breadcrumb-link {
    color: #ffd88a;
}

.journal-withdrawal-breadcrumb-current {
    color: rgba(255,255,255,0.9);
}

.journal-withdrawal-hero-text {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin-top: 18px;
    color: rgba(255,255,255,0.88);
    font-size: 18px;
    line-height: 1.9;
}

/* Layout */

.journal-withdrawal-inner-section {
    padding: 70px 0;
    background: var(--bg-light);
}

.journal-withdrawal-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 32px;
    align-items: start;
}

/* Main Cards */

.journal-withdrawal-card,
.journal-withdrawal-sidebar-card,
.journal-withdrawal-faq-section {
    position: relative;
    overflow: hidden;
    padding: 34px;
    margin-bottom: 28px;
    border-radius: var(--radius-xl);
    background: rgba(255,255,255,0.92);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-md);
}

.journal-withdrawal-card::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: rgba(216,138,9,0.08);
    pointer-events: none;
}

.journal-withdrawal-badge,
.journal-withdrawal-faq-badge,
.journal-withdrawal-final-badge {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(216,138,9,0.12);
    color: var(--primary-gold-dark);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.journal-withdrawal-section-title {
    position: relative;
    z-index: 2;
    color: var(--primary-navy);
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.25;
    margin-bottom: 18px;
}

.journal-withdrawal-card p {
    position: relative;
    z-index: 2;
    color: var(--text-secondary);
    line-height: 1.85;
    text-align: justify;
}

/* Grids */

.journal-withdrawal-pillar-grid,
.journal-withdrawal-feature-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 26px;
}

.journal-withdrawal-two-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 26px;
}

.journal-withdrawal-pillar,
.journal-withdrawal-info-card,
.journal-withdrawal-feature-grid article {
    padding: 24px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-sm);
    transition: var(--transition-normal);
}

.journal-withdrawal-pillar:hover,
.journal-withdrawal-info-card:hover,
.journal-withdrawal-feature-grid article:hover {
    transform: translateY(-6px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.journal-withdrawal-pillar i,
.journal-withdrawal-info-card i,
.journal-withdrawal-feature-grid article i {
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,0.12);
    color: var(--primary-gold-dark);
    font-size: 24px;
}

.journal-withdrawal-pillar h3,
.journal-withdrawal-info-card h3,
.journal-withdrawal-feature-grid article h3 {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 10px;
}

.journal-withdrawal-pillar p,
.journal-withdrawal-info-card p,
.journal-withdrawal-feature-grid article p {
    margin: 0;
    text-align: left;
    font-size: 14.5px;
}

/* Trust Strip */

.journal-withdrawal-trust-strip {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.journal-withdrawal-trust-strip span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 12px;
    font-weight: 900;
}

.journal-withdrawal-trust-strip i {
    color: var(--primary-green);
}

/* Step List */

.journal-withdrawal-step-list {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 18px;
    margin-top: 28px;
}

.journal-withdrawal-step {
    display: flex;
    gap: 18px;
    padding: 22px;
    border-radius: var(--radius-lg);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.journal-withdrawal-step strong {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,0.14);
    color: var(--primary-gold-dark);
    font-size: 22px;
    font-weight: 900;
}

.journal-withdrawal-step h3 {
    color: var(--primary-navy);
    margin-bottom: 8px;
}

.journal-withdrawal-step p {
    margin: 0;
    text-align: left;
}

/* Highlight Box */

.journal-withdrawal-highlight-box {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    margin-top: 26px;
    border-radius: var(--radius-lg);
    background: rgba(47,125,31,0.08);
    border: 1px solid rgba(47,125,31,0.16);
}

.journal-withdrawal-highlight-box i {
    color: var(--primary-green);
    margin-top: 5px;
    font-size: 21px;
}

.journal-withdrawal-highlight-box p {
    margin: 0;
    text-align: left;
}

/* Dark Integrity Card */

.journal-withdrawal-integrity-card,
.journal-withdrawal-final-cta {
    position: relative;
    overflow: hidden;
    padding: 34px;
    margin-bottom: 28px;
    border-radius: var(--radius-xl);
    background: var(--gradient-primary);
    box-shadow: var(--shadow-navy);
}

.journal-withdrawal-integrity-card::before,
.journal-withdrawal-final-cta::before {
    content: "";
    position: absolute;
    top: -90px;
    right: -90px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(216,138,9,0.18);
}

.journal-withdrawal-integrity-card h2,
.journal-withdrawal-final-cta h2 {
    position: relative;
    z-index: 2;
    color: var(--text-white);
    font-size: clamp(30px, 3vw, 42px);
    margin-bottom: 14px;
}

.journal-withdrawal-integrity-card p,
.journal-withdrawal-final-cta p {
    position: relative;
    z-index: 2;
    color: rgba(255,255,255,0.84);
    line-height: 1.85;
}

.journal-withdrawal-integrity-list {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-top: 24px;
}

.journal-withdrawal-integrity-list div {
    padding: 15px;
    border-radius: var(--radius-md);
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: var(--text-white);
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 13px;
    font-weight: 900;
}

.journal-withdrawal-integrity-list i {
    color: #ffd88a;
}

/* FAQ */

.journal-withdrawal-faq-header {
    text-align: center;
    margin-bottom: 24px;
}

.journal-withdrawal-faq-title {
    color: var(--primary-navy);
    font-size: clamp(28px, 3vw, 38px);
}

.journal-withdrawal-faq-list {
    display: grid;
    gap: 12px;
}

.journal-withdrawal-faq-item {
    overflow: hidden;
    border-radius: var(--radius-md);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
}

.journal-withdrawal-faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    color: var(--primary-navy);
    font-weight: 900;
}

.journal-withdrawal-faq-item summary::-webkit-details-marker {
    display: none;
}

.journal-withdrawal-faq-item summary i {
    color: var(--primary-gold-dark);
    transition: var(--transition-normal);
}

.journal-withdrawal-faq-item[open] summary i {
    transform: rotate(180deg);
}

.journal-withdrawal-faq-answer {
    padding: 0 18px 18px;
}

.journal-withdrawal-faq-answer p {
    margin: 0;
    color: var(--text-secondary);
    text-align: left;
    line-height: 1.75;
}

/* Final CTA */

.journal-withdrawal-final-cta {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 26px;
}

.journal-withdrawal-final-cta-content,
.journal-withdrawal-final-cta-actions {
    position: relative;
    z-index: 2;
}

.journal-withdrawal-final-badge {
    background: rgba(255,255,255,0.10);
    color: #ffd88a;
}

.journal-withdrawal-final-cta-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    gap: 12px;
}

.journal-withdrawal-final-btn {
    min-height: 46px;
    padding: 0 16px;
    border-radius: var(--radius-md);
    background: rgba(255,255,255,0.10);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 900;
    transition: var(--transition-normal);
}

.journal-withdrawal-final-btn:hover {
    transform: translateY(-3px);
    background: rgba(255,255,255,0.16);
}

.journal-withdrawal-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
}

/* Sidebar */

.journal-withdrawal-sidebar {
    position: sticky;
    top: 24px;
}

.journal-withdrawal-sidebar-title {
    color: var(--primary-navy);
    font-size: 22px;
    margin-bottom: 16px;
}

.journal-withdrawal-sidebar-title i {
    color: var(--primary-gold-dark);
    margin-right: 8px;
}

.journal-withdrawal-meta-list {
    display: grid;
    gap: 10px;
}

.journal-withdrawal-meta-list li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.journal-withdrawal-meta-list span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.journal-withdrawal-meta-list strong {
    color: var(--primary-navy);
    font-size: 13px;
    text-align: right;
}

/* Extra sidebar reusable elements */

.journal-withdrawal-sidebar-list,
.journal-withdrawal-quick-links {
    display: grid;
    gap: 10px;
}

.journal-withdrawal-sidebar-entry,
.journal-withdrawal-quick-link {
    min-height: 48px;
    padding: 10px 12px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    transition: var(--transition-normal);
}

.journal-withdrawal-sidebar-entry:hover,
.journal-withdrawal-quick-link:hover {
    transform: translateY(-3px);
    border-color: var(--border-gold);
    background: var(--bg-white);
}

.journal-withdrawal-sidebar-entry i,
.journal-withdrawal-quick-link i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,0.12);
    color: var(--primary-gold-dark);
}

.journal-withdrawal-sidebar-entry strong,
.journal-withdrawal-quick-link span {
    display: block;
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
}

.journal-withdrawal-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.45;
}

/* Responsive */

@media (max-width: 991px) {

    .journal-withdrawal-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .journal-withdrawal-sidebar {
        position: static;
    }

    .journal-withdrawal-sidebar-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .journal-withdrawal-pillar-grid,
    .journal-withdrawal-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .journal-withdrawal-final-cta {
        grid-template-columns: 1fr;
    }

    .journal-withdrawal-card,
    .journal-withdrawal-sidebar-card,
    .journal-withdrawal-faq-section,
    .journal-withdrawal-integrity-card,
    .journal-withdrawal-final-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {

    .journal-withdrawal-page-header {
        padding: 70px 0;
    }

    .journal-withdrawal-inner-section {
        padding: 52px 0;
    }

    .journal-withdrawal-card,
    .journal-withdrawal-sidebar-card,
    .journal-withdrawal-faq-section,
    .journal-withdrawal-integrity-card,
    .journal-withdrawal-final-cta {
        padding: 24px;
        border-radius: var(--radius-lg);
    }

    .journal-withdrawal-pillar-grid,
    .journal-withdrawal-feature-grid,
    .journal-withdrawal-two-grid,
    .journal-withdrawal-integrity-list,
    .journal-withdrawal-sidebar-content {
        grid-template-columns: 1fr;
    }

    .journal-withdrawal-final-cta-actions {
        grid-template-columns: 1fr;
    }

    .journal-withdrawal-card p,
    .journal-withdrawal-hero-text {
        text-align: left;
    }

    .journal-withdrawal-step {
        flex-direction: column;
    }
}

@media (max-width: 480px) {

    .journal-withdrawal-page-title {
        font-size: 34px;
    }

    .journal-withdrawal-section-title,
    .journal-withdrawal-faq-title {
        font-size: 28px;
    }

    .journal-withdrawal-step strong {
        width: 52px;
        height: 52px;
        font-size: 18px;
    }

    .journal-withdrawal-meta-list li {
        flex-direction: column;
    }

    .journal-withdrawal-meta-list strong {
        text-align: left;
    }
}

/* =========================================================
   ARTICLE WITHDRAWAL POLICY PAGE CSS END
========================================================= */
/* =========================================================
   COMPLAINTS AND APPEALS PAGE PREMIUM FIXED CSS START
   Page: complaints-appeals.html
   Prefix: journal-complaints-
   Paste: existing complaints-appeals CSS ko replace karein
========================================================= */

.journal-complaints-page-main {
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.08), transparent 32%),
        linear-gradient(180deg, #f5f7fb 0%, #eef2f8 100%);
    color: var(--text-primary);
}

/* HERO */
.journal-complaints-page-header {
    position: relative;
    overflow: hidden;
    padding: 92px 0 82px;
    background: var(--gradient-dark);
}

.journal-complaints-page-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(216,138,9,.24), transparent 34%),
        radial-gradient(circle at 88% 24%, rgba(37,99,235,.22), transparent 32%);
}

.journal-complaints-page-header .container {
    position: relative;
    z-index: 2;
}

.journal-complaints-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 66px);
    font-weight: 900;
    margin-bottom: 18px;
}

.journal-complaints-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 24px;
}

.journal-complaints-breadcrumb a {
    color: #ffd88a;
}

.journal-complaints-hero-text {
    max-width: 960px;
    color: rgba(255,255,255,.88);
    font-size: 18px;
    line-height: 1.9;
    text-align: left;
}

/* MAIN LAYOUT */
.journal-complaints-main-section {
    padding: 74px 0;
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.06), transparent 30%),
        linear-gradient(180deg, #f5f7fb 0%, #eef2f8 100%);
}

.journal-complaints-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.journal-complaints-main-content,
.journal-complaints-sidebar {
    min-width: 0;
}

/* IMPORTANT: fixed sticky sidebar */
.journal-complaints-sidebar {
    position: sticky;
    top: 92px;
    align-self: start;
}

/* CARDS */
.journal-complaints-card,
.journal-complaints-sidebar-card,
.journal-complaints-faq-section,
.journal-complaints-integrity-card,
.journal-complaints-final-cta,
.journal-complaints-response-card,
.journal-complaints-protection-card,
.journal-complaints-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.journal-complaints-card,
.journal-complaints-faq-section,
.journal-complaints-integrity-card,
.journal-complaints-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.journal-complaints-sidebar-card,
.journal-complaints-response-card,
.journal-complaints-protection-card,
.journal-complaints-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.journal-complaints-card,
.journal-complaints-sidebar-card {
    position: relative;
    overflow: hidden;
}

.journal-complaints-card::before,
.journal-complaints-sidebar-card::before {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    background: var(--gradient-gold);
    position: absolute;
    top: 0;
    left: 0;
}

.journal-complaints-badge,
.journal-complaints-faq-badge,
.journal-complaints-final-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-blue);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.journal-complaints-section-title,
.journal-complaints-faq-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.journal-complaints-card p {
    text-align: justify;
    color: var(--text-secondary);
    line-height: 1.9;
}

/* GRIDS */
.journal-complaints-feature-grid,
.journal-complaints-two-grid,
.journal-complaints-badge-grid,
.journal-complaints-integrity-list {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.journal-complaints-feature-grid {
    grid-template-columns: repeat(3, 1fr);
}

.journal-complaints-two-grid,
.journal-complaints-badge-grid,
.journal-complaints-integrity-list {
    grid-template-columns: repeat(2, 1fr);
}

.journal-complaints-feature-grid article,
.journal-complaints-info-card,
.journal-complaints-badge-grid div {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.journal-complaints-feature-grid article:hover,
.journal-complaints-info-card:hover,
.journal-complaints-badge-grid div:hover,
.journal-complaints-sidebar-entry:hover,
.journal-complaints-quick-link:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.journal-complaints-feature-grid article i,
.journal-complaints-info-card i,
.journal-complaints-badge-grid div i {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 18px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.journal-complaints-feature-grid article h3,
.journal-complaints-info-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.journal-complaints-feature-grid article p,
.journal-complaints-info-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.journal-complaints-badge-grid div {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
}

.journal-complaints-badge-grid div i {
    width: 38px;
    height: 38px;
    margin-bottom: 0;
    border-radius: 12px;
    font-size: 16px;
}

/* TRUST STRIP */
.journal-complaints-trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.journal-complaints-trust-strip span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
}

.journal-complaints-trust-strip i {
    color: var(--primary-green);
}

/* DARK CTA / INTEGRITY */
.journal-complaints-integrity-card,
.journal-complaints-final-cta,
.journal-complaints-response-card,
.journal-complaints-protection-card,
.journal-complaints-sidebar-cta {
    position: relative;
    overflow: hidden;
    background: var(--gradient-dark);
    box-shadow: var(--shadow-navy);
}

.journal-complaints-integrity-card::before,
.journal-complaints-final-cta::before,
.journal-complaints-response-card::before,
.journal-complaints-protection-card::before,
.journal-complaints-sidebar-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.journal-complaints-integrity-card > *,
.journal-complaints-final-cta > *,
.journal-complaints-response-card > *,
.journal-complaints-protection-card > *,
.journal-complaints-sidebar-cta > * {
    position: relative;
    z-index: 2;
}

.journal-complaints-integrity-card h2,
.journal-complaints-final-cta h2,
.journal-complaints-protection-card h3,
.journal-complaints-sidebar-cta h3 {
    color: var(--text-white);
}

.journal-complaints-integrity-card h2,
.journal-complaints-final-cta h2 {
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.journal-complaints-integrity-card p,
.journal-complaints-final-cta p,
.journal-complaints-protection-card p,
.journal-complaints-sidebar-cta p {
    color: rgba(255,255,255,.82);
}

.journal-complaints-integrity-list div {
    padding: 14px;
    border-radius: var(--radius-md);
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    color: var(--text-white);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 900;
}

.journal-complaints-integrity-list i {
    color: #ffd88a;
}

/* FAQ */
.journal-complaints-faq-header{
    text-align:center;
    margin-bottom:24px;
}

.journal-complaints-faq-list{
    display:grid;
    gap:14px;
}

.journal-complaints-faq-item{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    overflow:hidden;
}

.journal-complaints-faq-item summary{
    cursor:pointer;
    padding:18px 22px;
    color:var(--primary-navy);
    font-size:15px;
    font-weight:900;
    list-style:none;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.journal-complaints-faq-item summary::-webkit-details-marker{
    display:none;
}

.journal-complaints-faq-item summary i{
    margin-left:auto;
    flex-shrink:0;

    color:var(--primary-gold-dark);
    font-size:14px;

    transition:var(--transition-normal);
}

.journal-complaints-faq-item[open] summary i{
    transform:rotate(180deg);
}

.journal-complaints-faq-answer{
    padding:0 22px 20px;
}

.journal-complaints-faq-answer p{
    margin:0;
    text-align:left;
    font-size:14px;
    line-height:1.8;
    color:var(--text-secondary);
}

/* FINAL CTA */
.journal-complaints-final-cta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center;
}

.journal-complaints-final-cta-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px,1fr));
    gap: 12px;
}

.journal-complaints-final-btn,
.journal-complaints-sidebar-cta-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
    transition: var(--transition-normal);
}

.journal-complaints-final-btn.primary,
.journal-complaints-sidebar-cta-btn {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.journal-complaints-final-btn:hover,
.journal-complaints-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */
.journal-complaints-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.journal-complaints-sidebar-title i {
    color: var(--primary-gold);
}

.journal-complaints-meta-list,
.journal-complaints-sidebar-list,
.journal-complaints-quick-links {
    display: grid;
    gap: 12px;
}

.journal-complaints-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.journal-complaints-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.journal-complaints-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
}

.journal-complaints-sidebar-entry,
.journal-complaints-quick-link {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-weight: 900;
    transition: var(--transition-normal);
}

.journal-complaints-sidebar-entry i,
.journal-complaints-quick-link i {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 16px;
}

.journal-complaints-sidebar-entry strong,
.journal-complaints-quick-link span {
    display: block;
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
}

.journal-complaints-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.5;
}

/* RESPONSE / PROTECTION */
.journal-complaints-response-card,
.journal-complaints-protection-card,
.journal-complaints-sidebar-cta {
    text-align: center;
}

.journal-complaints-response-icon,
.journal-complaints-protection-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 16px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.12);
    color: #ffd88a;
    font-size: 28px;
}

.journal-complaints-response-content span,
.journal-complaints-sidebar-secure {
    display: block;
    color: rgba(255,255,255,.76);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.journal-complaints-response-content strong {
    display: block;
    margin: 8px 0 10px;
    color: var(--text-white);
    font-size: 32px;
}

.journal-complaints-sidebar-cta-btn {
    width: 100%;
    margin-top: 18px;
}

.journal-complaints-sidebar-secure {
    margin-top: 14px;
}

.journal-complaints-sidebar-secure i {
    margin-right: 6px;
    color: #ffd88a;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .journal-complaints-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .journal-complaints-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .journal-complaints-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .journal-complaints-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .journal-complaints-sidebar-card,
    .journal-complaints-response-card,
    .journal-complaints-protection-card,
    .journal-complaints-sidebar-cta {
        margin-bottom: 0;
    }

    .journal-complaints-final-cta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .journal-complaints-page-header {
        padding: 68px 0 60px;
    }

    .journal-complaints-main-section {
        padding: 52px 0;
    }

    .journal-complaints-card,
    .journal-complaints-sidebar-card,
    .journal-complaints-faq-section,
    .journal-complaints-integrity-card,
    .journal-complaints-final-cta,
    .journal-complaints-response-card,
    .journal-complaints-protection-card,
    .journal-complaints-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .journal-complaints-feature-grid,
    .journal-complaints-two-grid,
    .journal-complaints-badge-grid,
    .journal-complaints-integrity-list,
    .journal-complaints-sidebar,
    .journal-complaints-final-cta-actions {
        grid-template-columns: 1fr;
    }

    .journal-complaints-card p,
    .journal-complaints-hero-text {
        text-align: left;
    }

    .journal-complaints-final-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .journal-complaints-page-title {
        font-size: 30px;
    }

    .journal-complaints-section-title,
    .journal-complaints-faq-title {
        font-size: 25px;
    }

    .journal-complaints-sidebar-title {
        font-size: 19px;
    }

    .journal-complaints-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   COMPLAINTS AND APPEALS PAGE PREMIUM FIXED CSS END
========================================================= */
/* =========================================================
   CONTACT EDITORIAL OFFICE PAGE PREMIUM FIXED CSS START
   Page: contact-editorial-office.html
   Prefix: journal-contact-
   Paste: existing contact page CSS ko replace karein
========================================================= */

.journal-contact-page-main {
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.08), transparent 32%),
        linear-gradient(180deg, #f5f7fb 0%, #eef2f8 100%);
    color: var(--text-primary);
}

/* HERO */
.journal-contact-page-header {
    position: relative;
    overflow: hidden;
    padding: 92px 0 82px;
    background: var(--gradient-dark);
}

.journal-contact-page-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(216,138,9,.24), transparent 34%),
        radial-gradient(circle at 88% 24%, rgba(37,99,235,.22), transparent 32%);
}

.journal-contact-page-header .container {
    position: relative;
    z-index: 2;
}

.journal-contact-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 66px);
    font-weight: 900;
    margin-bottom: 18px;
}

.journal-contact-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 24px;
}

.journal-contact-breadcrumb a {
    color: #ffd88a;
}

.journal-contact-hero-text {
    max-width: 960px;
    color: rgba(255,255,255,.88);
    font-size: 18px;
    line-height: 1.9;
    text-align: left;
}

/* MAIN LAYOUT */
.journal-contact-main-section {
    padding: 74px 0;
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.06), transparent 30%),
        linear-gradient(180deg, #f5f7fb 0%, #eef2f8 100%);
}

.journal-contact-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.journal-contact-main-content,
.journal-contact-sidebar {
    min-width: 0;
}

/* IMPORTANT: sticky sidebar + synchronized bottom behavior */
.journal-contact-sidebar {
    position: sticky;
    top: 92px;
    align-self: start;
}

/* COMMON CARDS */
.journal-contact-card,
.journal-contact-sidebar-card,
.journal-contact-faq-section,
.journal-contact-integrity-card,
.journal-contact-final-cta,
.journal-contact-response-card,
.journal-contact-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.journal-contact-card,
.journal-contact-faq-section,
.journal-contact-integrity-card,
.journal-contact-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.journal-contact-sidebar-card,
.journal-contact-response-card,
.journal-contact-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.journal-contact-card,
.journal-contact-sidebar-card {
    position: relative;
    overflow: hidden;
}

.journal-contact-card::before,
.journal-contact-sidebar-card::before {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    background: var(--gradient-gold);
    position: absolute;
    top: 0;
    left: 0;
}

.journal-contact-badge,
.journal-contact-faq-badge,
.journal-contact-final-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-blue);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.journal-contact-section-title,
.journal-contact-faq-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.journal-contact-card p {
    text-align: justify;
    color: var(--text-secondary);
    line-height: 1.9;
}

/* GRID SYSTEM */
.journal-contact-info-grid,
.journal-contact-feature-grid,
.journal-contact-publisher-grid,
.journal-contact-timeline-grid,
.journal-contact-badge-grid,
.journal-contact-integrity-list {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.journal-contact-info-grid,
.journal-contact-feature-grid,
.journal-contact-publisher-grid,
.journal-contact-integrity-list {
    grid-template-columns: repeat(2, 1fr);
}

.journal-contact-timeline-grid {
    grid-template-columns: repeat(4, 1fr);
}

.journal-contact-badge-grid {
    grid-template-columns: repeat(2, 1fr);
}

.journal-contact-info-card,
.journal-contact-feature-grid article,
.journal-contact-publisher-card,
.journal-contact-timeline-grid article,
.journal-contact-badge-grid div {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.journal-contact-info-card:hover,
.journal-contact-feature-grid article:hover,
.journal-contact-publisher-card:hover,
.journal-contact-timeline-grid article:hover,
.journal-contact-badge-grid div:hover,
.journal-contact-sidebar-entry:hover,
.journal-contact-quick-link:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.journal-contact-info-card i,
.journal-contact-feature-grid article i,
.journal-contact-publisher-card i,
.journal-contact-badge-grid div i {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 18px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.journal-contact-info-card h3,
.journal-contact-feature-grid article h3,
.journal-contact-publisher-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.journal-contact-info-card p,
.journal-contact-feature-grid article p,
.journal-contact-publisher-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 12px;
}

.journal-contact-info-card a,
.journal-contact-publisher-card a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-blue);
    font-weight: 900;
    overflow-wrap: anywhere;
}

.journal-contact-info-card strong,
.journal-contact-publisher-card strong {
    display: block;
    color: var(--primary-navy);
    font-size: 15px;
    line-height: 1.5;
}

.journal-contact-publisher-card span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.journal-contact-publisher-card.full {
    grid-column: 1 / -1;
}

/* LEADERSHIP BOX */
.journal-contact-leadership-box {
    display: flex;
    gap: 20px;
    padding: 26px;
    margin-top: 26px;
    border-radius: var(--radius-xl);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-sm);
}

.journal-contact-leadership-icon {
    width: 78px;
    height: 78px;
    flex: 0 0 78px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 34px;
}

.journal-contact-leadership-content span {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--primary-gold-dark);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.journal-contact-leadership-content h3 {
    color: var(--primary-navy);
    font-size: clamp(24px, 3vw, 34px);
    margin-bottom: 10px;
}

.journal-contact-leadership-content p {
    margin: 0;
    text-align: left;
}

/* TRUST STRIP */
.journal-contact-trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.journal-contact-trust-strip span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
}

.journal-contact-trust-strip i {
    color: var(--primary-green);
}

/* DARK CTA / INTEGRITY */
.journal-contact-integrity-card,
.journal-contact-final-cta,
.journal-contact-response-card,
.journal-contact-sidebar-cta {
    position: relative;
    overflow: hidden;
    background: var(--gradient-dark);
    box-shadow: var(--shadow-navy);
}

.journal-contact-integrity-card::before,
.journal-contact-final-cta::before,
.journal-contact-response-card::before,
.journal-contact-sidebar-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.journal-contact-integrity-card > *,
.journal-contact-final-cta > *,
.journal-contact-response-card > *,
.journal-contact-sidebar-cta > * {
    position: relative;
    z-index: 2;
}

.journal-contact-integrity-card h2,
.journal-contact-final-cta h2,
.journal-contact-sidebar-cta h3 {
    color: var(--text-white);
}

.journal-contact-integrity-card h2,
.journal-contact-final-cta h2 {
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.journal-contact-integrity-card p,
.journal-contact-final-cta p,
.journal-contact-response-content p,
.journal-contact-sidebar-cta p {
    color: rgba(255,255,255,.82);
}

.journal-contact-integrity-list div {
    padding: 14px;
    border-radius: var(--radius-md);
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    color: var(--text-white);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 900;
}

.journal-contact-integrity-list i {
    color: #ffd88a;
}

/* TIMELINE */
.journal-contact-timeline-grid article {
    text-align: center;
    padding: 20px 14px;
}

.journal-contact-timeline-grid strong {
    display: block;
    color: var(--primary-navy);
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 8px;
}

.journal-contact-timeline-grid span {
    display: block;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.4;
}

/* FAQ */
.journal-contact-faq-header{
    text-align:center;
    margin-bottom:24px;
}

.journal-contact-faq-list{
    display:grid;
    gap:14px;
}

.journal-contact-faq-item{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    overflow:hidden;
}

.journal-contact-faq-item summary{
    cursor:pointer;
    padding:18px 22px;
    color:var(--primary-navy);
    font-size:15px;
    font-weight:900;
    list-style:none;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.journal-contact-faq-item summary::-webkit-details-marker{
    display:none;
}

.journal-contact-faq-item summary i{
    margin-left:auto;
    flex-shrink:0;

    color:var(--primary-gold-dark);
    font-size:14px;

    transition:var(--transition-normal);
}

.journal-contact-faq-item[open] summary i{
    transform:rotate(180deg);
}

.journal-contact-faq-answer{
    padding:0 22px 20px;
}

.journal-contact-faq-answer p{
    margin:0;
    text-align:left;
    font-size:14px;
    line-height:1.8;
    color:var(--text-secondary);
}

/* FINAL CTA */
.journal-contact-final-cta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center;
}

.journal-contact-final-cta-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px,1fr));
    gap: 12px;
}

.journal-contact-final-btn,
.journal-contact-sidebar-cta-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
    transition: var(--transition-normal);
}

.journal-contact-final-btn.primary,
.journal-contact-sidebar-cta-btn {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.journal-contact-final-btn:hover,
.journal-contact-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */
.journal-contact-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.journal-contact-sidebar-title i {
    color: var(--primary-gold);
}

.journal-contact-meta-list,
.journal-contact-sidebar-list,
.journal-contact-quick-links {
    display: grid;
    gap: 12px;
}

.journal-contact-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.journal-contact-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.journal-contact-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
}

.journal-contact-sidebar-entry,
.journal-contact-quick-link {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-weight: 900;
    transition: var(--transition-normal);
}

.journal-contact-sidebar-entry i,
.journal-contact-quick-link i {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 16px;
}

.journal-contact-sidebar-entry strong,
.journal-contact-quick-link span {
    display: block;
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
}

.journal-contact-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.5;
}

/* BADGE GRID */
.journal-contact-badge-grid div {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
}

.journal-contact-badge-grid div i {
    width: 38px;
    height: 38px;
    margin-bottom: 0;
    border-radius: 12px;
    font-size: 16px;
}

/* RESPONSE / SIDEBAR CTA */
.journal-contact-response-card,
.journal-contact-sidebar-cta {
    text-align: center;
}

.journal-contact-response-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 16px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.12);
    color: #ffd88a;
    font-size: 28px;
}

.journal-contact-response-content span,
.journal-contact-sidebar-secure {
    display: block;
    color: rgba(255,255,255,.76);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.journal-contact-response-content strong {
    display: block;
    margin: 8px 0 10px;
    color: var(--text-white);
    font-size: 32px;
}

.journal-contact-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.journal-contact-sidebar-cta-btn {
    width: 100%;
    margin-top: 18px;
}

.journal-contact-sidebar-secure {
    margin-top: 14px;
}

.journal-contact-sidebar-secure i {
    margin-right: 6px;
    color: #ffd88a;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .journal-contact-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .journal-contact-timeline-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .journal-contact-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .journal-contact-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .journal-contact-sidebar-card,
    .journal-contact-response-card,
    .journal-contact-sidebar-cta {
        margin-bottom: 0;
    }

    .journal-contact-final-cta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .journal-contact-page-header {
        padding: 68px 0 60px;
    }

    .journal-contact-main-section {
        padding: 52px 0;
    }

    .journal-contact-card,
    .journal-contact-sidebar-card,
    .journal-contact-faq-section,
    .journal-contact-integrity-card,
    .journal-contact-final-cta,
    .journal-contact-response-card,
    .journal-contact-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .journal-contact-info-grid,
    .journal-contact-feature-grid,
    .journal-contact-publisher-grid,
    .journal-contact-timeline-grid,
    .journal-contact-badge-grid,
    .journal-contact-integrity-list,
    .journal-contact-sidebar,
    .journal-contact-final-cta-actions {
        grid-template-columns: 1fr;
    }

    .journal-contact-card p,
    .journal-contact-hero-text {
        text-align: left;
    }

    .journal-contact-leadership-box {
        flex-direction: column;
    }

    .journal-contact-final-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .journal-contact-page-title {
        font-size: 30px;
    }

    .journal-contact-section-title,
    .journal-contact-faq-title {
        font-size: 25px;
    }

    .journal-contact-sidebar-title {
        font-size: 19px;
    }

    .journal-contact-breadcrumb {
        flex-wrap: wrap;
    }

    .journal-contact-leadership-icon {
        width: 64px;
        height: 64px;
        font-size: 28px;
    }
}

/* =========================================================
   CONTACT EDITORIAL OFFICE PAGE PREMIUM FIXED CSS END
========================================================= */
/* =========================================================
   COPE STATEMENT PAGE CSS START
   International Journal of Arts, Commerce, Science and Technology
   Clean Premium Academic Ethics Page
========================================================= */
/* =========================================================
   COPE STATEMENT PAGE PREMIUM FIXED CSS
   Page: cope-statement.html
   Prefix: journal-cope-
========================================================= */

.journal-cope-page-main{
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.08), transparent 32%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
    color:var(--text-primary);
}

/* HERO */
.journal-cope-page-header{
    position:relative;
    overflow:hidden;
    padding:92px 0 82px;
    background:var(--gradient-dark);
}

.journal-cope-page-header::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 14% 18%, rgba(216,138,9,.24), transparent 34%),
        radial-gradient(circle at 88% 24%, rgba(37,99,235,.22), transparent 32%);
    pointer-events:none;
}

.journal-cope-page-header .container{
    position:relative;
    z-index:2;
}

.journal-cope-page-title{
    color:var(--text-white);
    font-size:clamp(36px,5vw,66px);
    font-weight:900;
    margin-bottom:18px;
}

.journal-cope-breadcrumb{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:rgba(255,255,255,.78);
    font-size:14px;
    font-weight:700;
    margin-bottom:24px;
}

.journal-cope-breadcrumb a{color:#ffd88a}

.journal-cope-hero-text{
    max-width:960px;
    color:rgba(255,255,255,.88);
    font-size:18px;
    line-height:1.9;
    text-align:left;
}

/* MAIN */
.journal-cope-main-section{
    padding:74px 0;
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.06), transparent 30%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
}

.journal-cope-layout-wrapper{
    display:grid;
    grid-template-columns:minmax(0,70%) minmax(300px,30%);
    gap:34px;
    align-items:start;
}

.journal-cope-main-content,
.journal-cope-sidebar{min-width:0}

.journal-cope-sidebar{
    position:sticky;
    top:92px;
    align-self:start;
}

/* CARDS */
.journal-cope-card,
.journal-cope-sidebar-card,
.journal-cope-faq-section,
.journal-cope-integrity-card,
.journal-cope-final-cta,
.journal-cope-support-card,
.journal-cope-sidebar-cta{
    background:rgba(255,255,255,.90);
    backdrop-filter:var(--glass-blur);
    -webkit-backdrop-filter:var(--glass-blur);
    border:1px solid var(--border-light);
    border-radius:var(--radius-xl);
    box-shadow:var(--shadow-md);
}

.journal-cope-card,
.journal-cope-faq-section,
.journal-cope-integrity-card,
.journal-cope-final-cta{
    padding:34px;
    margin-bottom:30px;
}

.journal-cope-sidebar-card,
.journal-cope-support-card,
.journal-cope-sidebar-cta{
    padding:24px;
    margin-bottom:26px;
}

.journal-cope-card,
.journal-cope-sidebar-card{
    position:relative;
    overflow:hidden;
}

.journal-cope-card::before,
.journal-cope-sidebar-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:var(--gradient-gold);
}

.journal-cope-badge,
.journal-cope-faq-badge,
.journal-cope-final-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 16px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-blue);
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:18px;
}

.journal-cope-section-title,
.journal-cope-faq-title{
    color:var(--primary-navy);
    font-size:clamp(26px,3vw,40px);
    margin-bottom:16px;
}

.journal-cope-card p{
    color:var(--text-secondary);
    line-height:1.9;
    text-align:justify;
}

/* GRIDS */
.journal-cope-feature-grid,
.journal-cope-badge-grid,
.journal-cope-integrity-list{
    display:grid;
    gap:18px;
    margin-top:26px;
}

.journal-cope-feature-grid{grid-template-columns:repeat(3,1fr)}
.journal-cope-badge-grid,
.journal-cope-integrity-list{grid-template-columns:repeat(2,1fr)}

.journal-cope-feature-grid article,
.journal-cope-badge-grid div{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    padding:22px;
    transition:var(--transition-normal);
}

.journal-cope-feature-grid article:hover,
.journal-cope-badge-grid div:hover,
.journal-cope-sidebar-entry:hover,
.journal-cope-quick-link:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-cope-feature-grid article i,
.journal-cope-badge-grid div i{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    margin-bottom:15px;
    border-radius:18px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:22px;
}

.journal-cope-feature-grid article h3{
    color:var(--primary-navy);
    font-size:19px;
    margin-bottom:10px;
}

.journal-cope-feature-grid article p{
    text-align:left;
    font-size:14px;
    margin-bottom:0;
}

/* TRUST STRIP */
.journal-cope-trust-strip{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.journal-cope-trust-strip span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-cope-trust-strip i{color:var(--primary-green)}

/* STEPS */
.journal-cope-step-list{
    display:grid;
    gap:16px;
    margin-top:26px;
}

.journal-cope-step{
    display:flex;
    gap:16px;
    padding:20px;
    border-radius:var(--radius-lg);
    background:var(--bg-white);
    border:1px solid var(--border-light);
    transition:var(--transition-normal);
}

.journal-cope-step:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-cope-step strong{
    width:52px;
    height:52px;
    flex:0 0 52px;
    border-radius:16px;
    display:grid;
    place-items:center;
    background:var(--gradient-gold);
    color:var(--primary-blue-dark);
    box-shadow:var(--shadow-gold);
    font-weight:900;
}

.journal-cope-step h3{
    color:var(--primary-navy);
    margin-bottom:6px;
}

.journal-cope-step p{
    text-align:left;
    margin-bottom:0;
    font-size:14px;
}

/* DARK CTA */
.journal-cope-integrity-card,
.journal-cope-final-cta,
.journal-cope-support-card,
.journal-cope-sidebar-cta{
    position:relative;
    overflow:hidden;
    background:var(--gradient-dark);
    box-shadow:var(--shadow-navy);
}

.journal-cope-integrity-card::before,
.journal-cope-final-cta::before,
.journal-cope-support-card::before,
.journal-cope-sidebar-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.journal-cope-integrity-card>*,
.journal-cope-final-cta>*,
.journal-cope-support-card>*,
.journal-cope-sidebar-cta>*{
    position:relative;
    z-index:2;
}

.journal-cope-integrity-card h2,
.journal-cope-final-cta h2,
.journal-cope-support-card h3,
.journal-cope-sidebar-cta h3{
    color:var(--text-white);
}

.journal-cope-integrity-card h2,
.journal-cope-final-cta h2{
    font-size:clamp(28px,3vw,42px);
    margin-bottom:14px;
}

.journal-cope-integrity-card p,
.journal-cope-final-cta p,
.journal-cope-support-card p,
.journal-cope-sidebar-cta p{
    color:rgba(255,255,255,.82);
}

.journal-cope-integrity-list div{
    padding:14px;
    border-radius:var(--radius-md);
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    color:var(--text-white);
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    font-weight:900;
}

.journal-cope-integrity-list i{color:#ffd88a}

/* FAQ */
.journal-cope-faq-header{
    text-align:center;
    margin-bottom:24px;
}

.journal-cope-faq-list{
    display:grid;
    gap:14px;
}

.journal-cope-faq-item{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    overflow:hidden;
}

/* REMOVE OLD FAQ CSS */

.journal-cope-faq-item summary{
    cursor:pointer;
    padding:18px 22px;
    color:var(--primary-navy);
    font-size:15px;
    font-weight:900;
    list-style:none;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.journal-cope-faq-item summary::-webkit-details-marker{
    display:none;
}

.journal-cope-faq-item summary i{
    margin-left:auto;
    flex-shrink:0;

    color:var(--primary-gold-dark);
    font-size:14px;
    transition:var(--transition-normal);
}

.journal-cope-faq-item[open] summary i{
    transform:rotate(180deg);
}

.journal-cope-faq-answer{
    padding:0 22px 20px;
}

.journal-cope-faq-answer p{
    margin:0;
    text-align:left;
    font-size:14px;
    line-height:1.8;
    color:var(--text-secondary);
}

/* FINAL CTA */
.journal-cope-final-cta{
    display:grid;
    grid-template-columns:1fr auto;
    gap:28px;
    align-items:center;
}

.journal-cope-final-cta-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(150px,1fr));
    gap:12px;
}

.journal-cope-final-btn,
.journal-cope-support-btn,
.journal-cope-sidebar-cta-btn{
    min-height:50px;
    padding:0 20px;
    border-radius:var(--radius-md);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    background:rgba(255,255,255,.10);
    color:var(--text-white);
    border:1px solid rgba(255,255,255,.18);
    font-weight:900;
    transition:var(--transition-normal);
}

.journal-cope-final-btn.primary,
.journal-cope-support-btn,
.journal-cope-sidebar-cta-btn{
    background:var(--gradient-gold);
    color:var(--primary-blue-dark);
    box-shadow:var(--shadow-gold);
}

.journal-cope-final-btn:hover,
.journal-cope-support-btn:hover,
.journal-cope-sidebar-cta-btn:hover{
    transform:translateY(-3px);
}

/* SIDEBAR */
.journal-cope-sidebar-title{
    color:var(--primary-navy);
    font-size:21px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:10px;
}

.journal-cope-sidebar-title i{color:var(--primary-gold)}

.journal-cope-meta-list,
.journal-cope-sidebar-list,
.journal-cope-quick-links{
    display:grid;
    gap:12px;
}

.journal-cope-meta-list li{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
}

.journal-cope-meta-list span{
    display:block;
    color:var(--text-muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:4px;
}

.journal-cope-meta-list strong{
    display:block;
    color:var(--primary-navy);
    font-size:14px;
    line-height:1.45;
    text-align:left;
}

.journal-cope-sidebar-entry,
.journal-cope-quick-link{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--primary-navy);
    font-weight:900;
    transition:var(--transition-normal);
}

.journal-cope-sidebar-entry i,
.journal-cope-quick-link i{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:16px;
}

.journal-cope-sidebar-entry strong,
.journal-cope-quick-link span{
    display:block;
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-cope-sidebar-entry span{
    display:block;
    color:var(--text-muted);
    font-size:11px;
    line-height:1.5;
}

/* SIDEBAR BADGES */
.journal-cope-badge-grid div{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-cope-badge-grid div i{
    width:38px;
    height:38px;
    margin-bottom:0;
    border-radius:12px;
    font-size:16px;
}

/* SUPPORT */
.journal-cope-support-card,
.journal-cope-sidebar-cta{
    text-align:center;
}

.journal-cope-support-icon{
    width:68px;
    height:68px;
    margin:0 auto 16px;
    border-radius:22px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.12);
    color:#ffd88a;
    font-size:28px;
}

.journal-cope-support-card h3,
.journal-cope-sidebar-cta h3{
    font-size:24px;
    margin-bottom:12px;
}

.journal-cope-sidebar-cta-btn{
    width:100%;
    margin-top:18px;
}

.journal-cope-sidebar-secure{
    display:block;
    margin-top:14px;
    color:rgba(255,255,255,.76);
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.journal-cope-sidebar-secure i{
    margin-right:6px;
    color:#ffd88a;
}

/* RESPONSIVE */
@media(max-width:1200px){
    .journal-cope-layout-wrapper{
        grid-template-columns:minmax(0,68%) minmax(280px,32%);
        gap:24px;
    }
    .journal-cope-feature-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:991px){
    .journal-cope-layout-wrapper{grid-template-columns:1fr}
    .journal-cope-sidebar{
        position:static;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }
    .journal-cope-sidebar-card,
    .journal-cope-support-card,
    .journal-cope-sidebar-cta{margin-bottom:0}
    .journal-cope-final-cta{grid-template-columns:1fr}
}

@media(max-width:768px){
    .journal-cope-page-header{padding:68px 0 60px}
    .journal-cope-main-section{padding:52px 0}
    .journal-cope-card,
    .journal-cope-sidebar-card,
    .journal-cope-faq-section,
    .journal-cope-integrity-card,
    .journal-cope-final-cta,
    .journal-cope-support-card,
    .journal-cope-sidebar-cta{
        padding:22px;
        border-radius:var(--radius-lg);
    }
    .journal-cope-feature-grid,
    .journal-cope-badge-grid,
    .journal-cope-integrity-list,
    .journal-cope-sidebar,
    .journal-cope-final-cta-actions{
        grid-template-columns:1fr;
    }
    .journal-cope-card p,
    .journal-cope-hero-text{text-align:left}
    .journal-cope-step{flex-direction:column}
    .journal-cope-final-btn{width:100%}
}

@media(max-width:480px){
    .journal-cope-page-title{font-size:30px}
    .journal-cope-section-title,
    .journal-cope-faq-title{font-size:25px}
    .journal-cope-sidebar-title{font-size:19px}
    .journal-cope-breadcrumb{flex-wrap:wrap}
}
/* =========================================================
   COPE STATEMENT PAGE CSS END
========================================================= */
/* =========================================================
   COPYRIGHT AND LICENSING POLICY PAGE FINAL CSS START
   Page: copyright-and-licensing-policy.html
   Prefix: journal-license-
   Style Reference: Editorial Policies / COPE Premium System
========================================================= */

.journal-license-page-main{
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.08), transparent 32%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
    color:var(--text-primary);
}

/* HERO */
.journal-license-page-header{
    position:relative;
    overflow:hidden;
    padding:92px 0 82px;
    background:var(--gradient-dark);
}

.journal-license-page-header::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 14% 18%, rgba(216,138,9,.24), transparent 34%),
        radial-gradient(circle at 88% 24%, rgba(37,99,235,.22), transparent 32%);
    pointer-events:none;
}

.journal-license-page-header .container{
    position:relative;
    z-index:2;
}

.journal-license-page-title{
    color:var(--text-white);
    font-size:clamp(36px,5vw,66px);
    font-weight:900;
    line-height:1.12;
    margin-bottom:18px;
}

.journal-license-breadcrumb{
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:rgba(255,255,255,.78);
    font-size:14px;
    font-weight:700;
    margin-bottom:24px;
}

.journal-license-breadcrumb a{
    color:#ffd88a;
}

.journal-license-hero-text{
    max-width:960px;
    color:rgba(255,255,255,.88);
    font-size:18px;
    line-height:1.9;
    text-align:left;
}

/* MAIN */
.journal-license-main-section{
    padding:74px 0;
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.06), transparent 30%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
}

.journal-license-layout-wrapper{
    display:grid;
    grid-template-columns:minmax(0,70%) minmax(300px,30%);
    gap:34px;
    align-items:start;
}

.journal-license-main-content,
.journal-license-sidebar,
.journal-license-sidebar-content{
    min-width:0;
}

.journal-license-sidebar{
    position:sticky;
    top:92px;
    align-self:start;
}

/* COMMON CARDS */
.journal-license-card,
.journal-license-sidebar-card,
.journal-license-faq-section,
.journal-license-integrity-card,
.journal-license-final-cta,
.journal-license-sidebar-cta{
    background:rgba(255,255,255,.90);
    backdrop-filter:var(--glass-blur);
    -webkit-backdrop-filter:var(--glass-blur);
    border:1px solid var(--border-light);
    border-radius:var(--radius-xl);
    box-shadow:var(--shadow-md);
}

.journal-license-card,
.journal-license-faq-section,
.journal-license-integrity-card,
.journal-license-final-cta{
    padding:34px;
    margin-bottom:30px;
}

.journal-license-sidebar-card,
.journal-license-sidebar-cta{
    padding:24px;
    margin-bottom:26px;
}

.journal-license-card,
.journal-license-sidebar-card{
    position:relative;
    overflow:hidden;
}

.journal-license-card::before,
.journal-license-sidebar-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:var(--gradient-gold);
    pointer-events:none;
}

/* BADGES */
.journal-license-badge,
.journal-license-faq-badge,
.journal-license-final-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 16px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-blue);
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:18px;
}

.journal-license-section-title,
.journal-license-faq-title{
    color:var(--primary-navy);
    font-size:clamp(26px,3vw,40px);
    line-height:1.28;
    margin-bottom:16px;
}

.journal-license-card p{
    color:var(--text-secondary);
    line-height:1.9;
    text-align:justify;
}

/* GRID SYSTEM */
.journal-license-feature-grid,
.journal-license-badge-grid,
.journal-license-integrity-list{
    display:grid;
    gap:18px;
    margin-top:26px;
}

.journal-license-feature-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.journal-license-badge-grid,
.journal-license-integrity-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.journal-license-feature-grid article,
.journal-license-badge-grid div{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    padding:22px;
    transition:var(--transition-normal);
    box-shadow:var(--shadow-sm);
}

.journal-license-feature-grid article:hover,
.journal-license-badge-grid div:hover,
.journal-license-sidebar-entry:hover,
.journal-license-quick-link:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-license-feature-grid article i,
.journal-license-badge-grid div i{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    margin-bottom:15px;
    border-radius:18px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:22px;
}

.journal-license-feature-grid article h3{
    color:var(--primary-navy);
    font-size:19px;
    margin-bottom:10px;
}

.journal-license-feature-grid article p{
    margin:0;
    text-align:left;
    font-size:14px;
}

/* STEP LIST */
.journal-license-step-list{
    display:grid;
    gap:16px;
    margin-top:26px;
}

.journal-license-step{
    display:flex;
    gap:16px;
    padding:20px;
    border-radius:var(--radius-lg);
    background:var(--bg-white);
    border:1px solid var(--border-light);
    transition:var(--transition-normal);
    box-shadow:var(--shadow-sm);
}

.journal-license-step:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-license-step strong{
    width:52px;
    height:52px;
    flex:0 0 52px;
    border-radius:16px;
    display:grid;
    place-items:center;
    background:var(--gradient-gold);
    color:var(--primary-blue-dark);
    box-shadow:var(--shadow-gold);
    font-size:18px;
    font-weight:900;
}

.journal-license-step h3{
    color:var(--primary-navy);
    margin-bottom:6px;
}

.journal-license-step p{
    margin:0;
    text-align:left;
}

/* HIGHLIGHT + TRUST */
.journal-license-highlight-box{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:18px;
    margin-top:26px;
    border-radius:var(--radius-lg);
    background:rgba(47,125,31,.08);
    border:1px solid rgba(47,125,31,.16);
}

.journal-license-highlight-box i{
    color:var(--primary-green);
    margin-top:5px;
    font-size:21px;
}

.journal-license-highlight-box p{
    margin:0;
    text-align:left;
}

.journal-license-trust-strip{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.journal-license-trust-strip span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-license-trust-strip i{
    color:var(--primary-green);
}

/* DARK CTA */
.journal-license-integrity-card,
.journal-license-final-cta,
.journal-license-sidebar-cta{
    position:relative;
    overflow:hidden;
    background:var(--gradient-dark);
    box-shadow:var(--shadow-navy);
}

.journal-license-integrity-card::before,
.journal-license-final-cta::before,
.journal-license-sidebar-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.journal-license-integrity-card>*,
.journal-license-final-cta>*,
.journal-license-sidebar-cta>*{
    position:relative;
    z-index:2;
}

.journal-license-integrity-card h2,
.journal-license-final-cta h2,
.journal-license-sidebar-cta h3{
    color:var(--text-white);
}

.journal-license-integrity-card h2,
.journal-license-final-cta h2{
    font-size:clamp(28px,3vw,42px);
    margin-bottom:14px;
}

.journal-license-integrity-card p,
.journal-license-final-cta p,
.journal-license-sidebar-cta p{
    color:rgba(255,255,255,.82);
    line-height:1.8;
}

.journal-license-integrity-list div{
    padding:14px;
    border-radius:var(--radius-md);
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    color:var(--text-white);
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    font-weight:900;
}

.journal-license-integrity-list i{
    color:#ffd88a;
}

/* FAQ */
.journal-license-faq-header{
    text-align:center;
    margin-bottom:24px;
}

.journal-license-faq-list{
    display:grid;
    gap:14px;
}

.journal-license-faq-item{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    overflow:hidden;
}

.journal-license-faq-item summary{
    cursor:pointer;
    padding:18px 22px;
    color:var(--primary-navy);
    font-size:15px;
    font-weight:900;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.journal-license-faq-item summary::-webkit-details-marker{
    display:none;
}

.journal-license-faq-item summary i{
    margin-left:auto;
    flex-shrink:0;
    color:var(--primary-gold-dark);
    font-size:14px;
    transition:var(--transition-normal);
}

.journal-license-faq-item[open] summary i{
    transform:rotate(180deg);
}

.journal-license-faq-answer{
    padding:0 22px 20px;
}

.journal-license-faq-answer p{
    margin:0;
    text-align:left;
    color:var(--text-secondary);
    font-size:14px;
    line-height:1.8;
}

/* FINAL CTA */
.journal-license-final-cta{
    display:grid;
    grid-template-columns:1fr auto;
    gap:28px;
    align-items:center;
}

.journal-license-final-cta-content,
.journal-license-final-cta-actions{
    position:relative;
    z-index:2;
}

.journal-license-final-badge{
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.16);
    color:#ffd88a;
}

.journal-license-final-cta-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(150px,1fr));
    gap:12px;
}

.journal-license-final-btn,
.journal-license-sidebar-cta-btn{
    min-height:50px;
    padding:0 20px;
    border-radius:var(--radius-md);
    background:rgba(255,255,255,.10);
    color:var(--text-white);
    border:1px solid rgba(255,255,255,.18);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    font-size:13px;
    font-weight:900;
    transition:var(--transition-normal);
}

.journal-license-final-btn.primary,
.journal-license-sidebar-cta-btn{
    background:var(--gradient-gold);
    color:var(--primary-blue-dark);
    box-shadow:var(--shadow-gold);
}

.journal-license-final-btn:hover,
.journal-license-sidebar-cta-btn:hover{
    transform:translateY(-3px);
}

/* SIDEBAR */
.journal-license-sidebar-title{
    color:var(--primary-navy);
    font-size:21px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:10px;
}

.journal-license-sidebar-title i{
    color:var(--primary-gold);
}

/* META LIST */
.journal-license-meta-list,
.journal-license-sidebar-list,
.journal-license-quick-links{
    display:grid;
    gap:12px;
}

.journal-license-meta-list li{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
}

.journal-license-meta-list span{
    display:block;
    color:var(--text-muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:4px;
}

.journal-license-meta-list strong{
    display:block;
    color:var(--primary-navy);
    font-size:14px;
    line-height:1.45;
    text-align:left;
    overflow-wrap:anywhere;
}

/* SIDEBAR LISTS */
.journal-license-sidebar-entry,
.journal-license-quick-link{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--primary-navy);
    font-weight:900;
    transition:var(--transition-normal);
}

.journal-license-sidebar-entry:hover,
.journal-license-quick-link:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-license-sidebar-entry i,
.journal-license-quick-link i{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:16px;
}

.journal-license-sidebar-entry strong,
.journal-license-quick-link span{
    display:block;
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-license-sidebar-entry span{
    display:block;
    color:var(--text-muted);
    font-size:11px;
    line-height:1.5;
}

/* SIDEBAR BADGES */
.journal-license-badge-grid div{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-license-badge-grid div i{
    width:38px;
    height:38px;
    margin-bottom:0;
    border-radius:12px;
    font-size:16px;
}

/* SIDEBAR CTA */
.journal-license-sidebar-cta{
    text-align:center;
}

.journal-license-sidebar-cta h3{
    font-size:24px;
    margin-bottom:12px;
}

.journal-license-sidebar-cta-btn{
    width:100%;
    margin-top:18px;
}

.journal-license-sidebar-secure{
    display:block;
    margin-top:14px;
    color:rgba(255,255,255,.76);
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.journal-license-sidebar-secure i{
    margin-right:6px;
    color:#ffd88a;
}

/* RESPONSIVE */
@media(max-width:1200px){
    .journal-license-layout-wrapper{
        grid-template-columns:minmax(0,68%) minmax(280px,32%);
        gap:24px;
    }

    .journal-license-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:991px){
    .journal-license-layout-wrapper{
        grid-template-columns:1fr;
    }

    .journal-license-sidebar{
        position:static;
    }

    .journal-license-sidebar-content{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }

    .journal-license-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .journal-license-final-cta{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){
    .journal-license-page-header{
        padding:68px 0 60px;
    }

    .journal-license-main-section{
        padding:52px 0;
    }

    .journal-license-card,
    .journal-license-sidebar-card,
    .journal-license-faq-section,
    .journal-license-integrity-card,
    .journal-license-final-cta,
    .journal-license-sidebar-cta{
        padding:22px;
        border-radius:var(--radius-lg);
    }

    .journal-license-feature-grid,
    .journal-license-integrity-list,
    .journal-license-sidebar-content,
    .journal-license-badge-grid,
    .journal-license-final-cta-actions{
        grid-template-columns:1fr;
    }

    .journal-license-card p,
    .journal-license-hero-text{
        text-align:left;
    }

    .journal-license-step{
        flex-direction:column;
    }

    .journal-license-final-btn{
        width:100%;
    }
}

@media(max-width:480px){
    .journal-license-page-title{
        font-size:30px;
    }

    .journal-license-section-title,
    .journal-license-faq-title{
        font-size:25px;
    }

    .journal-license-sidebar-title{
        font-size:19px;
    }

    .journal-license-meta-list li{
        flex-direction:column;
    }

    .journal-license-meta-list strong{
        text-align:left;
    }
}

/* ACCESSIBILITY + ANIMATION */
.journal-license-final-btn:focus,
.journal-license-sidebar-cta-btn:focus,
.journal-license-quick-link:focus,
.journal-license-faq-item summary:focus{
    outline:2px solid var(--primary-gold);
    outline-offset:2px;
}

.fade-in-up,
.journal-license-main-content,
.journal-license-sidebar{
    animation:journalLicenseFadeUp .8s ease both;
}

@keyframes journalLicenseFadeUp{
    from{
        opacity:0;
        transform:translateY(24px);
    }

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

/* =========================================================
   COPYRIGHT AND LICENSING POLICY PAGE FINAL CSS END
========================================================= */
/* =========================================================
   CURRENT ISSUE PAGE FINAL CSS START
   Page: current-issue.html
   Prefix: journal-issue-
   Style Reference: Editorial Policies / COPE Premium System
========================================================= */

.journal-issue-page-main{
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.08), transparent 32%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
    color:var(--text-primary);
}

/* HERO */
.journal-issue-page-header{
    position:relative;
    overflow:hidden;
    padding:92px 0 82px;
    background:var(--gradient-dark);
}

.journal-issue-page-header::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 14% 18%, rgba(216,138,9,.24), transparent 34%),
        radial-gradient(circle at 88% 24%, rgba(37,99,235,.22), transparent 32%);
    pointer-events:none;
}

.journal-issue-page-header .container{
    position:relative;
    z-index:2;
}

.journal-issue-page-title{
    color:var(--text-white);
    font-size:clamp(36px,5vw,66px);
    font-weight:900;
    line-height:1.12;
    margin-bottom:18px;
}

.journal-issue-breadcrumb{
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:rgba(255,255,255,.78);
    font-size:14px;
    font-weight:700;
    margin-bottom:24px;
}

.journal-issue-breadcrumb a{
    color:#ffd88a;
}

.journal-issue-hero-text{
    max-width:960px;
    color:rgba(255,255,255,.88);
    font-size:18px;
    line-height:1.9;
    text-align:left;
}

/* MAIN */
.journal-issue-main-section{
    padding:74px 0;
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.06), transparent 30%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
}

.journal-issue-layout-wrapper{
    display:grid;
    grid-template-columns:minmax(0,70%) minmax(300px,30%);
    gap:34px;
    align-items:start;
}

.journal-issue-main-content,
.journal-issue-sidebar,
.journal-issue-sidebar-content{
    min-width:0;
}

.journal-issue-sidebar{
    position:sticky;
    top:92px;
    align-self:start;
}

/* COMMON CARDS */
.journal-issue-card,
.journal-issue-sidebar-card,
.journal-issue-list-header,
.journal-issue-paper-card,
.journal-issue-integrity-card,
.journal-issue-final-cta,
.journal-issue-sidebar-cta{
    background:rgba(255,255,255,.90);
    backdrop-filter:var(--glass-blur);
    -webkit-backdrop-filter:var(--glass-blur);
    border:1px solid var(--border-light);
    border-radius:var(--radius-xl);
    box-shadow:var(--shadow-md);
}

.journal-issue-card,
.journal-issue-list-header,
.journal-issue-paper-card,
.journal-issue-integrity-card,
.journal-issue-final-cta{
    padding:34px;
    margin-bottom:30px;
}

.journal-issue-sidebar-card,
.journal-issue-sidebar-cta{
    padding:24px;
    margin-bottom:26px;
}

.journal-issue-card,
.journal-issue-sidebar-card,
.journal-issue-list-header,
.journal-issue-paper-card{
    position:relative;
    overflow:hidden;
}

.journal-issue-card::before,
.journal-issue-sidebar-card::before,
.journal-issue-list-header::before,
.journal-issue-paper-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:var(--gradient-gold);
    pointer-events:none;
}

/* BADGES */
.journal-issue-badge,
.journal-issue-final-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 16px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-blue);
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:18px;
}

.journal-issue-section-title{
    color:var(--primary-navy);
    font-size:clamp(26px,3vw,40px);
    line-height:1.28;
    margin-bottom:16px;
}

.journal-issue-card p,
.journal-issue-list-header p{
    color:var(--text-secondary);
    line-height:1.9;
    text-align:justify;
}

/* VOLUME ROW */
.journal-issue-volume-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
}

.journal-issue-volume-row span{
    display:inline-flex;
    align-items:center;
    padding:8px 14px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-navy);
    font-size:12px;
    font-weight:900;
}

/* GRID SYSTEM */
.journal-issue-feature-grid,
.journal-issue-meta-grid,
.journal-issue-badge-grid,
.journal-issue-integrity-list{
    display:grid;
    gap:18px;
    margin-top:26px;
}

.journal-issue-feature-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.journal-issue-meta-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.journal-issue-badge-grid,
.journal-issue-integrity-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.journal-issue-feature-grid article,
.journal-issue-meta-box,
.journal-issue-badge-grid div{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    padding:22px;
    transition:var(--transition-normal);
    box-shadow:var(--shadow-sm);
}

.journal-issue-feature-grid article:hover,
.journal-issue-meta-box:hover,
.journal-issue-badge-grid div:hover,
.journal-issue-sidebar-entry:hover,
.journal-issue-quick-link:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-issue-feature-grid article i,
.journal-issue-meta-box i,
.journal-issue-badge-grid div i{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    margin-bottom:15px;
    border-radius:18px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:22px;
}

.journal-issue-feature-grid article h3{
    color:var(--primary-navy);
    font-size:19px;
    margin-bottom:10px;
}

.journal-issue-feature-grid article p{
    margin:0;
    text-align:left;
    font-size:14px;
}

.journal-issue-meta-box span{
    display:block;
    color:var(--text-muted);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:7px;
}

.journal-issue-meta-box strong{
    display:block;
    color:var(--primary-navy);
    font-size:15px;
    line-height:1.5;
}

.journal-issue-meta-box.wide{
    grid-column:1/-1;
}

/* SEARCH */
.journal-issue-search-box{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:26px;
    padding:14px 16px;
    border-radius:var(--radius-lg);
    background:var(--bg-white);
    border:1px solid var(--border-light);
    box-shadow:var(--shadow-sm);
}

.journal-issue-search-box > i{
    color:var(--primary-gold-dark);
    font-size:18px;
}

.journal-issue-search-input{
    flex:1;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:var(--primary-navy);
    font-size:15px;
    font-weight:700;
}

.journal-issue-search-input::placeholder{
    color:var(--text-muted);
}

.journal-issue-search-clear{
    width:38px;
    height:38px;
    border:0;
    cursor:pointer;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    transition:var(--transition-normal);
}

.journal-issue-search-clear:hover{
    transform:translateY(-2px);
}

.journal-issue-search-note{
    margin-top:14px;
    font-size:13px;
    text-align:left !important;
}

/* PAPER CARD */
.journal-issue-paper-card:hover{
    transform:translateY(-6px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-lg);
}

.journal-issue-paper-top{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
}

.journal-issue-paper-discipline,
.journal-issue-paper-pages{
    display:inline-flex;
    align-items:center;
    padding:8px 13px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.journal-issue-paper-discipline{
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
}

.journal-issue-paper-pages{
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-navy);
}

.journal-issue-paper-title{
    color:var(--primary-navy);
    font-size:clamp(22px,2.2vw,30px);
    line-height:1.35;
    margin-bottom:18px;
}

.journal-issue-paper-title a{
    color:inherit;
    transition:var(--transition-normal);
}

.journal-issue-paper-title a:hover{
    color:var(--primary-gold-dark);
}

/* AUTHOR */
.journal-issue-paper-author{
    display:flex;
    gap:13px;
    align-items:flex-start;
    padding:15px;
    margin-bottom:18px;
    border-radius:var(--radius-lg);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
}

.journal-issue-paper-author i{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
}

.journal-issue-paper-author strong{
    display:block;
    color:var(--primary-navy);
    font-size:15px;
    margin-bottom:4px;
}

.journal-issue-paper-author span{
    display:block;
    color:var(--text-muted);
    font-size:13px;
    line-height:1.5;
}

/* ABSTRACT */
.journal-issue-paper-abstract{
    margin-bottom:18px;
}

.journal-issue-paper-abstract p{
    color:var(--text-secondary);
    line-height:1.85;
    text-align:justify;
}

/* KEYWORDS */
.journal-issue-keywords{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px;
    margin-bottom:22px;
}

.journal-issue-keywords span{
    color:var(--primary-navy);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}

.journal-issue-keywords a{
    padding:7px 11px;
    border-radius:999px;
    background:rgba(216,138,9,.10);
    color:var(--primary-gold-dark);
    font-size:12px;
    font-weight:800;
}

/* FOOTER */
.journal-issue-paper-footer{
    display:grid;
    gap:18px;
    padding-top:20px;
    border-top:1px solid var(--border-light);
}

.journal-issue-doi{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}

.journal-issue-doi span{
    color:var(--primary-navy);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}

.journal-issue-doi a{
    color:var(--primary-blue);
    font-weight:900;
    overflow-wrap:anywhere;
}

/* ACTION BUTTONS */
.journal-issue-paper-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.journal-issue-action-btn,
.journal-issue-final-btn,
.journal-issue-sidebar-download,
.journal-issue-copy-btn,
.journal-issue-sidebar-cta-btn{
    min-height:48px;
    padding:0 18px;
    border-radius:var(--radius-md);
    border:1px solid var(--border-light);
    background:var(--bg-soft);
    color:var(--primary-navy);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:13px;
    font-weight:900;
    transition:var(--transition-normal);
    cursor:pointer;
}

.journal-issue-action-btn:hover,
.journal-issue-final-btn:hover,
.journal-issue-sidebar-download:hover,
.journal-issue-copy-btn:hover,
.journal-issue-sidebar-cta-btn:hover{
    transform:translateY(-3px);
    border-color:var(--border-gold);
}

.journal-issue-action-btn.primary,
.journal-issue-final-btn.primary,
.journal-issue-sidebar-download,
.journal-issue-copy-btn,
.journal-issue-sidebar-cta-btn{
    background:var(--gradient-gold);
    color:var(--primary-blue-dark);
    border-color:transparent;
    box-shadow:var(--shadow-gold);
}

/* TRUST STRIP */
.journal-issue-trust-strip{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.journal-issue-trust-strip span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 15px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-navy);
    font-size:12px;
    font-weight:900;
}

.journal-issue-trust-strip i{
    color:var(--primary-green);
}

/* DARK CTA */
.journal-issue-integrity-card,
.journal-issue-final-cta,
.journal-issue-sidebar-cta{
    position:relative;
    overflow:hidden;
    background:var(--gradient-dark);
    box-shadow:var(--shadow-navy);
}

.journal-issue-integrity-card::before,
.journal-issue-final-cta::before,
.journal-issue-sidebar-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.journal-issue-integrity-card>*,
.journal-issue-final-cta>*,
.journal-issue-sidebar-cta>*{
    position:relative;
    z-index:2;
}

.journal-issue-integrity-card h2,
.journal-issue-final-cta h2,
.journal-issue-sidebar-cta h3{
    color:var(--text-white);
}

.journal-issue-integrity-card p,
.journal-issue-final-cta p,
.journal-issue-sidebar-cta p{
    color:rgba(255,255,255,.82);
}

.journal-issue-integrity-list div{
    padding:14px;
    border-radius:var(--radius-md);
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    color:var(--text-white);
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    font-weight:900;
}

.journal-issue-integrity-list i{
    color:#ffd88a;
}

/* FINAL CTA */
.journal-issue-final-cta{
    display:grid;
    grid-template-columns:1fr auto;
    gap:28px;
    align-items:center;
}

.journal-issue-final-cta-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(150px,1fr));
    gap:12px;
}

.journal-issue-final-badge{
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.16);
    color:#ffd88a;
}

/* SIDEBAR */
.journal-issue-sidebar-title{
    color:var(--primary-navy);
    font-size:21px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:10px;
}

.journal-issue-sidebar-title i{
    color:var(--primary-gold);
}

/* COVER */
.journal-issue-cover-box{
    position:relative;
    overflow:hidden;
    margin-bottom:18px;
    border-radius:var(--radius-lg);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
}

.journal-issue-open-access-ribbon{
    position:absolute;
    top:14px;
    left:-38px;
    z-index:3;
    transform:rotate(-35deg);
    width:150px;
    padding:7px 0;
    text-align:center;
    background:var(--gradient-gold);
    color:var(--primary-blue-dark);
    font-size:11px;
    font-weight:900;
}

.journal-issue-cover-image{
    display:block;
    width:100%;
    min-height:220px;
    object-fit:cover;
}

/* SIDEBAR LIST */
.journal-issue-meta-list,
.journal-issue-sidebar-list,
.journal-issue-quick-links{
    display:grid;
    gap:12px;
}

.journal-issue-meta-list li{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
}

.journal-issue-meta-list span{
    display:block;
    color:var(--text-muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:4px;
}

.journal-issue-meta-list strong{
    display:block;
    color:var(--primary-navy);
    font-size:14px;
    line-height:1.45;
}

.journal-issue-sidebar-entry,
.journal-issue-quick-link{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--primary-navy);
    transition:var(--transition-normal);
}

.journal-issue-sidebar-entry i,
.journal-issue-quick-link i{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:16px;
}

/* SIDEBAR CTA */
.journal-issue-sidebar-cta{
    text-align:center;
}

.journal-issue-sidebar-cta h3{
    font-size:24px;
    margin-bottom:12px;
}

.journal-issue-sidebar-secure{
    display:block;
    margin-top:14px;
    color:rgba(255,255,255,.76);
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.journal-issue-sidebar-secure i{
    margin-right:6px;
    color:#ffd88a;
}

/* RESPONSIVE */
@media(max-width:1200px){
    .journal-issue-layout-wrapper{
        grid-template-columns:minmax(0,68%) minmax(280px,32%);
        gap:24px;
    }

    .journal-issue-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:991px){
    .journal-issue-layout-wrapper{
        grid-template-columns:1fr;
    }

    .journal-issue-sidebar{
        position:static;
    }

    .journal-issue-sidebar-content{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }

    .journal-issue-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .journal-issue-final-cta{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){
    .journal-issue-page-header{
        padding:68px 0 60px;
    }

    .journal-issue-main-section{
        padding:52px 0;
    }

    .journal-issue-card,
    .journal-issue-sidebar-card,
    .journal-issue-list-header,
    .journal-issue-paper-card,
    .journal-issue-integrity-card,
    .journal-issue-final-cta,
    .journal-issue-sidebar-cta{
        padding:22px;
        border-radius:var(--radius-lg);
    }

    .journal-issue-feature-grid,
    .journal-issue-meta-grid,
    .journal-issue-integrity-list,
    .journal-issue-sidebar-content,
    .journal-issue-badge-grid,
    .journal-issue-final-cta-actions{
        grid-template-columns:1fr;
    }

    .journal-issue-paper-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .journal-issue-action-btn{
        width:100%;
    }

    .journal-issue-card p,
    .journal-issue-list-header p,
    .journal-issue-paper-abstract p,
    .journal-issue-hero-text{
        text-align:left;
    }
}

@media(max-width:480px){
    .journal-issue-page-title{
        font-size:30px;
    }

    .journal-issue-section-title{
        font-size:25px;
    }

    .journal-issue-paper-title{
        font-size:24px;
    }

    .journal-issue-paper-author{
        flex-direction:column;
    }

    .journal-issue-paper-top{
        flex-direction:column;
        align-items:flex-start;
    }
}

/* ACCESSIBILITY + ANIMATION */
.fade-in-up,
.journal-issue-main-content,
.journal-issue-sidebar{
    animation:journalIssueFadeUp .8s ease both;
}

@keyframes journalIssueFadeUp{
    from{
        opacity:0;
        transform:translateY(24px);
    }

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

/* =========================================================
   CURRENT ISSUE PAGE FINAL CSS END
========================================================= */

/* =========================================================
   EDITORIAL BOARD MEMBERS PAGE FINAL CSS START
   Page: editorial-board-members.html
   Prefix: journal-editorial-
   Style Reference: COPE / Editorial Policies Premium System
========================================================= */

.journal-editorial-page-main{
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.08), transparent 32%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
    color:var(--text-primary);
}

/* HERO */
.journal-editorial-page-header{
    position:relative;
    overflow:hidden;
    padding:92px 0 82px;
    background:var(--gradient-dark);
}

.journal-editorial-page-header::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 14% 18%, rgba(216,138,9,.24), transparent 34%),
        radial-gradient(circle at 88% 24%, rgba(37,99,235,.22), transparent 32%);
    pointer-events:none;
}

.journal-editorial-page-header .container{
    position:relative;
    z-index:2;
}

.journal-editorial-page-title{
    color:var(--text-white);
    font-size:clamp(36px,5vw,66px);
    font-weight:900;
    line-height:1.12;
    margin-bottom:18px;
}

.journal-editorial-breadcrumb{
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:rgba(255,255,255,.78);
    font-size:14px;
    font-weight:700;
    margin-bottom:24px;
}

.journal-editorial-breadcrumb a{
    color:#ffd88a;
}

.journal-editorial-hero-text{
    max-width:960px;
    color:rgba(255,255,255,.88);
    font-size:18px;
    line-height:1.9;
    text-align:left;
}

/* MAIN */
.journal-editorial-main-section{
    padding:74px 0;
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.06), transparent 30%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
}

.journal-editorial-layout-wrapper{
    display:grid;
    grid-template-columns:minmax(0,70%) minmax(300px,30%);
    gap:34px;
    align-items:start;
}

.journal-editorial-main-content,
.journal-editorial-sidebar,
.journal-editorial-sidebar-content{
    min-width:0;
}

.journal-editorial-sidebar{
    position:sticky;
    top:92px;
    align-self:start;
}

/* COMMON CARDS */
.journal-editorial-card,
.journal-editorial-sidebar-card,
.journal-editorial-faq-section,
.journal-editorial-integrity-card,
.journal-editorial-final-cta,
.journal-editorial-invite-card,
.journal-editorial-sidebar-cta{
    background:rgba(255,255,255,.90);
    backdrop-filter:var(--glass-blur);
    -webkit-backdrop-filter:var(--glass-blur);
    border:1px solid var(--border-light);
    border-radius:var(--radius-xl);
    box-shadow:var(--shadow-md);
}

.journal-editorial-card,
.journal-editorial-faq-section,
.journal-editorial-integrity-card,
.journal-editorial-final-cta{
    padding:34px;
    margin-bottom:30px;
}

.journal-editorial-sidebar-card,
.journal-editorial-invite-card,
.journal-editorial-sidebar-cta{
    padding:24px;
    margin-bottom:26px;
}

.journal-editorial-card,
.journal-editorial-sidebar-card{
    position:relative;
    overflow:hidden;
}

.journal-editorial-card::before,
.journal-editorial-sidebar-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:var(--gradient-gold);
    pointer-events:none;
}

/* BADGES */
.journal-editorial-badge,
.journal-editorial-faq-badge,
.journal-editorial-final-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 16px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-blue);
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:18px;
}

.journal-editorial-section-title,
.journal-editorial-faq-title{
    color:var(--primary-navy);
    font-size:clamp(26px,3vw,40px);
    line-height:1.28;
    margin-bottom:16px;
}

.journal-editorial-card p{
    color:var(--text-secondary);
    line-height:1.9;
    text-align:justify;
}

/* EXECUTIVE LEADERSHIP */
.journal-editorial-leader-grid{
    display:grid;
    gap:22px;
    margin-top:28px;
}

.journal-editorial-leader-card{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    gap:22px;
    padding:26px;
    border-radius:var(--radius-xl);
    background:var(--bg-white);
    border:1px solid var(--border-light);
    box-shadow:var(--shadow-sm);
    transition:var(--transition-normal);
}

.journal-editorial-leader-card:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-editorial-leader-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:7px;
    height:100%;
    background:var(--gradient-gold);
}

.journal-editorial-leader-icon{
    width:76px;
    height:76px;
    border-radius:24px;
    display:grid;
    place-items:center;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:32px;
}

.journal-editorial-role{
    display:inline-flex;
    margin-bottom:8px;
    color:var(--primary-gold-dark);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.journal-editorial-leader-content h3{
    color:var(--primary-navy);
    font-size:clamp(24px,2.6vw,34px);
    margin-bottom:8px;
}

.journal-editorial-leader-content p{
    margin:0 0 14px;
    text-align:left;
}

.journal-editorial-leader-tags{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-bottom:14px;
}

.journal-editorial-leader-tags span{
    padding:7px 11px;
    border-radius:999px;
    background:rgba(216,138,9,.10);
    color:var(--primary-gold-dark);
    font-size:11px;
    font-weight:900;
}

/* BOARD MEMBER GRID */
.journal-editorial-board-grid,
.journal-editorial-feature-grid,
.journal-editorial-badge-grid,
.journal-editorial-integrity-list{
    display:grid;
    gap:18px;
    margin-top:26px;
}

.journal-editorial-board-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.journal-editorial-feature-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.journal-editorial-badge-grid,
.journal-editorial-integrity-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.journal-editorial-member-card,
.journal-editorial-feature-grid article,
.journal-editorial-badge-grid div{
    position:relative;
    overflow:hidden;
    padding:22px;
    border-radius:var(--radius-lg);
    background:var(--bg-white);
    border:1px solid var(--border-light);
    box-shadow:var(--shadow-sm);
    transition:var(--transition-normal);
}

.journal-editorial-member-card:hover,
.journal-editorial-feature-grid article:hover,
.journal-editorial-badge-grid div:hover,
.journal-editorial-sidebar-entry:hover,
.journal-editorial-quick-link:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-editorial-member-card::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:5px;
    background:var(--gradient-gold);
}

.journal-editorial-region{
    display:inline-flex;
    padding:7px 12px;
    margin-bottom:14px;
    border-radius:999px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.journal-editorial-member-card h3{
    color:var(--primary-navy);
    font-size:21px;
    line-height:1.35;
    margin-bottom:10px;
}

.journal-editorial-expertise{
    color:var(--primary-blue);
    font-size:13px;
    font-weight:900;
    text-align:left !important;
    margin-bottom:10px;
}

.journal-editorial-member-card p{
    margin:0 0 14px;
    text-align:left;
    font-size:14px;
}

.journal-editorial-member-actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.journal-editorial-member-actions a{
    width:38px;
    height:38px;
    border-radius:13px;
    display:grid;
    place-items:center;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-navy);
    transition:var(--transition-normal);
}

.journal-editorial-member-actions a:hover{
    transform:translateY(-3px);
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    border-color:var(--border-gold);
}

/* FEATURE GRID */
.journal-editorial-feature-grid article i,
.journal-editorial-badge-grid div i{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    margin-bottom:15px;
    border-radius:18px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:22px;
}

.journal-editorial-feature-grid article h3{
    color:var(--primary-navy);
    font-size:19px;
    margin-bottom:10px;
}

.journal-editorial-feature-grid article p{
    margin:0;
    text-align:left;
    font-size:14px;
}

/* TRUST STRIP */
.journal-editorial-trust-strip{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.journal-editorial-trust-strip span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-editorial-trust-strip i{
    color:var(--primary-green);
}

/* DARK CTA / INTEGRITY */
.journal-editorial-integrity-card,
.journal-editorial-final-cta,
.journal-editorial-invite-card,
.journal-editorial-sidebar-cta{
    position:relative;
    overflow:hidden;
    background:var(--gradient-dark);
    box-shadow:var(--shadow-navy);
}

.journal-editorial-integrity-card::before,
.journal-editorial-final-cta::before,
.journal-editorial-invite-card::before,
.journal-editorial-sidebar-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.journal-editorial-integrity-card>*,
.journal-editorial-final-cta>*,
.journal-editorial-invite-card>*,
.journal-editorial-sidebar-cta>*{
    position:relative;
    z-index:2;
}

.journal-editorial-integrity-card h2,
.journal-editorial-final-cta h2,
.journal-editorial-invite-card h3,
.journal-editorial-sidebar-cta h3{
    color:var(--text-white);
}

.journal-editorial-integrity-card h2,
.journal-editorial-final-cta h2{
    font-size:clamp(28px,3vw,42px);
    margin-bottom:14px;
}

.journal-editorial-integrity-card p,
.journal-editorial-final-cta p,
.journal-editorial-invite-card p,
.journal-editorial-sidebar-cta p{
    color:rgba(255,255,255,.82);
    line-height:1.8;
}

.journal-editorial-integrity-list div{
    padding:14px;
    border-radius:var(--radius-md);
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    color:var(--text-white);
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    font-weight:900;
}

.journal-editorial-integrity-list i{
    color:#ffd88a;
}

/* FAQ */
.journal-editorial-faq-header{
    text-align:center;
    margin-bottom:24px;
}

.journal-editorial-faq-list{
    display:grid;
    gap:14px;
}

.journal-editorial-faq-item{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    overflow:hidden;
}

.journal-editorial-faq-item summary{
    cursor:pointer;
    padding:18px 22px;
    color:var(--primary-navy);
    font-size:15px;
    font-weight:900;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.journal-editorial-faq-item summary::-webkit-details-marker{
    display:none;
}

.journal-editorial-faq-item summary i{
    margin-left:auto;
    flex-shrink:0;
    color:var(--primary-gold-dark);
    font-size:14px;
    transition:var(--transition-normal);
}

.journal-editorial-faq-item[open] summary i{
    transform:rotate(180deg);
}

.journal-editorial-faq-answer{
    padding:0 22px 20px;
}

.journal-editorial-faq-answer p{
    margin:0;
    text-align:left;
    color:var(--text-secondary);
    font-size:14px;
    line-height:1.8;
}

/* FINAL CTA */
.journal-editorial-final-cta{
    display:grid;
    grid-template-columns:1fr auto;
    gap:28px;
    align-items:center;
}

.journal-editorial-final-cta-content,
.journal-editorial-final-cta-actions{
    position:relative;
    z-index:2;
}

.journal-editorial-final-badge{
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.16);
    color:#ffd88a;
}

.journal-editorial-final-cta-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(150px,1fr));
    gap:12px;
}

.journal-editorial-final-btn,
.journal-editorial-invite-btn,
.journal-editorial-sidebar-cta-btn{
    min-height:50px;
    padding:0 20px;
    border-radius:var(--radius-md);
    background:rgba(255,255,255,.10);
    color:var(--text-white);
    border:1px solid rgba(255,255,255,.18);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    font-size:13px;
    font-weight:900;
    transition:var(--transition-normal);
}

.journal-editorial-final-btn.primary,
.journal-editorial-invite-btn,
.journal-editorial-sidebar-cta-btn{
    background:var(--gradient-gold);
    color:var(--primary-blue-dark);
    box-shadow:var(--shadow-gold);
}

.journal-editorial-final-btn:hover,
.journal-editorial-invite-btn:hover,
.journal-editorial-sidebar-cta-btn:hover{
    transform:translateY(-3px);
}

/* SIDEBAR */
.journal-editorial-sidebar-title{
    color:var(--primary-navy);
    font-size:21px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:10px;
}

.journal-editorial-sidebar-title i{
    color:var(--primary-gold);
}

/* META LIST */
.journal-editorial-meta-list,
.journal-editorial-sidebar-list,
.journal-editorial-quick-links{
    display:grid;
    gap:12px;
}

.journal-editorial-meta-list li{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
}

.journal-editorial-meta-list span{
    display:block;
    color:var(--text-muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:4px;
}

.journal-editorial-meta-list strong{
    display:block;
    color:var(--primary-navy);
    font-size:14px;
    line-height:1.45;
    text-align:left;
    overflow-wrap:anywhere;
}

/* SIDEBAR LISTS */
.journal-editorial-sidebar-entry,
.journal-editorial-quick-link{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--primary-navy);
    font-weight:900;
    transition:var(--transition-normal);
}

.journal-editorial-sidebar-entry i,
.journal-editorial-quick-link i{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:16px;
}

.journal-editorial-sidebar-entry strong,
.journal-editorial-quick-link span{
    display:block;
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-editorial-sidebar-entry span{
    display:block;
    color:var(--text-muted);
    font-size:11px;
    line-height:1.5;
}

/* SIDEBAR BADGES */
.journal-editorial-badge-grid div{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-editorial-badge-grid div i{
    width:38px;
    height:38px;
    margin-bottom:0;
    border-radius:12px;
    font-size:16px;
}

/* INVITE / SIDEBAR CTA */
.journal-editorial-invite-card,
.journal-editorial-sidebar-cta{
    text-align:center;
}

.journal-editorial-invite-icon{
    width:68px;
    height:68px;
    margin:0 auto 16px;
    border-radius:22px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.12);
    color:#ffd88a;
    font-size:28px;
}

.journal-editorial-invite-card h3,
.journal-editorial-sidebar-cta h3{
    font-size:24px;
    margin-bottom:12px;
}

.journal-editorial-invite-btn,
.journal-editorial-sidebar-cta-btn{
    width:100%;
    margin-top:18px;
}

.journal-editorial-sidebar-secure{
    display:block;
    margin-top:14px;
    color:rgba(255,255,255,.76);
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.journal-editorial-sidebar-secure i{
    margin-right:6px;
    color:#ffd88a;
}

/* RESPONSIVE */
@media(max-width:1200px){
    .journal-editorial-layout-wrapper{
        grid-template-columns:minmax(0,68%) minmax(280px,32%);
        gap:24px;
    }

    .journal-editorial-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:991px){
    .journal-editorial-layout-wrapper{
        grid-template-columns:1fr;
    }

    .journal-editorial-sidebar{
        position:static;
    }

    .journal-editorial-sidebar-content{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }

    .journal-editorial-feature-grid,
    .journal-editorial-board-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .journal-editorial-final-cta{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){
    .journal-editorial-page-header{
        padding:68px 0 60px;
    }

    .journal-editorial-main-section{
        padding:52px 0;
    }

    .journal-editorial-card,
    .journal-editorial-sidebar-card,
    .journal-editorial-faq-section,
    .journal-editorial-integrity-card,
    .journal-editorial-final-cta,
    .journal-editorial-invite-card,
    .journal-editorial-sidebar-cta{
        padding:22px;
        border-radius:var(--radius-lg);
    }

    .journal-editorial-feature-grid,
    .journal-editorial-board-grid,
    .journal-editorial-integrity-list,
    .journal-editorial-sidebar-content,
    .journal-editorial-badge-grid,
    .journal-editorial-final-cta-actions{
        grid-template-columns:1fr;
    }

    .journal-editorial-card p,
    .journal-editorial-hero-text{
        text-align:left;
    }

    .journal-editorial-leader-card{
        grid-template-columns:1fr;
    }

    .journal-editorial-final-btn{
        width:100%;
    }
}

@media(max-width:480px){
    .journal-editorial-page-title{
        font-size:30px;
    }

    .journal-editorial-section-title,
    .journal-editorial-faq-title{
        font-size:25px;
    }

    .journal-editorial-sidebar-title{
        font-size:19px;
    }

    .journal-editorial-meta-list li{
        flex-direction:column;
    }

    .journal-editorial-meta-list strong{
        text-align:left;
    }

    .journal-editorial-leader-icon{
        width:64px;
        height:64px;
        font-size:28px;
    }

    .journal-editorial-member-card h3{
        font-size:20px;
    }
}

/* ACCESSIBILITY + ANIMATION */
.journal-editorial-final-btn:focus,
.journal-editorial-invite-btn:focus,
.journal-editorial-sidebar-cta-btn:focus,
.journal-editorial-quick-link:focus,
.journal-editorial-member-actions a:focus,
.journal-editorial-faq-item summary:focus{
    outline:2px solid var(--primary-gold);
    outline-offset:2px;
}

.fade-in-up,
.journal-editorial-main-content,
.journal-editorial-sidebar{
    animation:journalEditorialFadeUp .8s ease both;
}

@keyframes journalEditorialFadeUp{
    from{
        opacity:0;
        transform:translateY(24px);
    }

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

/* =========================================================
   EDITORIAL BOARD MEMBERS PAGE FINAL CSS END
========================================================= */
/* =========================================================
   EDITORIAL CORRECTION POLICY PAGE FINAL CSS START
   Page: editorial-correction-policy.html
   Prefix: journal-correction-
   Style Reference: COPE / Editorial Policies Premium System
========================================================= */

.journal-correction-page-main{
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.08), transparent 32%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
    color:var(--text-primary);
}

/* HERO */
.journal-correction-hero-section{
    position:relative;
    overflow:hidden;
    padding:92px 0 82px;
    background:var(--gradient-dark);
}

.journal-correction-hero-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 14% 18%, rgba(216,138,9,.24), transparent 34%),
        radial-gradient(circle at 88% 24%, rgba(37,99,235,.22), transparent 32%);
    pointer-events:none;
}

.journal-correction-hero-section .container,
.journal-correction-hero-content{
    position:relative;
    z-index:2;
}

.journal-correction-hero-badge,
.journal-correction-section-badge,
.journal-correction-highlight-badge,
.journal-correction-faq-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 16px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-blue);
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:18px;
}

.journal-correction-hero-badge{
    background:rgba(216,138,9,.14);
    border:1px solid rgba(216,138,9,.36);
    color:#ffd88a;
}

.journal-correction-page-title{
    color:var(--text-white);
    font-size:clamp(36px,5vw,66px);
    font-weight:900;
    line-height:1.12;
    margin-bottom:18px;
}

.journal-correction-breadcrumb{
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:rgba(255,255,255,.78);
    font-size:14px;
    font-weight:700;
    margin-bottom:24px;
}

.journal-correction-breadcrumb a{
    color:#ffd88a;
}

.journal-correction-hero-description{
    max-width:960px;
    color:rgba(255,255,255,.88);
    font-size:18px;
    line-height:1.9;
    text-align:left;
}

.journal-correction-hero-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:26px;
}

.journal-correction-hero-tags span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.13);
    color:rgba(255,255,255,.92);
    font-size:13px;
    font-weight:900;
}

.journal-correction-hero-tags i{
    color:#86efac;
}

/* MAIN */
.journal-correction-main-section{
    padding:74px 0;
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.06), transparent 30%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
}

.journal-correction-layout-wrapper{
    display:grid;
    grid-template-columns:minmax(0,70%) minmax(300px,30%);
    gap:34px;
    align-items:start;
}

.journal-correction-main-content,
.journal-correction-sidebar,
.journal-correction-sidebar-wrapper{
    min-width:0;
}

.journal-correction-sidebar{
    position:sticky;
    top:92px;
    align-self:start;
}

/* COMMON CARDS */
.journal-correction-content-card,
.journal-correction-sidebar-card,
.journal-correction-faq-section,
.journal-correction-policy-infographic,
.journal-correction-highlight-card,
.journal-correction-final-cta,
.journal-correction-sidebar-cta{
    background:rgba(255,255,255,.90);
    backdrop-filter:var(--glass-blur);
    -webkit-backdrop-filter:var(--glass-blur);
    border:1px solid var(--border-light);
    border-radius:var(--radius-xl);
    box-shadow:var(--shadow-md);
}

.journal-correction-content-card,
.journal-correction-faq-section,
.journal-correction-policy-infographic,
.journal-correction-highlight-card,
.journal-correction-final-cta{
    padding:34px;
    margin-bottom:30px;
}

.journal-correction-sidebar-card,
.journal-correction-sidebar-cta{
    padding:24px;
    margin-bottom:26px;
}

.journal-correction-content-card,
.journal-correction-sidebar-card,
.journal-correction-policy-infographic{
    position:relative;
    overflow:hidden;
}

.journal-correction-content-card::before,
.journal-correction-sidebar-card::before,
.journal-correction-policy-infographic::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:var(--gradient-gold);
    pointer-events:none;
}

.journal-correction-section-title,
.journal-correction-faq-title{
    color:var(--primary-navy);
    font-size:clamp(26px,3vw,40px);
    line-height:1.28;
    margin-bottom:16px;
}

.journal-correction-content-card p,
.journal-correction-faq-answer{
    color:var(--text-secondary);
    line-height:1.9;
    text-align:justify;
}

/* FEATURE / UPDATE / INFO GRIDS */
.journal-correction-feature-grid,
.journal-correction-update-grid,
.journal-correction-badge-grid,
.journal-correction-info-grid,
.journal-correction-integrity-grid{
    display:grid;
    gap:18px;
    margin-top:26px;
}

.journal-correction-feature-grid,
.journal-correction-info-grid{
    grid-template-columns:repeat(3,1fr);
}

.journal-correction-update-grid,
.journal-correction-badge-grid,
.journal-correction-integrity-grid{
    grid-template-columns:repeat(2,1fr);
}

.journal-correction-feature-item,
.journal-correction-update-card,
.journal-correction-info-card,
.journal-correction-badge-grid div{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    padding:22px;
    transition:var(--transition-normal);
    box-shadow:var(--shadow-sm);
}

.journal-correction-feature-item:hover,
.journal-correction-update-card:hover,
.journal-correction-info-card:hover,
.journal-correction-badge-grid div:hover,
.journal-correction-sidebar-entry:hover,
.journal-correction-quick-link:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-correction-feature-icon,
.journal-correction-info-icon,
.journal-correction-update-card h3 i,
.journal-correction-badge-grid div i{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    margin-bottom:15px;
    border-radius:18px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:22px;
}

.journal-correction-feature-item h3,
.journal-correction-update-card h3,
.journal-correction-info-card h3{
    color:var(--primary-navy);
    font-size:19px;
    line-height:1.35;
    margin-bottom:10px;
}

.journal-correction-feature-item p,
.journal-correction-update-card p,
.journal-correction-info-card p{
    margin:0;
    text-align:left;
    color:var(--text-secondary);
    font-size:14px;
    line-height:1.8;
}

.journal-correction-update-card h3{
    display:flex;
    align-items:center;
    gap:12px;
}

.journal-correction-update-card h3 i{
    width:44px;
    height:44px;
    flex:0 0 44px;
    margin:0;
    font-size:18px;
}

/* POLICY POINTS */
.journal-correction-policy-points,
.journal-correction-point-list{
    display:grid;
    gap:10px;
    margin-top:18px;
}

.journal-correction-policy-points span,
.journal-correction-point-list span{
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 12px;
    border-radius:13px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-navy);
    font-size:12.5px;
    font-weight:900;
    line-height:1.45;
}

.journal-correction-policy-points i,
.journal-correction-point-list i{
    color:var(--primary-green);
}

.journal-correction-policy-note{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:18px;
    padding:14px;
    border-radius:14px;
    background:rgba(47,125,31,.08);
    border:1px solid rgba(47,125,31,.16);
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
    line-height:1.6;
}

.journal-correction-policy-note i{
    color:var(--primary-green);
    margin-top:3px;
}

.journal-correction-policy-note.danger{
    background:rgba(216,138,9,.10);
    border-color:rgba(216,138,9,.18);
}

.journal-correction-policy-note.danger i{
    color:var(--primary-gold-dark);
}

/* WORKFLOW */
.journal-correction-workflow-wrapper{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-top:28px;
}

.journal-correction-workflow-step{
    padding:20px 16px;
    border-radius:var(--radius-lg);
    background:var(--bg-white);
    border:1px solid var(--border-light);
    box-shadow:var(--shadow-sm);
    text-align:center;
    transition:var(--transition-normal);
}

.journal-correction-workflow-step:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-correction-workflow-step span{
    width:52px;
    height:52px;
    margin:0 auto 12px;
    border-radius:16px;
    display:grid;
    place-items:center;
    background:var(--gradient-gold);
    color:var(--primary-blue-dark);
    box-shadow:var(--shadow-gold);
    font-size:18px;
    font-weight:900;
}

.journal-correction-workflow-step h3{
    color:var(--primary-navy);
    font-size:14px;
    line-height:1.45;
}

/* DARK CTA */
.journal-correction-highlight-card,
.journal-correction-final-cta,
.journal-correction-sidebar-cta{
    position:relative;
    overflow:hidden;
    background:var(--gradient-dark);
    box-shadow:var(--shadow-navy);
}

.journal-correction-highlight-card::before,
.journal-correction-final-cta::before,
.journal-correction-sidebar-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.journal-correction-highlight-card>*,
.journal-correction-final-cta>*,
.journal-correction-sidebar-cta>*{
    position:relative;
    z-index:2;
}

.journal-correction-highlight-badge{
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.16);
    color:#ffd88a;
}

.journal-correction-highlight-card h2,
.journal-correction-final-cta h2,
.journal-correction-sidebar-cta h3{
    color:var(--text-white);
}

.journal-correction-highlight-card h2,
.journal-correction-final-cta h2{
    font-size:clamp(28px,3vw,42px);
    margin-bottom:14px;
}

.journal-correction-highlight-card p,
.journal-correction-final-cta p,
.journal-correction-sidebar-cta p{
    color:rgba(255,255,255,.82);
}

.journal-correction-integrity-grid div{
    padding:14px;
    border-radius:var(--radius-md);
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    color:var(--text-white);
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    font-weight:900;
}

.journal-correction-integrity-grid i{
    color:#ffd88a;
}

/* FAQ */
.journal-correction-faq-header{
    text-align:center;
    margin-bottom:24px;
}

.journal-correction-faq-list{
    display:grid;
    gap:14px;
}

.journal-correction-faq-item{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    overflow:hidden;
}

.journal-correction-faq-item summary{
    cursor:pointer;
    padding:18px 22px;
    color:var(--primary-navy);
    font-size:15px;
    font-weight:900;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.journal-correction-faq-item summary::-webkit-details-marker{
    display:none;
}

.journal-correction-faq-item summary i{
    margin-left:auto;
    flex-shrink:0;
    color:var(--primary-gold-dark);
    font-size:14px;
    transition:var(--transition-normal);
}

.journal-correction-faq-item[open] summary i{
    transform:rotate(180deg);
}

.journal-correction-faq-answer{
    padding:0 22px 20px;
    text-align:left;
}

.journal-correction-faq-answer p{
    margin:0;
    text-align:left;
    font-size:14px;
    line-height:1.8;
    color:var(--text-secondary);
}

/* FINAL CTA */
.journal-correction-final-cta{
    display:grid;
    grid-template-columns:1fr auto;
    gap:28px;
    align-items:center;
}

.journal-correction-final-content,
.journal-correction-final-buttons{
    position:relative;
    z-index:2;
}

.journal-correction-final-buttons{
    display:grid;
    grid-template-columns:repeat(2,minmax(150px,1fr));
    gap:12px;
}

.journal-correction-final-btn,
.journal-correction-sidebar-cta-btn{
    min-height:50px;
    padding:0 20px;
    border-radius:var(--radius-md);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    background:rgba(255,255,255,.10);
    color:var(--text-white);
    border:1px solid rgba(255,255,255,.18);
    font-size:13px;
    font-weight:900;
    transition:var(--transition-normal);
}

.journal-correction-final-btn.primary-btn,
.journal-correction-sidebar-cta-btn{
    background:var(--gradient-gold);
    color:var(--primary-blue-dark);
    box-shadow:var(--shadow-gold);
}

.journal-correction-final-btn:hover,
.journal-correction-sidebar-cta-btn:hover{
    transform:translateY(-3px);
}

/* SIDEBAR */
.journal-correction-sidebar-title{
    color:var(--primary-navy);
    font-size:21px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:10px;
}

.journal-correction-sidebar-title i{
    color:var(--primary-gold);
}

.journal-correction-meta-list,
.journal-correction-sidebar-list,
.journal-correction-quick-links,
.journal-correction-danger-list{
    display:grid;
    gap:12px;
}

.journal-correction-meta-list li{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
}

.journal-correction-meta-list span{
    display:block;
    color:var(--text-muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:4px;
}

.journal-correction-meta-list strong{
    display:block;
    color:var(--primary-navy);
    font-size:14px;
    line-height:1.45;
    text-align:left;
    overflow-wrap:anywhere;
}

.journal-correction-sidebar-entry,
.journal-correction-quick-link{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--primary-navy);
    font-weight:900;
    transition:var(--transition-normal);
}

.journal-correction-sidebar-entry i,
.journal-correction-quick-link i{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:16px;
}

.journal-correction-sidebar-entry strong,
.journal-correction-quick-link span{
    display:block;
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-correction-sidebar-entry span{
    display:block;
    color:var(--text-muted);
    font-size:11px;
    line-height:1.5;
}

.journal-correction-badge-grid div{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-correction-badge-grid div i{
    width:38px;
    height:38px;
    margin-bottom:0;
    border-radius:12px;
    font-size:16px;
}

/* DANGER LIST */
.journal-correction-danger-list div{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    border-radius:13px;
    background:rgba(220,38,38,.06);
    border:1px solid rgba(220,38,38,.12);
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-correction-danger-list i{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(220,38,38,.12);
    color:#dc2626;
}

/* SIDEBAR CTA */
.journal-correction-sidebar-cta{
    text-align:center;
}

.journal-correction-sidebar-cta h3{
    font-size:24px;
    margin-bottom:12px;
}

.journal-correction-sidebar-cta-btn{
    width:100%;
    margin-top:18px;
}

.journal-correction-sidebar-secure{
    display:block;
    margin-top:14px;
    color:rgba(255,255,255,.76);
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.journal-correction-sidebar-secure i{
    margin-right:6px;
    color:#ffd88a;
}

/* RESPONSIVE */
@media(max-width:1200px){
    .journal-correction-layout-wrapper{
        grid-template-columns:minmax(0,68%) minmax(280px,32%);
        gap:24px;
    }

    .journal-correction-feature-grid,
    .journal-correction-info-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .journal-correction-workflow-wrapper{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:991px){
    .journal-correction-layout-wrapper{
        grid-template-columns:1fr;
    }

    .journal-correction-sidebar{
        position:static;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }

    .journal-correction-sidebar-card,
    .journal-correction-sidebar-cta{
        margin-bottom:0;
    }

    .journal-correction-final-cta{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){
    .journal-correction-hero-section{
        padding:68px 0 60px;
    }

    .journal-correction-main-section{
        padding:52px 0;
    }

    .journal-correction-content-card,
    .journal-correction-sidebar-card,
    .journal-correction-faq-section,
    .journal-correction-policy-infographic,
    .journal-correction-highlight-card,
    .journal-correction-final-cta,
    .journal-correction-sidebar-cta{
        padding:22px;
        border-radius:var(--radius-lg);
    }

    .journal-correction-feature-grid,
    .journal-correction-update-grid,
    .journal-correction-info-grid,
    .journal-correction-badge-grid,
    .journal-correction-integrity-grid,
    .journal-correction-sidebar,
    .journal-correction-final-buttons,
    .journal-correction-workflow-wrapper{
        grid-template-columns:1fr;
    }

    .journal-correction-content-card p,
    .journal-correction-hero-description{
        text-align:left;
    }

    .journal-correction-final-btn{
        width:100%;
    }
}

@media(max-width:480px){
    .journal-correction-page-title{
        font-size:30px;
    }

    .journal-correction-section-title,
    .journal-correction-faq-title{
        font-size:25px;
    }

    .journal-correction-sidebar-title{
        font-size:19px;
    }

    .journal-correction-breadcrumb{
        flex-wrap:wrap;
    }
}

/* ACCESSIBILITY + ANIMATION */
.journal-correction-final-btn:focus,
.journal-correction-sidebar-cta-btn:focus,
.journal-correction-quick-link:focus,
.journal-correction-faq-item summary:focus{
    outline:2px solid var(--primary-gold);
    outline-offset:2px;
}

.journal-correction-main-content,
.journal-correction-sidebar{
    animation:journalCorrectionFadeUp .8s ease both;
}

@keyframes journalCorrectionFadeUp{
    from{
        opacity:0;
        transform:translateY(24px);
    }

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

/* =========================================================
   EDITORIAL CORRECTION POLICY PAGE FINAL CSS END
========================================================= */
/* =========================================================
   EDITORIAL POLICIES PAGE CSS START
   Page: editorial-policies.html
   Prefix: journal-policy-
   Style Reference: COPE Statement Page
========================================================= */

.journal-policy-page-main{
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.08), transparent 32%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
    color:var(--text-primary);
}

/* HERO */
.journal-policy-hero-section{
    position:relative;
    overflow:hidden;
    padding:92px 0 82px;
    background:var(--gradient-dark);
}

.journal-policy-hero-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 14% 18%, rgba(216,138,9,.24), transparent 34%),
        radial-gradient(circle at 88% 24%, rgba(37,99,235,.22), transparent 32%);
    pointer-events:none;
}

.journal-policy-hero-section .container{
    position:relative;
    z-index:2;
}

.journal-policy-hero-content{
    position:relative;
    z-index:2;
}

.journal-policy-page-title{
    color:var(--text-white);
    font-size:clamp(36px,5vw,66px);
    font-weight:900;
    margin-bottom:18px;
}

.journal-policy-breadcrumb{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:rgba(255,255,255,.78);
    font-size:14px;
    font-weight:700;
    margin-bottom:24px;
}

.journal-policy-breadcrumb a{
    color:#ffd88a;
}

.journal-policy-hero-description{
    max-width:960px;
    color:rgba(255,255,255,.88);
    font-size:18px;
    line-height:1.9;
    text-align:left;
}

.journal-policy-hero-badge,
.journal-policy-section-badge,
.journal-policy-final-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 16px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-blue);
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:18px;
}

.journal-policy-hero-badge{
    background:rgba(216,138,9,.14);
    border:1px solid rgba(216,138,9,.36);
    color:#ffd88a;
}

.journal-policy-hero-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:26px;
}

.journal-policy-hero-tags span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.13);
    color:rgba(255,255,255,.92);
    font-size:13px;
    font-weight:900;
}

.journal-policy-hero-tags i{
    color:#86efac;
}

/* MAIN */
.journal-policy-main-section{
    padding:74px 0;
    background:
        radial-gradient(circle at top left, rgba(216,138,9,.06), transparent 30%),
        linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);
}

.journal-policy-layout-wrapper{
    display:grid;
    grid-template-columns:minmax(0,70%) minmax(300px,30%);
    gap:34px;
    align-items:start;
}

.journal-policy-main-content,
.journal-policy-sidebar{
    min-width:0;
}

.journal-policy-sidebar{
    position:sticky;
    top:92px;
    align-self:start;
}

/* CARDS */
.journal-policy-content-card,
.journal-policy-sidebar-card,
.journal-policy-faq-section,
.journal-policy-highlight-card,
.journal-policy-final-cta,
.journal-policy-support-card,
.journal-policy-sidebar-cta{
    background:rgba(255,255,255,.90);
    backdrop-filter:var(--glass-blur);
    -webkit-backdrop-filter:var(--glass-blur);
    border:1px solid var(--border-light);
    border-radius:var(--radius-xl);
    box-shadow:var(--shadow-md);
}

.journal-policy-content-card,
.journal-policy-faq-section,
.journal-policy-highlight-card,
.journal-policy-final-cta{
    padding:34px;
    margin-bottom:30px;
}

.journal-policy-sidebar-card,
.journal-policy-support-card,
.journal-policy-sidebar-cta{
    padding:24px;
    margin-bottom:26px;
}

.journal-policy-content-card,
.journal-policy-sidebar-card{
    position:relative;
    overflow:hidden;
}

.journal-policy-content-card::before,
.journal-policy-sidebar-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:var(--gradient-gold);
}

.journal-policy-section-title,
.journal-policy-faq-title{
    color:var(--primary-navy);
    font-size:clamp(26px,3vw,40px);
    margin-bottom:16px;
}

.journal-policy-content-card p{
    color:var(--text-secondary);
    line-height:1.9;
    text-align:justify;
}

/* GRIDS */
.journal-policy-info-grid,
.journal-policy-feature-grid,
.journal-policy-badge-grid,
.journal-policy-integrity-list{
    display:grid;
    gap:18px;
    margin-top:26px;
}

.journal-policy-info-grid,
.journal-policy-feature-grid{
    grid-template-columns:repeat(3,1fr);
}

.journal-policy-badge-grid,
.journal-policy-integrity-list{
    grid-template-columns:repeat(2,1fr);
}

.journal-policy-info-card,
.journal-policy-feature-grid article,
.journal-policy-badge-grid div{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    padding:22px;
    transition:var(--transition-normal);
}

.journal-policy-info-card:hover,
.journal-policy-feature-grid article:hover,
.journal-policy-badge-grid div:hover,
.journal-policy-sidebar-entry:hover,
.journal-policy-quick-link:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-policy-info-icon,
.journal-policy-feature-grid article i,
.journal-policy-badge-grid div i{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    margin-bottom:15px;
    border-radius:18px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:22px;
}

.journal-policy-info-card h3,
.journal-policy-feature-grid article h3{
    color:var(--primary-navy);
    font-size:19px;
    margin-bottom:10px;
}

.journal-policy-info-card p,
.journal-policy-feature-grid article p{
    text-align:left;
    font-size:14px;
    margin-bottom:0;
}

.journal-policy-info-card.danger .journal-policy-info-icon{
    background:rgba(220,38,38,.10);
    color:#dc2626;
}

.journal-policy-info-card.danger::before{
    background:linear-gradient(180deg,#dc2626,#f97316);
}

/* POINT LIST */
.journal-policy-point-list{
    display:grid;
    gap:10px;
    margin-top:18px;
}

.journal-policy-point-list span{
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 12px;
    border-radius:13px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-navy);
    font-size:12.5px;
    font-weight:900;
    line-height:1.45;
}

.journal-policy-point-list i{
    color:var(--primary-green);
}

/* WORKFLOW */
.journal-policy-workflow-wrapper{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
    margin-top:28px;
}

.journal-policy-workflow-step{
    padding:20px 14px;
    border-radius:var(--radius-lg);
    background:var(--bg-white);
    border:1px solid var(--border-light);
    box-shadow:var(--shadow-sm);
    text-align:center;
    transition:var(--transition-normal);
}

.journal-policy-workflow-step:hover{
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.journal-policy-workflow-step span{
    width:52px;
    height:52px;
    margin:0 auto 12px;
    border-radius:16px;
    display:grid;
    place-items:center;
    background:var(--gradient-gold);
    color:var(--primary-blue-dark);
    box-shadow:var(--shadow-gold);
    font-weight:900;
}

.journal-policy-workflow-step h3{
    color:var(--primary-navy);
    font-size:14px;
    line-height:1.45;
    margin-bottom:8px;
}

.journal-policy-workflow-step p{
    color:var(--text-muted);
    font-size:12px;
    line-height:1.6;
    text-align:center;
    margin:0;
}

/* TRUST STRIP */
.journal-policy-trust-strip{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.journal-policy-trust-strip span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-policy-trust-strip i{
    color:var(--primary-green);
}

/* DARK CTA */
.journal-policy-highlight-card,
.journal-policy-final-cta,
.journal-policy-support-card,
.journal-policy-sidebar-cta{
    position:relative;
    overflow:hidden;
    background:var(--gradient-dark);
    box-shadow:var(--shadow-navy);
}

.journal-policy-highlight-card::before,
.journal-policy-final-cta::before,
.journal-policy-support-card::before,
.journal-policy-sidebar-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.journal-policy-highlight-card>*,
.journal-policy-final-cta>*,
.journal-policy-support-card>*,
.journal-policy-sidebar-cta>*{
    position:relative;
    z-index:2;
}

.journal-policy-highlight-card h2,
.journal-policy-final-cta h2,
.journal-policy-support-card h3,
.journal-policy-sidebar-cta h3{
    color:var(--text-white);
}

.journal-policy-highlight-card h2,
.journal-policy-final-cta h2{
    font-size:clamp(28px,3vw,42px);
    margin-bottom:14px;
}

.journal-policy-highlight-card p,
.journal-policy-final-cta p,
.journal-policy-support-card p,
.journal-policy-sidebar-cta p{
    color:rgba(255,255,255,.82);
}

.journal-policy-integrity-list div{
    padding:14px;
    border-radius:var(--radius-md);
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    color:var(--text-white);
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    font-weight:900;
}

.journal-policy-integrity-list i{
    color:#ffd88a;
}

/* FAQ */
.journal-policy-faq-header{
    text-align:center;
    margin-bottom:24px;
}

.journal-policy-faq-list{
    display:grid;
    gap:14px;
}

.journal-policy-faq-item{
    background:var(--bg-white);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    overflow:hidden;
}

.journal-policy-faq-item summary{
    cursor:pointer;
    padding:18px 22px;
    color:var(--primary-navy);
    font-size:15px;
    font-weight:900;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.journal-policy-faq-item summary::-webkit-details-marker{
    display:none;
}

.journal-policy-faq-item summary i{
    margin-left:auto;
    flex-shrink:0;
    color:var(--primary-gold-dark);
    font-size:14px;
    transition:var(--transition-normal);
}

.journal-policy-faq-item[open] summary i{
    transform:rotate(180deg);
}

.journal-policy-faq-answer{
    padding:0 22px 20px;
}

.journal-policy-faq-answer p{
    margin:0;
    text-align:left;
    font-size:14px;
    line-height:1.8;
    color:var(--text-secondary);
}

/* FINAL CTA */
.journal-policy-final-cta{
    display:grid;
    grid-template-columns:1fr auto;
    gap:28px;
    align-items:center;
}

.journal-policy-final-buttons,
.journal-policy-final-cta-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(150px,1fr));
    gap:12px;
}

.journal-policy-final-btn,
.journal-policy-support-btn,
.journal-policy-sidebar-cta-btn{
    min-height:50px;
    padding:0 20px;
    border-radius:var(--radius-md);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    background:rgba(255,255,255,.10);
    color:var(--text-white);
    border:1px solid rgba(255,255,255,.18);
    font-weight:900;
    transition:var(--transition-normal);
}

.journal-policy-final-btn.primary,
.journal-policy-final-btn.primary-btn,
.journal-policy-support-btn,
.journal-policy-sidebar-cta-btn{
    background:var(--gradient-gold);
    color:var(--primary-blue-dark);
    box-shadow:var(--shadow-gold);
}

.journal-policy-final-btn:hover,
.journal-policy-support-btn:hover,
.journal-policy-sidebar-cta-btn:hover{
    transform:translateY(-3px);
}

/* SIDEBAR */
.journal-policy-sidebar-title{
    color:var(--primary-navy);
    font-size:21px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:10px;
}

.journal-policy-sidebar-title i{
    color:var(--primary-gold);
}

.journal-policy-meta-list,
.journal-policy-sidebar-list,
.journal-policy-quick-links{
    display:grid;
    gap:12px;
}

.journal-policy-meta-list li{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
}

.journal-policy-meta-list span{
    display:block;
    color:var(--text-muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:4px;
}

.journal-policy-meta-list strong{
    display:block;
    color:var(--primary-navy);
    font-size:14px;
    line-height:1.45;
    text-align:left;
    overflow-wrap:anywhere;
}

.journal-policy-sidebar-entry,
.journal-policy-quick-link{
    padding:14px;
    border-radius:var(--radius-md);
    background:var(--bg-soft);
    border:1px solid var(--border-light);
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--primary-navy);
    font-weight:900;
    transition:var(--transition-normal);
}

.journal-policy-sidebar-entry i,
.journal-policy-quick-link i{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(216,138,9,.12);
    color:var(--primary-gold-dark);
    font-size:16px;
}

.journal-policy-sidebar-entry strong,
.journal-policy-quick-link span{
    display:block;
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-policy-sidebar-entry span{
    display:block;
    color:var(--text-muted);
    font-size:11px;
    line-height:1.5;
}

/* SIDEBAR BADGES */
.journal-policy-badge-grid div{
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--primary-navy);
    font-size:13px;
    font-weight:900;
}

.journal-policy-badge-grid div i{
    width:38px;
    height:38px;
    margin-bottom:0;
    border-radius:12px;
    font-size:16px;
}

/* SUPPORT */
.journal-policy-support-card,
.journal-policy-sidebar-cta{
    text-align:center;
}

.journal-policy-support-icon{
    width:68px;
    height:68px;
    margin:0 auto 16px;
    border-radius:22px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.12);
    color:#ffd88a;
    font-size:28px;
}

.journal-policy-support-card h3,
.journal-policy-sidebar-cta h3{
    font-size:24px;
    margin-bottom:12px;
}

.journal-policy-sidebar-cta-btn{
    width:100%;
    margin-top:18px;
}

.journal-policy-sidebar-secure{
    display:block;
    margin-top:14px;
    color:rgba(255,255,255,.76);
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.journal-policy-sidebar-secure i{
    margin-right:6px;
    color:#ffd88a;
}

/* RESPONSIVE */
@media(max-width:1200px){
    .journal-policy-layout-wrapper{
        grid-template-columns:minmax(0,68%) minmax(280px,32%);
        gap:24px;
    }

    .journal-policy-info-grid,
    .journal-policy-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .journal-policy-workflow-wrapper{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:991px){
    .journal-policy-layout-wrapper{
        grid-template-columns:1fr;
    }

    .journal-policy-sidebar{
        position:static;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }

    .journal-policy-sidebar-card,
    .journal-policy-support-card,
    .journal-policy-sidebar-cta{
        margin-bottom:0;
    }

    .journal-policy-final-cta{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){
    .journal-policy-hero-section{
        padding:68px 0 60px;
    }

    .journal-policy-main-section{
        padding:52px 0;
    }

    .journal-policy-content-card,
    .journal-policy-sidebar-card,
    .journal-policy-faq-section,
    .journal-policy-highlight-card,
    .journal-policy-final-cta,
    .journal-policy-support-card,
    .journal-policy-sidebar-cta{
        padding:22px;
        border-radius:var(--radius-lg);
    }

    .journal-policy-info-grid,
    .journal-policy-feature-grid,
    .journal-policy-badge-grid,
    .journal-policy-integrity-list,
    .journal-policy-sidebar,
    .journal-policy-final-buttons,
    .journal-policy-final-cta-actions,
    .journal-policy-workflow-wrapper{
        grid-template-columns:1fr;
    }

    .journal-policy-content-card p,
    .journal-policy-hero-description{
        text-align:left;
    }

    .journal-policy-final-btn{
        width:100%;
    }
}

@media(max-width:480px){
    .journal-policy-page-title{
        font-size:30px;
    }

    .journal-policy-section-title,
    .journal-policy-faq-title{
        font-size:25px;
    }

    .journal-policy-sidebar-title{
        font-size:19px;
    }

    .journal-policy-breadcrumb{
        flex-wrap:wrap;
    }
}

/* =========================================================
   EDITORIAL POLICIES PAGE CSS END
========================================================= */
/* =========================================================
   JOURNAL INDEXING AND ABSTRACTING PAGE CSS START
   IJACST Premium Indexing & Abstracting Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.jia-page-main {
    background: var(--bg-light);
}

/* HERO */
.jia-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.jia-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.jia-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.jia-hero-badge,
.jia-section-badge,
.jia-final-badge,
.jia-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.jia-page-title {
    color: var(--text-white);
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.jia-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.jia-breadcrumb a:hover {
    color: #ffd88a;
}

.jia-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.jia-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.jia-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.jia-hero-tags i {
    color: #86efac;
}

/* LAYOUT */
.jia-main-section {
    padding: 72px 0;
}

.jia-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.jia-main-content,
.jia-sidebar {
    min-width: 0;
}

/* COMMON CARDS */
.jia-content-card,
.jia-disclaimer-card,
.jia-final-cta,
.jia-sidebar-card,
.jia-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.jia-content-card,
.jia-disclaimer-card,
.jia-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.jia-sidebar-card,
.jia-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.jia-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jia-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.jia-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.jia-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */
.jia-pillar-grid,
.jia-scholar-grid,
.jia-doi-grid,
.jia-harvest-grid,
.jia-dublin-grid,
.jia-schema-grid,
.jia-machine-grid,
.jia-abstract-grid,
.jia-keyword-grid,
.jia-orcid-grid,
.jia-reference-grid,
.jia-repository-grid,
.jia-preservation-grid,
.jia-open-grid,
.jia-language-grid,
.jia-speed-grid,
.jia-roadmap {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.jia-pillar-grid,
.jia-doi-grid,
.jia-schema-grid,
.jia-orcid-grid,
.jia-preservation-grid {
    grid-template-columns: repeat(2, 1fr);
}

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

.jia-scholar-grid,
.jia-dublin-grid,
.jia-machine-grid {
    grid-template-columns: repeat(4, 1fr);
}

.jia-abstract-grid {
    grid-template-columns: repeat(5, 1fr);
}

.jia-keyword-grid,
.jia-reference-grid,
.jia-repository-grid,
.jia-language-grid,
.jia-speed-grid,
.jia-roadmap {
    grid-template-columns: repeat(3, 1fr);
}

.jia-open-grid {
    grid-template-columns: repeat(4, 1fr);
}

/* CARD STYLE */
.jia-pillar-card,
.jia-doi-card,
.jia-harvest-card,
.jia-schema-card,
.jia-orcid-card,
.jia-preservation-card,
.jia-roadmap-step {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.jia-pillar-card:hover,
.jia-doi-card:hover,
.jia-harvest-card:hover,
.jia-schema-card:hover,
.jia-orcid-card:hover,
.jia-preservation-card:hover,
.jia-roadmap-step:hover,
.jia-scholar-grid div:hover,
.jia-dublin-grid div:hover,
.jia-machine-grid div:hover,
.jia-abstract-grid div:hover,
.jia-keyword-grid div:hover,
.jia-reference-grid div:hover,
.jia-repository-grid div:hover,
.jia-open-grid div:hover,
.jia-language-grid div:hover,
.jia-speed-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.jia-pillar-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.jia-doi-card i,
.jia-harvest-card i,
.jia-schema-card i,
.jia-orcid-card i,
.jia-preservation-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

.jia-pillar-card h3,
.jia-doi-card h3,
.jia-harvest-card h3,
.jia-schema-card h3,
.jia-orcid-card h3,
.jia-preservation-card h3,
.jia-roadmap-step h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.jia-pillar-card p,
.jia-doi-card p,
.jia-harvest-card p,
.jia-schema-card p,
.jia-orcid-card p,
.jia-preservation-card p,
.jia-roadmap-step p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

/* MINI ICON GRIDS */
.jia-scholar-grid div,
.jia-dublin-grid div,
.jia-machine-grid div,
.jia-abstract-grid div,
.jia-keyword-grid div,
.jia-reference-grid div,
.jia-repository-grid div,
.jia-open-grid div,
.jia-language-grid div,
.jia-speed-grid div {
    min-height: 96px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.jia-scholar-grid i,
.jia-dublin-grid i,
.jia-machine-grid i,
.jia-abstract-grid i,
.jia-keyword-grid i,
.jia-reference-grid i,
.jia-repository-grid i,
.jia-open-grid i,
.jia-language-grid i,
.jia-speed-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.jia-reference-grid .fa-ban {
    color: #dc2626;
}

.jia-scholar-grid span,
.jia-dublin-grid span,
.jia-machine-grid span,
.jia-abstract-grid span,
.jia-keyword-grid span,
.jia-reference-grid span,
.jia-repository-grid span,
.jia-open-grid span,
.jia-language-grid span,
.jia-speed-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* TECH NOTE */
.jia-tech-note {
    margin-top: 24px;
    padding: 18px;
    border-radius: var(--radius-lg);
    background: var(--gradient-primary);
    color: var(--text-white);
    display: flex;
    gap: 14px;
    align-items: flex-start;
    box-shadow: var(--shadow-navy);
}

.jia-tech-note i {
    color: #ffd88a;
    font-size: 22px;
}

.jia-tech-note span {
    color: rgba(255,255,255,.88);
    line-height: 1.75;
    font-weight: 700;
}

.jia-tech-note code {
    color: #ffd88a;
    background: rgba(255,255,255,.12);
    padding: 2px 7px;
    border-radius: 7px;
}

/* ROADMAP */
.jia-roadmap-step {
    position: relative;
    overflow: hidden;
}

.jia-roadmap-step::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--primary-blue);
}

.jia-roadmap-step span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

/* DISCLAIMER */
.jia-disclaimer-card {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background:
        linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.94));
    border-color: rgba(216,138,9,.28);
}

.jia-disclaimer-icon {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    border-radius: 22px;
    background: rgba(216,138,9,.15);
    color: var(--primary-gold-dark);
    display: grid;
    place-items: center;
    font-size: 26px;
}

.jia-disclaimer-card h2 {
    color: var(--primary-navy);
    font-size: clamp(24px, 3vw, 34px);
    margin-bottom: 10px;
}

.jia-disclaimer-card p {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.85;
}

/* FINAL CTA */
.jia-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.jia-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.jia-final-cta > * {
    position: relative;
    z-index: 2;
}

.jia-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.jia-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.jia-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.jia-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.jia-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.jia-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */
.jia-sidebar {
    position: sticky;
    top: 90px;
}

.jia-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.jia-sidebar-title i {
    color: var(--primary-gold);
}

.jia-meta-list {
    display: grid;
    gap: 12px;
}

.jia-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jia-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.jia-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.jia-sidebar-list {
    display: grid;
    gap: 13px;
}

.jia-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jia-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.jia-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.jia-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.jia-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.jia-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.jia-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.jia-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.jia-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* VERIFY BUTTONS */
.jia-verify-list {
    display: grid;
    gap: 13px;
}

.jia-verify-btn {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 54px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-weight: 900;
    transition: var(--transition-normal);
}

.jia-verify-btn:hover {
    transform: translateY(-3px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-sm);
}

.jia-verify-btn i {
    color: var(--primary-gold-dark);
}

.jia-verify-note {
    margin: 14px 0 0;
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.7;
}

/* SIDEBAR CTA */
.jia-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.jia-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.jia-sidebar-cta p,
.jia-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.jia-sidebar-cta-btn {
    width: 100%;
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.jia-sidebar-cta-btn.secondary {
    background: rgba(255,255,255,.12);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: none;
}

.jia-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

.jia-sidebar-cta small {
    display: block;
    margin-top: 14px;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .jia-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .jia-scholar-grid,
    .jia-dublin-grid,
    .jia-machine-grid,
    .jia-abstract-grid,
    .jia-open-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .jia-keyword-grid,
    .jia-reference-grid,
    .jia-repository-grid,
    .jia-language-grid,
    .jia-speed-grid,
    .jia-roadmap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .jia-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .jia-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .jia-sidebar-card,
    .jia-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .jia-page-hero-section {
        padding: 68px 0 60px;
    }

    .jia-main-section {
        padding: 52px 0;
    }

    .jia-content-card,
    .jia-disclaimer-card,
    .jia-final-cta,
    .jia-sidebar-card,
    .jia-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .jia-hero-description {
        font-size: 16px;
    }

    .jia-hero-tags,
    .jia-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .jia-hero-tags span {
        justify-content: center;
    }

    .jia-pillar-grid,
    .jia-scholar-grid,
    .jia-doi-grid,
    .jia-harvest-grid,
    .jia-dublin-grid,
    .jia-schema-grid,
    .jia-machine-grid,
    .jia-abstract-grid,
    .jia-keyword-grid,
    .jia-orcid-grid,
    .jia-reference-grid,
    .jia-repository-grid,
    .jia-preservation-grid,
    .jia-open-grid,
    .jia-language-grid,
    .jia-speed-grid,
    .jia-roadmap,
    .jia-sidebar {
        grid-template-columns: 1fr;
    }

    .jia-disclaimer-card,
    .jia-sidebar-entry {
        flex-direction: column;
    }

    .jia-tech-note {
        flex-direction: column;
    }

    .jia-content-card p {
        text-align: left;
    }

    .jia-badge-grid {
        grid-template-columns: 1fr;
    }

    .jia-final-btn,
    .jia-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .jia-page-title {
        font-size: 30px;
    }

    .jia-section-title {
        font-size: 25px;
    }

    .jia-sidebar-title {
        font-size: 19px;
    }

    .jia-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   JOURNAL INDEXING AND ABSTRACTING PAGE CSS END
========================================================= */
/* =========================================================
   INSTRUCTIONS FOR AUTHORS / AUTHOR GUIDELINES PAGE CSS START
   IJACST Premium Author Guidelines Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.ifag-page-main {
    background: var(--bg-light);
}

/* HERO */
.ifag-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.ifag-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.ifag-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.ifag-hero-badge,
.ifag-section-badge,
.ifag-final-badge,
.ifag-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.ifag-page-title {
    color: var(--text-white);
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.ifag-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.ifag-breadcrumb a:hover {
    color: #ffd88a;
}

.ifag-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.ifag-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.ifag-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.ifag-hero-tags i {
    color: #86efac;
}

/* LAYOUT */
.ifag-main-section {
    padding: 72px 0;
}

.ifag-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.ifag-main-content,
.ifag-sidebar {
    min-width: 0;
}

/* COMMON CARDS */
.ifag-content-card,
.ifag-alert-card,
.ifag-final-cta,
.ifag-sidebar-card,
.ifag-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.ifag-content-card,
.ifag-alert-card,
.ifag-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.ifag-sidebar-card,
.ifag-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.ifag-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.ifag-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.ifag-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.ifag-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */
.ifag-standards-grid,
.ifag-visibility-grid,
.ifag-quality-grid,
.ifag-requirement-grid,
.ifag-type-grid,
.ifag-format-grid,
.ifag-seo-grid,
.ifag-rejection-grid,
.ifag-ai-grid,
.ifag-ethics-grid,
.ifag-citation-grid,
.ifag-data-grid,
.ifag-style-grid,
.ifag-figure-grid,
.ifag-rights-grid,
.ifag-workflow,
.ifag-impact-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.ifag-standards-grid,
.ifag-visibility-grid,
.ifag-type-grid,
.ifag-citation-grid,
.ifag-rights-grid {
    grid-template-columns: repeat(2, 1fr);
}

.ifag-format-grid,
.ifag-ai-grid {
    grid-template-columns: repeat(3, 1fr);
}

.ifag-quality-grid,
.ifag-requirement-grid,
.ifag-seo-grid,
.ifag-rejection-grid,
.ifag-ethics-grid {
    grid-template-columns: repeat(4, 1fr);
}

.ifag-data-grid,
.ifag-style-grid,
.ifag-figure-grid,
.ifag-impact-grid {
    grid-template-columns: repeat(3, 1fr);
}

.ifag-workflow {
    grid-template-columns: repeat(4, 1fr);
}

/* CARD STYLE */
.ifag-standard-card,
.ifag-visibility-card,
.ifag-type-card,
.ifag-format-card,
.ifag-citation-card,
.ifag-ai-card,
.ifag-rights-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.ifag-standard-card:hover,
.ifag-visibility-card:hover,
.ifag-type-card:hover,
.ifag-format-card:hover,
.ifag-citation-card:hover,
.ifag-ai-card:hover,
.ifag-rights-card:hover,
.ifag-quality-grid div:hover,
.ifag-seo-grid div:hover,
.ifag-rejection-grid div:hover,
.ifag-ethics-grid div:hover,
.ifag-data-grid div:hover,
.ifag-style-grid div:hover,
.ifag-figure-grid div:hover,
.ifag-impact-grid div:hover,
.ifag-workflow-step:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.ifag-standard-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.ifag-visibility-card i,
.ifag-type-top i,
.ifag-format-card i,
.ifag-citation-card i,
.ifag-ai-card i,
.ifag-rights-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

.ifag-standard-card h3,
.ifag-visibility-card h3,
.ifag-type-card h3,
.ifag-format-card h3,
.ifag-citation-card h3,
.ifag-ai-card h3,
.ifag-rights-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.ifag-standard-card p,
.ifag-visibility-card p,
.ifag-type-card p,
.ifag-format-card p,
.ifag-citation-card p,
.ifag-ai-card p,
.ifag-rights-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

/* MINI ICON GRIDS */
.ifag-quality-grid div,
.ifag-seo-grid div,
.ifag-rejection-grid div,
.ifag-ethics-grid div,
.ifag-data-grid div,
.ifag-style-grid div,
.ifag-figure-grid div,
.ifag-impact-grid div {
    min-height: 96px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.ifag-quality-grid i,
.ifag-seo-grid i,
.ifag-rejection-grid i,
.ifag-ethics-grid i,
.ifag-data-grid i,
.ifag-style-grid i,
.ifag-figure-grid i,
.ifag-impact-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.ifag-rejection-grid i {
    color: #dc2626;
}

.ifag-quality-grid span,
.ifag-seo-grid span,
.ifag-rejection-grid span,
.ifag-ethics-grid span,
.ifag-data-grid span,
.ifag-style-grid span,
.ifag-figure-grid span,
.ifag-impact-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* ALERT SECTION */
.ifag-alert-card {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.94));
    border-color: rgba(216,138,9,.28);
}

.ifag-alert-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: var(--gradient-gold);
}

.ifag-alert-header {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-bottom: 20px;
}

.ifag-alert-icon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: rgba(216,138,9,.16);
    color: var(--primary-gold-dark);
    font-size: 26px;
}

.ifag-alert-header span {
    display: inline-flex;
    margin-bottom: 7px;
    color: #b45309;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.ifag-alert-header h2 {
    color: var(--primary-navy);
    font-size: clamp(24px, 3vw, 34px);
    margin: 0;
}

.ifag-requirement-card {
    background: var(--bg-white);
    border: 1px solid rgba(216,138,9,.20);
    border-radius: var(--radius-lg);
    padding: 20px;
    transition: var(--transition-normal);
}

.ifag-requirement-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

.ifag-requirement-card span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    margin-bottom: 14px;
}

.ifag-requirement-card h3 {
    color: var(--primary-navy);
    font-size: 18px;
    margin-bottom: 8px;
}

.ifag-requirement-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.ifag-alert-footer {
    margin-top: 24px;
    padding: 18px;
    border-radius: var(--radius-lg);
    background: rgba(11,31,77,.06);
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.ifag-alert-footer i {
    color: var(--primary-blue);
    font-size: 22px;
}

.ifag-alert-footer span {
    color: var(--text-secondary);
    line-height: 1.75;
    font-weight: 700;
}

/* TYPE CARDS */
.ifag-type-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.ifag-type-top span {
    display: inline-flex;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 12px;
    font-weight: 900;
}

/* STRUCTURE TIMELINE */
.ifag-structure-timeline {
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.ifag-structure-item {
    display: flex;
    gap: 18px;
    padding: 22px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    transition: var(--transition-normal);
}

.ifag-structure-item:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.ifag-structure-item > span {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.ifag-structure-item h3 {
    color: var(--primary-navy);
    font-size: 20px;
    margin-bottom: 7px;
}

.ifag-structure-item p {
    text-align: left;
    margin: 0;
}

.ifag-imrad-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 12px;
}

.ifag-imrad-tags span {
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--bg-soft);
    color: var(--primary-blue);
    font-size: 12px;
    font-weight: 900;
}

/* UNICODE BOX */
.ifag-unicode-box {
    margin-top: 28px;
    padding: 24px;
    border-radius: var(--radius-xl);
    background:
        linear-gradient(135deg, rgba(11,31,77,.96), rgba(37,99,235,.88));
    box-shadow: var(--shadow-navy);
}

.ifag-unicode-box h3 {
    color: var(--text-white);
    margin-bottom: 18px;
}

.ifag-unicode-box h3 i {
    color: #ffd88a;
    margin-right: 8px;
}

.ifag-unicode-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 18px;
}

.ifag-unicode-card {
    padding: 22px;
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
}

.ifag-unicode-card span {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.ifag-unicode-card.good span,
.ifag-unicode-card.good strong {
    color: #86efac;
}

.ifag-unicode-card.bad span,
.ifag-unicode-card.bad strong {
    color: #fecaca;
}

.ifag-unicode-card h4,
.ifag-unicode-card p {
    color: var(--text-white);
}

.ifag-unicode-card p,
.ifag-unicode-box > p {
    text-align: left;
    color: rgba(255,255,255,.82);
    margin-bottom: 0;
}

/* AI CARDS */
.ifag-ai-card.allowed i {
    color: var(--primary-green);
    background: rgba(47,125,31,.10);
}

.ifag-ai-card.prohibited i {
    color: #dc2626;
    background: rgba(220,38,38,.10);
}

.ifag-ai-card.warning i {
    color: var(--primary-gold-dark);
    background: rgba(216,138,9,.12);
}

.ifag-disclosure-box {
    margin-top: 22px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.ifag-disclosure-box strong {
    display: block;
    margin-bottom: 8px;
}

.ifag-disclosure-box p {
    text-align: left;
    margin: 0;
}

/* WORKFLOW */
.ifag-workflow-step {
    padding: 20px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    transition: var(--transition-normal);
}

.ifag-workflow-step span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-primary);
    color: var(--text-white);
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

.ifag-workflow-step h3 {
    color: var(--primary-navy);
    font-size: 18px;
    margin-bottom: 8px;
}

.ifag-workflow-step p {
    text-align: left;
    font-size: 14px;
    margin: 0;
}

/* FINAL CTA */
.ifag-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.ifag-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.ifag-final-cta > * {
    position: relative;
    z-index: 2;
}

.ifag-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.ifag-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.ifag-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.ifag-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.ifag-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.ifag-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */
.ifag-sidebar {
    position: sticky;
    top: 90px;
}

.ifag-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ifag-sidebar-title i {
    color: var(--primary-gold);
}

.ifag-meta-list {
    display: grid;
    gap: 12px;
}

.ifag-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.ifag-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.ifag-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.ifag-sidebar-list {
    display: grid;
    gap: 13px;
}

.ifag-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.ifag-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.ifag-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.ifag-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.ifag-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.ifag-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.ifag-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.ifag-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.ifag-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.ifag-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.ifag-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.ifag-sidebar-cta p,
.ifag-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.ifag-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.ifag-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .ifag-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .ifag-quality-grid,
    .ifag-requirement-grid,
    .ifag-seo-grid,
    .ifag-rejection-grid,
    .ifag-ethics-grid,
    .ifag-workflow {
        grid-template-columns: repeat(3, 1fr);
    }

    .ifag-data-grid,
    .ifag-style-grid,
    .ifag-figure-grid,
    .ifag-impact-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .ifag-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .ifag-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .ifag-sidebar-card,
    .ifag-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .ifag-page-hero-section {
        padding: 68px 0 60px;
    }

    .ifag-main-section {
        padding: 52px 0;
    }

    .ifag-content-card,
    .ifag-alert-card,
    .ifag-final-cta,
    .ifag-sidebar-card,
    .ifag-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .ifag-hero-description {
        font-size: 16px;
    }

    .ifag-hero-tags,
    .ifag-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .ifag-hero-tags span {
        justify-content: center;
    }

    .ifag-standards-grid,
    .ifag-visibility-grid,
    .ifag-quality-grid,
    .ifag-requirement-grid,
    .ifag-type-grid,
    .ifag-format-grid,
    .ifag-seo-grid,
    .ifag-rejection-grid,
    .ifag-ai-grid,
    .ifag-ethics-grid,
    .ifag-citation-grid,
    .ifag-data-grid,
    .ifag-style-grid,
    .ifag-figure-grid,
    .ifag-rights-grid,
    .ifag-workflow,
    .ifag-impact-grid,
    .ifag-unicode-grid,
    .ifag-sidebar {
        grid-template-columns: 1fr;
    }

    .ifag-alert-header,
    .ifag-structure-item,
    .ifag-sidebar-entry {
        flex-direction: column;
    }

    .ifag-content-card p {
        text-align: left;
    }

    .ifag-badge-grid {
        grid-template-columns: 1fr;
    }

    .ifag-final-btn,
    .ifag-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .ifag-page-title {
        font-size: 30px;
    }

    .ifag-section-title {
        font-size: 25px;
    }

    .ifag-sidebar-title {
        font-size: 19px;
    }

    .ifag-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   INSTRUCTIONS FOR AUTHORS / AUTHOR GUIDELINES PAGE CSS END
========================================================= */
/* =========================================================
   JOIN EDITORIAL BOARD PAGE CSS START
   IJACST Premium Academic Page Design
========================================================= */

.jeb-page-main {
    background: var(--bg-light);
}

/* =========================================================
   PAGE HERO SECTION START
========================================================= */

.jeb-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.jeb-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 22%, rgba(216, 138, 9, 0.20), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37, 99, 235, 0.22), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,0.035), transparent);
}

.jeb-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.jeb-hero-badge,
.jeb-section-badge,
.jeb-final-badge,
.jeb-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216, 138, 9, 0.13);
    color: #ffd88a;
    border: 1px solid rgba(216, 138, 9, 0.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 18px;
}

.jeb-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.jeb-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,0.10);
    color: rgba(255,255,255,0.78);
    font-size: 14px;
    font-weight: 700;
}

.jeb-breadcrumb a:hover {
    color: #ffd88a;
}

.jeb-hero-description {
    max-width: 900px;
    color: rgba(255,255,255,0.86);
    font-size: 18px;
    line-height: 1.9;
}

.jeb-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.jeb-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.09);
    color: rgba(255,255,255,0.88);
    font-size: 13px;
    font-weight: 800;
}

.jeb-hero-tags i {
    color: #86efac;
}

/* =========================================================
   PAGE HERO SECTION END
========================================================= */


/* =========================================================
   MAIN TWO COLUMN LAYOUT START
========================================================= */

.jeb-main-section {
    padding: 72px 0;
}

.jeb-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.jeb-main-content,
.jeb-sidebar {
    min-width: 0;
}

/* =========================================================
   MAIN TWO COLUMN LAYOUT END
========================================================= */


/* =========================================================
   COMMON CARD STYLE START
========================================================= */

.jeb-content-card,
.jeb-faq-section,
.jeb-final-cta,
.jeb-sidebar-card,
.jeb-sidebar-cta {
    background: rgba(255,255,255,0.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.jeb-content-card,
.jeb-faq-section,
.jeb-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.jeb-sidebar-card,
.jeb-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.jeb-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jeb-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.jeb-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.jeb-content-card strong {
    color: var(--primary-navy);
}

/* =========================================================
   COMMON CARD STYLE END
========================================================= */


/* =========================================================
   FEATURE / INVITATION SECTION START
========================================================= */

.jeb-feature-grid,
.jeb-pillar-grid,
.jeb-eligibility-grid,
.jeb-benefit-grid,
.jeb-tech-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

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

.jeb-feature-card,
.jeb-pillar-card,
.jeb-eligibility-card,
.jeb-benefit-card,
.jeb-tech-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.jeb-feature-card:hover,
.jeb-pillar-card:hover,
.jeb-eligibility-card:hover,
.jeb-benefit-card:hover,
.jeb-tech-card:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.jeb-feature-icon,
.jeb-card-icon,
.jeb-responsibility-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,0.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.jeb-feature-card h3,
.jeb-pillar-card h3,
.jeb-eligibility-card h3,
.jeb-benefit-card h3,
.jeb-tech-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.jeb-feature-card p,
.jeb-pillar-card p,
.jeb-eligibility-card p,
.jeb-benefit-card p,
.jeb-tech-card p {
    font-size: 14px;
    margin-bottom: 0;
    text-align: left;
}

.jeb-highlight-note {
    display: flex;
    gap: 15px;
    margin-top: 26px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: rgba(47,125,31,0.08);
    border: 1px solid rgba(47,125,31,0.18);
}

.jeb-highlight-note i {
    color: var(--primary-green);
    font-size: 24px;
    margin-top: 4px;
}

.jeb-highlight-note p {
    margin: 0;
}

/* =========================================================
   FEATURE / INVITATION SECTION END
========================================================= */


/* =========================================================
   PILLAR SECTION START
========================================================= */

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

.jeb-pillar-card {
    position: relative;
    overflow: hidden;
}

.jeb-pillar-card span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-primary);
    color: var(--text-white);
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

/* =========================================================
   PILLAR SECTION END
========================================================= */


/* =========================================================
   ELIGIBILITY SECTION START
========================================================= */

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

.jeb-wide-card {
    grid-column: 1 / -1;
}

/* =========================================================
   ELIGIBILITY SECTION END
========================================================= */


/* =========================================================
   RESPONSIBILITY SECTION START
========================================================= */

.jeb-responsibility-list {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.jeb-responsibility-item {
    display: flex;
    gap: 18px;
    padding: 22px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    transition: var(--transition-normal);
}

.jeb-responsibility-item:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.jeb-responsibility-icon {
    flex: 0 0 52px;
    margin-bottom: 0;
}

.jeb-responsibility-item h3 {
    color: var(--primary-navy);
    font-size: 20px;
    margin-bottom: 8px;
}

.jeb-responsibility-item p {
    margin: 0;
    text-align: left;
}

/* =========================================================
   RESPONSIBILITY SECTION END
========================================================= */


/* =========================================================
   BENEFIT + TECH SECTION START
========================================================= */

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

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

.jeb-benefit-card i,
.jeb-tech-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,0.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* =========================================================
   BENEFIT + TECH SECTION END
========================================================= */


/* =========================================================
   APPLICATION PROCESS SECTION START
========================================================= */

.jeb-application-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 22px;
    margin-top: 26px;
}

.jeb-application-steps {
    display: grid;
    gap: 16px;
}

.jeb-application-step {
    display: flex;
    gap: 16px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
}

.jeb-application-step span {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
}

.jeb-application-step h3 {
    color: var(--primary-navy);
    font-size: 18px;
    margin-bottom: 6px;
}

.jeb-application-step p {
    margin: 0;
    text-align: left;
}

.jeb-application-card {
    padding: 24px;
    border-radius: var(--radius-lg);
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.jeb-application-card h3,
.jeb-application-card p,
.jeb-application-card small {
    color: var(--text-white);
}

.jeb-application-label {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.12);
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.jeb-application-card h3 {
    font-size: 21px;
    margin-bottom: 16px;
}

.jeb-primary-btn {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.jeb-primary-btn:hover {
    transform: translateY(-3px);
}

/* =========================================================
   APPLICATION PROCESS SECTION END
========================================================= */


/* =========================================================
   FAQ SECTION START
========================================================= */

.jeb-faq-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 24px;
}

.jeb-faq-list {
    display: grid;
    gap: 14px;
}

.jeb-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.jeb-faq-item summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.jeb-faq-item summary::-webkit-details-marker {
    display: none;
}

.jeb-faq-item summary i {
    color: var(--primary-gold);
    transition: var(--transition-normal);
}

.jeb-faq-item[open] summary i {
    transform: rotate(180deg);
}

.jeb-faq-answer {
    padding: 0 22px 20px;
    color: var(--text-secondary);
    line-height: 1.85;
    font-size: 15px;
}

/* =========================================================
   FAQ SECTION END
========================================================= */


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

.jeb-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.jeb-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,0.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,0.25), transparent 35%);
}

.jeb-final-cta > * {
    position: relative;
    z-index: 2;
}

.jeb-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.jeb-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,0.82);
}

.jeb-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.jeb-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,0.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,0.18);
    font-weight: 900;
}

.jeb-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.jeb-final-btn:hover {
    transform: translateY(-3px);
}

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


/* =========================================================
   SIDEBAR START
========================================================= */

.jeb-sidebar {
    position: sticky;
    top: 90px;
}

.jeb-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.jeb-sidebar-title i {
    color: var(--primary-gold);
}

.jeb-meta-list {
    display: grid;
    gap: 12px;
}

.jeb-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jeb-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.jeb-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.jeb-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.jeb-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.jeb-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.jeb-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.jeb-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.jeb-sidebar-list {
    display: grid;
    gap: 13px;
}

.jeb-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jeb-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,0.12);
    color: var(--primary-gold-dark);
}

.jeb-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.jeb-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.jeb-quick-links {
    display: grid;
    gap: 11px;
}

.jeb-quick-links a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-weight: 850;
}

.jeb-quick-links a i {
    color: var(--primary-gold-dark);
}

.jeb-quick-links a:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.jeb-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.jeb-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.jeb-sidebar-cta p,
.jeb-sidebar-cta small {
    color: rgba(255,255,255,0.82);
}

.jeb-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.jeb-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* =========================================================
   SIDEBAR END
========================================================= */


/* =========================================================
   RESPONSIVE CSS START
========================================================= */

@media (max-width: 1100px) {
    .jeb-layout-wrapper {
        grid-template-columns: minmax(0, 67%) minmax(280px, 33%);
        gap: 24px;
    }

    .jeb-feature-grid,
    .jeb-tech-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .jeb-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .jeb-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .jeb-sidebar-card,
    .jeb-sidebar-cta {
        margin-bottom: 0;
    }

    .jeb-application-wrapper {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .jeb-page-hero-section {
        padding: 68px 0 60px;
    }

    .jeb-main-section {
        padding: 52px 0;
    }

    .jeb-content-card,
    .jeb-faq-section,
    .jeb-final-cta,
    .jeb-sidebar-card,
    .jeb-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .jeb-hero-description {
        font-size: 16px;
    }

    .jeb-hero-tags {
        flex-direction: column;
        align-items: stretch;
    }

    .jeb-hero-tags span {
        justify-content: center;
    }

    .jeb-feature-grid,
    .jeb-pillar-grid,
    .jeb-eligibility-grid,
    .jeb-benefit-grid,
    .jeb-tech-grid,
    .jeb-sidebar {
        grid-template-columns: 1fr;
    }

    .jeb-wide-card {
        grid-column: auto;
    }

    .jeb-responsibility-item,
    .jeb-highlight-note,
    .jeb-application-step {
        flex-direction: column;
    }

    .jeb-content-card p {
        text-align: left;
    }

    .jeb-badge-grid {
        grid-template-columns: 1fr;
    }

    .jeb-final-buttons {
        flex-direction: column;
    }

    .jeb-final-btn,
    .jeb-primary-btn,
    .jeb-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .jeb-page-title {
        font-size: 32px;
    }

    .jeb-section-title {
        font-size: 25px;
    }

    .jeb-sidebar-title {
        font-size: 19px;
    }

    .jeb-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   RESPONSIVE CSS END
========================================================= */


/* =========================================================
   JOIN EDITORIAL BOARD PAGE CSS END
========================================================= */
/* =========================================================
   JOURNAL INDEXING AND ABSTRACTING PAGE CSS START
   IJACST Premium Scholarly Discoverability Dashboard
========================================================= */

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

.journal-indexing-hero-section {
    position: relative;
    overflow: hidden;
    padding: 110px 0 105px;
    background:
        linear-gradient(
            135deg,
            rgba(0, 33, 71, 0.98),
            rgba(15, 23, 42, 0.97),
            rgba(30, 58, 138, 0.95)
        );
}

.journal-indexing-hero-section::before {
    content: "";
    position: absolute;
    top: -140px;
    right: -140px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.045);
    pointer-events: none;
}

.journal-indexing-hero-section::after {
    content: "";
    position: absolute;
    left: -120px;
    bottom: -120px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(216, 138, 9, 0.10);
    pointer-events: none;
}

.journal-indexing-hero-content {
    position: relative;
    z-index: 5;
    max-width: 1000px;
}

.journal-indexing-hero-badge,
.journal-indexing-section-badge,
.journal-indexing-final-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(216, 138, 9, 0.14);
    border: 1px solid rgba(255, 216, 138, 0.16);
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.journal-indexing-page-title {
    color: #ffffff;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1.08;
    margin-bottom: 18px;
    letter-spacing: -1.2px;
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.20);
}

.journal-indexing-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.78);
    font-weight: 700;
}

.journal-indexing-breadcrumb a {
    color: #ffd88a;
    font-weight: 900;
}

.journal-indexing-hero-description {
    max-width: 980px;
    color: rgba(255, 255, 255, 0.90);
    font-size: 18px;
    line-height: 1.95;
}

.journal-indexing-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.journal-indexing-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.11);
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.journal-indexing-hero-tags i {
    color: #ffd88a;
}

/* =========================================================
   MAIN LAYOUT
========================================================= */

.journal-indexing-main-section {
    position: relative;
    z-index: 10;
    padding: 70px 0;
    margin-top: -45px;
    background: var(--bg-light);
}

.journal-indexing-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: 30px;
    align-items: start;
}

.journal-indexing-main-content,
.journal-indexing-sidebar,
.journal-indexing-sidebar-wrapper {
    min-width: 0;
}

/* =========================================================
   COMMON CARDS
========================================================= */

.journal-indexing-content-card,
.journal-indexing-sidebar-card,
.journal-indexing-faq-section {
    position: relative;
    overflow: hidden;
    padding: 34px;
    margin-bottom: 28px;
    border-radius: var(--radius-xl);
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-md);
}

.journal-indexing-content-card::before,
.journal-indexing-sidebar-card::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(216, 138, 9, 0.08);
    pointer-events: none;
}

.journal-indexing-section-badge {
    position: relative;
    z-index: 2;
    color: var(--primary-gold-dark);
    background: rgba(216, 138, 9, 0.12);
    border: 1px solid rgba(216, 138, 9, 0.12);
}

.journal-indexing-section-title {
    position: relative;
    z-index: 2;
    color: var(--primary-navy);
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.28;
    margin-bottom: 18px;
}

.journal-indexing-content-card p,
.journal-indexing-faq-section p {
    position: relative;
    z-index: 2;
    color: var(--text-secondary);
    line-height: 1.9;
    text-align: justify;
}

/* =========================================================
   INDEXING PILLARS
========================================================= */

.journal-indexing-pillars-grid,
.journal-indexing-pillar-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}

.journal-indexing-pillar-card {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-sm);
    transition: var(--transition-normal);
}

.journal-indexing-pillar-card:hover {
    transform: translateY(-6px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.journal-indexing-pillar-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--gradient-gold);
}

.journal-indexing-pillar-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    background: rgba(216, 138, 9, 0.12);
    color: var(--primary-gold-dark);
    font-size: 24px;
}

.journal-indexing-pillar-icon.green-icon {
    background: rgba(47, 125, 31, 0.10);
    color: var(--primary-green);
}

.journal-indexing-pillar-icon.gold-icon {
    background: rgba(216, 138, 9, 0.13);
    color: var(--primary-gold-dark);
}

.journal-indexing-pillar-icon.blue-icon {
    background: rgba(37, 99, 235, 0.10);
    color: var(--primary-blue);
}

.journal-indexing-pillar-card h3 {
    color: var(--primary-navy);
    font-size: 22px;
    line-height: 1.35;
    margin-bottom: 10px;
}

.journal-indexing-pillar-card p {
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
}

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

.journal-indexing-point-list {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.journal-indexing-point-list span {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border-radius: 13px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 12.5px;
    font-weight: 900;
    line-height: 1.45;
}

.journal-indexing-point-list i {
    color: var(--primary-green);
}

/* =========================================================
   INDEXING SERVICE CARDS
========================================================= */

.journal-indexing-service-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}

.journal-indexing-service-card {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-sm);
    transition: var(--transition-normal);
}

.journal-indexing-service-card:hover {
    transform: translateY(-6px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.journal-indexing-service-card::before {
    content: "";
    position: absolute;
    top: -70px;
    right: -70px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(216, 138, 9, 0.08);
}

.journal-indexing-service-icon {
    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    margin-bottom: 14px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    background: rgba(216, 138, 9, 0.12);
    color: var(--primary-gold-dark);
    font-size: 24px;
}

.journal-indexing-status {
    position: relative;
    z-index: 2;
    display: inline-flex;
    padding: 7px 12px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: rgba(47, 125, 31, 0.10);
    color: var(--primary-green);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.journal-indexing-service-card h3 {
    position: relative;
    z-index: 2;
    color: var(--primary-navy);
    font-size: 22px;
    line-height: 1.35;
    margin-bottom: 10px;
}

.journal-indexing-service-card p {
    position: relative;
    z-index: 2;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
}

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

.journal-indexing-feature-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 26px;
}

.journal-indexing-feature-grid article {
    padding: 22px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-sm);
    transition: var(--transition-normal);
}

.journal-indexing-feature-grid article:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.journal-indexing-feature-grid article i {
    width: 54px;
    height: 54px;
    margin-bottom: 14px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216, 138, 9, 0.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.journal-indexing-feature-grid article h3 {
    color: var(--primary-navy);
    font-size: 20px;
    margin-bottom: 10px;
}

.journal-indexing-feature-grid article p {
    margin: 0;
    text-align: left;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.8;
}

/* =========================================================
   TRUST STRIP
========================================================= */

.journal-indexing-trust-strip {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.journal-indexing-trust-strip span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 12px;
    font-weight: 900;
}

.journal-indexing-trust-strip i {
    color: var(--primary-green);
}

/* =========================================================
   HIGHLIGHT CARD + FINAL CTA
========================================================= */

.journal-indexing-highlight-card,
.journal-indexing-final-cta,
.journal-indexing-sidebar-cta {
    position: relative;
    overflow: hidden;
    padding: 36px;
    margin-bottom: 28px;
    border-radius: var(--radius-xl);
    background: var(--gradient-primary);
    box-shadow: var(--shadow-navy);
}

.journal-indexing-highlight-card::before,
.journal-indexing-final-cta::before,
.journal-indexing-sidebar-cta::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(216, 138, 9, 0.18);
    pointer-events: none;
}

.journal-indexing-final-badge {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.10);
    color: #ffd88a;
}

.journal-indexing-highlight-card h2,
.journal-indexing-final-cta h2 {
    position: relative;
    z-index: 2;
    color: var(--text-white);
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.3;
    margin-bottom: 14px;
}

.journal-indexing-highlight-card p,
.journal-indexing-final-cta p {
    position: relative;
    z-index: 2;
    color: rgba(255, 255, 255, 0.86);
    line-height: 1.9;
}

.journal-indexing-integrity-list {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 24px;
}

.journal-indexing-integrity-list div {
    padding: 14px;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: var(--text-white);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 900;
}

.journal-indexing-integrity-list i {
    color: #ffd88a;
}

/* =========================================================
   ROADMAP
========================================================= */

.journal-indexing-roadmap {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.journal-indexing-roadmap-item {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 16px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-sm);
    transition: var(--transition-normal);
}

.journal-indexing-roadmap-item:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.journal-indexing-roadmap-item span {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
}

.journal-indexing-roadmap-item h3 {
    color: var(--primary-navy);
    font-size: 20px;
    margin-bottom: 6px;
}

.journal-indexing-roadmap-item p {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.7;
    text-align: left;
}

/* =========================================================
   FAQ
========================================================= */

.journal-indexing-faq-section {
    position: relative;
    overflow: hidden;
    padding: 34px;
    margin-bottom: 28px;
    border-radius: var(--radius-xl);
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-md);
}

.journal-indexing-faq-list {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 12px;
    margin-top: 22px;
}

.journal-indexing-faq-list details {
    overflow: hidden;
    border-radius: var(--radius-md);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
}

.journal-indexing-faq-list summary {
    cursor: pointer;
    list-style: none;
    padding: 18px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    color: var(--primary-navy);
    font-weight: 900;
}

.journal-indexing-faq-list summary::-webkit-details-marker {
    display: none;
}

.journal-indexing-faq-list summary i {
    color: var(--primary-gold-dark);
    transition: var(--transition-normal);
}

.journal-indexing-faq-list details[open] summary i {
    transform: rotate(180deg);
}

.journal-indexing-faq-list details p {
    padding: 0 18px 18px;
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.8;
    text-align: left;
}

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

.journal-indexing-final-cta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center;
}

.journal-indexing-final-cta > div,
.journal-indexing-final-buttons {
    position: relative;
    z-index: 2;
}

.journal-indexing-final-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 12px;
}

.journal-indexing-final-btn {
    min-height: 46px;
    padding: 0 16px;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.10);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 900;
    transition: var(--transition-normal);
}

.journal-indexing-final-btn:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.16);
}

.journal-indexing-final-btn.primary-btn {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
}

/* =========================================================
   SIDEBAR
========================================================= */

.journal-indexing-sidebar {
    position: sticky;
    top: 24px;
    min-width: 0;
}

.journal-indexing-sidebar-wrapper {
    min-width: 0;
}

.journal-indexing-sidebar-title {
    position: relative;
    z-index: 2;
    color: var(--primary-navy);
    font-size: 22px;
    margin-bottom: 16px;
}

.journal-indexing-sidebar-title i {
    color: var(--primary-gold-dark);
    margin-right: 8px;
}

/* =========================================================
   SIDEBAR META LIST
========================================================= */

.journal-indexing-meta-list {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 10px;
}

.journal-indexing-meta-list li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.journal-indexing-meta-list span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.journal-indexing-meta-list strong {
    color: var(--primary-navy);
    font-size: 13px;
    text-align: right;
    overflow-wrap: anywhere;
}

/* =========================================================
   SIDEBAR BADGE GRID
========================================================= */

.journal-indexing-badge-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.journal-indexing-badge-grid div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 10px;
    min-width: 0;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 12.5px;
    font-weight: 900;
    line-height: 1.35;
}

.journal-indexing-badge-grid div i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(216, 138, 9, 0.12);
    color: var(--primary-gold-dark);
    font-size: 16px;
}

.journal-indexing-badge-grid div span {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* =========================================================
   SIDEBAR LISTS + QUICK LINKS
========================================================= */

.journal-indexing-sidebar-list,
.journal-indexing-quick-links {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 10px;
}

.journal-indexing-sidebar-list div,
.journal-indexing-quick-link {
    min-height: 50px;
    padding: 12px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--primary-navy);
    transition: var(--transition-normal);
}

.journal-indexing-sidebar-list div:hover,
.journal-indexing-quick-link:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    background: var(--bg-white);
}

.journal-indexing-sidebar-list div i,
.journal-indexing-quick-link i {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(216, 138, 9, 0.12);
    color: var(--primary-gold-dark);
}

.journal-indexing-sidebar-list strong,
.journal-indexing-quick-link span {
    display: block;
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
}

.journal-indexing-sidebar-list span {
    display: block;
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.5;
}

.journal-indexing-sidebar-list.danger-list div i {
    background: rgba(220, 38, 38, 0.10);
    color: #dc2626;
}

/* =========================================================
   SIDEBAR CTA
========================================================= */

.journal-indexing-sidebar-cta {
    text-align: center;
}

.journal-indexing-sidebar-cta h3,
.journal-indexing-sidebar-cta p,
.journal-indexing-sidebar-cta-btn,
.journal-indexing-sidebar-secure {
    position: relative;
    z-index: 2;
}

.journal-indexing-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 28px;
    margin-bottom: 12px;
}

.journal-indexing-sidebar-cta p {
    color: rgba(255, 255, 255, 0.84);
    line-height: 1.8;
}

.journal-indexing-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 20px;
    margin-top: 18px;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 900;
    transition: var(--transition-normal);
}

.journal-indexing-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

.journal-indexing-sidebar-secure {
    display: block;
    margin-top: 14px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.journal-indexing-sidebar-secure i {
    color: #ffd88a;
    margin-right: 6px;
}

/* =========================================================
   LAPTOP / DESKTOP FIX
========================================================= */

@media (min-width: 992px) {

    .journal-indexing-layout-wrapper {
        grid-template-columns: minmax(0, 1fr) 400px;
        gap: 28px;
    }

    .journal-indexing-sidebar,
    .journal-indexing-sidebar-wrapper,
    .journal-indexing-sidebar-card {
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }
}

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

@media (max-width: 991px) {

    .journal-indexing-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .journal-indexing-sidebar {
        position: static;
    }

    .journal-indexing-sidebar-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .journal-indexing-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .journal-indexing-final-cta {
        grid-template-columns: 1fr;
    }
}

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

@media (max-width: 768px) {

    .journal-indexing-hero-section {
        padding: 80px 0 95px;
    }

    .journal-indexing-main-section {
        padding: 52px 0;
        margin-top: -35px;
    }

    .journal-indexing-content-card,
    .journal-indexing-sidebar-card,
    .journal-indexing-faq-section,
    .journal-indexing-highlight-card,
    .journal-indexing-final-cta,
    .journal-indexing-sidebar-cta {
        padding: 24px;
        border-radius: var(--radius-lg);
    }

    .journal-indexing-pillars-grid,
    .journal-indexing-pillar-grid,
    .journal-indexing-service-grid,
    .journal-indexing-feature-grid,
    .journal-indexing-integrity-list,
    .journal-indexing-final-buttons,
    .journal-indexing-sidebar-wrapper,
    .journal-indexing-badge-grid {
        grid-template-columns: 1fr;
    }

    .journal-indexing-content-card p,
    .journal-indexing-hero-description {
        text-align: left;
    }
}

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

@media (max-width: 480px) {

    .journal-indexing-page-title {
        font-size: 36px;
    }

    .journal-indexing-section-title {
        font-size: 28px;
    }

    .journal-indexing-meta-list li {
        flex-direction: column;
    }

    .journal-indexing-meta-list strong {
        text-align: left;
    }

    .journal-indexing-roadmap-item {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   ACCESSIBILITY + ANIMATION
========================================================= */

.journal-indexing-final-btn:focus,
.journal-indexing-sidebar-cta-btn:focus,
.journal-indexing-quick-link:focus,
.journal-indexing-faq-list summary:focus {
    outline: 2px solid var(--primary-gold);
    outline-offset: 2px;
}

.fade-in-up,
.journal-indexing-main-content,
.journal-indexing-sidebar {
    animation: journalIndexingFadeUp 0.8s ease both;
}

@keyframes journalIndexingFadeUp {

    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* =========================================================
   JOURNAL INDEXING AND ABSTRACTING PAGE CSS END
========================================================= */
/* =========================================================
   JOURNAL METRICS AND IMPACT PAGE CSS START
   IJACST Premium Metrics & Impact Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.jmi-page-main {
    background: var(--bg-light);
}

/* HERO */

.jmi-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.jmi-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.jmi-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.jmi-hero-badge,
.jmi-section-badge,
.jmi-final-badge,
.jmi-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.jmi-page-title {
    color: var(--text-white);
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.jmi-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.jmi-breadcrumb a:hover {
    color: #ffd88a;
}

.jmi-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.jmi-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.jmi-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.jmi-hero-tags i {
    color: #86efac;
}

/* LAYOUT */

.jmi-main-section {
    padding: 72px 0;
}

.jmi-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.jmi-main-content,
.jmi-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.jmi-content-card,
.jmi-final-cta,
.jmi-sidebar-card,
.jmi-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.jmi-content-card,
.jmi-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.jmi-sidebar-card,
.jmi-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.jmi-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jmi-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.jmi-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.jmi-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */

.jmi-impact-grid,
.jmi-metric-grid,
.jmi-discovery-grid,
.jmi-performance-grid,
.jmi-quality-grid,
.jmi-citation-grid,
.jmi-global-grid,
.jmi-open-grid,
.jmi-integrity-grid,
.jmi-preserve-grid,
.jmi-seo-grid,
.jmi-author-benefit-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.jmi-impact-grid,
.jmi-discovery-grid,
.jmi-performance-grid,
.jmi-citation-grid,
.jmi-open-grid,
.jmi-integrity-grid,
.jmi-author-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
}

.jmi-metric-grid {
    grid-template-columns: repeat(4, 1fr);
}

.jmi-quality-grid {
    grid-template-columns: repeat(4, 1fr);
}

.jmi-global-grid,
.jmi-preserve-grid,
.jmi-seo-grid {
    grid-template-columns: repeat(3, 1fr);
}

/* CARD STYLE */

.jmi-impact-card,
.jmi-discovery-card,
.jmi-performance-card,
.jmi-citation-card,
.jmi-open-card,
.jmi-integrity-card,
.jmi-author-benefit-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.jmi-impact-card:hover,
.jmi-discovery-card:hover,
.jmi-performance-card:hover,
.jmi-citation-card:hover,
.jmi-open-card:hover,
.jmi-integrity-card:hover,
.jmi-author-benefit-card:hover,
.jmi-quality-grid div:hover,
.jmi-global-grid div:hover,
.jmi-preserve-grid div:hover,
.jmi-seo-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.jmi-impact-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.jmi-discovery-card i,
.jmi-citation-card i,
.jmi-open-card i,
.jmi-integrity-card i,
.jmi-author-benefit-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

.jmi-impact-card h3,
.jmi-discovery-card h3,
.jmi-performance-card h3,
.jmi-citation-card h3,
.jmi-open-card h3,
.jmi-integrity-card h3,
.jmi-author-benefit-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.jmi-impact-card p,
.jmi-discovery-card p,
.jmi-performance-card p,
.jmi-citation-card p,
.jmi-open-card p,
.jmi-integrity-card p,
.jmi-author-benefit-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

/* DASHBOARD */

.jmi-dashboard-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94));
}

.jmi-metric-box {
    position: relative;
    min-height: 178px;
    padding: 22px;
    border-radius: var(--radius-lg);
    background: var(--gradient-primary);
    overflow: hidden;
    box-shadow: var(--shadow-navy);
    transition: var(--transition-normal);
}

.jmi-metric-box::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    right: -50px;
    top: -50px;
    background: rgba(255,255,255,.10);
    border-radius: 50%;
}

.jmi-metric-box:nth-child(2),
.jmi-metric-box:nth-child(4) {
    background: linear-gradient(135deg, var(--primary-navy), var(--primary-blue-dark));
}

.jmi-metric-box:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.jmi-metric-box span {
    display: block;
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 10px;
}

.jmi-metric-box strong {
    display: block;
    color: var(--text-white);
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 10px;
}

.jmi-metric-box p {
    color: rgba(255,255,255,.82);
    text-align: left;
    font-size: 13px;
    margin-bottom: 0;
}

/* PERFORMANCE CARDS */

.jmi-performance-card span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

/* MINI ICON GRIDS */

.jmi-quality-grid div,
.jmi-global-grid div,
.jmi-preserve-grid div,
.jmi-seo-grid div {
    min-height: 96px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.jmi-quality-grid i,
.jmi-global-grid i,
.jmi-preserve-grid i,
.jmi-seo-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.jmi-quality-grid span,
.jmi-global-grid span,
.jmi-preserve-grid span,
.jmi-seo-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* FINAL CTA */

.jmi-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.jmi-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.jmi-final-cta > * {
    position: relative;
    z-index: 2;
}

.jmi-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.jmi-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.jmi-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.jmi-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.jmi-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.jmi-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */

.jmi-sidebar {
    position: sticky;
    top: 90px;
}

.jmi-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.jmi-sidebar-title i {
    color: var(--primary-gold);
}

.jmi-meta-list {
    display: grid;
    gap: 12px;
}

.jmi-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jmi-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.jmi-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.jmi-sidebar-list {
    display: grid;
    gap: 13px;
}

.jmi-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.jmi-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.jmi-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.jmi-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.jmi-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.jmi-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.jmi-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.jmi-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.jmi-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.jmi-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.jmi-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.jmi-sidebar-cta p,
.jmi-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.jmi-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.jmi-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .jmi-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .jmi-metric-grid,
    .jmi-quality-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .jmi-global-grid,
    .jmi-preserve-grid,
    .jmi-seo-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .jmi-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .jmi-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .jmi-sidebar-card,
    .jmi-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .jmi-page-hero-section {
        padding: 68px 0 60px;
    }

    .jmi-main-section {
        padding: 52px 0;
    }

    .jmi-content-card,
    .jmi-final-cta,
    .jmi-sidebar-card,
    .jmi-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .jmi-hero-description {
        font-size: 16px;
    }

    .jmi-hero-tags,
    .jmi-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .jmi-hero-tags span {
        justify-content: center;
    }

    .jmi-impact-grid,
    .jmi-metric-grid,
    .jmi-discovery-grid,
    .jmi-performance-grid,
    .jmi-quality-grid,
    .jmi-citation-grid,
    .jmi-global-grid,
    .jmi-open-grid,
    .jmi-integrity-grid,
    .jmi-preserve-grid,
    .jmi-seo-grid,
    .jmi-author-benefit-grid,
    .jmi-sidebar {
        grid-template-columns: 1fr;
    }

    .jmi-sidebar-entry {
        flex-direction: column;
    }

    .jmi-content-card p {
        text-align: left;
    }

    .jmi-badge-grid {
        grid-template-columns: 1fr;
    }

    .jmi-final-btn,
    .jmi-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .jmi-page-title {
        font-size: 30px;
    }

    .jmi-section-title {
        font-size: 25px;
    }

    .jmi-sidebar-title {
        font-size: 19px;
    }

    .jmi-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   JOURNAL METRICS AND IMPACT PAGE CSS END
========================================================= */
/* =========================================================
   OPEN ACCESS & LICENSING POLICY PAGE CSS START
   IJACST Premium Open Access Licensing Policy Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.oalp-page-main {
    background: var(--bg-light);
}

/* HERO */

.oalp-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.oalp-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.oalp-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.oalp-hero-badge,
.oalp-section-badge,
.oalp-final-badge,
.oalp-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.oalp-page-title {
    color: var(--text-white);
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.oalp-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.oalp-breadcrumb a:hover {
    color: #ffd88a;
}

.oalp-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.oalp-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.oalp-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.oalp-hero-tags i {
    color: #86efac;
}

/* LAYOUT */

.oalp-main-section {
    padding: 72px 0;
}

.oalp-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.oalp-main-content,
.oalp-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.oalp-content-card,
.oalp-final-cta,
.oalp-sidebar-card,
.oalp-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.oalp-content-card,
.oalp-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.oalp-sidebar-card,
.oalp-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.oalp-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.oalp-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.oalp-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.oalp-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */

.oalp-feature-grid,
.oalp-principle-grid,
.oalp-license-grid,
.oalp-attribution-grid,
.oalp-rights-grid,
.oalp-reuse-grid,
.oalp-archive-grid,
.oalp-version-grid,
.oalp-benefit-grid,
.oalp-responsibility-grid,
.oalp-ethics-grid,
.oalp-tech-grid,
.oalp-preservation-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.oalp-feature-grid,
.oalp-license-grid,
.oalp-rights-grid,
.oalp-tech-grid,
.oalp-preservation-grid {
    grid-template-columns: repeat(2, 1fr);
}

.oalp-principle-grid,
.oalp-benefit-grid {
    grid-template-columns: repeat(3, 1fr);
}

.oalp-attribution-grid,
.oalp-reuse-grid,
.oalp-archive-grid,
.oalp-responsibility-grid,
.oalp-ethics-grid {
    grid-template-columns: repeat(4, 1fr);
}

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

/* CARD STYLE */

.oalp-feature-card,
.oalp-principle-card,
.oalp-license-card,
.oalp-rights-card,
.oalp-version-card,
.oalp-benefit-card,
.oalp-tech-card,
.oalp-preservation-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.oalp-feature-card:hover,
.oalp-principle-card:hover,
.oalp-license-card:hover,
.oalp-rights-card:hover,
.oalp-version-card:hover,
.oalp-benefit-card:hover,
.oalp-tech-card:hover,
.oalp-preservation-card:hover,
.oalp-attribution-grid div:hover,
.oalp-reuse-grid div:hover,
.oalp-archive-grid div:hover,
.oalp-responsibility-grid div:hover,
.oalp-ethics-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.oalp-feature-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.oalp-feature-card h3,
.oalp-principle-card h3,
.oalp-license-card h3,
.oalp-rights-card h3,
.oalp-version-card h3,
.oalp-benefit-card h3,
.oalp-tech-card h3,
.oalp-preservation-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.oalp-feature-card p,
.oalp-principle-card p,
.oalp-license-card p,
.oalp-rights-card p,
.oalp-version-card p,
.oalp-benefit-card p,
.oalp-tech-card p,
.oalp-preservation-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.oalp-principle-card i,
.oalp-license-card i,
.oalp-rights-card i,
.oalp-benefit-card i,
.oalp-tech-card i,
.oalp-preservation-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* ATTRIBUTION BOX */

.oalp-attribution-box {
    margin-top: 28px;
    padding: 24px;
    border-radius: var(--radius-xl);
    background:
        linear-gradient(135deg, rgba(11,31,77,.96), rgba(37,99,235,.88));
    box-shadow: var(--shadow-navy);
}

.oalp-attribution-box h3 {
    color: var(--text-white);
    margin-bottom: 18px;
}

.oalp-attribution-box h3 i {
    color: #ffd88a;
    margin-right: 8px;
}

.oalp-attribution-grid {
    margin-top: 0;
}

.oalp-attribution-grid div {
    min-height: 92px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.oalp-attribution-grid i {
    color: #ffd88a;
    font-size: 22px;
}

.oalp-attribution-grid span {
    color: var(--text-white);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* MINI ICON GRIDS */

.oalp-reuse-grid div,
.oalp-archive-grid div,
.oalp-responsibility-grid div,
.oalp-ethics-grid div {
    min-height: 96px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.oalp-reuse-grid i,
.oalp-archive-grid i,
.oalp-responsibility-grid i,
.oalp-ethics-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.oalp-responsibility-grid .fa-check,
.oalp-ethics-grid i {
    color: var(--primary-green);
}

.oalp-responsibility-grid .fa-ban {
    color: #dc2626;
}

.oalp-reuse-grid span,
.oalp-archive-grid span,
.oalp-responsibility-grid span,
.oalp-ethics-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* VERSION CARDS */

.oalp-version-card {
    position: relative;
    overflow: hidden;
}

.oalp-version-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--primary-blue);
}

.oalp-version-card.highlight::before {
    background: var(--primary-gold);
}

.oalp-version-card span {
    display: inline-flex;
    margin-bottom: 14px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(47,125,31,.10);
    color: var(--primary-green);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.oalp-version-card.highlight span {
    background: rgba(216,138,9,.14);
    color: var(--primary-gold-dark);
}

.oalp-version-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

.oalp-version-card.highlight i {
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

/* FINAL CTA */

.oalp-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.oalp-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.oalp-final-cta > * {
    position: relative;
    z-index: 2;
}

.oalp-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.oalp-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.oalp-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.oalp-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.oalp-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.oalp-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */

.oalp-sidebar {
    position: sticky;
    top: 90px;
}

.oalp-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.oalp-sidebar-title i {
    color: var(--primary-gold);
}

.oalp-meta-list {
    display: grid;
    gap: 12px;
}

.oalp-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.oalp-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.oalp-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.oalp-sidebar-list {
    display: grid;
    gap: 13px;
}

.oalp-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.oalp-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.oalp-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.oalp-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.oalp-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.oalp-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.oalp-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.oalp-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.oalp-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.oalp-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.oalp-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.oalp-sidebar-cta p,
.oalp-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.oalp-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.oalp-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .oalp-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .oalp-principle-grid,
    .oalp-benefit-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .oalp-attribution-grid,
    .oalp-reuse-grid,
    .oalp-archive-grid,
    .oalp-responsibility-grid,
    .oalp-ethics-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .oalp-version-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .oalp-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .oalp-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .oalp-sidebar-card,
    .oalp-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .oalp-page-hero-section {
        padding: 68px 0 60px;
    }

    .oalp-main-section {
        padding: 52px 0;
    }

    .oalp-content-card,
    .oalp-final-cta,
    .oalp-sidebar-card,
    .oalp-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .oalp-hero-description {
        font-size: 16px;
    }

    .oalp-hero-tags,
    .oalp-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .oalp-hero-tags span {
        justify-content: center;
    }

    .oalp-feature-grid,
    .oalp-principle-grid,
    .oalp-license-grid,
    .oalp-attribution-grid,
    .oalp-rights-grid,
    .oalp-reuse-grid,
    .oalp-archive-grid,
    .oalp-version-grid,
    .oalp-benefit-grid,
    .oalp-responsibility-grid,
    .oalp-ethics-grid,
    .oalp-tech-grid,
    .oalp-preservation-grid,
    .oalp-sidebar {
        grid-template-columns: 1fr;
    }

    .oalp-sidebar-entry {
        flex-direction: column;
    }

    .oalp-content-card p {
        text-align: left;
    }

    .oalp-badge-grid {
        grid-template-columns: 1fr;
    }

    .oalp-final-btn,
    .oalp-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .oalp-page-title {
        font-size: 30px;
    }

    .oalp-section-title {
        font-size: 25px;
    }

    .oalp-sidebar-title {
        font-size: 19px;
    }

    .oalp-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   OPEN ACCESS & LICENSING POLICY PAGE CSS END
========================================================= */
/* =========================================================
   ONLINE MANUSCRIPT SUBMISSION PAGE CSS START
   IJACST Premium Submission Form Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.oms-page-main {
    background: var(--bg-light);
}

/* HERO */

.oms-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.oms-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.oms-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.oms-hero-badge,
.oms-section-badge,
.oms-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.oms-page-title {
    color: var(--text-white);
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.oms-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.oms-breadcrumb a:hover {
    color: #ffd88a;
}

.oms-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.oms-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.oms-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.oms-hero-tags i {
    color: #86efac;
}

/* LAYOUT */

.oms-main-section {
    padding: 72px 0;
}

.oms-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.oms-main-content,
.oms-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.oms-content-card,
.oms-sidebar-card,
.oms-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.oms-content-card {
    padding: 34px;
    margin-bottom: 30px;
}

.oms-sidebar-card,
.oms-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.oms-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.oms-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.oms-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.oms-content-card strong {
    color: var(--primary-navy);
}

/* FEATURE GRID */

.oms-feature-grid,
.oms-discover-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 26px;
}

.oms-feature-card,
.oms-discover-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.oms-feature-card:hover,
.oms-discover-card:hover,
.oms-integrity-grid div:hover,
.oms-license-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.oms-feature-icon,
.oms-discover-card i {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.oms-discover-card i {
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
}

.oms-feature-card h3,
.oms-discover-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.oms-feature-card p,
.oms-discover-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

/* FORM */

.oms-form-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94));
}

.oms-submission-form {
    margin-top: 28px;
}

.oms-form-section {
    margin: 0 0 28px;
    padding: 26px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: var(--bg-white);
    box-shadow: var(--shadow-sm);
}

.oms-form-section legend {
    padding: 0 12px;
    color: var(--primary-navy);
    font-size: 21px;
    font-weight: 900;
}

.oms-form-section legend i {
    color: var(--primary-gold-dark);
    margin-right: 8px;
}

.oms-form-note {
    text-align: left !important;
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 22px !important;
}

.oms-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.oms-form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.oms-full-width {
    grid-column: 1 / -1;
    margin-top: 18px;
}

.oms-form-group label {
    color: var(--primary-navy);
    font-size: 14px;
    font-weight: 900;
}

.oms-form-group label span {
    color: #dc2626;
}

.oms-form-group input,
.oms-form-group select,
.oms-form-group textarea {
    width: 100%;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    color: var(--text-primary);
    font-size: 15px;
    line-height: 1.5;
    padding: 14px 15px;
    outline: none;
    transition: var(--transition-normal);
}

.oms-form-group textarea {
    resize: vertical;
    min-height: 110px;
}

.oms-form-group input:focus,
.oms-form-group select:focus,
.oms-form-group textarea:focus {
    background: var(--bg-white);
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 4px rgba(37,99,235,.10);
}

.oms-form-group input::placeholder,
.oms-form-group textarea::placeholder {
    color: var(--text-muted);
}

/* UPLOAD */

.oms-upload-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.oms-upload-box {
    position: relative;
}

.oms-upload-box input[type="file"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.oms-upload-box label {
    min-height: 220px;
    padding: 28px 20px;
    border: 2px dashed rgba(37,99,235,.26);
    border-radius: var(--radius-xl);
    background:
        linear-gradient(180deg, rgba(37,99,235,.05), rgba(216,138,9,.05));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 11px;
    text-align: center;
    cursor: pointer;
    transition: var(--transition-normal);
}

.oms-upload-box label:hover {
    transform: translateY(-4px);
    border-color: var(--primary-gold);
    box-shadow: var(--shadow-md);
    background:
        linear-gradient(180deg, rgba(216,138,9,.08), rgba(37,99,235,.06));
}

.oms-upload-box label i {
    width: 62px;
    height: 62px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: var(--gradient-primary);
    color: var(--text-white);
    font-size: 28px;
    box-shadow: var(--shadow-navy);
}

.oms-upload-box label strong {
    color: var(--primary-navy);
    font-size: 18px;
}

.oms-upload-box label span {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.6;
}

.oms-upload-box label em {
    display: inline-flex;
    max-width: 100%;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(47,125,31,.10);
    color: var(--primary-green);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    word-break: break-word;
}

.oms-single-upload {
    margin-top: 18px;
}

.oms-single-upload label {
    min-height: 170px;
}

/* CHECKLIST */

.oms-checklist-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.oms-check-item {
    position: relative;
    min-height: 64px;
    padding: 14px 15px 14px 52px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition-normal);
}

.oms-check-item:hover {
    border-color: var(--border-gold);
    background: rgba(216,138,9,.06);
    transform: translateY(-2px);
}

.oms-check-item input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.oms-check-item span {
    position: absolute;
    left: 16px;
    top: 17px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border: 2px solid rgba(11,31,77,.18);
    background: var(--bg-white);
    transition: var(--transition-normal);
}

.oms-check-item span::after {
    content: "✓";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--text-white);
    font-size: 14px;
    font-weight: 900;
    opacity: 0;
    transform: scale(.7);
    transition: var(--transition-normal);
}

.oms-check-item input:checked + span {
    background: var(--primary-green);
    border-color: var(--primary-green);
}

.oms-check-item input:checked + span::after {
    opacity: 1;
    transform: scale(1);
}

/* LICENSE GRID */

.oms-license-grid,
.oms-integrity-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 20px;
}

.oms-license-grid div,
.oms-integrity-grid div {
    min-height: 96px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.oms-license-grid i,
.oms-integrity-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.oms-license-grid span,
.oms-integrity-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.oms-license-checks {
    margin-top: 20px;
}

/* SUBMIT */

.oms-submit-section {
    text-align: center;
    padding: 30px;
    border-radius: var(--radius-xl);
    background: var(--gradient-dark);
    box-shadow: var(--shadow-navy);
}

.oms-submit-btn {
    border: 0;
    min-height: 58px;
    padding: 0 32px;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-size: 16px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    box-shadow: var(--shadow-gold);
    transition: var(--transition-normal);
}

.oms-submit-btn:hover {
    transform: translateY(-4px);
}

.oms-submit-section p {
    margin: 16px 0 0 !important;
    color: rgba(255,255,255,.82);
    text-align: center !important;
    font-size: 14px;
    font-weight: 800;
}

/* WORKFLOW */

.oms-workflow {
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.oms-workflow-step {
    display: flex;
    gap: 18px;
    padding: 22px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    transition: var(--transition-normal);
}

.oms-workflow-step:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.oms-workflow-step > span {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.oms-workflow-step h3 {
    color: var(--primary-navy);
    font-size: 20px;
    margin-bottom: 7px;
}

.oms-workflow-step p {
    text-align: left;
    margin: 0;
}

/* HELPDESK */

.oms-helpdesk-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 26px;
}

.oms-helpdesk-list,
.oms-helpdesk-card {
    padding: 24px;
    border-radius: var(--radius-lg);
}

.oms-helpdesk-list {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
}

.oms-helpdesk-list h3 {
    color: var(--primary-navy);
    margin-bottom: 14px;
}

.oms-helpdesk-list ul {
    display: grid;
    gap: 10px;
}

.oms-helpdesk-list li {
    position: relative;
    padding-left: 20px;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.7;
}

.oms-helpdesk-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: 900;
}

.oms-helpdesk-card {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.oms-helpdesk-card span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.oms-helpdesk-card h3,
.oms-helpdesk-card p {
    color: var(--text-white);
}

.oms-primary-btn {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 14px;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.oms-primary-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */

.oms-sidebar {
    position: sticky;
    top: 90px;
}

.oms-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.oms-sidebar-title i {
    color: var(--primary-gold);
}

.oms-meta-list {
    display: grid;
    gap: 12px;
}

.oms-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.oms-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.oms-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.oms-sidebar-list {
    display: grid;
    gap: 13px;
}

.oms-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.oms-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.oms-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.oms-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.oms-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.oms-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.oms-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.oms-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.oms-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.oms-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.oms-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.oms-sidebar-cta p,
.oms-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.oms-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.oms-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .oms-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .oms-license-grid,
    .oms-integrity-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .oms-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .oms-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .oms-sidebar-card,
    .oms-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .oms-page-hero-section {
        padding: 68px 0 60px;
    }

    .oms-main-section {
        padding: 52px 0;
    }

    .oms-content-card,
    .oms-sidebar-card,
    .oms-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .oms-form-section {
        padding: 20px;
    }

    .oms-hero-description {
        font-size: 16px;
    }

    .oms-hero-tags {
        flex-direction: column;
        align-items: stretch;
    }

    .oms-hero-tags span {
        justify-content: center;
    }

    .oms-feature-grid,
    .oms-form-grid,
    .oms-upload-grid,
    .oms-checklist-grid,
    .oms-license-grid,
    .oms-integrity-grid,
    .oms-discover-grid,
    .oms-helpdesk-wrapper,
    .oms-sidebar {
        grid-template-columns: 1fr;
    }

    .oms-sidebar-entry,
    .oms-workflow-step {
        flex-direction: column;
    }

    .oms-content-card p {
        text-align: left;
    }

    .oms-badge-grid {
        grid-template-columns: 1fr;
    }

    .oms-submit-btn,
    .oms-primary-btn,
    .oms-sidebar-cta-btn {
        width: 100%;
    }

    .oms-upload-box label {
        min-height: 190px;
    }
}

@media (max-width: 480px) {
    .oms-page-title {
        font-size: 30px;
    }

    .oms-section-title {
        font-size: 25px;
    }

    .oms-sidebar-title {
        font-size: 19px;
    }

    .oms-breadcrumb {
        flex-wrap: wrap;
    }

    .oms-form-section legend {
        font-size: 18px;
    }
}

/* =========================================================
   ONLINE MANUSCRIPT SUBMISSION PAGE CSS END
========================================================= */
/* =========================================================
   OPEN ACCESS STATEMENT PAGE CSS START
   IJACST Premium Open Access Statement Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.oas-page-main {
    background: var(--bg-light);
}

/* HERO */
.oas-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.oas-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.oas-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.oas-hero-badge,
.oas-section-badge,
.oas-final-badge,
.oas-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.oas-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.oas-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.oas-breadcrumb a:hover {
    color: #ffd88a;
}

.oas-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.oas-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.oas-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.oas-hero-tags i {
    color: #86efac;
}

/* LAYOUT */
.oas-main-section {
    padding: 72px 0;
}

.oas-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.oas-main-content,
.oas-sidebar {
    min-width: 0;
}

/* COMMON CARDS */
.oas-content-card,
.oas-faq-section,
.oas-final-cta,
.oas-sidebar-card,
.oas-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.oas-content-card,
.oas-faq-section,
.oas-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.oas-sidebar-card,
.oas-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.oas-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.oas-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.oas-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.oas-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */
.oas-feature-grid,
.oas-model-grid,
.oas-reader-grid,
.oas-author-grid,
.oas-license-grid,
.oas-attribution-grid,
.oas-reuse-grid,
.oas-embargo-grid,
.oas-repository-grid,
.oas-ethics-grid,
.oas-discover-grid,
.oas-metadata-grid,
.oas-inclusive-grid,
.oas-preservation-grid,
.oas-transparency-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.oas-feature-grid,
.oas-license-grid,
.oas-discover-grid,
.oas-preservation-grid {
    grid-template-columns: repeat(2, 1fr);
}

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

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

.oas-model-grid,
.oas-reuse-grid,
.oas-repository-grid,
.oas-ethics-grid,
.oas-inclusive-grid,
.oas-transparency-grid {
    grid-template-columns: repeat(4, 1fr);
}

.oas-author-grid,
.oas-attribution-grid,
.oas-metadata-grid {
    grid-template-columns: repeat(3, 1fr);
}

/* CARD STYLE */
.oas-feature-card,
.oas-reader-card,
.oas-license-card,
.oas-embargo-card,
.oas-discover-card,
.oas-preservation-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.oas-feature-card:hover,
.oas-reader-card:hover,
.oas-license-card:hover,
.oas-embargo-card:hover,
.oas-discover-card:hover,
.oas-preservation-card:hover,
.oas-model-grid div:hover,
.oas-author-grid div:hover,
.oas-attribution-grid div:hover,
.oas-reuse-grid div:hover,
.oas-repository-grid div:hover,
.oas-ethics-grid div:hover,
.oas-metadata-grid div:hover,
.oas-inclusive-grid div:hover,
.oas-transparency-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.oas-feature-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.oas-feature-card h3,
.oas-reader-card h3,
.oas-license-card h3,
.oas-embargo-card h3,
.oas-discover-card h3,
.oas-preservation-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.oas-feature-card p,
.oas-reader-card p,
.oas-license-card p,
.oas-embargo-card p,
.oas-discover-card p,
.oas-preservation-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.oas-reader-card i,
.oas-license-card i,
.oas-embargo-card i,
.oas-discover-card i,
.oas-preservation-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* MINI ICON GRIDS */
.oas-model-grid div,
.oas-author-grid div,
.oas-attribution-grid div,
.oas-reuse-grid div,
.oas-repository-grid div,
.oas-ethics-grid div,
.oas-metadata-grid div,
.oas-inclusive-grid div,
.oas-transparency-grid div {
    min-height: 96px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.oas-model-grid i,
.oas-author-grid i,
.oas-attribution-grid i,
.oas-reuse-grid i,
.oas-repository-grid i,
.oas-ethics-grid i,
.oas-metadata-grid i,
.oas-inclusive-grid i,
.oas-transparency-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.oas-model-grid i,
.oas-reuse-grid .fa-check {
    color: var(--primary-green);
}

.oas-reuse-grid .fa-ban {
    color: #dc2626;
}

.oas-model-grid span,
.oas-author-grid span,
.oas-attribution-grid span,
.oas-reuse-grid span,
.oas-repository-grid span,
.oas-ethics-grid span,
.oas-metadata-grid span,
.oas-inclusive-grid span,
.oas-transparency-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* FAQ */
.oas-faq-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 24px;
}

.oas-faq-list {
    display: grid;
    gap: 14px;
}

.oas-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.oas-faq-item summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.oas-faq-item summary::-webkit-details-marker {
    display: none;
}

.oas-faq-item summary i {
    color: var(--primary-gold);
    transition: var(--transition-normal);
}

.oas-faq-item[open] summary i {
    transform: rotate(180deg);
}

.oas-faq-answer {
    padding: 0 22px 20px;
    color: var(--text-secondary);
    line-height: 1.85;
    font-size: 15px;
}

/* FINAL CTA */
.oas-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.oas-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.oas-final-cta > * {
    position: relative;
    z-index: 2;
}

.oas-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.oas-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.oas-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.oas-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.oas-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.oas-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */
.oas-sidebar {
    position: sticky;
    top: 90px;
}

.oas-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.oas-sidebar-title i {
    color: var(--primary-gold);
}

.oas-meta-list {
    display: grid;
    gap: 12px;
}

.oas-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.oas-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.oas-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.oas-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.oas-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.oas-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.oas-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.oas-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.oas-sidebar-list {
    display: grid;
    gap: 13px;
}

.oas-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.oas-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.oas-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.oas-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.oas-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.oas-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.oas-sidebar-cta p,
.oas-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.oas-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.oas-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .oas-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .oas-model-grid,
    .oas-reuse-grid,
    .oas-repository-grid,
    .oas-ethics-grid,
    .oas-inclusive-grid,
    .oas-transparency-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .oas-reader-grid,
    .oas-embargo-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .oas-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .oas-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .oas-sidebar-card,
    .oas-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .oas-page-hero-section {
        padding: 68px 0 60px;
    }

    .oas-main-section {
        padding: 52px 0;
    }

    .oas-content-card,
    .oas-faq-section,
    .oas-final-cta,
    .oas-sidebar-card,
    .oas-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .oas-hero-description {
        font-size: 16px;
    }

    .oas-hero-tags,
    .oas-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .oas-hero-tags span {
        justify-content: center;
    }

    .oas-feature-grid,
    .oas-model-grid,
    .oas-reader-grid,
    .oas-author-grid,
    .oas-license-grid,
    .oas-attribution-grid,
    .oas-reuse-grid,
    .oas-embargo-grid,
    .oas-repository-grid,
    .oas-ethics-grid,
    .oas-discover-grid,
    .oas-metadata-grid,
    .oas-inclusive-grid,
    .oas-preservation-grid,
    .oas-transparency-grid,
    .oas-sidebar {
        grid-template-columns: 1fr;
    }

    .oas-sidebar-entry {
        flex-direction: column;
    }

    .oas-content-card p {
        text-align: left;
    }

    .oas-badge-grid {
        grid-template-columns: 1fr;
    }

    .oas-final-btn,
    .oas-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .oas-page-title {
        font-size: 32px;
    }

    .oas-section-title {
        font-size: 25px;
    }

    .oas-sidebar-title {
        font-size: 19px;
    }

    .oas-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   OPEN ACCESS STATEMENT PAGE CSS END
========================================================= */
/* =========================================================
   PEER REVIEW PROCESS PAGE CSS START
   IJACST Premium Peer Review Workflow Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.prp2-page-main {
    background: var(--bg-light);
}

/* HERO */
.prp2-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.prp2-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.prp2-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.prp2-hero-badge,
.prp2-section-badge,
.prp2-final-badge,
.prp2-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.prp2-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.prp2-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.prp2-breadcrumb a:hover {
    color: #ffd88a;
}

.prp2-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.prp2-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.prp2-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.prp2-hero-tags i {
    color: #86efac;
}

/* LAYOUT */
.prp2-main-section {
    padding: 72px 0;
}

.prp2-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.prp2-main-content,
.prp2-sidebar {
    min-width: 0;
}

/* COMMON CARD */
.prp2-content-card,
.prp2-final-cta,
.prp2-sidebar-card,
.prp2-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.prp2-content-card,
.prp2-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.prp2-sidebar-card,
.prp2-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.prp2-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.prp2-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.prp2-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.prp2-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */
.prp2-feature-grid,
.prp2-commitment-grid,
.prp2-merit-grid,
.prp2-blind-grid,
.prp2-compliance-grid,
.prp2-index-grid,
.prp2-screening-grid,
.prp2-reviewer-grid,
.prp2-evaluation-grid,
.prp2-decision-grid,
.prp2-revision-grid,
.prp2-confidential-grid,
.prp2-ai-grid,
.prp2-production-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.prp2-feature-grid,
.prp2-merit-grid,
.prp2-index-grid,
.prp2-reviewer-grid,
.prp2-production-grid {
    grid-template-columns: repeat(2, 1fr);
}

.prp2-commitment-grid,
.prp2-compliance-grid,
.prp2-screening-grid {
    grid-template-columns: repeat(4, 1fr);
}

.prp2-blind-grid,
.prp2-revision-grid,
.prp2-confidential-grid {
    grid-template-columns: repeat(3, 1fr);
}

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

.prp2-decision-grid {
    grid-template-columns: repeat(5, 1fr);
}

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

/* FEATURE CARDS */
.prp2-feature-card,
.prp2-merit-card,
.prp2-index-card,
.prp2-reviewer-card,
.prp2-evaluation-card,
.prp2-decision-card,
.prp2-ai-card,
.prp2-production-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.prp2-feature-card:hover,
.prp2-merit-card:hover,
.prp2-index-card:hover,
.prp2-reviewer-card:hover,
.prp2-evaluation-card:hover,
.prp2-decision-card:hover,
.prp2-ai-card:hover,
.prp2-production-card:hover,
.prp2-commitment-grid div:hover,
.prp2-blind-grid div:hover,
.prp2-compliance-grid div:hover,
.prp2-screening-grid div:hover,
.prp2-revision-grid div:hover,
.prp2-confidential-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.prp2-feature-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.prp2-feature-card h3,
.prp2-merit-card h3,
.prp2-index-card h3,
.prp2-reviewer-card h3,
.prp2-evaluation-card h3,
.prp2-decision-card h3,
.prp2-ai-card h3,
.prp2-production-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.prp2-feature-card p,
.prp2-merit-card p,
.prp2-index-card p,
.prp2-reviewer-card p,
.prp2-evaluation-card p,
.prp2-decision-card p,
.prp2-ai-card p,
.prp2-production-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.prp2-merit-card i,
.prp2-index-card i,
.prp2-reviewer-card i,
.prp2-decision-card i,
.prp2-ai-card i,
.prp2-production-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* MINI ICON GRIDS */
.prp2-commitment-grid div,
.prp2-blind-grid div,
.prp2-compliance-grid div,
.prp2-screening-grid div,
.prp2-revision-grid div,
.prp2-confidential-grid div {
    min-height: 96px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.prp2-commitment-grid i,
.prp2-blind-grid i,
.prp2-compliance-grid i,
.prp2-screening-grid i,
.prp2-revision-grid i,
.prp2-confidential-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.prp2-commitment-grid i,
.prp2-revision-grid i {
    color: var(--primary-green);
}

.prp2-confidential-grid i {
    color: #dc2626;
}

.prp2-commitment-grid span,
.prp2-blind-grid span,
.prp2-compliance-grid span,
.prp2-screening-grid span,
.prp2-revision-grid span,
.prp2-confidential-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* WORKFLOW */
.prp2-workflow {
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.prp2-workflow-step {
    display: flex;
    gap: 18px;
    padding: 22px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    transition: var(--transition-normal);
}

.prp2-workflow-step:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.prp2-workflow-step > span {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.prp2-workflow-step h3 {
    color: var(--primary-navy);
    font-size: 20px;
    margin-bottom: 7px;
}

.prp2-workflow-step p {
    text-align: left;
    margin: 0;
}

/* EVALUATION CARDS */
.prp2-evaluation-card span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-primary);
    color: var(--text-white);
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

/* DECISION CARDS */
.prp2-decision-card.accept {
    border-color: rgba(47,125,31,.22);
}

.prp2-decision-card.accept i {
    color: var(--primary-green);
}

.prp2-decision-card.minor {
    border-color: rgba(37,99,235,.22);
}

.prp2-decision-card.minor i {
    color: var(--primary-blue);
}

.prp2-decision-card.major {
    border-color: rgba(216,138,9,.28);
}

.prp2-decision-card.major i {
    color: var(--primary-gold-dark);
}

.prp2-decision-card.reject,
.prp2-decision-card.desk {
    border-color: rgba(220,38,38,.22);
}

.prp2-decision-card.reject i,
.prp2-decision-card.desk i {
    color: #dc2626;
}

/* APPEAL */
.prp2-appeal-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 26px;
}

.prp2-appeal-list,
.prp2-appeal-card {
    padding: 24px;
    border-radius: var(--radius-lg);
}

.prp2-appeal-list {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
}

.prp2-appeal-list h3 {
    color: var(--primary-navy);
    margin-bottom: 14px;
}

.prp2-appeal-list ul {
    display: grid;
    gap: 10px;
}

.prp2-appeal-list li {
    position: relative;
    padding-left: 20px;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.7;
}

.prp2-appeal-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: 900;
}

.prp2-appeal-card {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.prp2-appeal-card span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.prp2-appeal-card h3,
.prp2-appeal-card p {
    color: var(--text-white);
}

.prp2-primary-btn {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 14px;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.prp2-primary-btn:hover {
    transform: translateY(-3px);
}

/* FINAL CTA */
.prp2-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.prp2-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.prp2-final-cta > * {
    position: relative;
    z-index: 2;
}

.prp2-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.prp2-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.prp2-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.prp2-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.prp2-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.prp2-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */
.prp2-sidebar {
    position: sticky;
    top: 90px;
}

.prp2-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.prp2-sidebar-title i {
    color: var(--primary-gold);
}

.prp2-meta-list {
    display: grid;
    gap: 12px;
}

.prp2-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.prp2-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.prp2-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.prp2-sidebar-list {
    display: grid;
    gap: 13px;
}

.prp2-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.prp2-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.prp2-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.prp2-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.prp2-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.prp2-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.prp2-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.prp2-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.prp2-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.prp2-sidebar-text {
    text-align: left;
    color: var(--text-secondary);
    line-height: 1.8;
}

.prp2-sidebar-link {
    margin-top: 12px;
    min-height: 46px;
    padding: 0 16px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-blue);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
}

.prp2-sidebar-link:hover {
    transform: translateY(-3px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-sm);
}

.prp2-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.prp2-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.prp2-sidebar-cta p,
.prp2-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.prp2-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.prp2-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .prp2-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .prp2-commitment-grid,
    .prp2-compliance-grid,
    .prp2-screening-grid,
    .prp2-decision-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .prp2-blind-grid,
    .prp2-revision-grid,
    .prp2-confidential-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .prp2-ai-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .prp2-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .prp2-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .prp2-sidebar-card,
    .prp2-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .prp2-page-hero-section {
        padding: 68px 0 60px;
    }

    .prp2-main-section {
        padding: 52px 0;
    }

    .prp2-content-card,
    .prp2-final-cta,
    .prp2-sidebar-card,
    .prp2-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .prp2-hero-description {
        font-size: 16px;
    }

    .prp2-hero-tags,
    .prp2-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .prp2-hero-tags span {
        justify-content: center;
    }

    .prp2-feature-grid,
    .prp2-commitment-grid,
    .prp2-merit-grid,
    .prp2-blind-grid,
    .prp2-compliance-grid,
    .prp2-index-grid,
    .prp2-screening-grid,
    .prp2-reviewer-grid,
    .prp2-evaluation-grid,
    .prp2-decision-grid,
    .prp2-revision-grid,
    .prp2-confidential-grid,
    .prp2-ai-grid,
    .prp2-production-grid,
    .prp2-appeal-wrapper,
    .prp2-sidebar {
        grid-template-columns: 1fr;
    }

    .prp2-workflow-step,
    .prp2-sidebar-entry {
        flex-direction: column;
    }

    .prp2-content-card p {
        text-align: left;
    }

    .prp2-badge-grid {
        grid-template-columns: 1fr;
    }

    .prp2-final-btn,
    .prp2-primary-btn,
    .prp2-sidebar-link,
    .prp2-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .prp2-page-title {
        font-size: 32px;
    }

    .prp2-section-title {
        font-size: 25px;
    }

    .prp2-sidebar-title {
        font-size: 19px;
    }

    .prp2-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   PEER REVIEW PROCESS PAGE CSS END
========================================================= */
/* =========================================================
   PEER REVIEWER GUIDELINES PAGE CSS START
   IJACST Premium Peer Review Standards Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.prg-page-main {
    background: var(--bg-light);
}

/* HERO */

.prg-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.prg-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.prg-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.prg-hero-badge,
.prg-section-badge,
.prg-final-badge,
.prg-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.prg-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.prg-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.prg-breadcrumb a:hover {
    color: #ffd88a;
}

.prg-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.prg-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.prg-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.prg-hero-tags i {
    color: #86efac;
}

/* LAYOUT */

.prg-main-section {
    padding: 72px 0;
}

.prg-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.prg-main-content,
.prg-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.prg-content-card,
.prg-final-cta,
.prg-sidebar-card,
.prg-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.prg-content-card,
.prg-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.prg-sidebar-card,
.prg-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.prg-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.prg-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.prg-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.prg-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */

.prg-feature-grid,
.prg-model-grid,
.prg-qualification-grid,
.prg-ethics-grid,
.prg-conflict-grid,
.prg-confidential-grid,
.prg-timeline-grid,
.prg-decision-grid,
.prg-quality-grid,
.prg-ai-grid,
.prg-manipulation-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.prg-feature-grid,
.prg-model-grid,
.prg-ethics-grid,
.prg-decision-grid {
    grid-template-columns: repeat(2, 1fr);
}

.prg-qualification-grid,
.prg-conflict-grid,
.prg-confidential-grid,
.prg-quality-grid {
    grid-template-columns: repeat(4, 1fr);
}

.prg-timeline-grid {
    grid-template-columns: repeat(4, 1fr);
}

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

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

.prg-feature-card,
.prg-model-card,
.prg-ethics-card,
.prg-timeline-card,
.prg-decision-card,
.prg-ai-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.prg-feature-card:hover,
.prg-model-card:hover,
.prg-ethics-card:hover,
.prg-timeline-card:hover,
.prg-decision-card:hover,
.prg-ai-card:hover,
.prg-qualification-grid div:hover,
.prg-conflict-grid div:hover,
.prg-confidential-grid div:hover,
.prg-quality-grid div:hover,
.prg-manipulation-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.prg-feature-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.prg-feature-card h3,
.prg-model-card h3,
.prg-ethics-card h3,
.prg-timeline-card h3,
.prg-decision-card h3,
.prg-ai-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.prg-feature-card p,
.prg-model-card p,
.prg-ethics-card p,
.prg-timeline-card p,
.prg-decision-card p,
.prg-ai-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.prg-model-card i,
.prg-ethics-card i,
.prg-decision-card i,
.prg-ai-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* MINI ICON GRIDS */

.prg-qualification-grid div,
.prg-conflict-grid div,
.prg-confidential-grid div,
.prg-quality-grid div,
.prg-manipulation-grid div {
    min-height: 94px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.prg-qualification-grid i,
.prg-conflict-grid i,
.prg-confidential-grid i,
.prg-quality-grid i,
.prg-manipulation-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.prg-confidential-grid i {
    color: #dc2626;
}

.prg-quality-grid i {
    color: var(--primary-green);
}

.prg-qualification-grid span,
.prg-conflict-grid span,
.prg-confidential-grid span,
.prg-quality-grid span,
.prg-manipulation-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* TIMELINE */

.prg-timeline-card span {
    display: inline-flex;
    margin-bottom: 13px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 13px;
    font-weight: 900;
}

.prg-timeline-card:nth-child(2) span {
    background: rgba(37,99,235,.10);
    color: var(--primary-blue);
}

.prg-timeline-card:nth-child(3) span {
    background: rgba(47,125,31,.10);
    color: var(--primary-green);
}

/* MATRIX DETAILS */

.prg-matrix-list {
    display: grid;
    gap: 14px;
    margin-top: 26px;
}

.prg-matrix-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: var(--transition-normal);
}

.prg-matrix-item:hover {
    border-color: var(--border-gold);
    box-shadow: var(--shadow-sm);
}

.prg-matrix-item summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 14px;
}

.prg-matrix-item summary::-webkit-details-marker {
    display: none;
}

.prg-matrix-item summary span {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: var(--gradient-primary);
    color: var(--text-white);
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

.prg-matrix-item summary i {
    margin-left: auto;
    color: var(--primary-gold);
    transition: var(--transition-normal);
}

.prg-matrix-item[open] summary i {
    transform: rotate(180deg);
}

.prg-matrix-content {
    padding: 0 22px 22px 78px;
}

.prg-matrix-content ul {
    display: grid;
    gap: 10px;
}

.prg-matrix-content li {
    position: relative;
    padding-left: 20px;
    color: var(--text-secondary);
    line-height: 1.75;
    font-size: 14.5px;
}

.prg-matrix-content li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: 900;
}

/* DECISION CARDS */

.prg-decision-card.accept {
    border-color: rgba(47,125,31,.22);
}

.prg-decision-card.accept i {
    color: var(--primary-green);
}

.prg-decision-card.minor {
    border-color: rgba(37,99,235,.22);
}

.prg-decision-card.minor i {
    color: var(--primary-blue);
}

.prg-decision-card.major {
    border-color: rgba(216,138,9,.28);
}

.prg-decision-card.major i {
    color: var(--primary-gold-dark);
}

.prg-decision-card.reject {
    border-color: rgba(220,38,38,.22);
}

.prg-decision-card.reject i {
    color: #dc2626;
}

/* FINAL CTA */

.prg-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.prg-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.prg-final-cta > * {
    position: relative;
    z-index: 2;
}

.prg-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.prg-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.prg-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.prg-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.prg-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.prg-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */

.prg-sidebar {
    position: sticky;
    top: 90px;
}

.prg-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.prg-sidebar-title i {
    color: var(--primary-gold);
}

.prg-quick-links {
    display: grid;
    gap: 11px;
}

.prg-quick-links a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-weight: 850;
    transition: var(--transition-normal);
}

.prg-quick-links a i {
    color: var(--primary-gold-dark);
}

.prg-quick-links a:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.prg-sidebar-list {
    display: grid;
    gap: 13px;
}

.prg-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.prg-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.prg-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.prg-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.prg-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.prg-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.prg-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.prg-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.prg-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.prg-meta-list {
    display: grid;
    gap: 12px;
}

.prg-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.prg-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.prg-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.prg-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.prg-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.prg-sidebar-cta p,
.prg-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.prg-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.prg-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .prg-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .prg-qualification-grid,
    .prg-conflict-grid,
    .prg-confidential-grid,
    .prg-quality-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .prg-timeline-grid,
    .prg-manipulation-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .prg-ai-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .prg-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .prg-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .prg-sidebar-card,
    .prg-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .prg-page-hero-section {
        padding: 68px 0 60px;
    }

    .prg-main-section {
        padding: 52px 0;
    }

    .prg-content-card,
    .prg-final-cta,
    .prg-sidebar-card,
    .prg-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .prg-hero-description {
        font-size: 16px;
    }

    .prg-hero-tags,
    .prg-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .prg-hero-tags span {
        justify-content: center;
    }

    .prg-feature-grid,
    .prg-model-grid,
    .prg-qualification-grid,
    .prg-ethics-grid,
    .prg-conflict-grid,
    .prg-confidential-grid,
    .prg-timeline-grid,
    .prg-decision-grid,
    .prg-quality-grid,
    .prg-ai-grid,
    .prg-manipulation-grid,
    .prg-sidebar {
        grid-template-columns: 1fr;
    }

    .prg-sidebar-entry {
        flex-direction: column;
    }

    .prg-content-card p {
        text-align: left;
    }

    .prg-badge-grid {
        grid-template-columns: 1fr;
    }

    .prg-matrix-content {
        padding: 0 18px 20px 18px;
    }

    .prg-matrix-item summary {
        align-items: flex-start;
    }

    .prg-final-btn,
    .prg-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .prg-page-title {
        font-size: 32px;
    }

    .prg-section-title {
        font-size: 25px;
    }

    .prg-sidebar-title {
        font-size: 19px;
    }

    .prg-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   PEER REVIEWER GUIDELINES PAGE CSS END
========================================================= */
/* =========================================================
   PLAGIARISM PREVENTION & GENERATIVE AI ETHICS POLICY CSS START
   IJACST Premium Research Integrity & AI Ethics Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.pae-page-main {
    background: var(--bg-light);
}

/* HERO */

.pae-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.pae-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.pae-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.pae-hero-badge,
.pae-section-badge,
.pae-final-badge,
.pae-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.pae-page-title {
    color: var(--text-white);
    font-size: clamp(32px, 5vw, 60px);
    font-weight: 900;
    margin-bottom: 18px;
}

.pae-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.pae-breadcrumb a:hover {
    color: #ffd88a;
}

.pae-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.pae-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.pae-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.pae-hero-tags i {
    color: #86efac;
}

/* LAYOUT */

.pae-main-section {
    padding: 72px 0;
}

.pae-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.pae-main-content,
.pae-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.pae-content-card,
.pae-faq-section,
.pae-final-cta,
.pae-sidebar-card,
.pae-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.pae-content-card,
.pae-faq-section,
.pae-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.pae-sidebar-card,
.pae-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.pae-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pae-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.pae-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.pae-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */

.pae-feature-grid,
.pae-policy-grid,
.pae-violation-grid,
.pae-threshold-grid,
.pae-exclusion-grid,
.pae-author-grid,
.pae-ai-ban-grid,
.pae-ai-usage-grid,
.pae-visual-grid,
.pae-confidential-grid,
.pae-redflag-grid,
.pae-consequence-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.pae-feature-grid,
.pae-violation-grid {
    grid-template-columns: repeat(2, 1fr);
}

.pae-threshold-grid,
.pae-policy-grid,
.pae-exclusion-grid,
.pae-author-grid,
.pae-ai-ban-grid,
.pae-confidential-grid,
.pae-redflag-grid {
    grid-template-columns: repeat(4, 1fr);
}

.pae-ai-usage-grid {
    grid-template-columns: repeat(2, 1fr);
}

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

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

.pae-feature-card,
.pae-violation-card,
.pae-threshold-card,
.pae-ai-usage-card,
.pae-consequence-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.pae-feature-card:hover,
.pae-violation-card:hover,
.pae-threshold-card:hover,
.pae-ai-usage-card:hover,
.pae-consequence-card:hover,
.pae-policy-grid div:hover,
.pae-exclusion-grid div:hover,
.pae-author-grid div:hover,
.pae-ai-ban-grid div:hover,
.pae-visual-grid div:hover,
.pae-confidential-grid div:hover,
.pae-redflag-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.pae-feature-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.pae-feature-card h3,
.pae-violation-card h3,
.pae-threshold-card h3,
.pae-ai-usage-card h3,
.pae-consequence-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.pae-feature-card p,
.pae-violation-card p,
.pae-threshold-card p,
.pae-consequence-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.pae-violation-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* MINI ICON GRIDS */

.pae-policy-grid div,
.pae-exclusion-grid div,
.pae-author-grid div,
.pae-ai-ban-grid div,
.pae-visual-grid div,
.pae-confidential-grid div,
.pae-redflag-grid div {
    min-height: 94px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.pae-policy-grid i,
.pae-exclusion-grid i,
.pae-author-grid i,
.pae-ai-ban-grid i,
.pae-visual-grid i,
.pae-confidential-grid i,
.pae-redflag-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.pae-policy-grid i,
.pae-author-grid i {
    color: var(--primary-green);
}

.pae-ai-ban-grid i,
.pae-redflag-grid i {
    color: #dc2626;
}

.pae-policy-grid span,
.pae-exclusion-grid span,
.pae-author-grid span,
.pae-ai-ban-grid span,
.pae-visual-grid span,
.pae-confidential-grid span,
.pae-redflag-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* THRESHOLD CARDS */

.pae-threshold-card {
    position: relative;
    overflow: hidden;
}

.pae-threshold-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--primary-blue);
}

.pae-threshold-card.accepted::before {
    background: var(--primary-green);
}

.pae-threshold-card.review::before {
    background: var(--primary-blue);
}

.pae-threshold-card.revision::before {
    background: var(--primary-gold);
}

.pae-threshold-card.rejected::before {
    background: #dc2626;
}

.pae-threshold-card span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--bg-soft);
    color: var(--primary-navy);
    font-size: 14px;
    font-weight: 900;
}

/* AI TOOLS */

.pae-ai-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 24px;
}

.pae-ai-tools span {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 850;
    transition: var(--transition-normal);
}

.pae-ai-tools span:hover {
    transform: translateY(-3px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-sm);
}

/* DISCLOSURE BOX */

.pae-disclosure-box {
    margin-top: 24px;
    padding: 24px;
    border-radius: var(--radius-lg);
    background:
        linear-gradient(135deg, rgba(11,31,77,.96), rgba(37,99,235,.88));
    box-shadow: var(--shadow-navy);
    color: var(--text-white);
}

.pae-disclosure-box span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pae-disclosure-box p {
    color: rgba(255,255,255,.92);
    text-align: left;
    margin: 0;
}

/* AI USAGE */

.pae-ai-usage-card ul {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.pae-ai-usage-card li {
    position: relative;
    padding-left: 22px;
    color: var(--text-secondary);
    line-height: 1.65;
    font-size: 14px;
}

.pae-ai-usage-card li::before {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 900;
}

.pae-ai-usage-card.permitted {
    border-color: rgba(47,125,31,.20);
}

.pae-ai-usage-card.permitted h3 i,
.pae-ai-usage-card.permitted li::before {
    content: "✓";
    color: var(--primary-green);
}

.pae-ai-usage-card.prohibited {
    border-color: rgba(220,38,38,.20);
}

.pae-ai-usage-card.prohibited h3 i {
    color: #dc2626;
}

.pae-ai-usage-card.prohibited li::before {
    content: "×";
    color: #dc2626;
}

/* WORKFLOW */

.pae-workflow {
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.pae-workflow-step {
    display: flex;
    gap: 18px;
    padding: 22px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    transition: var(--transition-normal);
}

.pae-workflow-step:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.pae-workflow-step > span {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.pae-workflow-step h3 {
    color: var(--primary-navy);
    font-size: 20px;
    margin-bottom: 7px;
}

.pae-workflow-step p {
    text-align: left;
    margin: 0;
}

/* CONSEQUENCES */

.pae-consequence-card span {
    display: inline-flex;
    margin-bottom: 13px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pae-consequence-card:nth-child(3) {
    border-color: rgba(220,38,38,.18);
}

/* REPORT */

.pae-report-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 26px;
}

.pae-report-list,
.pae-report-card {
    padding: 24px;
    border-radius: var(--radius-lg);
}

.pae-report-list {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
}

.pae-report-list h3 {
    color: var(--primary-navy);
    margin-bottom: 14px;
}

.pae-report-list ul {
    display: grid;
    gap: 10px;
}

.pae-report-list li {
    position: relative;
    padding-left: 20px;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.7;
}

.pae-report-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: 900;
}

.pae-report-card {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.pae-report-card span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pae-report-card h3,
.pae-report-card p {
    color: var(--text-white);
}

.pae-primary-btn {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 14px;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.pae-primary-btn:hover {
    transform: translateY(-3px);
}

/* FAQ */

.pae-faq-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 24px;
}

.pae-faq-list {
    display: grid;
    gap: 14px;
}

.pae-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.pae-faq-item summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.pae-faq-item summary::-webkit-details-marker {
    display: none;
}

.pae-faq-item summary i {
    color: var(--primary-gold);
    transition: var(--transition-normal);
}

.pae-faq-item[open] summary i {
    transform: rotate(180deg);
}

.pae-faq-answer {
    padding: 0 22px 20px;
    color: var(--text-secondary);
    line-height: 1.85;
    font-size: 15px;
}

/* FINAL CTA */

.pae-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.pae-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.pae-final-cta > * {
    position: relative;
    z-index: 2;
}

.pae-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.pae-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.pae-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.pae-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.pae-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.pae-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */

.pae-sidebar {
    position: sticky;
    top: 90px;
}

.pae-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pae-sidebar-title i {
    color: var(--primary-gold);
}

.pae-meta-list {
    display: grid;
    gap: 12px;
}

.pae-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pae-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.pae-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.pae-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.pae-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.pae-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.pae-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.pae-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.pae-sidebar-list {
    display: grid;
    gap: 13px;
}

.pae-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pae-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.pae-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.pae-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.pae-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.pae-tag-cloud span {
    display: inline-flex;
    align-items: center;
    padding: 8px 11px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 12px;
    font-weight: 850;
    transition: var(--transition-normal);
}

.pae-tag-cloud span:hover {
    transform: translateY(-3px);
    background: rgba(216,138,9,.12);
    border-color: var(--border-gold);
}

.pae-danger-sidebar-card {
    background:
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,245,245,.96));
}

.pae-danger-sidebar-card .pae-sidebar-entry > i {
    color: #dc2626;
    background: rgba(220,38,38,.10);
}

.pae-sidebar-quote {
    padding: 18px;
    border-radius: var(--radius-lg);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}

.pae-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.pae-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.pae-sidebar-cta p,
.pae-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.pae-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.pae-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .pae-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .pae-threshold-grid,
    .pae-policy-grid,
    .pae-exclusion-grid,
    .pae-author-grid,
    .pae-ai-ban-grid,
    .pae-confidential-grid,
    .pae-redflag-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .pae-consequence-grid,
    .pae-visual-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .pae-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .pae-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .pae-sidebar-card,
    .pae-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .pae-page-hero-section {
        padding: 68px 0 60px;
    }

    .pae-main-section {
        padding: 52px 0;
    }

    .pae-content-card,
    .pae-faq-section,
    .pae-final-cta,
    .pae-sidebar-card,
    .pae-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .pae-hero-description {
        font-size: 16px;
    }

    .pae-hero-tags,
    .pae-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .pae-hero-tags span {
        justify-content: center;
    }

    .pae-feature-grid,
    .pae-policy-grid,
    .pae-violation-grid,
    .pae-threshold-grid,
    .pae-exclusion-grid,
    .pae-author-grid,
    .pae-ai-ban-grid,
    .pae-ai-usage-grid,
    .pae-visual-grid,
    .pae-confidential-grid,
    .pae-redflag-grid,
    .pae-consequence-grid,
    .pae-report-wrapper,
    .pae-sidebar {
        grid-template-columns: 1fr;
    }

    .pae-workflow-step,
    .pae-sidebar-entry {
        flex-direction: column;
    }

    .pae-content-card p {
        text-align: left;
    }

    .pae-badge-grid {
        grid-template-columns: 1fr;
    }

    .pae-final-btn,
    .pae-primary-btn,
    .pae-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .pae-page-title {
        font-size: 30px;
    }

    .pae-section-title {
        font-size: 25px;
    }

    .pae-sidebar-title {
        font-size: 19px;
    }

    .pae-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   PLAGIARISM PREVENTION & GENERATIVE AI ETHICS POLICY CSS END
========================================================= */
/* =========================================================
   PRIVACY POLICY PAGE CSS START
   IJACST Premium Privacy & Data Protection Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.prp-page-main {
    background: var(--bg-light);
}

/* HERO */

.prp-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.prp-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.prp-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.prp-hero-badge,
.prp-section-badge,
.prp-final-badge,
.prp-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.prp-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.prp-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.prp-breadcrumb a:hover {
    color: #ffd88a;
}

.prp-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.prp-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.prp-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.prp-hero-tags i {
    color: #86efac;
}

/* LAYOUT */

.prp-main-section {
    padding: 72px 0;
}

.prp-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.prp-main-content,
.prp-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.prp-content-card,
.prp-faq-section,
.prp-final-cta,
.prp-sidebar-card,
.prp-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.prp-content-card,
.prp-faq-section,
.prp-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.prp-sidebar-card,
.prp-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.prp-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.prp-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.prp-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.prp-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */

.prp-feature-grid,
.prp-commitment-grid,
.prp-data-grid,
.prp-manuscript-grid,
.prp-review-grid,
.prp-admin-grid,
.prp-tech-grid,
.prp-cookie-grid,
.prp-purpose-grid,
.prp-metadata-grid,
.prp-security-grid,
.prp-confidential-grid,
.prp-communication-grid,
.prp-thirdparty-grid,
.prp-retention-grid,
.prp-rights-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.prp-feature-grid,
.prp-data-grid,
.prp-review-grid,
.prp-tech-grid,
.prp-security-grid,
.prp-retention-grid {
    grid-template-columns: repeat(2, 1fr);
}

.prp-cookie-grid,
.prp-communication-grid {
    grid-template-columns: repeat(3, 1fr);
}

.prp-commitment-grid,
.prp-manuscript-grid,
.prp-admin-grid,
.prp-purpose-grid,
.prp-metadata-grid,
.prp-confidential-grid,
.prp-thirdparty-grid,
.prp-rights-grid {
    grid-template-columns: repeat(4, 1fr);
}

.prp-feature-card,
.prp-data-card,
.prp-review-card,
.prp-tech-card,
.prp-cookie-card,
.prp-security-card,
.prp-communication-card,
.prp-retention-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.prp-feature-card:hover,
.prp-data-card:hover,
.prp-review-card:hover,
.prp-tech-card:hover,
.prp-cookie-card:hover,
.prp-security-card:hover,
.prp-communication-card:hover,
.prp-retention-card:hover,
.prp-commitment-grid div:hover,
.prp-manuscript-grid div:hover,
.prp-admin-grid div:hover,
.prp-purpose-grid div:hover,
.prp-metadata-grid div:hover,
.prp-confidential-grid div:hover,
.prp-thirdparty-grid div:hover,
.prp-rights-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.prp-feature-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.prp-feature-card h3,
.prp-data-card h3,
.prp-review-card h3,
.prp-tech-card h3,
.prp-cookie-card h3,
.prp-security-card h3,
.prp-communication-card h3,
.prp-retention-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.prp-feature-card p,
.prp-data-card p,
.prp-review-card p,
.prp-tech-card p,
.prp-cookie-card p,
.prp-security-card p,
.prp-communication-card p,
.prp-retention-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.prp-data-card i,
.prp-tech-card i,
.prp-cookie-card i,
.prp-security-card i,
.prp-communication-card i,
.prp-retention-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

.prp-review-card span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-primary);
    color: var(--text-white);
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

/* MINI ICON GRIDS */

.prp-commitment-grid div,
.prp-manuscript-grid div,
.prp-admin-grid div,
.prp-purpose-grid div,
.prp-metadata-grid div,
.prp-confidential-grid div,
.prp-thirdparty-grid div,
.prp-rights-grid div {
    min-height: 94px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.prp-commitment-grid i,
.prp-manuscript-grid i,
.prp-admin-grid i,
.prp-purpose-grid i,
.prp-metadata-grid i,
.prp-confidential-grid i,
.prp-thirdparty-grid i,
.prp-rights-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.prp-commitment-grid i {
    color: var(--primary-green);
}

.prp-commitment-grid span,
.prp-manuscript-grid span,
.prp-admin-grid span,
.prp-purpose-grid span,
.prp-metadata-grid span,
.prp-confidential-grid span,
.prp-thirdparty-grid span,
.prp-rights-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* CONTACT / GRIEVANCE */

.prp-contact-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 26px;
}

.prp-contact-list,
.prp-contact-card {
    padding: 24px;
    border-radius: var(--radius-lg);
}

.prp-contact-list {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
}

.prp-contact-list h3 {
    color: var(--primary-navy);
    margin-bottom: 14px;
}

.prp-contact-list ul {
    display: grid;
    gap: 10px;
}

.prp-contact-list li {
    position: relative;
    padding-left: 20px;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.7;
}

.prp-contact-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: 900;
}

.prp-contact-card {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.prp-contact-card span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.prp-contact-card h3,
.prp-contact-card p {
    color: var(--text-white);
}

.prp-primary-btn {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 14px;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.prp-primary-btn:hover {
    transform: translateY(-3px);
}

/* FAQ */

.prp-faq-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 24px;
}

.prp-faq-list {
    display: grid;
    gap: 14px;
}

.prp-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.prp-faq-item summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.prp-faq-item summary::-webkit-details-marker {
    display: none;
}

.prp-faq-item summary i {
    color: var(--primary-gold);
    transition: var(--transition-normal);
}

.prp-faq-item[open] summary i {
    transform: rotate(180deg);
}

.prp-faq-answer {
    padding: 0 22px 20px;
    color: var(--text-secondary);
    line-height: 1.85;
    font-size: 15px;
}

/* FINAL CTA */

.prp-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.prp-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.prp-final-cta > * {
    position: relative;
    z-index: 2;
}

.prp-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.prp-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.prp-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.prp-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.prp-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.prp-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */

.prp-sidebar {
    position: sticky;
    top: 90px;
}

.prp-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.prp-sidebar-title i {
    color: var(--primary-gold);
}

.prp-sidebar-list {
    display: grid;
    gap: 13px;
}

.prp-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.prp-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.prp-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.prp-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.prp-meta-list {
    display: grid;
    gap: 12px;
}

.prp-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.prp-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.prp-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.prp-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.prp-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.prp-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.prp-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.prp-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.prp-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.prp-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.prp-sidebar-cta p,
.prp-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.prp-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.prp-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .prp-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .prp-commitment-grid,
    .prp-manuscript-grid,
    .prp-admin-grid,
    .prp-purpose-grid,
    .prp-metadata-grid,
    .prp-confidential-grid,
    .prp-thirdparty-grid,
    .prp-rights-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .prp-cookie-grid,
    .prp-communication-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .prp-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .prp-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .prp-sidebar-card,
    .prp-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .prp-page-hero-section {
        padding: 68px 0 60px;
    }

    .prp-main-section {
        padding: 52px 0;
    }

    .prp-content-card,
    .prp-faq-section,
    .prp-final-cta,
    .prp-sidebar-card,
    .prp-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .prp-hero-description {
        font-size: 16px;
    }

    .prp-hero-tags,
    .prp-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .prp-hero-tags span {
        justify-content: center;
    }

    .prp-feature-grid,
    .prp-commitment-grid,
    .prp-data-grid,
    .prp-manuscript-grid,
    .prp-review-grid,
    .prp-admin-grid,
    .prp-tech-grid,
    .prp-cookie-grid,
    .prp-purpose-grid,
    .prp-metadata-grid,
    .prp-security-grid,
    .prp-confidential-grid,
    .prp-communication-grid,
    .prp-thirdparty-grid,
    .prp-retention-grid,
    .prp-rights-grid,
    .prp-contact-wrapper,
    .prp-sidebar {
        grid-template-columns: 1fr;
    }

    .prp-sidebar-entry {
        flex-direction: column;
    }

    .prp-content-card p {
        text-align: left;
    }

    .prp-badge-grid {
        grid-template-columns: 1fr;
    }

    .prp-final-btn,
    .prp-primary-btn,
    .prp-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .prp-page-title {
        font-size: 32px;
    }

    .prp-section-title {
        font-size: 25px;
    }

    .prp-sidebar-title {
        font-size: 19px;
    }

    .prp-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   PRIVACY POLICY PAGE CSS END
========================================================= */

/* =========================================================
   PUBLICATION ETHICS AND MALPRACTICE PAGE CSS START
   IJACST Premium Ethics & Integrity Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.pem-page-main {
    background: var(--bg-light);
}

/* HERO */

.pem-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.pem-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.pem-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.pem-hero-badge,
.pem-section-badge,
.pem-final-badge,
.pem-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.pem-page-title {
    color: var(--text-white);
    font-size: clamp(34px, 5vw, 62px);
    font-weight: 900;
    margin-bottom: 18px;
}

.pem-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.pem-breadcrumb a:hover {
    color: #ffd88a;
}

.pem-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.pem-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.pem-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.pem-hero-tags i {
    color: #86efac;
}

/* LAYOUT */

.pem-main-section {
    padding: 72px 0;
}

.pem-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.pem-main-content,
.pem-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.pem-content-card,
.pem-faq-section,
.pem-final-cta,
.pem-sidebar-card,
.pem-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.pem-content-card,
.pem-faq-section,
.pem-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.pem-sidebar-card,
.pem-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.pem-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pem-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.pem-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.pem-content-card strong {
    color: var(--primary-navy);
}

/* GRID SYSTEM */

.pem-feature-grid,
.pem-malpractice-grid,
.pem-principle-grid,
.pem-check-grid,
.pem-warning-grid,
.pem-integrity-grid,
.pem-authorship-grid,
.pem-conflict-grid,
.pem-ai-grid,
.pem-editor-grid,
.pem-reviewer-grid,
.pem-publisher-grid,
.pem-subject-grid,
.pem-privacy-grid,
.pem-citation-grid,
.pem-fraud-grid,
.pem-action-grid,
.pem-record-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.pem-feature-grid,
.pem-warning-grid,
.pem-integrity-grid,
.pem-authorship-grid,
.pem-ai-grid,
.pem-editor-grid,
.pem-reviewer-grid {
    grid-template-columns: repeat(2, 1fr);
}

.pem-malpractice-grid,
.pem-check-grid,
.pem-conflict-grid,
.pem-publisher-grid,
.pem-privacy-grid,
.pem-fraud-grid,
.pem-record-grid {
    grid-template-columns: repeat(4, 1fr);
}

.pem-principle-grid,
.pem-subject-grid {
    grid-template-columns: repeat(2, 1fr);
}

.pem-citation-grid,
.pem-action-grid {
    grid-template-columns: repeat(3, 1fr);
}

.pem-feature-card,
.pem-principle-card,
.pem-warning-card,
.pem-integrity-card,
.pem-authorship-card,
.pem-ai-card,
.pem-editor-card,
.pem-reviewer-card,
.pem-subject-card,
.pem-citation-card,
.pem-action-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.pem-feature-card:hover,
.pem-principle-card:hover,
.pem-warning-card:hover,
.pem-integrity-card:hover,
.pem-authorship-card:hover,
.pem-ai-card:hover,
.pem-editor-card:hover,
.pem-reviewer-card:hover,
.pem-subject-card:hover,
.pem-citation-card:hover,
.pem-action-card:hover,
.pem-malpractice-grid div:hover,
.pem-check-grid div:hover,
.pem-conflict-grid div:hover,
.pem-publisher-grid div:hover,
.pem-privacy-grid div:hover,
.pem-fraud-grid div:hover,
.pem-record-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.pem-feature-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.pem-feature-card h3,
.pem-principle-card h3,
.pem-warning-card h3,
.pem-integrity-card h3,
.pem-authorship-card h3,
.pem-ai-card h3,
.pem-editor-card h3,
.pem-reviewer-card h3,
.pem-subject-card h3,
.pem-citation-card h3,
.pem-action-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.pem-feature-card p,
.pem-principle-card p,
.pem-warning-card p,
.pem-integrity-card p,
.pem-authorship-card p,
.pem-ai-card p,
.pem-editor-card p,
.pem-reviewer-card p,
.pem-subject-card p,
.pem-citation-card p,
.pem-action-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.pem-principle-card span,
.pem-reviewer-card span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-primary);
    color: var(--text-white);
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

.pem-warning-card i,
.pem-integrity-card i,
.pem-authorship-card i,
.pem-editor-card i,
.pem-subject-card i,
.pem-citation-card i,
.pem-action-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* MINI ICON GRIDS */

.pem-malpractice-grid div,
.pem-check-grid div,
.pem-conflict-grid div,
.pem-publisher-grid div,
.pem-privacy-grid div,
.pem-fraud-grid div,
.pem-record-grid div {
    min-height: 94px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.pem-malpractice-grid i,
.pem-check-grid i,
.pem-conflict-grid i,
.pem-publisher-grid i,
.pem-privacy-grid i,
.pem-fraud-grid i,
.pem-record-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.pem-check-grid i {
    color: var(--primary-green);
}

.pem-malpractice-grid span,
.pem-check-grid span,
.pem-conflict-grid span,
.pem-publisher-grid span,
.pem-privacy-grid span,
.pem-fraud-grid span,
.pem-record-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* ACTION CARDS */

.pem-action-card.correction {
    border-color: rgba(37,99,235,.18);
}

.pem-action-card.concern {
    border-color: rgba(216,138,9,.26);
}

.pem-action-card.retraction {
    border-color: rgba(239,68,68,.22);
}

.pem-action-card.correction i {
    color: var(--primary-blue);
}

.pem-action-card.concern i {
    color: var(--primary-gold-dark);
}

.pem-action-card.retraction i {
    color: #dc2626;
}

/* WORKFLOW */

.pem-workflow {
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.pem-workflow-step {
    display: flex;
    gap: 18px;
    padding: 22px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    transition: var(--transition-normal);
}

.pem-workflow-step:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.pem-workflow-step > span {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.pem-workflow-step h3 {
    color: var(--primary-navy);
    font-size: 20px;
    margin-bottom: 7px;
}

.pem-workflow-step p {
    text-align: left;
    margin: 0;
}

/* REPORT */

.pem-report-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 26px;
}

.pem-report-list,
.pem-report-card {
    padding: 24px;
    border-radius: var(--radius-lg);
}

.pem-report-list {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
}

.pem-report-list h3 {
    color: var(--primary-navy);
    margin-bottom: 14px;
}

.pem-report-list ul {
    display: grid;
    gap: 10px;
}

.pem-report-list li {
    position: relative;
    padding-left: 20px;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.7;
}

.pem-report-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: 900;
}

.pem-report-card {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.pem-report-card span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pem-report-card h3,
.pem-report-card p {
    color: var(--text-white);
}

.pem-primary-btn {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 14px;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.pem-primary-btn:hover {
    transform: translateY(-3px);
}

/* FAQ */

.pem-faq-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 24px;
}

.pem-faq-list {
    display: grid;
    gap: 14px;
}

.pem-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.pem-faq-item summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.pem-faq-item summary::-webkit-details-marker {
    display: none;
}

.pem-faq-item summary i {
    color: var(--primary-gold);
    transition: var(--transition-normal);
}

.pem-faq-item[open] summary i {
    transform: rotate(180deg);
}

.pem-faq-answer {
    padding: 0 22px 20px;
    color: var(--text-secondary);
    line-height: 1.85;
    font-size: 15px;
}

/* FINAL CTA */

.pem-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.pem-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.pem-final-cta > * {
    position: relative;
    z-index: 2;
}

.pem-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.pem-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.pem-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.pem-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.pem-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.pem-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */

.pem-sidebar {
    position: sticky;
    top: 90px;
}

.pem-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pem-sidebar-title i {
    color: var(--primary-gold);
}

.pem-quick-links {
    display: grid;
    gap: 11px;
}

.pem-quick-links a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-weight: 850;
}

.pem-quick-links a i {
    color: var(--primary-gold-dark);
}

.pem-quick-links a:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.pem-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.pem-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.pem-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.pem-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.pem-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.pem-sidebar-list {
    display: grid;
    gap: 13px;
}

.pem-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pem-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.pem-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.pem-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.pem-mini-contact {
    margin-top: 16px;
    padding: 16px;
    border-radius: var(--radius-md);
    background: var(--gradient-primary);
    color: var(--text-white);
}

.pem-mini-contact span {
    display: block;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    color: rgba(255,255,255,.72);
    margin-bottom: 5px;
}

.pem-mini-contact strong {
    color: var(--text-white);
    font-size: 15px;
}

.pem-meta-list {
    display: grid;
    gap: 12px;
}

.pem-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pem-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.pem-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.pem-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.pem-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.pem-sidebar-cta p,
.pem-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.pem-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.pem-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .pem-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .pem-malpractice-grid,
    .pem-check-grid,
    .pem-conflict-grid,
    .pem-publisher-grid,
    .pem-privacy-grid,
    .pem-fraud-grid,
    .pem-record-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .pem-citation-grid,
    .pem-action-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .pem-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .pem-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .pem-sidebar-card,
    .pem-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .pem-page-hero-section {
        padding: 68px 0 60px;
    }

    .pem-main-section {
        padding: 52px 0;
    }

    .pem-content-card,
    .pem-faq-section,
    .pem-final-cta,
    .pem-sidebar-card,
    .pem-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .pem-hero-description {
        font-size: 16px;
    }

    .pem-hero-tags,
    .pem-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .pem-hero-tags span {
        justify-content: center;
    }

    .pem-feature-grid,
    .pem-malpractice-grid,
    .pem-principle-grid,
    .pem-check-grid,
    .pem-warning-grid,
    .pem-integrity-grid,
    .pem-authorship-grid,
    .pem-conflict-grid,
    .pem-ai-grid,
    .pem-editor-grid,
    .pem-reviewer-grid,
    .pem-publisher-grid,
    .pem-subject-grid,
    .pem-privacy-grid,
    .pem-fraud-grid,
    .pem-record-grid,
    .pem-report-wrapper,
    .pem-sidebar {
        grid-template-columns: 1fr;
    }

    .pem-workflow-step,
    .pem-sidebar-entry {
        flex-direction: column;
    }

    .pem-content-card p {
        text-align: left;
    }

    .pem-badge-grid {
        grid-template-columns: 1fr;
    }

    .pem-final-btn,
    .pem-primary-btn,
    .pem-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .pem-page-title {
        font-size: 30px;
    }

    .pem-section-title {
        font-size: 25px;
    }

    .pem-sidebar-title {
        font-size: 19px;
    }

    .pem-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   PUBLICATION ETHICS AND MALPRACTICE PAGE CSS END
========================================================= */

/* =========================================================
   PUBLICATION FREQUENCY PAGE CSS START
   IJACST Premium Monthly Publication Page
   Paste this CSS at the bottom of your main stylesheet
========================================================= */

.pfr-page-main {
    background: var(--bg-light);
}

/* =========================================================
   PAGE HERO SECTION START
========================================================= */

.pfr-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.pfr-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.24), transparent 34%);
}

.pfr-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.pfr-hero-badge,
.pfr-section-badge,
.pfr-final-badge,
.pfr-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.pfr-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.pfr-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.pfr-breadcrumb a:hover {
    color: #ffd88a;
}

.pfr-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.pfr-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.pfr-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.pfr-hero-tags i {
    color: #86efac;
}

/* =========================================================
   PAGE HERO SECTION END
========================================================= */


/* =========================================================
   MAIN TWO COLUMN LAYOUT START
========================================================= */

.pfr-main-section {
    padding: 72px 0;
}

.pfr-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.pfr-main-content,
.pfr-sidebar {
    min-width: 0;
}

/* =========================================================
   MAIN TWO COLUMN LAYOUT END
========================================================= */


/* =========================================================
   COMMON CARD STYLE START
========================================================= */

.pfr-content-card,
.pfr-faq-section,
.pfr-final-cta,
.pfr-sidebar-card,
.pfr-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.pfr-content-card,
.pfr-faq-section,
.pfr-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.pfr-sidebar-card,
.pfr-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.pfr-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pfr-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.pfr-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.pfr-content-card strong {
    color: var(--primary-navy);
}

/* =========================================================
   COMMON CARD STYLE END
========================================================= */


/* =========================================================
   GRID SYSTEM START
========================================================= */

.pfr-impact-grid,
.pfr-schedule-grid,
.pfr-benefit-grid,
.pfr-metadata-grid,
.pfr-tech-grid,
.pfr-preservation-grid,
.pfr-special-grid,
.pfr-ethics-grid,
.pfr-reason-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.pfr-impact-grid,
.pfr-preservation-grid,
.pfr-special-grid {
    grid-template-columns: repeat(3, 1fr);
}

.pfr-schedule-grid,
.pfr-benefit-grid,
.pfr-metadata-grid,
.pfr-tech-grid,
.pfr-ethics-grid,
.pfr-reason-grid {
    grid-template-columns: repeat(2, 1fr);
}

.pfr-impact-card,
.pfr-benefit-card,
.pfr-tech-card,
.pfr-preservation-card,
.pfr-special-card,
.pfr-reason-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.pfr-impact-card:hover,
.pfr-benefit-card:hover,
.pfr-tech-card:hover,
.pfr-preservation-card:hover,
.pfr-special-card:hover,
.pfr-reason-card:hover,
.pfr-schedule-card:hover,
.pfr-metadata-grid div:hover,
.pfr-ethics-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.pfr-impact-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.pfr-impact-card h3,
.pfr-benefit-card h3,
.pfr-tech-card h3,
.pfr-preservation-card h3,
.pfr-special-card h3,
.pfr-reason-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.pfr-impact-card p,
.pfr-benefit-card p,
.pfr-tech-card p,
.pfr-preservation-card p,
.pfr-special-card p,
.pfr-reason-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.pfr-benefit-card i,
.pfr-tech-card i,
.pfr-preservation-card i,
.pfr-special-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* =========================================================
   GRID SYSTEM END
========================================================= */


/* =========================================================
   SCHEDULE / METADATA / ETHICS MINI CARDS START
========================================================= */

.pfr-schedule-card {
    padding: 18px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    transition: var(--transition-normal);
}

.pfr-schedule-card span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.pfr-schedule-card strong {
    color: var(--primary-navy);
    font-size: 16px;
    line-height: 1.4;
}

.pfr-note-box {
    display: flex;
    gap: 15px;
    margin-top: 26px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: rgba(47,125,31,.08);
    border: 1px solid rgba(47,125,31,.18);
}

.pfr-note-box i {
    color: var(--primary-green);
    font-size: 24px;
    margin-top: 4px;
}

.pfr-note-box p {
    margin: 0;
}

.pfr-metadata-grid div,
.pfr-ethics-grid div {
    min-height: 92px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.pfr-metadata-grid i,
.pfr-ethics-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.pfr-metadata-grid span,
.pfr-ethics-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* =========================================================
   SCHEDULE / METADATA / ETHICS MINI CARDS END
========================================================= */


/* =========================================================
   WORKFLOW SECTION START
========================================================= */

.pfr-workflow {
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.pfr-workflow-step {
    display: flex;
    gap: 18px;
    padding: 22px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    transition: var(--transition-normal);
}

.pfr-workflow-step:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.pfr-workflow-step > span {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.pfr-workflow-step h3 {
    color: var(--primary-navy);
    font-size: 20px;
    margin-bottom: 7px;
}

.pfr-workflow-step p {
    text-align: left;
    margin: 0;
}

/* =========================================================
   WORKFLOW SECTION END
========================================================= */


/* =========================================================
   DOI STRIP START
========================================================= */

.pfr-doi-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.pfr-doi-strip span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 850;
}

.pfr-doi-strip i {
    color: var(--primary-green);
}

/* =========================================================
   DOI STRIP END
========================================================= */


/* =========================================================
   FAQ SECTION START
========================================================= */

.pfr-faq-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 24px;
}

.pfr-faq-list {
    display: grid;
    gap: 14px;
}

.pfr-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.pfr-faq-item summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.pfr-faq-item summary::-webkit-details-marker {
    display: none;
}

.pfr-faq-item summary i {
    color: var(--primary-gold);
    transition: var(--transition-normal);
}

.pfr-faq-item[open] summary i {
    transform: rotate(180deg);
}

.pfr-faq-answer {
    padding: 0 22px 20px;
    color: var(--text-secondary);
    line-height: 1.85;
    font-size: 15px;
}

/* =========================================================
   FAQ SECTION END
========================================================= */


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

.pfr-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.pfr-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.pfr-final-cta > * {
    position: relative;
    z-index: 2;
}

.pfr-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.pfr-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.pfr-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.pfr-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.pfr-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.pfr-final-btn:hover {
    transform: translateY(-3px);
}

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


/* =========================================================
   SIDEBAR START
========================================================= */

.pfr-sidebar {
    position: sticky;
    top: 90px;
}

.pfr-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pfr-sidebar-title i {
    color: var(--primary-gold);
}

.pfr-meta-list {
    display: grid;
    gap: 12px;
}

.pfr-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pfr-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.pfr-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.pfr-sidebar-list {
    display: grid;
    gap: 13px;
}

.pfr-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pfr-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.pfr-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.pfr-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.pfr-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.pfr-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.pfr-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.pfr-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.pfr-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.pfr-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.pfr-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.pfr-sidebar-cta p,
.pfr-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.pfr-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.pfr-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* =========================================================
   SIDEBAR END
========================================================= */


/* =========================================================
   RESPONSIVE CSS START
========================================================= */

@media (max-width: 1200px) {
    .pfr-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .pfr-impact-grid,
    .pfr-preservation-grid,
    .pfr-special-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .pfr-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .pfr-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .pfr-sidebar-card,
    .pfr-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .pfr-page-hero-section {
        padding: 68px 0 60px;
    }

    .pfr-main-section {
        padding: 52px 0;
    }

    .pfr-content-card,
    .pfr-faq-section,
    .pfr-final-cta,
    .pfr-sidebar-card,
    .pfr-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .pfr-hero-description {
        font-size: 16px;
    }

    .pfr-hero-tags,
    .pfr-final-buttons,
    .pfr-doi-strip {
        flex-direction: column;
        align-items: stretch;
    }

    .pfr-hero-tags span,
    .pfr-doi-strip span {
        justify-content: center;
    }

    .pfr-schedule-grid,
    .pfr-benefit-grid,
    .pfr-metadata-grid,
    .pfr-tech-grid,
    .pfr-ethics-grid,
    .pfr-reason-grid,
    .pfr-sidebar {
        grid-template-columns: 1fr;
    }

    .pfr-workflow-step,
    .pfr-sidebar-entry,
    .pfr-note-box {
        flex-direction: column;
    }

    .pfr-content-card p {
        text-align: left;
    }

    .pfr-badge-grid {
        grid-template-columns: 1fr;
    }

    .pfr-final-btn,
    .pfr-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .pfr-page-title {
        font-size: 32px;
    }

    .pfr-section-title {
        font-size: 25px;
    }

    .pfr-sidebar-title {
        font-size: 19px;
    }

    .pfr-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   RESPONSIVE CSS END
========================================================= */


/* =========================================================
   PUBLICATION FREQUENCY PAGE CSS END
========================================================= */
/* =========================================================
   PUBLISHER PROFILE PAGE CSS START
   UnivColl Publications | IJACST Premium Publisher Page
========================================================= */

.pup-page-main {
    background: var(--bg-light);
}

/* =========================================================
   PAGE HERO SECTION START
========================================================= */

.pup-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.pup-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,0.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,0.24), transparent 34%);
}

.pup-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.pup-hero-badge,
.pup-section-badge,
.pup-final-badge,
.pup-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,0.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,0.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.pup-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.pup-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.pup-breadcrumb a:hover {
    color: #ffd88a;
}

.pup-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.pup-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.pup-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.pup-hero-tags i {
    color: #86efac;
}

/* =========================================================
   PAGE HERO SECTION END
========================================================= */


/* =========================================================
   MAIN TWO COLUMN LAYOUT START
========================================================= */

.pup-main-section {
    padding: 72px 0;
}

.pup-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.pup-main-content,
.pup-sidebar {
    min-width: 0;
}

/* =========================================================
   MAIN TWO COLUMN LAYOUT END
========================================================= */


/* =========================================================
   COMMON CARD STYLE START
========================================================= */

.pup-content-card,
.pup-faq-section,
.pup-final-cta,
.pup-sidebar-card,
.pup-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.pup-content-card,
.pup-faq-section,
.pup-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.pup-sidebar-card,
.pup-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.pup-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pup-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.pup-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.pup-content-card strong {
    color: var(--primary-navy);
}

/* =========================================================
   COMMON CARD STYLE END
========================================================= */


/* =========================================================
   GRID SYSTEM START
========================================================= */

.pup-feature-grid,
.pup-principle-grid,
.pup-governance-grid,
.pup-integrity-grid,
.pup-oa-grid,
.pup-tech-grid,
.pup-preservation-grid,
.pup-iks-grid,
.pup-scalability-grid,
.pup-future-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.pup-feature-grid,
.pup-oa-grid,
.pup-preservation-grid {
    grid-template-columns: repeat(3, 1fr);
}

.pup-principle-grid,
.pup-governance-grid,
.pup-integrity-grid,
.pup-tech-grid,
.pup-iks-grid,
.pup-scalability-grid,
.pup-future-grid {
    grid-template-columns: repeat(2, 1fr);
}

.pup-feature-card,
.pup-principle-card,
.pup-governance-card,
.pup-integrity-card,
.pup-oa-card,
.pup-tech-card,
.pup-preservation-card,
.pup-iks-card,
.pup-scalability-card,
.pup-future-card,
.pup-identity-box {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.pup-feature-card:hover,
.pup-principle-card:hover,
.pup-governance-card:hover,
.pup-integrity-card:hover,
.pup-oa-card:hover,
.pup-tech-card:hover,
.pup-preservation-card:hover,
.pup-iks-card:hover,
.pup-scalability-card:hover,
.pup-future-card:hover,
.pup-identity-box:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.pup-feature-icon,
.pup-integrity-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.pup-feature-card h3,
.pup-principle-card h3,
.pup-governance-card h3,
.pup-integrity-card h3,
.pup-oa-card h3,
.pup-tech-card h3,
.pup-preservation-card h3,
.pup-iks-card h3,
.pup-scalability-card h3,
.pup-future-card h3,
.pup-identity-box h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.pup-feature-card p,
.pup-principle-card p,
.pup-governance-card p,
.pup-integrity-card p,
.pup-oa-card p,
.pup-tech-card p,
.pup-preservation-card p,
.pup-iks-card p,
.pup-scalability-card p,
.pup-future-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.pup-principle-card span,
.pup-scalability-card span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-primary);
    color: var(--text-white);
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

.pup-governance-card i,
.pup-oa-card i,
.pup-tech-card i,
.pup-preservation-card i,
.pup-iks-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* =========================================================
   GRID SYSTEM END
========================================================= */


/* =========================================================
   IDENTITY AND OFFICIAL DETAILS START
========================================================= */

.pup-identity-wrapper,
.pup-submit-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 26px;
}

.pup-identity-box ul {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.pup-identity-box li {
    position: relative;
    padding-left: 20px;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.7;
}

.pup-identity-box li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: 900;
}

.pup-official-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 26px;
}

.pup-official-card {
    min-height: 132px;
    padding: 18px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    transition: var(--transition-normal);
}

.pup-official-card:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.pup-official-card i {
    color: var(--primary-gold-dark);
    font-size: 24px;
}

.pup-official-card span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pup-official-card strong {
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

/* =========================================================
   IDENTITY AND OFFICIAL DETAILS END
========================================================= */


/* =========================================================
   STRIP / MINI GRID SYSTEM START
========================================================= */

.pup-rights-grid,
.pup-domain-grid,
.pup-outreach-grid,
.pup-trust-grid {
    display: grid;
    gap: 14px;
    margin-top: 26px;
}

.pup-rights-grid,
.pup-outreach-grid {
    grid-template-columns: repeat(4, 1fr);
}

.pup-domain-grid,
.pup-trust-grid {
    grid-template-columns: repeat(4, 1fr);
}

.pup-rights-grid div,
.pup-domain-grid div,
.pup-outreach-grid div,
.pup-trust-grid div {
    min-height: 92px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.pup-rights-grid div:hover,
.pup-domain-grid div:hover,
.pup-outreach-grid div:hover,
.pup-trust-grid div:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-sm);
}

.pup-rights-grid i,
.pup-domain-grid i,
.pup-outreach-grid i,
.pup-trust-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.pup-rights-grid span,
.pup-domain-grid span,
.pup-outreach-grid span,
.pup-trust-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.pup-doi-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.pup-doi-strip span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 850;
}

.pup-doi-strip i {
    color: var(--primary-green);
}

/* =========================================================
   STRIP / MINI GRID SYSTEM END
========================================================= */


/* =========================================================
   FAQ SECTION START
========================================================= */

.pup-faq-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 24px;
}

.pup-faq-list {
    display: grid;
    gap: 14px;
}

.pup-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.pup-faq-item summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.pup-faq-item summary::-webkit-details-marker {
    display: none;
}

.pup-faq-item summary i {
    color: var(--primary-gold);
    transition: var(--transition-normal);
}

.pup-faq-item[open] summary i {
    transform: rotate(180deg);
}

.pup-faq-answer {
    padding: 0 22px 20px;
    color: var(--text-secondary);
    line-height: 1.85;
    font-size: 15px;
}

/* =========================================================
   FAQ SECTION END
========================================================= */


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

.pup-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.pup-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.pup-final-cta > * {
    position: relative;
    z-index: 2;
}

.pup-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.pup-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.pup-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.pup-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.pup-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.pup-final-btn:hover {
    transform: translateY(-3px);
}

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


/* =========================================================
   SIDEBAR START
========================================================= */

.pup-sidebar {
    position: sticky;
    top: 90px;
}

.pup-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pup-sidebar-title i {
    color: var(--primary-gold);
}

.pup-meta-list {
    display: grid;
    gap: 12px;
}

.pup-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pup-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.pup-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.pup-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.pup-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.pup-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.pup-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.pup-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.pup-sidebar-list {
    display: grid;
    gap: 13px;
}

.pup-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.pup-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.pup-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.pup-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.pup-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.pup-tag-cloud span {
    display: inline-flex;
    align-items: center;
    padding: 8px 11px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 12px;
    font-weight: 850;
    transition: var(--transition-normal);
}

.pup-tag-cloud span:hover {
    transform: translateY(-3px);
    background: rgba(216,138,9,.12);
    border-color: var(--border-gold);
}

.pup-iks-sidebar-card {
    background:
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,248,235,.95));
}

.pup-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.pup-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.pup-sidebar-cta p,
.pup-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.pup-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.pup-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* =========================================================
   SIDEBAR END
========================================================= */


/* =========================================================
   RESPONSIVE CSS START
========================================================= */

@media (max-width: 1200px) {
    .pup-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .pup-feature-grid,
    .pup-oa-grid,
    .pup-preservation-grid,
    .pup-official-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pup-rights-grid,
    .pup-domain-grid,
    .pup-outreach-grid,
    .pup-trust-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .pup-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .pup-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .pup-sidebar-card,
    .pup-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .pup-page-hero-section {
        padding: 68px 0 60px;
    }

    .pup-main-section {
        padding: 52px 0;
    }

    .pup-content-card,
    .pup-faq-section,
    .pup-final-cta,
    .pup-sidebar-card,
    .pup-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .pup-hero-description {
        font-size: 16px;
    }

    .pup-hero-tags,
    .pup-final-buttons,
    .pup-doi-strip {
        flex-direction: column;
        align-items: stretch;
    }

    .pup-hero-tags span,
    .pup-doi-strip span {
        justify-content: center;
    }

    .pup-feature-grid,
    .pup-principle-grid,
    .pup-governance-grid,
    .pup-integrity-grid,
    .pup-oa-grid,
    .pup-tech-grid,
    .pup-preservation-grid,
    .pup-iks-grid,
    .pup-scalability-grid,
    .pup-future-grid,
    .pup-identity-wrapper,
    .pup-official-grid,
    .pup-rights-grid,
    .pup-domain-grid,
    .pup-outreach-grid,
    .pup-trust-grid,
    .pup-sidebar {
        grid-template-columns: 1fr;
    }

    .pup-content-card p {
        text-align: left;
    }

    .pup-badge-grid {
        grid-template-columns: 1fr;
    }

    .pup-sidebar-entry {
        flex-direction: column;
    }

    .pup-final-btn,
    .pup-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .pup-page-title {
        font-size: 32px;
    }

    .pup-section-title {
        font-size: 25px;
    }

    .pup-sidebar-title {
        font-size: 19px;
    }

    .pup-breadcrumb {
        flex-wrap: wrap;
    }
}



/* =========================================================
   PUBLISHER PROFILE PAGE CSS END
========================================================= */


/* =========================================================
   RESEARCH AREA PAGE CSS START
   IJACST Premium Multidisciplinary Research Scope Page
========================================================= */

.rap-page-main {
    background: var(--bg-light);
}

/* =========================================================
   PAGE HERO SECTION START
========================================================= */

.rap-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.rap-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,0.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,0.24), transparent 34%);
}

.rap-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.rap-hero-badge,
.rap-section-badge,
.rap-final-badge,
.rap-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,0.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,0.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.rap-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.rap-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.rap-breadcrumb a:hover {
    color: #ffd88a;
}

.rap-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.rap-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.rap-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.rap-hero-tags i {
    color: #86efac;
}

/* =========================================================
   PAGE HERO SECTION END
========================================================= */


/* =========================================================
   MAIN TWO COLUMN LAYOUT START
========================================================= */

.rap-main-section {
    padding: 72px 0;
}

.rap-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.rap-main-content,
.rap-sidebar {
    min-width: 0;
}

/* =========================================================
   MAIN TWO COLUMN LAYOUT END
========================================================= */


/* =========================================================
   COMMON CARD STYLE START
========================================================= */

.rap-content-card,
.rap-faq-section,
.rap-final-cta,
.rap-sidebar-card,
.rap-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.rap-content-card,
.rap-faq-section,
.rap-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.rap-sidebar-card,
.rap-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.rap-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.rap-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.rap-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.rap-content-card strong {
    color: var(--primary-navy);
}

/* =========================================================
   COMMON CARD STYLE END
========================================================= */


/* =========================================================
   GRID SYSTEM START
========================================================= */

.rap-feature-grid,
.rap-principle-grid,
.rap-domain-grid,
.rap-fusion-grid,
.rap-metadata-grid,
.rap-exclusion-grid,
.rap-example-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.rap-feature-grid,
.rap-example-grid {
    grid-template-columns: repeat(3, 1fr);
}

.rap-principle-grid,
.rap-domain-grid,
.rap-fusion-grid,
.rap-metadata-grid,
.rap-exclusion-grid {
    grid-template-columns: repeat(2, 1fr);
}

.rap-feature-card,
.rap-principle-card,
.rap-domain-card,
.rap-fusion-card,
.rap-metadata-card,
.rap-exclusion-card,
.rap-example-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.rap-feature-card:hover,
.rap-principle-card:hover,
.rap-domain-card:hover,
.rap-fusion-card:hover,
.rap-metadata-card:hover,
.rap-exclusion-card:hover,
.rap-example-card:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.rap-feature-icon,
.rap-domain-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.rap-feature-card h3,
.rap-principle-card h3,
.rap-domain-card h3,
.rap-fusion-card h3,
.rap-metadata-card h3,
.rap-exclusion-card h3,
.rap-example-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.rap-feature-card p,
.rap-principle-card p,
.rap-domain-card p,
.rap-fusion-card p,
.rap-metadata-card p,
.rap-exclusion-card p,
.rap-example-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.rap-principle-card span,
.rap-metadata-card span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-primary);
    color: var(--text-white);
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

.rap-fusion-card i,
.rap-exclusion-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* =========================================================
   GRID SYSTEM END
========================================================= */


/* =========================================================
   DOMAIN CARD SPECIAL STYLE START
========================================================= */

.rap-domain-card {
    position: relative;
    overflow: hidden;
}

.rap-domain-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--gradient-primary);
}

.rap-domain-card:nth-child(2)::before,
.rap-domain-card:nth-child(5)::before {
    background: var(--gradient-gold);
}

.rap-domain-card:nth-child(4)::before,
.rap-domain-card:nth-child(8)::before {
    background: linear-gradient(135deg, var(--primary-green), #22c55e);
}

/* =========================================================
   DOMAIN CARD SPECIAL STYLE END
========================================================= */


/* =========================================================
   CHECK GRID START
========================================================= */

.rap-check-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 26px;
}

.rap-check-grid div {
    min-height: 92px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.rap-check-grid div:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-sm);
}

.rap-check-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.rap-check-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* =========================================================
   CHECK GRID END
========================================================= */


/* =========================================================
   FAQ SECTION START
========================================================= */

.rap-faq-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 24px;
}

.rap-faq-list {
    display: grid;
    gap: 14px;
}

.rap-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.rap-faq-item summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rap-faq-item summary::-webkit-details-marker {
    display: none;
}

.rap-faq-item summary i {
    color: var(--primary-gold);
    transition: var(--transition-normal);
}

.rap-faq-item[open] summary i {
    transform: rotate(180deg);
}

.rap-faq-answer {
    padding: 0 22px 20px;
    color: var(--text-secondary);
    line-height: 1.85;
    font-size: 15px;
}

/* =========================================================
   FAQ SECTION END
========================================================= */


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

.rap-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.rap-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.rap-final-cta > * {
    position: relative;
    z-index: 2;
}

.rap-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.rap-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.rap-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.rap-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.rap-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.rap-final-btn:hover {
    transform: translateY(-3px);
}

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


/* =========================================================
   SIDEBAR START
========================================================= */

.rap-sidebar {
    position: sticky;
    top: 90px;
}

.rap-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.rap-sidebar-title i {
    color: var(--primary-gold);
}

.rap-meta-list {
    display: grid;
    gap: 12px;
}

.rap-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.rap-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.rap-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.rap-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.rap-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.rap-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.rap-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.rap-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.rap-sidebar-list {
    display: grid;
    gap: 13px;
}

.rap-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.rap-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.rap-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.rap-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.rap-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.rap-tag-cloud span {
    display: inline-flex;
    align-items: center;
    padding: 8px 11px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-size: 12px;
    font-weight: 850;
    transition: var(--transition-normal);
}

.rap-tag-cloud span:hover {
    transform: translateY(-3px);
    background: rgba(216,138,9,.12);
    border-color: var(--border-gold);
}

.rap-iks-card {
    background:
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,248,235,.95));
}

.rap-quick-links {
    display: grid;
    gap: 11px;
}

.rap-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.rap-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.rap-sidebar-cta p,
.rap-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.rap-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.rap-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* =========================================================
   SIDEBAR END
========================================================= */


/* =========================================================
   RESPONSIVE CSS START
========================================================= */

@media (max-width: 1200px) {
    .rap-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .rap-feature-grid,
    .rap-example-grid {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 991px) {
    .rap-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .rap-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .rap-sidebar-card,
    .rap-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .rap-page-hero-section {
        padding: 68px 0 60px;
    }

    .rap-main-section {
        padding: 52px 0;
    }

    .rap-content-card,
    .rap-faq-section,
    .rap-final-cta,
    .rap-sidebar-card,
    .rap-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .rap-hero-description {
        font-size: 16px;
    }

    .rap-hero-tags,
    .rap-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .rap-hero-tags span {
        justify-content: center;
    }

    .rap-principle-grid,
    .rap-domain-grid,
    .rap-fusion-grid,
    .rap-metadata-grid,
    .rap-exclusion-grid,
    .rap-check-grid,
    .rap-sidebar {
        grid-template-columns: 1fr;
    }

    .rap-content-card p {
        text-align: left;
    }

    .rap-badge-grid {
        grid-template-columns: 1fr;
    }

    .rap-sidebar-entry {
        flex-direction: column;
    }

    .rap-final-btn,
    .rap-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .rap-page-title {
        font-size: 32px;
    }

    .rap-section-title {
        font-size: 25px;
    }

    .rap-sidebar-title {
        font-size: 19px;
    }

    .rap-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   RESPONSIVE CSS END
========================================================= */


/* =========================================================
   RESEARCH AREA PAGE CSS END
========================================================= */
/* =========================================================
   RETRACTION POLICY PAGE CSS START
   IJACST Premium Scholarly Integrity Page
========================================================= */

.rpl-page-main {
    background: var(--bg-light);
}

/* HERO */

.rpl-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.rpl-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216,138,9,0.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,0.24), transparent 34%);
}

.rpl-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.rpl-hero-badge,
.rpl-section-badge,
.rpl-final-badge,
.rpl-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216,138,9,0.13);
    color: #ffd88a;
    border: 1px solid rgba(216,138,9,0.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 18px;
}

.rpl-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.rpl-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 700;
}

.rpl-breadcrumb a:hover {
    color: #ffd88a;
}

.rpl-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.9;
}

.rpl-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.rpl-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 800;
}

.rpl-hero-tags i {
    color: #86efac;
}

/* LAYOUT */

.rpl-main-section {
    padding: 72px 0;
}

.rpl-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.rpl-main-content,
.rpl-sidebar {
    min-width: 0;
}

/* COMMON CARDS */

.rpl-content-card,
.rpl-faq-section,
.rpl-final-cta,
.rpl-sidebar-card,
.rpl-sidebar-cta {
    background: rgba(255,255,255,.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.rpl-content-card,
.rpl-faq-section,
.rpl-final-cta {
    padding: 34px;
    margin-bottom: 30px;
}

.rpl-sidebar-card,
.rpl-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.rpl-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.rpl-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.rpl-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.rpl-content-card strong {
    color: var(--primary-navy);
}

/* GRID CARDS */

.rpl-feature-grid,
.rpl-principle-grid,
.rpl-ground-grid,
.rpl-doi-grid,
.rpl-preservation-grid,
.rpl-correction-grid,
.rpl-integrity-grid,
.rpl-tech-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.rpl-feature-grid,
.rpl-doi-grid {
    grid-template-columns: repeat(3, 1fr);
}

.rpl-principle-grid,
.rpl-ground-grid,
.rpl-preservation-grid,
.rpl-correction-grid,
.rpl-integrity-grid,
.rpl-tech-grid {
    grid-template-columns: repeat(2, 1fr);
}

.rpl-feature-card,
.rpl-principle-card,
.rpl-ground-card,
.rpl-doi-card,
.rpl-preservation-card,
.rpl-correction-card,
.rpl-integrity-card,
.rpl-tech-card,
.rpl-warning-box,
.rpl-governance-box {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.rpl-feature-card:hover,
.rpl-principle-card:hover,
.rpl-ground-card:hover,
.rpl-doi-card:hover,
.rpl-preservation-card:hover,
.rpl-correction-card:hover,
.rpl-integrity-card:hover,
.rpl-tech-card:hover,
.rpl-warning-box:hover,
.rpl-governance-box:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.rpl-feature-icon,
.rpl-ground-icon,
.rpl-preserve-icon,
.rpl-integrity-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.rpl-feature-card h3,
.rpl-principle-card h3,
.rpl-ground-card h3,
.rpl-doi-card h3,
.rpl-preservation-card h3,
.rpl-correction-card h3,
.rpl-integrity-card h3,
.rpl-tech-card h3,
.rpl-warning-box h3,
.rpl-governance-box h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.rpl-feature-card p,
.rpl-principle-card p,
.rpl-ground-card p,
.rpl-doi-card p,
.rpl-preservation-card p,
.rpl-correction-card p,
.rpl-integrity-card p,
.rpl-tech-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.rpl-principle-card span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-primary);
    color: var(--text-white);
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

.rpl-ground-card ul,
.rpl-warning-box ul,
.rpl-governance-box ul,
.rpl-submit-list ul {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.rpl-ground-card li,
.rpl-warning-box li,
.rpl-governance-box li,
.rpl-submit-list li {
    position: relative;
    padding-left: 20px;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.7;
}

.rpl-ground-card li::before,
.rpl-warning-box li::before,
.rpl-governance-box li::before,
.rpl-submit-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary-green);
    font-weight: 900;
}

.rpl-ground-card.danger {
    border-color: rgba(239,68,68,.22);
}

.rpl-wide-card {
    grid-column: 1 / -1;
}

.rpl-highlight-note {
    display: flex;
    gap: 15px;
    margin-top: 26px;
    padding: 20px;
    border-radius: var(--radius-lg);
    background: rgba(47,125,31,.08);
    border: 1px solid rgba(47,125,31,.18);
}

.rpl-highlight-note i {
    color: var(--primary-green);
    font-size: 24px;
    margin-top: 4px;
}

.rpl-highlight-note p {
    margin: 0;
}

/* WORKFLOW */

.rpl-workflow {
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.rpl-workflow-step {
    display: flex;
    gap: 18px;
    padding: 22px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    transition: var(--transition-normal);
}

.rpl-workflow-step:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.rpl-workflow-step > span {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.rpl-workflow-step h3 {
    color: var(--primary-navy);
    font-size: 20px;
    margin-bottom: 7px;
}

.rpl-workflow-step p {
    text-align: left;
    margin: 0;
}

/* ICON CARDS */

.rpl-doi-card i,
.rpl-correction-card i,
.rpl-tech-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* WRAPPERS */

.rpl-warning-wrapper,
.rpl-governance-wrapper,
.rpl-submit-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 26px;
}

/* REPORT CONTACT */

.rpl-submit-card {
    padding: 24px;
    border-radius: var(--radius-lg);
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.rpl-submit-card span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #ffd88a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.rpl-submit-card h3,
.rpl-submit-card p {
    color: var(--text-white);
}

.rpl-primary-btn {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 14px;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.rpl-primary-btn:hover {
    transform: translateY(-3px);
}

/* FAQ */

.rpl-faq-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 24px;
}

.rpl-faq-list {
    display: grid;
    gap: 14px;
}

.rpl-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.rpl-faq-item summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rpl-faq-item summary::-webkit-details-marker {
    display: none;
}

.rpl-faq-item summary i {
    color: var(--primary-gold);
    transition: var(--transition-normal);
}

.rpl-faq-item[open] summary i {
    transform: rotate(180deg);
}

.rpl-faq-answer {
    padding: 0 22px 20px;
    color: var(--text-secondary);
    line-height: 1.85;
    font-size: 15px;
}

/* FINAL CTA */

.rpl-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.rpl-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.25), transparent 35%);
}

.rpl-final-cta > * {
    position: relative;
    z-index: 2;
}

.rpl-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.rpl-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,.82);
    text-align: center;
}

.rpl-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.rpl-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 900;
}

.rpl-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.rpl-final-btn:hover {
    transform: translateY(-3px);
}

/* SIDEBAR */

.rpl-sidebar {
    position: sticky;
    top: 90px;
}

.rpl-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.rpl-sidebar-title i {
    color: var(--primary-gold);
}

.rpl-meta-list {
    display: grid;
    gap: 12px;
}

.rpl-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.rpl-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.rpl-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.rpl-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.rpl-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.rpl-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.rpl-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.rpl-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.rpl-sidebar-list {
    display: grid;
    gap: 13px;
}

.rpl-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.rpl-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,.12);
    color: var(--primary-gold-dark);
}

.rpl-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.rpl-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.rpl-quick-links {
    display: grid;
    gap: 11px;
}

.rpl-quick-links a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-weight: 850;
}

.rpl-quick-links a i {
    color: var(--primary-gold-dark);
}

.rpl-quick-links a:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.rpl-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.rpl-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.rpl-sidebar-cta p,
.rpl-sidebar-cta small {
    color: rgba(255,255,255,.82);
}

.rpl-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.rpl-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .rpl-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .rpl-feature-grid,
    .rpl-doi-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .rpl-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .rpl-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .rpl-sidebar-card,
    .rpl-sidebar-cta {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .rpl-page-hero-section {
        padding: 68px 0 60px;
    }

    .rpl-main-section {
        padding: 52px 0;
    }

    .rpl-content-card,
    .rpl-faq-section,
    .rpl-final-cta,
    .rpl-sidebar-card,
    .rpl-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .rpl-hero-description {
        font-size: 16px;
    }

    .rpl-hero-tags,
    .rpl-final-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .rpl-hero-tags span {
        justify-content: center;
    }

    .rpl-principle-grid,
    .rpl-ground-grid,
    .rpl-preservation-grid,
    .rpl-correction-grid,
    .rpl-integrity-grid,
    .rpl-tech-grid,
    .rpl-warning-wrapper,
    .rpl-governance-wrapper,
    .rpl-submit-wrapper,
    .rpl-sidebar {
        grid-template-columns: 1fr;
    }

    .rpl-wide-card {
        grid-column: auto;
    }

    .rpl-workflow-step,
    .rpl-sidebar-entry,
    .rpl-highlight-note {
        flex-direction: column;
    }

    .rpl-content-card p {
        text-align: left;
    }

    .rpl-badge-grid {
        grid-template-columns: 1fr;
    }

    .rpl-final-btn,
    .rpl-primary-btn,
    .rpl-sidebar-cta-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .rpl-page-title {
        font-size: 32px;
    }

    .rpl-section-title {
        font-size: 25px;
    }

    .rpl-sidebar-title {
        font-size: 19px;
    }

    .rpl-breadcrumb {
        flex-wrap: wrap;
    }
}

/* =========================================================
   RETRACTION POLICY PAGE CSS END
========================================================= */
/* =========================================================
   SUBMIT MANUSCRIPT PAGE CSS START
   IJACST Premium Academic Submission Page
========================================================= */

.smp-page-main {
    background: var(--bg-light);
}

/* =========================================================
   PAGE HERO SECTION START
========================================================= */

.smp-page-hero-section {
    position: relative;
    padding: 86px 0 78px;
    background: var(--gradient-dark);
    overflow: hidden;
}

.smp-page-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(216, 138, 9, 0.22), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(37, 99, 235, 0.24), transparent 34%);
}

.smp-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 980px;
}

.smp-hero-badge,
.smp-section-badge,
.smp-final-badge,
.smp-sidebar-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(216, 138, 9, 0.13);
    color: #ffd88a;
    border: 1px solid rgba(216, 138, 9, 0.35);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 18px;
}

.smp-page-title {
    color: var(--text-white);
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 900;
    margin-bottom: 18px;
}

.smp-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,0.10);
    color: rgba(255,255,255,0.78);
    font-size: 14px;
    font-weight: 700;
}

.smp-breadcrumb a:hover {
    color: #ffd88a;
}

.smp-hero-description {
    max-width: 920px;
    color: rgba(255,255,255,0.86);
    font-size: 18px;
    line-height: 1.9;
}

.smp-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.smp-hero-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.09);
    color: rgba(255,255,255,0.88);
    font-size: 13px;
    font-weight: 800;
}

.smp-hero-tags i {
    color: #86efac;
}

/* =========================================================
   PAGE HERO SECTION END
========================================================= */


/* =========================================================
   MAIN LAYOUT START
========================================================= */

.smp-main-section {
    padding: 72px 0;
}

.smp-layout-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 70%) minmax(300px, 30%);
    gap: 34px;
    align-items: start;
}

.smp-main-content,
.smp-sidebar {
    min-width: 0;
}

/* =========================================================
   MAIN LAYOUT END
========================================================= */


/* =========================================================
   COMMON CARD STYLE START
========================================================= */

.smp-content-card,
.smp-faq-section,
.smp-final-cta,
.smp-top-action-card,
.smp-sidebar-card,
.smp-sidebar-cta {
    background: rgba(255,255,255,0.90);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}

.smp-content-card,
.smp-faq-section,
.smp-final-cta,
.smp-top-action-card {
    padding: 34px;
    margin-bottom: 30px;
}

.smp-sidebar-card,
.smp-sidebar-cta {
    padding: 24px;
    margin-bottom: 26px;
}

.smp-section-badge {
    color: var(--primary-blue);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.smp-section-title {
    color: var(--primary-navy);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 16px;
}

.smp-content-card p {
    text-align: justify;
    margin-bottom: 15px;
}

.smp-content-card strong {
    color: var(--primary-navy);
}

/* =========================================================
   COMMON CARD STYLE END
========================================================= */


/* =========================================================
   TOP ACTION CARD START
========================================================= */

.smp-top-action-card {
    position: relative;
    overflow: hidden;
    background: var(--gradient-primary);
    color: var(--text-white);
}

.smp-top-action-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(216,138,9,0.22), transparent 32%),
        radial-gradient(circle at 90% 80%, rgba(255,255,255,0.08), transparent 34%);
}

.smp-top-action-card > * {
    position: relative;
    z-index: 2;
}

.smp-action-content {
    margin-bottom: 24px;
}

.smp-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #86efac;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.smp-live-badge i {
    font-size: 9px;
    animation: smpPulse 2s infinite;
}

.smp-action-content h2 {
    color: var(--text-white);
    font-size: clamp(26px, 3vw, 40px);
    margin-bottom: 12px;
}

.smp-action-content p {
    color: rgba(255,255,255,0.84);
    max-width: 780px;
}

.smp-action-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

.smp-action-btn {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 76px;
    padding: 18px;
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    color: var(--text-white);
    transition: var(--transition-normal);
}

.smp-action-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.smp-action-btn:hover {
    transform: translateY(-4px);
}

.smp-action-btn i {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,0.16);
    font-size: 20px;
}

.smp-action-btn strong,
.smp-action-btn small {
    display: block;
    line-height: 1.35;
}

.smp-action-btn strong {
    font-size: 15px;
    font-weight: 900;
}

.smp-action-btn small {
    opacity: 0.78;
    font-size: 12px;
    font-weight: 700;
}

.smp-action-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.smp-action-stats span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border-radius: 999px;
    background: rgba(255,255,255,0.10);
    color: rgba(255,255,255,0.86);
    font-size: 12.5px;
    font-weight: 800;
}

/* =========================================================
   TOP ACTION CARD END
========================================================= */


/* =========================================================
   GRID CARD SYSTEM START
========================================================= */

.smp-feature-grid,
.smp-pillar-grid,
.smp-category-grid,
.smp-checklist-grid,
.smp-ethics-grid,
.smp-tech-grid,
.smp-support-grid {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.smp-feature-grid,
.smp-tech-grid {
    grid-template-columns: repeat(3, 1fr);
}

.smp-pillar-grid,
.smp-category-grid,
.smp-checklist-grid,
.smp-ethics-grid,
.smp-support-grid {
    grid-template-columns: repeat(2, 1fr);
}

.smp-feature-card,
.smp-pillar-card,
.smp-category-card,
.smp-check-card,
.smp-ethics-card,
.smp-tech-card,
.smp-support-card {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: 22px;
    transition: var(--transition-normal);
}

.smp-feature-card:hover,
.smp-pillar-card:hover,
.smp-category-card:hover,
.smp-check-card:hover,
.smp-ethics-card:hover,
.smp-tech-card:hover,
.smp-support-card:hover {
    transform: translateY(-5px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.smp-feature-icon,
.smp-check-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(216,138,9,0.12);
    color: var(--primary-gold-dark);
    font-size: 22px;
    margin-bottom: 15px;
}

.smp-feature-card h3,
.smp-pillar-card h3,
.smp-category-card h3,
.smp-check-card h3,
.smp-ethics-card h3,
.smp-tech-card h3,
.smp-support-card h3 {
    color: var(--primary-navy);
    font-size: 19px;
    margin-bottom: 10px;
}

.smp-feature-card p,
.smp-pillar-card p,
.smp-category-card p,
.smp-check-card p,
.smp-ethics-card p,
.smp-tech-card p,
.smp-support-card p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 0;
}

.smp-pillar-card span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--gradient-primary);
    color: var(--text-white);
    font-weight: 900;
    box-shadow: var(--shadow-navy);
}

.smp-category-card > span {
    display: inline-flex;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(216,138,9,0.12);
    color: var(--primary-gold-dark);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.smp-check-card ul {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.smp-check-card li {
    position: relative;
    padding-left: 20px;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.7;
}

.smp-check-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary-green);
    font-weight: 900;
}

.smp-ethics-card i,
.smp-tech-card i,
.smp-support-card i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 17px;
    background: rgba(11,31,77,0.08);
    color: var(--primary-blue);
    font-size: 21px;
}

/* =========================================================
   GRID CARD SYSTEM END
========================================================= */


/* =========================================================
   AUDIENCE + SCOPE + BENEFIT GRID START
========================================================= */

.smp-audience-grid,
.smp-scope-grid,
.smp-benefit-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 26px;
}

.smp-audience-grid div,
.smp-scope-grid div,
.smp-benefit-grid div {
    min-height: 92px;
    padding: 16px;
    border-radius: var(--radius-lg);
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.smp-audience-grid div:hover,
.smp-scope-grid div:hover,
.smp-benefit-grid div:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-sm);
}

.smp-audience-grid i,
.smp-scope-grid i,
.smp-benefit-grid i {
    color: var(--primary-gold-dark);
    font-size: 22px;
}

.smp-audience-grid span,
.smp-scope-grid span,
.smp-benefit-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

/* =========================================================
   AUDIENCE + SCOPE + BENEFIT GRID END
========================================================= */


/* =========================================================
   WORKFLOW SECTION START
========================================================= */

.smp-workflow {
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.smp-workflow-step {
    display: flex;
    gap: 18px;
    padding: 22px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    transition: var(--transition-normal);
}

.smp-workflow-step:hover {
    transform: translateY(-4px);
    border-color: var(--border-gold);
    box-shadow: var(--shadow-md);
}

.smp-workflow-step > span {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.smp-workflow-step h3 {
    color: var(--primary-navy);
    font-size: 20px;
    margin-bottom: 7px;
}

.smp-workflow-step p {
    text-align: left;
    margin: 0;
}

/* =========================================================
   WORKFLOW SECTION END
========================================================= */


/* =========================================================
   FAQ SECTION START
========================================================= */

.smp-faq-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 24px;
}

.smp-faq-list {
    display: grid;
    gap: 14px;
}

.smp-faq-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.smp-faq-item summary {
    cursor: pointer;
    padding: 18px 22px;
    color: var(--primary-navy);
    font-weight: 900;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.smp-faq-item summary::-webkit-details-marker {
    display: none;
}

.smp-faq-item summary i {
    color: var(--primary-gold);
    transition: var(--transition-normal);
}

.smp-faq-item[open] summary i {
    transform: rotate(180deg);
}

.smp-faq-answer {
    padding: 0 22px 20px;
    color: var(--text-secondary);
    line-height: 1.85;
    font-size: 15px;
}

/* =========================================================
   FAQ SECTION END
========================================================= */


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

.smp-final-cta {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: var(--gradient-dark);
}

.smp-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(216,138,9,0.20), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,0.25), transparent 35%);
}

.smp-final-cta > * {
    position: relative;
    z-index: 2;
}

.smp-final-cta h2 {
    color: var(--text-white);
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 14px;
}

.smp-final-cta p {
    max-width: 760px;
    margin: 0 auto 24px;
    color: rgba(255,255,255,0.82);
    text-align: center;
}

.smp-final-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.smp-final-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255,255,255,0.10);
    color: var(--text-white);
    border: 1px solid rgba(255,255,255,0.18);
    font-weight: 900;
}

.smp-final-btn.primary {
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    box-shadow: var(--shadow-gold);
}

.smp-final-btn:hover {
    transform: translateY(-3px);
}

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


/* =========================================================
   SIDEBAR START
========================================================= */

.smp-sidebar {
    position: sticky;
    top: 90px;
}

.smp-sidebar-title {
    color: var(--primary-navy);
    font-size: 21px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.smp-sidebar-title i {
    color: var(--primary-gold);
}

.smp-meta-list {
    display: grid;
    gap: 12px;
}

.smp-meta-list li {
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.smp-meta-list span {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.smp-meta-list strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    line-height: 1.45;
}

.smp-sidebar-list {
    display: grid;
    gap: 13px;
}

.smp-sidebar-entry {
    display: flex;
    gap: 13px;
    padding: 15px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
}

.smp-sidebar-entry > i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(216,138,9,0.12);
    color: var(--primary-gold-dark);
}

.smp-sidebar-entry strong {
    display: block;
    color: var(--primary-navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.smp-sidebar-entry span {
    display: block;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

.smp-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.smp-badge-grid div {
    min-height: 96px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    transition: var(--transition-normal);
}

.smp-badge-grid div:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.smp-badge-grid i {
    color: var(--primary-gold-dark);
    font-size: 20px;
}

.smp-badge-grid span {
    color: var(--primary-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.smp-quick-links {
    display: grid;
    gap: 11px;
}

.smp-quick-links a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border-radius: var(--radius-md);
    background: var(--bg-soft);
    border: 1px solid var(--border-light);
    color: var(--primary-navy);
    font-weight: 850;
}

.smp-quick-links a i {
    color: var(--primary-gold-dark);
}

.smp-quick-links a:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-gold);
}

.smp-sidebar-cta {
    background: var(--gradient-primary);
    color: var(--text-white);
    box-shadow: var(--shadow-navy);
}

.smp-sidebar-cta h3 {
    color: var(--text-white);
    font-size: 24px;
    margin-bottom: 12px;
}

.smp-sidebar-cta p,
.smp-sidebar-cta small {
    color: rgba(255,255,255,0.82);
}

.smp-sidebar-cta-btn {
    min-height: 48px;
    padding: 0 18px;
    margin: 14px 0;
    border-radius: var(--radius-md);
    background: var(--gradient-gold);
    color: var(--primary-blue-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
    box-shadow: var(--shadow-gold);
}

.smp-sidebar-cta-btn:hover {
    transform: translateY(-3px);
}

/* =========================================================
   SIDEBAR END
========================================================= */


/* =========================================================
   ANIMATION START
========================================================= */

@keyframes smpPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(34,197,94,0.55);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(34,197,94,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(34,197,94,0);
    }
}

/* =========================================================
   ANIMATION END
========================================================= */


/* =========================================================
   RESPONSIVE CSS START
========================================================= */

@media (max-width: 1200px) {
    .smp-layout-wrapper {
        grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
        gap: 24px;
    }

    .smp-feature-grid,
    .smp-tech-grid {
        grid-template-columns: 1fr;
    }

    .smp-audience-grid,
    .smp-scope-grid,
    .smp-benefit-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .smp-layout-wrapper {
        grid-template-columns: 1fr;
    }

    .smp-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .smp-sidebar-card,
    .smp-sidebar-cta {
        margin-bottom: 0;
    }

    .smp-action-buttons {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .smp-page-hero-section {
        padding: 68px 0 60px;
    }

    .smp-main-section {
        padding: 52px 0;
    }

    .smp-content-card,
    .smp-faq-section,
    .smp-final-cta,
    .smp-top-action-card,
    .smp-sidebar-card,
    .smp-sidebar-cta {
        padding: 22px;
        border-radius: var(--radius-lg);
    }

    .smp-hero-description {
        font-size: 16px;
    }

    .smp-hero-tags,
    .smp-final-buttons,
    .smp-action-stats {
        flex-direction: column;
        align-items: stretch;
    }

    .smp-hero-tags span,
    .smp-action-stats span {
        justify-content: center;
    }

    .smp-pillar-grid,
    .smp-category-grid,
    .smp-checklist-grid,
    .smp-ethics-grid,
    .smp-support-grid,
    .smp-audience-grid,
    .smp-scope-grid,
    .smp-benefit-grid,
    .smp-sidebar {
        grid-template-columns: 1fr;
    }

    .smp-workflow-step,
    .smp-sidebar-entry {
        flex-direction: column;
    }

    .smp-content-card p {
        text-align: left;
    }

    .smp-badge-grid {
        grid-template-columns: 1fr;
    }

    .smp-final-btn,
    .smp-sidebar-cta-btn,
    .smp-action-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .smp-page-title {
        font-size: 32px;
    }

    .smp-section-title {
        font-size: 25px;
    }

    .smp-sidebar-title {
        font-size: 19px;
    }

    .smp-breadcrumb {
        flex-wrap: wrap;
    }

    .smp-action-btn {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* =========================================================
   RESPONSIVE CSS END
========================================================= */


/* =========================================================
   SUBMIT MANUSCRIPT PAGE CSS END
========================================================= */