/* GLOBAL */
body {
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
    overflow-x: hidden;
}

@font-face {
    font-family: 'AlgerianCustom';
    src: url('/fonts/ALGER.TTF') format('truetype');
}

.algerian-text {
    font-family: 'AlgerianCustom', serif;
    font-size: 24px;
}

/* NAVBAR OVER HERO */
.top-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    background: rgba(10, 40, 70, 0.55);
    backdrop-filter: blur(6px);
}

/* BRAND */
.brandname {   
    font-size: 50px;
    line-height: 1;
    color: #ffffff;
}
.brandnamebanner {
    font-size: 50px;
    line-height: 1;
    color: #ffffff;
}

@media (max-width: 768px) {
    .brandname {
        font-size: 32px;
    }
    .hero-content h1 {
        font-size: 36px !important;
    }

    .hero-content p{
        font-size:13px !important;
    }
}

.brandtag {
    font-size: 13px;
    color: #cfe6ff;
}

.brandlogo {
    width: 23%;
}

/* NAV LINKS */
.navbtn {
    color: #e6f2ff;
    text-decoration: none;
    padding: 7px 15px;
    margin-left: 6px;
    background: rgba(255,255,255,0.15);
    font-size: 14px;
    transition: all 0.3s ease;
}

    .navbtn:hover,
    .navbtn.active {
        background: #1f6fd6;
        color: #fff;
    }

/* LOGIN BUTTON — stands out from regular nav links */
.navbtn-login {
    background: linear-gradient(135deg, #f97316, #ef4444) !important;
    color: #fff !important;
    border-radius: 999px;
    padding: 6px 18px !important;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-left: 10px !important;
    box-shadow: 0 2px 8px rgba(239,68,68,0.35);
    transition: all 0.25s ease;
}
.navbtn-login:hover {
    background: linear-gradient(135deg, #ea580c, #dc2626) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(239,68,68,0.45);
    transform: translateY(-1px);
}

/* HAMBURGER ICON FIX */
.custom-toggler {
    border-color: rgba(255,255,255,0.8);
}

    .custom-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.95)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

/* HERO */
.hero {
    position: relative;
    height: 80vh;
    padding-top: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* BACKGROUND SLIDER */
.slider {
    background-size: cover;
    background-position: center;
    animation: slideShow 18s infinite ease-in-out;
}

@keyframes slideShow {
    0% {
        background-image: url('/images/banner-home-01.jpg');
        transform: scale(1);
    }

    33% {
        background-image: url('/images/banner-home-02.jpg');
        transform: scale(1.05);
    }

    66% {
        background-image: url('/images/banner-home-03.jpg');
        transform: scale(1.08);
    }

    100% {
        background-image: url('/images/banner-home-01.jpg');
        transform: scale(1);
    }
}

/* OVERLAY */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(5, 25, 50, 0.65);
}

/* HERO CONTENT */
.hero-content {
    position: relative;
    color: #ffffff;
    z-index: 2;
    max-width: 820px;
    animation: fadeUp 1.5s ease;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

.hero-content h1 {
    font-size: 70px;
    letter-spacing: 3px;
    font-weight: 700;
}

.hero-content p {
    font-size: 18px;
    margin-top: 10px;
    color: #dceeff;
}

/* BUTTONS */
.hero-buttons {
    margin-top: 25px;
}

    .hero-buttons .btn {
        padding: 10px 26px;
        border-radius: 30px;
        font-size: 16px;
    }

/* FOOTER BASE */
.footer-modern {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #0b2a4a, #123c6d);
}

/* BACKGROUND IMAGE */
.footerbackground {
    background: url('/images/banner-home-01.jpg') center / cover no-repeat;
    position: relative;
}

/* DARK OVERLAY (KEY FIX) */
.footer-overlay {
    background: rgba(5, 25, 50, 0.65);    
    backdrop-filter: blur(2px);
}

/* LINKS */
.footer-modern a {
    color: #dbe9ff;
    text-decoration: none;
}

    .footer-modern a:hover {
        text-decoration: underline;
    }

/* SECTION TITLES */
.footer-title {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 12px;
    color: #ffffff;
}

/* VISITOR COUNT */
.visitor-box {
    background: #ffffff;
    color: #0b2a4a;
    padding: 6px 14px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
}

/* COPYRIGHT STRIP */
.footer-bottom {
    background: linear-gradient(90deg, #081f35, #0b2a4a);
    font-size: 14px;
}




.main-title {
    position: relative;
    display: inline-block;
    height: 45px;
    margin: 10px 0;
    line-height: 45px;
    font-size: 2.6rem;
    font-weight: 600;
    color: #c10705;
    font-family: ui-monospace;
}

.main-subtitle {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 10px 6px 0;
    padding: 0;
    line-height: 1;
    font-family: ui-monospace;
    font-weight: 700;
    color: #212529;
    margin-bottom: 20px;
}

#currentIssue {
    border: 2px solid #def0f5;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 90%;
    margin: -100px auto 0;
    background: #def0f5;
}

.issueText{
    text-align:justify;
}

.footer-header {
    font-size: 32px;
    line-height: 1;
    color: #ffffff;
}

.gradient-ethics {
    background: linear-gradient(135deg, #4facfe, #6a11cb);
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s ease;
}

    .gradient-ethics:hover {
        background: linear-gradient(135deg, #3a9df8, #5b0fc1);
        color: #fff;
    }

/* Call For Papers – Orange → Pink */
.gradient-cfp {
    background: linear-gradient(135deg, #ff9a44, #ff3d77);
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s ease;
}

    .gradient-cfp:hover {
        background: linear-gradient(135deg, #ff8a2b, #ff245f);
        color: #fff;
    }


.navbtn{
    font-size:14px !important;
}


@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

.blink-animation {
    animation: blink 1.5s infinite;
}

/* Optional: Add pulsing effect instead of just opacity change */
.blink-animation:hover {
    animation: none;
    transform: scale(1.05);
    transition: transform 0.3s ease;
}


.journal-wrapper {
    max-width: 1320px;
    margin: 2rem auto;
    padding: 0 1.5rem;
}

/* ---------- refined header with deep aura ---------- */
.resonance-header {
    position: relative;
    background: radial-gradient(ellipse at 30% 40%, #0a2647, #081c34);
    background: linear-gradient(125deg, #0b2b4e 0%, #1a3b5c 45%, #2d4b6e 100%);
    color: white;
    padding: 4.5rem 2.5rem;
    border-radius: 3.5rem 3.5rem 3.5rem 3.5rem;
    margin-bottom: 3.5rem;
    box-shadow: 0 30px 45px -20px rgba(0, 35, 70, 0.5), 0 8px 20px -8px rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(2px);
    overflow: hidden;
}

    .resonance-header::before {
        content: '';
        position: absolute;
        inset: 0;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.08"><path d="M20 30 Q 40 10 60 30 T 90 30" stroke="white" fill="none" stroke-width="1.5"/><circle cx="25" cy="65" r="3" fill="white"/><circle cx="75" cy="45" r="4" fill="white"/><circle cx="55" cy="80" r="2" fill="white"/></svg>');
        background-size: 180px 180px;
        background-repeat: repeat;
        mix-blend-mode: overlay;
        pointer-events: none;
    }

.header-content {
    position: relative;
    z-index: 3;
    text-align: center;
}

.resonance-header h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 5.2rem;
    letter-spacing: -0.02em;
    line-height: 1.1;
    text-shadow: 0 4px 20px rgba(0,0,0,0.3);
    background: linear-gradient(to right, #fff, #f0e6d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.4rem;
}

.header-sub {
    font-size: 1.8rem;
    font-weight: 300;
    letter-spacing: 2px;
    word-spacing: 6px;
    color: rgba(255, 245, 220, 0.95);
    text-transform: uppercase;
    border-bottom: 2px solid rgba(255,215,140,0.35);
    display: inline-block;
    padding-bottom: 0.3rem;
    margin-bottom: 1rem;
    backdrop-filter: blur(2px);
}

.header-tagline {
    font-size: 1.4rem;
    font-weight: 300;
    background: rgba(10, 30, 50, 0.6);
    backdrop-filter: blur(8px);
    display: inline-block;
    padding: 0.6rem 2rem;
    border-radius: 60px;
    border: 1px solid rgba(255, 215, 160, 0.25);
    color: #f5e9d8;
    box-shadow: 0 8px 18px -6px rgba(0,0,0,0.3);
}

/* ---------- elegant content cards ---------- */
.elegant-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.7);
    border-radius: 2.5rem;
    padding: 2.5rem 2.8rem;
    margin-bottom: 2.2rem;
    box-shadow: 0 20px 40px -18px rgba(0,40,80,0.25), 0 6px 12px -6px rgba(0,0,0,0.05);
    transition: all 0.25s ease;
    color: #1e2f44;
}

    .elegant-card:hover {
        transform: scale(1.01) translateY(-4px);
        box-shadow: 0 32px 55px -20px #0b2b4e55, 0 8px 18px -10px #0a1e32;
        background: rgba(255, 255, 255, 0.96);
        border-color: rgba(255,255,240,0.9);
    }

.section-title-modern {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 2.2rem;
    letter-spacing: -0.3px;
    background: linear-gradient(135deg, #0f3b5e, #2d4b6e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1.4rem;
    padding-bottom: 0.6rem;
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(to right, #b3c9e0, #809ab3, #b3c9e0);
    border-image-slice: 1;
    display: inline-block;
}

.elegant-card p {
    font-weight: 350;
    font-size: 1.08rem;
    color: #1f3a4f;
    margin-bottom: 1.2rem;
    text-align: justify;
    line-height: 1.75;
}

.elegant-card ul {
    list-style: none;
    padding-left: 0.5rem;
}

.elegant-card li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 0.7rem;
    font-weight: 380;
    font-size: 1.06rem;
}

    .elegant-card li::before {
        content: "·";
        position: absolute;
        left: 0;
        color: #9b7b5c;
        font-size: 1.2rem;
        opacity: 0.75;
    }

/* quick checklist bullets */
.checklist-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    line-height: 1.9;
}

    .checklist-list li {
        padding-left: 1.8rem;
        margin-bottom: 0.55rem;
        font-weight: 450;
    }

        .checklist-list li::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: #1f6fd6;
            font-size: 1.05rem;
            opacity: 0.95;
        }

/* outcome badges */
.review-outcomes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.2rem;
    margin: 1.5rem 0 1rem;
}

.outcome-pill {
    background: #e9eef3;
    padding: 0.4rem 1.4rem;
    border-radius: 40px;
    font-size: 0.95rem;
    font-weight: 500;
    color: #1b3b4f;
    border: 1px solid rgba(75, 130, 180, 0.3);
    box-shadow: inset 0 -1px 2px rgba(255,255,255,0.8);
    transition: 0.15s;
}

    .outcome-pill:hover {
        background: #dae6f2;
        border-color: #0d6efd55;
    }

/* footnote / editorial note */
.editorial-note {
    background: rgba(230, 241, 250, 0.6);
    border-radius: 2rem;
    padding: 1rem 2rem;
    margin-top: 1.5rem;
    font-style: italic;
    border-left: 5px solid #7a9bcb;
    font-weight: 330;
    backdrop-filter: blur(4px);
}

/* subtle decorative divider */
.divider-wave {
    width: 100%;
    height: 12px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 20" preserveAspectRatio="none"><path d="M0,10 Q30,4 60,10 T120,10 T180,10 T240,10 T300,10 T360,10 T420,10 T480,10 T540,10 T600,10 T660,10 T720,10 T780,10 T840,10 T900,10 T960,10 T1020,10 T1080,10 T1140,10 T1200,10" stroke="%239fb6d0" fill="none" stroke-width="2" opacity="0.4"/></svg>') repeat-x;
    background-size: 200px 12px;
    margin: 1rem 0 0.5rem;
}

/* responsiveness */
@media (max-width: 768px) {
    .resonance-header h1 {
        font-size: 3.8rem;
    }

    .header-sub {
        font-size: 1.4rem;
    }

    .elegant-card {
        padding: 2rem 1.5rem;
    }

    .section-title-modern {
        font-size: 1.9rem;
    }
}

/* special list for two‑file requirement */
.file-list {
    list-style: none;
    padding-left: 0.5rem;
}

    .file-list li {
        padding-left: 2.2rem;
        margin-bottom: 1rem;
    }

        .file-list li::before {
            content: "";
            position: absolute;
            left: 0;
            color: #2d5a7a;
            font-size: 1.2rem;
            opacity: 0.9;
        }

/* pill for small metadata */
.format-pill {
    background: #e4ebf3;
    border-radius: 30px;
    padding: 0.2rem 1rem;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 500;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid #b7cfdf;
}

.note-box {
    background: #e3eef8;
    border-radius: 1.8rem;
    padding: 1.3rem 2rem;
    margin: 1.5rem 0 0.5rem;
    border-left: 8px solid #1d4d6f;
    font-style: normal;
    box-shadow: inset 0 2px 6px rgba(255,255,255,0.6);
}

.divider-wave {
    width: 100%;
    height: 12px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 20" preserveAspectRatio="none"><path d="M0,10 Q30,4 60,10 T120,10 T180,10 T240,10 T300,10 T360,10 T420,10 T480,10 T540,10 T600,10 T660,10 T720,10 T780,10 T840,10 T900,10 T960,10 T1020,10 T1080,10 T1140,10 T1200,10" stroke="%239fb6d0" fill="none" stroke-width="2" opacity="0.4"/></svg>') repeat-x;
    background-size: 200px 12px;
    margin: 1rem 0 0.5rem;
}

@media (max-width: 768px) {
    .resonance-header h1 {
        font-size: 3.8rem;
    }

    .header-sub {
        font-size: 1.4rem;
    }

    .elegant-card {
        padding: 2rem 1.5rem;
    }

    .section-title-modern {
        font-size: 1.9rem;
    }
}

.responsive-iframe {
    width: 100%;
    height: 85vh; /* responsive height based on screen */
    border: none;
    border-radius: 1.5rem;
}


/* Hero Section Base */
.journal-hero {
    position: relative;
    background: linear-gradient(145deg, #f9f6f2 0%, #f0ebe4 100%);
    min-height: 600px;
    display: flex;
    align-items: center;
    padding: 3rem 0;
    margin-top: -1px; /* subtle merge with header */
    border-bottom: 1px solid rgba(0,0,0,0.05);
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

/* Soft overlay for depth */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 10% 20%, rgba(255,255,240,0.3) 0%, transparent 40%);
    pointer-events: none;
}

.hero-container {
    position: relative;
    z-index: 5;
}

.hero-row {
    min-height: 500px;
}

/* Text column */
.hero-text-col {
    padding-right: 2rem;
}

.hero-badge {
    display: inline-block;
    background: rgba(139, 69, 19, 0.08); /* warm saddlebrown tint */
    color: #5e3a2b;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 0.5rem 1.2rem;
    border-radius: 40px;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(139, 69, 19, 0.15);
    backdrop-filter: blur(4px);
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
}

.hero-main-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 5.2rem;
    font-weight: 700;
    line-height: 1;
    color: #2d2a24;
    margin-bottom: 0.3rem;
    letter-spacing: -0.02em;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.02);
}

.hero-subtitle {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem;
    font-weight: 400;
    color: #6b5847;
    margin-bottom: 1.8rem;
    border-bottom: 1px dashed #cbb89e;
    padding-bottom: 0.75rem;
    display: inline-block;
}

.hero-description {
    margin-bottom: 2rem;
}

.hero-text {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #3f3a33;
    font-weight: 300;
    max-width: 95%;
    text-align: justify;
}

.dropcap {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3.2rem;
    float: left;
    line-height: 0.85;
    margin-right: 0.5rem;
    color: #8b5a2b;
    font-weight: 600;
    padding-top: 0.2rem;
}

.hero-meta {
    display: flex;
    gap: 1.8rem;
    margin-bottom: 2.2rem;
    flex-wrap: wrap;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.95rem;
    color: #5b4b3a;
    background: rgba(255,255,255,0.5);
    padding: 0.3rem 1rem;
    border-radius: 30px;
    backdrop-filter: blur(2px);
    border: 1px solid #e2d6ca;
}

    .meta-item i {
        font-size: 1.2rem;
        color: #8f6b46;
    }

/* Button */
.hero-btn {
    display: inline-flex;
    align-items: center;
    background: #2d2a24;
    color: white;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.9rem 2.2rem;
    border-radius: 40px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #2d2a24;
    letter-spacing: 0.3px;
    box-shadow: 0 10px 15px -8px rgba(0,0,0,0.2);
}

    .hero-btn:hover {
        background: #4a4036;
        border-color: #4a4036;
        color: white;
        transform: translateY(-3px);
        box-shadow: 0 20px 25px -10px rgba(45,42,36,0.3);
    }

/* Image column */
.hero-image-col {
    position: relative;
}

.image-frame {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.08), -5px -5px 15px rgba(255, 250, 240, 0.6);
    transform: perspective(800px) rotateY(-2deg) rotateX(1deg);
    transition: transform 0.4s ease;
    background: #fffaf2;
    border: 1px solid #f0e3d5;
}

    .image-frame:hover {
        transform: perspective(800px) rotateY(-1deg) rotateX(0.5deg) scale(1.01);
    }

.hero-image {
    width: 100%;
    height: auto;
    display: block;
    mix-blend-mode: normal;
    transition: scale 0.3s;
}

.image-caption {
    text-align: right;
    font-size: 0.9rem;
    color: #9b8a78;
    margin-top: 0.75rem;
    font-style: italic;
    letter-spacing: 0.3px;
    padding-right: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .hero-main-title {
        font-size: 4rem;
    }

    .hero-subtitle {
        font-size: 1.5rem;
    }

    .hero-text-col {
        padding-right: 0;
        margin-bottom: 2.5rem;
    }

    .hero-meta {
        gap: 1rem;
    }

    .image-frame {
        transform: none;
        max-width: 450px;
        margin: 0 auto;
    }

    .hero-image-col {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .hero-main-title {
        font-size: 3.2rem;
    }

    .hero-badge {
        font-size: 0.75rem;
        padding: 0.4rem 1rem;
    }

    .hero-text {
        font-size: 1rem;
    }

    .hero-meta {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }
}


.paper-year {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
}

.paper-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.paper-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.view-more-link {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.7);
    padding-bottom: 2px;
}

    .view-more-link:hover {
        color: #f8f9fa;
        border-color: #f8f9fa;
    }

/* ── ARTICLE DETAIL — academic paper layout ──────────────────── */
.article-paper-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 18px rgba(0,0,0,0.10);
    padding: 52px 60px 60px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 15.5px;
    line-height: 1.75;
    color: #111;
    margin: 0 auto;
}

.article-paper-title-wrap {
    display: table;
    margin-bottom: 22px;
}

.article-paper-title {
    font-size: 23px;
    font-weight: 700;
    color: #111;
    line-height: 1.35;
    margin: 0 0 10px;
    text-align: left;
}

.article-paper-rule {
    height: 4px;
    background: #8b1a1a;
    border: none;
    margin: 0;
    width: 100%;
}

.article-paper-author {
    font-size: 18px;
    margin-bottom: 4px;
    color: #8b1a1a;
}

.article-paper-affiliation {
    font-size: 13.5px;
    color: #333;
    margin-bottom: 14px;
    line-height: 1.5;
}

.article-paper-affiliation p {
    margin: 0;
}

.article-paper-dates {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.article-date-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #f4f6f9;
    border: 1px solid #dce1ea;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 13px;
    color: #333;
    font-family: 'Segoe UI', sans-serif;
}

.article-date-badge i {
    font-size: 15px;
    color: #5a6a8a;
}

.article-date-badge.article-date-accepted i {
    color: #2a7a4b;
}

.article-date-label {
    font-weight: 600;
    color: #444;
}

.article-paper-abstract {
    margin-bottom: 18px;
    text-align: justify;
}

.article-paper-abstract p {
    margin: 0;
    hyphens: auto;
    font-size: 15px;
}

.article-paper-abstract p strong {
    font-size: 18px;
    color: #8b1a1a;
}

.article-paper-keywords {
    font-size: 15px;
    color: #111;
    border-top: 1px solid #ddd;
    padding-top: 14px;
    margin-top: 8px;
}

.article-paper-keywords strong {
    font-size: 18px;
    color: #8b1a1a;
}

.article-paper-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
    padding-top: 22px;
    border-top: 1px solid #ddd;
}

.article-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: transparent;
    color: #8b1a1a;
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 5px;
    border: 2px solid #8b1a1a;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.article-back-btn i {
    font-size: 16px;
}

.article-back-btn:hover {
    background: #8b1a1a;
    color: #fff;
}

.article-download-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #8b1a1a;
    color: #fff;
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.2s ease;
}

.article-download-btn i {
    font-size: 17px;
}

.article-download-btn:hover {
    background: #6e1414;
    color: #fff;
}

@media (max-width: 640px) {
    .article-paper-card {
        padding: 28px 18px 36px;
    }
    .article-paper-title {
        font-size: 18px;
    }
}