/* ============================= RESET & BASE ============================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; min-height: 100vh; background: #fff; color: #1e293b; }
a { text-decoration: none; color: inherit; }
button { cursor: pointer; font-family: inherit; }
img { max-width: 100%; display: block; }
ul { list-style: none; }

/* ============================= NAVBAR ============================= */
#navbar {
  width: 100%;
  border-bottom: 1px solid rgba(0,0,0,.15);
  background: rgba(255,255,255,.7);
  backdrop-filter: blur(8px);
  position: sticky; top: 0; z-index: 100;
}
.nav-inner {
  max-width: 1280px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 32px;
  gap: 16px;
}
.nav-logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.nav-logo img { height: 44px; width: 44px; object-fit: contain; }
.nav-logo-text { font-size: 16px; font-weight: 600; letter-spacing: .3px; line-height: 1.2; }
.nav-logo-text span { color: #6b7280; font-size: 13px; font-weight: 400; }

/* links wrap – flex, no shrink, even gap */
.nav-links-wrap { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
.nav-links { display: flex; align-items: center; gap: 18px; }

/* every nav link / dropdown trigger: 15px, consistent weight */
.nav-link { font-size: 15px; color: #374151; transition: color .2s; white-space: nowrap; font-weight: 500; }
.nav-link:hover { color: #065f46; }
.nav-link.active { color: #065f46; font-weight: 700; }

/* About dropdown */
.nav-dropdown { position: relative; }
.nav-dropdown-trigger {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 15px; color: #374151; cursor: pointer; font-weight: 500; white-space: nowrap;
}
.nav-dropdown-trigger img { width: 11px; height: 11px; opacity: .6; }
.nav-dropdown-menu {
  position: absolute; left: 0; top: 100%; margin-top: 8px;
  width: 210px; border-radius: 6px;
  border: 1px solid rgba(0,0,0,.15);
  background: rgba(255,255,255,.92); backdrop-filter: blur(6px);
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
  opacity: 0; visibility: hidden; transition: opacity .15s, visibility .15s;
  z-index: 50;
}
.nav-dropdown:hover .nav-dropdown-menu { opacity: 1; visibility: visible; }
.nav-dropdown-menu a {
  display: block; padding: 8px 14px; font-size: 14px; color: #374151;
  transition: background .15s;
}
.nav-dropdown-menu a:hover { background: #d1fae5; }

/* Contact pill – slightly tighter to stay compact */
.nav-contact-btn {
  border: 1px solid #065f46; border-radius: 9999px;
  padding: 6px 18px; font-size: 15px; font-weight: 600;
  color: #fff; background: #065f46; transition: background .2s;
  white-space: nowrap; flex-shrink: 0;
}
.nav-contact-btn:hover { background: #054c38; }

/* Mobile hamburger */
.nav-hamburger {
  display: none; border: 1px solid #ccc; border-radius: 4px;
  padding: 4px 10px; font-size: 20px; background: #fff; flex-shrink: 0;
}
.nav-mobile-menu {
  display: none; border-top: 1px solid #e5e7eb; background: #fff;
  width: 100%; padding: 12px 24px;
}
.nav-mobile-menu.open { display: block; }
.nav-mobile-menu a { display: block; color: #374151; font-size: 14px; padding: 6px 0; }
.nav-mobile-contact {
  display: block; border: 1px solid #065f46; border-radius: 9999px;
  padding: 6px 16px; font-size: 14px; font-weight: 500;
  color: #065f46; text-align: center; margin-top: 8px;
}

@media (min-width: 768px) { .nav-hamburger { display: none; } .nav-links-wrap { display: flex; } }
@media (max-width: 767px)  { .nav-links-wrap { display: none; } .nav-hamburger { display: block; } }

/* ============================= FOOTER ============================= */
#footer { background: #e6efed; padding: 48px 24px 0; }
.footer-inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 48px; }
.footer-brand { text-align: left; }
.footer-brand-head { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.footer-brand-head img { width: 40px; height: 40px; }
.footer-brand-head h2 { font-size: 18px; font-weight: 600; color: #1f2937; }
.footer-brand p { font-size: 14px; color: #4b5563; line-height: 1.6; }
.footer-col { max-width: 200px; margin: 0 auto; text-align: left; }
.footer-col h3 { font-size: 16px; font-weight: 600; color: #1f2937; margin-bottom: 16px; }
.footer-col li { margin-bottom: 12px; }
.footer-col a { font-size: 14px; color: #4b5563; transition: color .2s; }
.footer-col a:hover { color: #054c38; }
.footer-bar { max-width: 1280px; margin: 40px auto 0; padding: 24px 0; display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #4b5563; }
@media (max-width: 767px) {
  .footer-inner { grid-template-columns: 1fr; gap: 24px; }
  .footer-bar { flex-direction: column; gap: 8px; text-align: center; }
}

/* ============================= SHARED ============================= */
.page-wrap { width: 100%; min-height: 60vh; }

/* Green header banner */
.green-header { background: #065f46; color: #fff; text-align: center; padding: 64px 24px; font-family: 'Times New Roman', Times, serif; }
.green-header-badge { display: inline-block; padding: 4px 16px; border-radius: 9999px; background: #d1fae5; color: #065f46; font-size: 14px; margin-bottom: 16px; }
.green-header h1 { font-size: 36px; font-weight: 600; margin-bottom: 12px; }
.green-header p { max-width: 672px; margin: 0 auto; font-size: 14px; opacity: .9; font-family: sans-serif; }

/* Action buttons */
.action-btns { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 40px; }
.btn-primary {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1px solid #065f46; background: #065f46; color: #fff;
  padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: 500;
  transition: background .2s, color .2s;
}
.btn-primary:hover { background: #fff; color: #065f46; }
.btn-primary .btn-icon { width: 20px; height: 20px; object-fit: contain; }
.btn-outline {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1px solid #065f46; background: transparent; color: #065f46;
  padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: 500;
  transition: background .2s, color .2s;
}
.btn-outline:hover { background: #065f46; color: #fff; }
.btn-outline .btn-icon { width: 20px; height: 20px; object-fit: contain; }
.btn-icon-default { display: block; }
.btn-icon-hover  { display: none; }
.btn-primary:hover .btn-icon-default, .btn-outline:hover .btn-icon-default { display: none; }
.btn-primary:hover .btn-icon-hover,  .btn-outline:hover .btn-icon-hover  { display: block; }

/* ============================= HOME ============================= */
.home-hero { display: flex; align-items: flex-start; padding: 28px 48px; background: #fff; }
.home-hero-left { width: 50%; }
.home-hero-right { width: 50%; display: flex; justify-content: center; }
.home-hero-right img { width: 420px; max-width: 100%; drop-shadow: 0 10px 40px rgba(0,0,0,.2); }
.issn-badge { display: inline-flex; align-items: center; padding: 4px 16px; border-radius: 9999px; background: #d1fae5; color: #065f46; font-weight: 600; font-size: 14px; margin-bottom: 16px; }
.home-hero-left h1 { font-size: 58px; font-weight: 700; font-family: 'Times New Roman', Times, serif; line-height: 1.15; color: #0f172a; margin-bottom: 20px; }
.home-hero-left h1 .green { color: #065f46; font-style: italic; }
.home-hero-left > p { color: #9ca3af; max-width: 480px; margin-bottom: 24px; font-size: 15px; line-height: 1.6; }

.aim-section { border: 1px solid #065f46; background: #e6efed; padding: 16px 24px; border-radius: 8px; margin: 0 40px; }
.aim-section h1 { font-size: 36px; font-weight: 700; color: #065f46; font-family: 'Times New Roman', Times, serif; margin-bottom: 12px; }
.aim-section p { color: #065f46; font-size: 17px; line-height: 1.7; }

.indexed-section { width: 100%; padding: 64px 24px; text-align: center; }
.indexed-section .label { color: #94a3b8; margin-bottom: 20px; font-size: 14px; letter-spacing: 1px; }
.indexed-tags { margin-bottom: 80px; }
.indexed-tags span { display: inline-block; background: #f3f3f3; color: #d0d0d0; padding: 8px 12px; margin: 0 12px 8px; border-radius: 4px; font-size: 14px; font-weight: 600; }
.indexed-section h2 { font-size: 30px; font-family: 'Times New Roman', Times, serif; margin-bottom: 16px; }
.indexed-section > p { color: #475569; max-width: 700px; margin: 0 auto; }

.features-grid { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 32px; padding: 48px 16px; background: #fff; }
.feature-card { background: #fff; border-radius: 16px; padding: 32px; box-shadow: 0 4px 24px rgba(0,0,0,.08); transition: box-shadow .3s; }
.feature-card:hover { box-shadow: 0 8px 40px rgba(0,0,0,.15); }
.feature-icon { width: 48px; height: 48px; background: #f3f4f6; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.feature-icon img { width: 32px; height: 32px; object-fit: contain; }
.feature-card h3 { font-size: 22px; font-weight: 600; color: #111827; margin-bottom: 12px; }
.feature-card p { color: #4b5563; line-height: 1.6; }

.stats-section { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; padding: 64px 24px; }
.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.stat-card { border-radius: 16px; height: 192px; padding: 24px; display: flex; flex-direction: column; justify-content: center; box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.stat-card.white { background: #fff; color: #374151; align-items: center; text-align: center; box-shadow: 0 4px 24px rgba(0,0,0,.12); }
.stat-card.white img { width: 40px; height: 40px; margin-bottom: 12px; }
.stat-card.white p { font-weight: 600; letter-spacing: .5px; font-size: 14px; }
.stat-card.dark { background: #0f172a; color: #fff; }
.stat-card.dark .stat-label { font-size: 13px; text-transform: uppercase; color: #9ca3af; }
.stat-card.dark h2 { font-size: 40px; font-family: 'Prata', serif; margin-top: 4px; }
.stat-card.green { background: #065f46; color: #fff; }
.stat-card.green .stat-label { font-size: 13px; text-transform: uppercase; color: #6ee7b7; }
.stat-card.green h2 { font-size: 30px; font-family: 'Prata', serif; margin-top: 4px; }
.stats-text h1 { font-size: 34px; color: #0f172a; font-family: 'Times New Roman', Times, serif; margin-bottom: 24px; }
.stats-text h3 { font-size: 20px; font-weight: 600; color: #1e293b; margin-bottom: 4px; }
.stats-text p { color: #64748b; margin-bottom: 20px; }
.stats-quote { border-left: 4px solid #10b981; padding-left: 16px; font-style: italic; color: #334155; margin-bottom: 20px; }
.stats-quote .email { color: #34d399; font-weight: 500; font-style: normal; }
.stats-author { font-weight: 600; color: #1e293b; }
.stats-author-role { color: #9ca3af; font-size: 14px; }

.resources-section { background: #0f172a; padding: 80px 24px 60px; text-align: center; }
.resources-section h1 { color: #fff; font-size: 36px; font-family: 'Times New Roman', Times, serif; margin-bottom: 64px; }
.resources-grid { display: grid; grid-template-columns: repeat(3,280px); gap: 40px; justify-content: center; }
.resource-card { background: #1b2335; border: 1px solid #374151; border-radius: 16px; height: 176px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(0,0,0,.2); transition: background .2s; }
.resource-card:hover { background: #333a4a; }
.resource-card img { width: 40px; height: 40px; margin-bottom: 12px; }
.resource-card h2 { color: #fff; font-size: 20px; font-weight: 600; }
.resource-card p { color: #9ca3af; font-size: 14px; margin-top: 4px; }

/* ============================= ARCHIVES ============================= */
.archives-wrap { padding: 32px 24px; max-width: 1152px; margin: 0 auto; }
.archives-wrap > h1 { font-size: 30px; font-weight: 600; font-family: 'Times New Roman', Times, serif; margin-bottom: 20px; }
.year-bar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 24px; }
.year-bar-label { font-size: 22px; font-weight: 600; font-family: 'Times New Roman', Times, serif; margin-right: 6px; }
.year-btn {
  height: 38px; padding: 0 20px; border-radius: 9999px;
  border: 1px solid #d1d5db; background: #fff; font-size: 15px; font-weight: 500;
  transition: background .2s, color .2s, border-color .2s;
}
.year-btn:hover { background: #f3f4f6; }
.year-btn.active { background: #065f46; color: #fff; border-color: #065f46; }

.volumes-bg { background: rgba(6,95,70,.1); padding: 28px 24px; }
.volumes-grid {
  max-width: 1152px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(4,1fr); gap: 14px;
}
.volume-btn {
  display: block; width: 100%; text-align: center;
  background: #065f46; color: #fff; border: none; border-radius: 6px;
  padding: 10px 8px; font-size: 14px; font-weight: 600;
  transition: background .2s; text-decoration: none;
}
.volume-btn:hover { background: #054c38; color: #fff; }

/* ============================= ARTICLES ============================= */
.articles-wrap { background: #f9fafb; min-height: 60vh; padding: 40px 24px; }
.articles-inner { max-width: 1100px; margin: 0 auto; }
.articles-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; flex-wrap: wrap; gap: 12px; }
.articles-header h1 { font-size: 28px; font-weight: 700; font-family: 'Times New Roman', Times, serif; }
.back-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: #065f46; color: #fff; border: none; border-radius: 6px;
  padding: 8px 16px; font-size: 14px; font-weight: 500;
  transition: background .2s; text-decoration: none;
}
.back-btn:hover { background: #054c38; color: #fff; }

.article-card { display: flex; flex-direction: row; justify-content: space-between; background: #e6efed; border: 2px solid #065f46; border-radius: 16px; padding: 24px; margin-bottom: 24px; gap: 24px; }
.article-left { flex: 1; min-width: 0; }
.article-right { width: 280px; min-width: 240px; display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.article-serial { font-weight: 600; font-size: 13px; color: #374151; margin-bottom: 8px; }
.article-title { font-size: 19px; font-weight: 700; color: #1f2937; font-family: 'Times New Roman', Times, serif; margin-bottom: 12px; line-height: 1.4; }
.article-authors, .article-pages { font-size: 14px; color: #556275; margin-bottom: 4px; }
.article-authors strong, .article-pages strong { color: #000; }
.toggle-link { color: #065f46; font-weight: 600; font-size: 14px; cursor: pointer; border: none; background: none; margin-top: 8px; padding: 0; }
.toggle-link:hover { text-decoration: underline; }
.expandable-box { margin-top: 16px; background: #dde8e3; padding: 16px; border-radius: 8px; color: #374151; font-size: 14px; line-height: 1.7; display: none; }
.expandable-box.open { display: block; }
.doi-row { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.doi-row img { width: 40px; height: 40px; object-fit: contain; }
.doi-row span { font-size: 13px; font-weight: 500; color: #374151; }
.pdf-btn { background: #065f46; color: #fff; border: none; border-radius: 6px; padding: 8px 16px; font-size: 14px; cursor: pointer; margin-bottom: 12px; transition: background .2s; }
.pdf-btn:hover { background: #10b981; }
.article-meta { font-size: 13px; color: #374151; margin-bottom: 4px; }
.article-meta strong { font-weight: 600; }
.citation-btns { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; margin-top: 12px; }
.cite-btn { background: #065f46; color: #fff; border: none; border-radius: 6px; padding: 6px 12px; font-size: 13px; cursor: pointer; transition: background .2s; }
.cite-btn:hover { background: #10b981; }

/* ============================= CONTACT ============================= */
.contact-wrap { width: 100%; }
.contact-body { max-width: 1280px; margin: 0 auto; padding: 64px 24px; display: flex; gap: 48px; align-items: flex-start; }
.contact-form-wrap { flex: 1; background: #fff; border-radius: 16px; box-shadow: 0 4px 24px rgba(0,0,0,.1); padding: 32px; }
.contact-form-wrap h2 { font-size: 24px; font-weight: 600; margin-bottom: 24px; }
.contact-form-wrap h2 span { color: #065f46; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 500; }
.form-group input, .form-group textarea { width: 100%; border: 1px solid #d1d5db; border-radius: 8px; padding: 8px 16px; font-size: 14px; font-family: inherit; }
.form-group textarea { resize: vertical; }
.form-submit { width: 100%; background: #065f46; color: #fff; border: none; border-radius: 8px; padding: 12px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background .2s; }
.form-submit:hover { background: #064e3b; }
.contact-right { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.contact-right > img { width: 100%; border-radius: 16px; box-shadow: 0 4px 24px rgba(0,0,0,.1); }
.editorial-office { background: #fff; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,.08); padding: 24px; }
.editorial-office h3 { font-size: 20px; font-weight: 600; margin-bottom: 16px; }
.office-row { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.office-row .icon { color: #065f46; font-size: 18px; }
.office-row p { font-weight: 500; font-size: 14px; }
.office-row .sub { font-weight: 400; color: #4b5563; font-size: 13px; }

/* ============================= EDITORIAL ============================= */
.editorial-grid { max-width: 1152px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 32px; padding: 56px 24px; }
.editorial-card { background: #ecfdf5; border: 1px solid #b2cdc6; border-radius: 12px; text-align: center; padding: 24px 16px; }
.editorial-card .role { font-size: 11px; letter-spacing: 2px; font-weight: 600; color: #065f46; text-transform: uppercase; margin-bottom: 8px; }
.editorial-card h3 { font-size: 18px; font-weight: 600; font-family: 'Times New Roman', Times, serif; }
.editorial-card .institution { font-size: 14px; margin-top: 8px; color: #374151; }
.editorial-card .country { font-size: 14px; font-weight: 500; margin-top: 4px; color: #374151; }
.editorial-footer { text-align: center; padding: 40px 24px; }
.editorial-footer h2 { color: #1a3a2a; letter-spacing: 2px; font-weight: 600; margin-bottom: 8px; }
.editorial-footer p { font-size: 14px; max-width: 480px; margin: 0 auto; color: #374151; }

/* ============================= INDEXING ============================= */
.indexing-wrap { background: #fff; }
.indexing-inner { max-width: 1152px; margin: 0 auto; padding: 48px 24px; }
.indexing-inner > h1 { font-size: 30px; font-weight: 600; font-family: 'Times New Roman', Times, serif; margin-bottom: 16px; }
.indexing-inner > p { color: #4b5563; margin-bottom: 32px; max-width: 672px; }
.indexing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.indexing-card { border: 1px solid #b2cdc6; border-radius: 8px; padding: 24px; background: #e6efed; display: flex; flex-direction: column; }
.indexing-card img { height: 40px; margin-bottom: 12px; width: auto; }
.indexing-card h2 { font-size: 24px; font-weight: 600; color: #065f46; font-family: 'Times New Roman', Times, serif; margin-bottom: 12px; }
.indexing-card p { color: #4b5563; font-size: 14px; line-height: 1.6; }

/* ============================= PUBLICATIONS ============================= */
.publications-wrap { max-width: 1152px; margin: 0 auto; padding: 40px 24px; }
.publications-wrap > h1 { font-size: 48px; font-weight: 700; font-family: 'Times New Roman', serif; letter-spacing: 2px; margin-bottom: 24px; }
.publications-wrap > p { color: #374151; margin-bottom: 16px; line-height: 1.6; }
.pub-section { margin-bottom: 24px; }
.pub-section h2 { font-size: 30px; font-weight: 600; color: #065f46; font-family: 'Times New Roman', serif; letter-spacing: 1px; margin-bottom: 8px; }
.pub-section p { color: #374151; line-height: 1.6; }
.pub-penalties { margin-top: 16px; padding-left: 24px; }
.pub-penalties li { color: #374151; margin-bottom: 8px; list-style: disc; }

/* ============================= OPEN ACCESS ============================= */
.open-access-wrap { width: 100%; }
.open-access-inner { max-width: 1280px; margin: 0 auto; padding: 48px 24px; }
.open-access-inner > h1 { font-size: 36px; font-weight: 600; font-family: 'Times New Roman', Times, serif; margin-bottom: 24px; }
.open-access-inner p { color: #4b5563; line-height: 1.7; margin-bottom: 16px; }
.oa-stats { background: #eaf3f0; border-radius: 24px; border: 1px solid #b2cdc6; height: 250px; padding: 24px; margin-top: 64px; display: flex; align-items: center; justify-content: center; }
.oa-stats-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; text-align: center; max-width: 768px; }
.oa-stats-grid h2 { font-size: 40px; font-weight: 700; color: #065f46; font-family: 'Times New Roman', Times, serif; }
.oa-stats-grid p { color: #3e836f; font-weight: 500; margin-top: 4px; }

/* ============================= PUB CHARGES ============================= */
.pub-charges-wrap { width: 100%; }
.pub-charges-inner { max-width: 1280px; margin: 0 auto; padding: 48px 24px; }
.pub-charges-inner > h1 { font-size: 36px; font-weight: 600; font-family: 'Times New Roman', Times, serif; margin-bottom: 24px; }
.pub-charges-inner > p { color: #4b5563; line-height: 1.7; margin-bottom: 40px; }
.charges-section { margin-bottom: 40px; }
.charges-section h2 { font-size: 24px; font-weight: 600; color: #065f46; font-family: 'Times New Roman', Times, serif; margin-bottom: 12px; }
.charges-section p { color: #4b5563; line-height: 1.7; }
.charges-section strong { color: #1f2937; }
.charges-info { background: #e6efed; border-radius: 24px; border: 1px solid #065f46; padding: 40px 24px; margin-top: 64px; text-align: center; }
.charges-info p { color: #3e836f; font-weight: 500; line-height: 1.7; }
.charges-info a { color: #065f46; font-weight: 600; text-decoration: underline; }

/* ============================= CALL FOR PAPERS ============================= */
.cfp-wrap { width: 100%; }
.cfp-inner { max-width: 1280px; margin: 0 auto; padding: 48px 24px; }
.cfp-inner > h1 { font-size: 36px; font-weight: 600; font-family: 'Times New Roman', Times, serif; margin-bottom: 24px; }
.cfp-inner > .cfp-intro { color: #4b5563; margin-bottom: 32px; }
.cfp-why-title { font-size: 36px; font-weight: 600; text-align: center; font-family: 'Times New Roman', Times, serif; margin: 48px 0 12px; }
.cfp-why-sub { text-align: center; color: #4b5563; margin-bottom: 48px; }
.cfp-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 64px; }
.cfp-why-card { background: #e6efed; border: 1px solid #b2cdc6; padding: 24px; border-radius: 8px; }
.cfp-why-card .num { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 6px; background: #f3f7f6; font-size: 18px; font-weight: 700; }
.cfp-why-card h3 { font-size: 20px; font-weight: 600; font-family: 'Times New Roman', Times, serif; margin: 8px 0; }
.cfp-why-card p { color: #6b7280; font-size: 14px; line-height: 1.6; }
.cfp-subjects-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.cfp-subject-col { background: #e6efed; border: 1px solid #b2cdc6; padding: 24px; border-radius: 8px; }
.cfp-subject-col h3 { font-size: 22px; font-weight: 600; font-family: 'Times New Roman', Times, serif; margin: 24px 0 16px; }
.cfp-subject-col h3:first-child { margin-top: 0; }
.cfp-subject-col ul { padding-left: 20px; }
.cfp-subject-col li { font-size: 13px; color: #374151; margin-bottom: 4px; list-style: disc; }

/* ============================= POLICY PAGES ============================= */
.policy-wrap { max-width: 1152px; margin: 0 auto; padding: 40px 24px; }
.policy-wrap > h1 { font-size: 48px; font-weight: 700; font-family: 'Times New Roman', serif; letter-spacing: 2px; margin-bottom: 24px; color: #374151; }
.policy-wrap p { color: #374151; margin-bottom: 16px; line-height: 1.7; }
.policy-section-title { color: #065f46; font-family: 'Times New Roman', serif; font-weight: 700; font-size: 30px; margin: 24px 0 12px; }
.policy-sub-title { color: #065f46; font-family: 'Times New Roman', serif; font-weight: 700; font-size: 20px; margin: 24px 0 8px; }
.policy-wrap .highlight { color: #065f46; font-weight: 700; }
.policy-wrap .indent { margin-left: 40px; }
.policy-wrap .indent li { color: #374151; margin-bottom: 8px; list-style: disc; padding-left: 4px; }

/* ============================= RESPONSIVE ============================= */
@media (max-width: 1024px) {
  .home-hero { flex-direction: column; padding: 28px 24px; }
  .home-hero-left, .home-hero-right { width: 100%; }
  .home-hero-right { margin-top: 24px; }
  .stats-section { grid-template-columns: 1fr; }
  .resources-grid { grid-template-columns: repeat(2,280px); }
}
@media (max-width: 768px) {
  .features-grid { grid-template-columns: 1fr; }
  .volumes-grid { grid-template-columns: repeat(2,1fr); }
  .article-card { flex-direction: column; }
  .article-right { width: 100%; align-items: flex-start; text-align: left; margin-top: 16px; }
  .contact-body { flex-direction: column; }
  .editorial-grid { grid-template-columns: 1fr; }
  .indexing-grid { grid-template-columns: 1fr; }
  .cfp-why-grid { grid-template-columns: 1fr; }
  .cfp-subjects-grid { grid-template-columns: 1fr; }
  .resources-grid { grid-template-columns: 1fr; max-width: 320px; }
  .oa-stats-grid { grid-template-columns: 1fr; }
  .home-hero-left h1 { font-size: 38px; }
  .aim-section { margin: 16px; }
  .form-row { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .volumes-grid { grid-template-columns: repeat(2,1fr); }
  .articles-header { flex-direction: column; align-items: flex-start; }
}

/* Resource Cards Hover Effect */
.resource-card {
  cursor: pointer;
  transition: transform 0.2s ease;
}

.resource-card:hover {
  transform: translateY(-5px);
}

/* Clickable stat card */
.stat-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}