/* =============================================================================
   app/globals.css  —  Next.js + Tailwind
   Font: DM Sans (body) + Playfair Display (headings)
   ============================================================================= */


/* Dropdown animation — used by SiteHeader account panel */
@keyframes ddIn {
  from { opacity: 0; transform: translateY(-6px) scale(0.98); }
  to   { opacity: 1; transform: none; }
}
.animate-\[ddIn_0\.15s_ease\] { animation: ddIn 0.15s ease; }

/* Slider academic grid pattern */
.slider-grid-bg {
  background-image: linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);
  background-size: 60px 60px;
}

/* Slider background blur effect */
.slider-bg-blur {
  filter: blur(8px);
  transform: scale(1.12);
}



/* ─── CSS VARIABLES ─────────────────────────────────────────────────────────── */
:root {
  --brand:     #003b44;
  --brand2:    #004f5c;
  --accent:    #0ea5e9;
  --dark:      #0b1220;
  --slate:     #1e293b;
  --muted:     #64748b;
  --line:      rgba(2, 6, 23, .08);
  --sh-sm:     0 1px 4px rgba(2, 6, 23, .07);
  --sh-md:     0 4px 16px rgba(2, 6, 23, .10);
  --sh-lg:     0 8px 32px rgba(2, 6, 23, .14);
  --r:         12px;
  --r-sm:      8px;
  --r-lg:      16px;
  --container: 1240px;
  /* Fonts — set from layout.tsx via next/font variables */
  --font:      var(--font-sans, 'DM Sans', system-ui, -apple-system, sans-serif);
  --font-serif:var(--font-serif, 'Playfair Display', Georgia, serif);
}


/* ─── BASE ───────────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font);
  font-size: 15px;
  font-weight: 400;
  color: var(--dark);
  background: #fff;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
}

/* Academic heading style — Playfair Display */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif);
  font-weight: 700;
  line-height: 1.25;
  color: var(--dark);
}

a { color: inherit; }

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 16px;
}

.mt-3 { margin-top: 0.875rem !important; }

/* ─── DB block spacing — nr-box mt-3, jh-sbox + spacing ─── */
.nr-box.mt-3, .jm-card.mt-3 { margin-top: 14px !important; }
.jh-sbox + .jh-sbox, .jh-sbox + .nr-box, .nr-box + .jh-sbox, .nr-box + .nr-box { margin-top: 14px; }
.mt-4 { margin-top: 1.75rem; }

/* ─── Bootstrap Icons support — DB blocks (jm-card, nr-box etc) use bi bi-* ─── */
.bi { display:inline-block; line-height:1; vertical-align:-.125em; }

/* ─── Body font override — DM Sans from layout CDN ─── */
body { font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif !important; }
h1,h2,h3,.serif,.jh-title,.jh-hero__title,.vf-title { font-family:'Spectral',Georgia,serif !important; }




/* =============================================================================
   SITE FOOTER  —  components/SiteFooter.tsx
   ============================================================================= */

.vf-footer {
  background: linear-gradient(160deg,#001e24 0%,#003b44 45%,#002d36 100%);
  color:#cbd5e1;
  margin-top:auto;
  font-family:var(--font);
}

/* Thin animated rainbow line at top — matches PHP aa5-topbar */
.vf-topline {
  height:3px;
  background:linear-gradient(90deg,#e6a817,#f9d56e,#0ea5e9,#e6a817);
  background-size:200% 100%;
  animation:vfLine 3s linear infinite;
}
@keyframes vfLine { 0%{background-position:0% 0} 100%{background-position:200% 0} }

.vf-inner { padding:20px 16px 0; }

/* ── ROW 1: Brand bar (logo icon + title + desc  |  Submit Article + Current Issue) ── */
.vf-brand-bar {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.08);
  flex-wrap:wrap;
}
.vf-brand-left { display:flex;gap:14px;align-items:flex-start;flex:1;min-width:0; }
.vf-mark {
  width:44px;height:44px;border-radius:10px;flex-shrink:0;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.vf-brand-info { min-width:0; }
.vf-title { font-size:1rem;font-weight:800;color:#f1f5f9;line-height:1.3;margin:0;font-family:var(--font-serif); }
.vf-title-issn { display:block;font-size:.75rem;font-weight:600;color:rgba(255,255,255,.55);margin-top:2px;font-family:var(--font); }
.vf-sub { font-size:.8rem;color:#94a3b8;line-height:1.6;margin:4px 0 0; }

/* Submit Article + Current Issue buttons — matches PHP .btn-warning + .btn-outline-light */
.vf-brand-btns { display:flex;gap:10px;align-items:center;flex-shrink:0;flex-wrap:wrap; }
.vf-btn {
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 20px;border-radius:999px;
  font-size:.82rem;font-weight:700;text-decoration:none;
  transition:all .18s;font-family:var(--font);cursor:pointer;border:none;white-space:nowrap;
}
/* Submit Article — yellow/gold pill */
.vf-btn--submit { background:#e6a817;color:#0d1b2a;border:1.5px solid #e6a817; }
.vf-btn--submit:hover { background:#d4970e;border-color:#d4970e;color:#0d1b2a; }
/* Current Issue — outline white */
.vf-btn--issue { background:transparent;color:#e2e8f0;border:1.5px solid rgba(255,255,255,.35); }
.vf-btn--issue:hover { background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.6); }

/* ── ROW 2: 4 COLUMNS GRID ── */
.vf-grid {
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1.1fr;
  gap:28px;
  padding:20px 0;
}
.vf-col { min-width:0; }

/* Column heading — gold/yellow, uppercase small — matches PHP .text-warning fw-semibold */
.vf-colhead {
  font-size:.68rem;font-weight:800;color:#e6a817;
  text-transform:uppercase;letter-spacing:.1em;
  margin-bottom:14px;font-family:var(--font);
}

/* "About This Journal" bold description text */
.vf-about-bold { font-size:.82rem;font-weight:700;color:#e2e8f0;line-height:1.6;margin:0 0 8px; }
.vf-about-light { font-size:.8rem;color:rgba(255,255,255,.75);line-height:1.6;margin:0; }

/* Link list */
.vf-linklist { list-style:none;padding:0;margin:0; }
.vf-linklist li { margin-bottom:2px; }
.vf-link { color:#fff;text-decoration:none;font-size:.82rem;transition:color .18s;font-weight:400; }
.vf-link:hover { color:#fff; }

/* Contact column */
.vf-contact { font-size:.82rem;color:rgba(255,255,255,.8); }
.vf-contact-row { display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;line-height:1.5; }
.vf-contact-icon { flex-shrink:0;opacity:.75;font-size:.85rem;margin-top:1px; }

/* Social icons — circular, matches PHP aa5-social */
.vf-social { display:flex;gap:8px;margin-top:14px;margin-bottom:14px; }
.vf-social a {
  width:32px;height:32px;border-radius:50%;flex-shrink:0;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.8);text-decoration:none;transition:all .18s;
}
.vf-social a:hover { background:#e6a817;color:#0d1b2a;border-color:#e6a817; }

/* Copyright text */
.vf-copy { font-size:.74rem;color:rgba(255,255,255,.75);line-height:1.5; }

/* ── BOTTOM BAR — Powered by | Privacy Policy + Terms & Conditions ── */
.vf-bottom {
  border-top:1px solid rgba(255,255,255,.15);
  padding:14px 0 18px;
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:8px;font-size:.74rem;color:rgba(255,255,255,.75);
}
.vf-bottom a { color:rgba(255,255,255,.75);text-decoration:none;transition:color .15s; }
.vf-bottom a:hover { color:#fff; }
.vf-bottom-links { display:flex;gap:16px; }

/* Cookie banner */
.cookie-banner { display:none;position:fixed;bottom:0;left:0;right:0;background:#1e293b;color:#e2e8f0;z-index:9999;border-top:2px solid #e6a817;padding:12px 20px; }
.cookie-banner.show { display:block; }
.cookie-wrap { max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.82rem; }
.cookie-wrap a { color:#e6a817;text-decoration:underline; }
.cookie-wrap div:last-child { display:flex;gap:8px; }
.cookie-wrap button { padding:5px 14px;border-radius:6px;border:none;font-size:.78rem;font-weight:700;cursor:pointer;font-family:var(--font); }
#acceptCookies { background:#e6a817;color:#0d1b2a; }
#acceptCookies:hover { background:#d4970e; }
#rejectCookies { background:rgba(255,255,255,.1);color:#e2e8f0; }
#rejectCookies:hover { background:rgba(255,255,255,.15); }

/* Footer responsive */
@media(max-width:1024px){
  .vf-grid { grid-template-columns:1.4fr 1fr 1fr;gap:24px; }
  .vf-col:last-child { grid-column:1/-1; }
}
@media(max-width:768px){
  .vf-brand-bar { flex-direction:column; }
  .vf-brand-btns { width:100%; }
  .vf-grid { grid-template-columns:1fr 1fr;gap:20px; }
  .vf-col:first-child { grid-column:1/-1; }
  .vf-col:last-child { grid-column:1/-1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 18px; }
  .vf-inner { padding:24px 14px 0; }
}
@media(max-width:480px){
  .vf-grid { grid-template-columns:1fr 1fr;gap:18px; }
  .vf-col:first-child,.vf-col:last-child { grid-column:1/-1; }
  .vf-btn { padding:8px 14px;font-size:.78rem; }
  .vf-bottom { font-size:.7rem; }
}

/* =============================================================================
   JOURNAL HOME  —  app/index.php/[journal]/JournalHomeClient.tsx
   ============================================================================= */

/* Masthead */
.jh-top { background:linear-gradient(175deg,#0b1f2a 0%,#003b44 100%);padding:36px 0 32px;position:relative;overflow:hidden; }
.jh-top::before { content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 50%,rgba(14,165,233,.08) 0%,transparent 60%); }
.jh-mast { display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start;position:relative;z-index:1; }
.jh-mast__left { color:#fff; }
.jh-kicker { font-size:.68rem;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.55);text-transform:uppercase;margin-bottom:10px;font-family:var(--font); }
.jh-title { font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;line-height:1.15;color:#fff;margin:0 0 14px;letter-spacing:-.02em;font-family:var(--font-serif); }
.jh-desc { font-size:.88rem;color:rgba(255,255,255,.72);line-height:1.65;margin-bottom:22px;max-width:540px;font-family:var(--font); }
.jh-mast__acts { display:flex;gap:10px;flex-wrap:wrap; }
.jh-mbtn { display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:.83rem;font-weight:700;text-decoration:none;transition:all .2s;font-family:var(--font); }
.jh-mbtn--solid { background:#0ea5e9;color:#fff;box-shadow:0 2px 12px rgba(14,165,233,.35); }
.jh-mbtn--solid:hover { background:#0284c7;color:#fff; }
.jh-mbtn--ghost { background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25); }
.jh-mbtn--ghost:hover { background:rgba(255,255,255,.2);color:#fff; }

/* DB custom block: journal-metrics */
.jm-card { background:#fff;border-radius:var(--r);box-shadow:var(--sh-lg);overflow:hidden;border:1px solid var(--line); }
.jm-head { background:var(--brand);padding:12px 16px;display:flex;align-items:center;gap:10px; }
.jm-head-left { display:flex;align-items:center;gap:10px;flex:1; }
.jm-head-icon { width:32px;height:32px;background:rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem; }
.jm-head-title { font-size:.85rem;font-weight:800;color:#fff;font-family:var(--font); }
.jm-head-sub { font-size:.68rem;color:rgba(255,255,255,.6);font-family:var(--font); }
.jm-head-badge { background:#0ea5e9;color:#fff;font-size:.65rem;font-weight:800;padding:3px 10px;border-radius:999px;font-family:var(--font); }
.jm-list { padding:4px 0; }
.jm-row { display:flex;align-items:center;gap:8px;padding:9px 16px;border-bottom:1px solid var(--line);transition:background .12s; }
.jm-row:last-child { border-bottom:none; }
.jm-row:hover { background:#f8fafc; }
.jm-row-label { flex:1;font-size:.78rem;color:var(--dark);font-weight:600;display:flex;align-items:center;gap:6px;font-family:var(--font); }
.jm-row-icon { color:var(--muted);font-size:.78rem; }
.jm-row-value { font-size:.82rem;font-weight:800;color:var(--dark);font-family:var(--font); }
.jm-val-big { color:#0ea5e9;font-size:.95rem; }
.jm-val-badge { background:#f1f5f9;padding:2px 10px;border-radius:6px;font-size:.78rem;font-weight:800;min-width:28px;text-align:center; }
.jm-row--highlight { background:rgba(14,165,233,.04); }
.jm-row--accent { background:rgba(14,165,233,.06); }
.jm-footer { padding:8px 16px;background:#f8fafc;border-top:1px solid var(--line);font-size:.68rem;color:var(--muted);font-family:var(--font); }

/* DB custom block: call-for-paper — teal brand header, light body */
.nr-cfp-mini { background:#fff;border-radius:var(--r);border:1px solid rgba(0,79,92,.18);box-shadow:0 2px 12px rgba(0,59,68,.10);overflow:hidden;margin-bottom:16px; }
.nr-cfp-mini__head {
  padding:12px 18px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.nr-cfp-mini__htitle { font-size:.9rem;font-weight:800;font-family:var(--font);display:flex;align-items:center;gap:8px;color:var(--dark); }
.nr-cfp-mini__htitle svg { color:var(--brand); }
.nr-cfp-mini__hsub { font-size:.75rem;color:var(--muted);font-family:var(--font);margin-top:3px; }
.nr-cfp-mini__hright { font-size:.68rem;color:var(--muted);font-family:var(--font);white-space:nowrap;background:#f1f5f9;border-radius:999px;padding:3px 10px;border:1px solid var(--line); }
.nr-cfp-mini__body { padding:14px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff; }
.nr-cfp-mini__text { font-size:.88rem;font-weight:600;color:var(--dark);flex:1;font-family:var(--font); }
.nr-cfp-mini__btn {
  background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border-radius:999px;
  padding:9px 22px;font-size:.82rem;font-weight:700;
  text-decoration:none;white-space:nowrap;
  box-shadow:0 2px 8px rgba(22,163,74,.3);
  transition:all .15s;font-family:var(--font);
  display:inline-flex;align-items:center;gap:6px;
}
.nr-cfp-mini__btn:hover { background:linear-gradient(135deg,#15803d,#166534);color:#fff;transform:translateY(-1px); }

/* DB custom block: hero / impact-factor — image exact: teal header */
.jh-sbox.jh-sbox--impact { padding:0;overflow:hidden; }
.jh-sbox__head--impact {
  background:#fff;
  border-bottom:1px solid var(--line);
  padding:12px 16px;
  display:flex;align-items:center;gap:10px;
  margin-bottom:0;
}
.jh-sbox__head--impact .jh-sbox__title { color:var(--dark); }
.jh-sbox__head--impact .jh-sbox__sub { color:var(--muted); }
.jh-sbox__head--impact .jh-sbox__icon { 
  width:30px;height:30px;background:rgba(0,59,68,.08);border-radius:8px;
  display:flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0;
}
.nr-impact { padding:14px 16px; }
.nr-impact__value {
  font-size:1rem;font-weight:800;color:var(--brand);
  display:flex;align-items:center;gap:8px;margin-bottom:6px;font-family:var(--font);
}
.nr-impact__value a { color:var(--accent);text-decoration:none;font-size:1.05rem; }
.nr-impact__value a:hover { text-decoration:underline; }
.nr-impact__note { font-size:.76rem;color:var(--muted);font-family:var(--font); }

/* DB custom block: indexing — Image 4 exact: icon box + name + external link */
.nr-linklist { list-style:none;padding:6px 0;margin:0;display:grid;gap:0; }
.nr-linklist li { border-bottom:1px solid var(--line); }
.nr-linklist li:last-child { border-bottom:none; }
.nr-linklist li a {
  display:flex;align-items:center;gap:14px;
  padding:5px 18px;
  background:#fff;text-decoration:none;
  color:var(--dark);font-weight:600;font-size:.88rem;
  transition:background .12s;font-family:var(--font);
}
.nr-linklist li a:hover { background:#f8fafc; }
.nr-licon {
  width:38px;height:38px;
  background:#f1f5f9;
  border-radius:10px;
  border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
  color:var(--brand);flex-shrink:0;font-size:.88rem;font-weight:800;
}
.nr-ltxt { flex:1;font-size:.88rem;font-weight:600; }
.nr-lext { color:#94a3b8;font-size:.8rem;flex-shrink:0;display:flex;align-items:center; }

/* Shared nr-box — white header with dark text (Indexing, etc) */
.nr-box { background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-sm); }
.nr-box__head {
  background:#fff;color:var(--dark);
  padding:12px 18px;
  display:flex;align-items:center;gap:10px;
  border-bottom:1px solid var(--line);
}
.nr-box__title { font-size:.9rem;font-weight:800;font-family:var(--font);display:flex;align-items:center;gap:8px;flex:1;color:var(--dark); }
.nr-box__sub { font-size:.72rem;color:var(--muted);font-family:var(--font);margin-top:2px; }

/* Section header */
.jh-sechead { display:flex;align-items:center;gap:10px;margin-bottom:14px; }
.jh-sechead__hint { font-size:.72rem;color:#94a3b8;white-space:nowrap;margin-left:auto; }
.jh-hlabel { font-size:.68rem;font-weight:800;color:var(--brand);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-family:var(--font); }
.jh-hrule { flex:1;height:1px;background:#e2e8f0; }

/* Hero carousel wrapper — white card */
.jh-hero-wrap { background:#fff;border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--sh-sm);padding:16px; }
/* Hero carousel */
.jh-hero { position:relative;border-radius:14px;overflow:hidden;height:360px;background:var(--slate);box-shadow:var(--sh-md); }
.jh-hero__bg { position:absolute;inset:0;background-size:cover;background-position:center; }
.jh-hero__ov { position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.25) 55%,transparent 100%); }
.jh-hero__body { position:absolute;bottom:0;left:0;right:0;padding:20px 24px 16px;color:#fff;z-index:2; }
.jh-hero__top { margin-bottom:8px; }
/* Section chip — PHP image mein light pastel, colored text */
.jh-chip {
  display:inline-flex;align-items:center;
  background:rgba(0,59,68,.08);color:var(--brand);
  border:1px solid rgba(0,59,68,.15);
  border-radius:999px;padding:3px 10px;
  font-size:.68rem;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;font-family:var(--font);
}
/* Feed rows mein chip */
.jh-row .jh-chip {
  background:rgba(0,59,68,.06);color:var(--brand);
  border-color:rgba(0,59,68,.12);
}
/* Hero ke andar chip white overlay */
.jh-hero__top .jh-chip {
  background:rgba(255,255,255,.18);
  color:#fff;border-color:rgba(255,255,255,.35);
}
.jh-hero__title { font-size:1.12rem;font-weight:700;line-height:1.35;margin-bottom:8px;font-family:var(--font-serif); }
.jh-hero__title a { color:#fff;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.jh-hero__title a:hover { color:#bae6fd; }
.jh-hero__meta { font-size:.74rem;color:rgba(255,255,255,.75);margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-family:var(--font); }
.jh-hero__meta a { color:#7dd3fc; }
.jh-sep { color:rgba(255,255,255,.4); }
.jh-hero__acts { display:flex;gap:8px;margin-bottom:10px; }
.jh-pill { display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 12px;font-size:.76rem;font-weight:700;text-decoration:none;transition:all .15s;font-family:var(--font); }
.jh-pill--full { background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35); }
.jh-pill--full:hover { background:rgba(255,255,255,.3);color:#fff; }
.jh-pill--pdf { background:rgba(220,38,38,.75);color:#fff;border:1px solid rgba(220,38,38,.5); }
.jh-pill--pdf:hover { background:#dc2626;color:#fff; }
.jh-hero__pb { height:2px;background:rgba(255,255,255,.18);border-radius:1px;margin-bottom:8px;overflow:hidden; }
.jh-hero__pbi { display:block;height:100%;background:#0ea5e9;transition:width .1s linear; }
.jh-hero__date { font-size:.7rem;color:rgba(255,255,255,.55);font-family:var(--font);display:inline-flex;align-items:center;gap:4px; }
.jh-dots { position:absolute;bottom:10px;right:14px;z-index:10;display:flex;gap:5px; }
.jh-dot { width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);border:none;cursor:pointer;padding:0;transition:all .2s; }
.jh-dot.active { background:#fff;width:20px;border-radius:4px; }
.jh-arr { position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:1.3rem;cursor:pointer;z-index:10;transition:background .15s;display:flex;align-items:center;justify-content:center; }
.jh-arr:hover { background:rgba(255,255,255,.28); }
.jh-arr--l { left:10px; }
.jh-arr--r { right:10px; }
.jh-noart { padding:32px;text-align:center;color:var(--muted);font-family:var(--font); }

/* Sechead with top margin variant */
.jh-sechead--mt { margin-top:2rem; }

/* Load More button */
.jh-feed__more { padding:16px 0 4px;text-align:center; }
.jh-feed__morebtn {
  display:inline-flex;align-items:center;gap:6px;
  background:#fff;border:1px solid #d1d5db;
  border-radius:8px;padding:9px 22px;
  font-size:.82rem;font-weight:700;color:var(--dark);
  cursor:pointer;transition:all .15s;font-family:var(--font);
}
.jh-feed__morebtn:hover { border-color:var(--brand);color:var(--brand);background:#f0fafb; }

/* Latest feed */
.jh-feed { margin-top:1.5rem; background:#fff;border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--sh-sm);padding:16px; }
.jh-feed__tools {
  display:flex;gap:12px;flex-wrap:wrap;
  margin-bottom:16px;align-items:flex-end;
  background:#f8fafc;border:1px solid var(--line);
  border-radius:10px;padding:10px 14px;
}
.jh-feed__fgroup { display:flex;flex-direction:column;gap:3px; }
.jh-lbl { font-size:.65rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-family:var(--font); }
.jh-select {
  font-size:.82rem;padding:6px 10px;
  border:1px solid #d1d5db;border-radius:7px;
  background:#fff;color:var(--dark);outline:none;
  font-family:var(--font);min-width:140px;cursor:pointer;
}
.jh-select:focus { border-color:var(--brand);box-shadow:0 0 0 2px rgba(0,59,68,.08); }
.jh-input {
  font-size:.82rem;padding:6px 10px;
  border:1px solid #d1d5db;border-radius:7px;
  background:#fff;color:var(--dark);outline:none;
  font-family:var(--font);min-width:200px;
}
.jh-input:focus { border-color:var(--brand);box-shadow:0 0 0 2px rgba(0,59,68,.08); }
.jh-feed__list { display:flex;flex-direction:column; }
.jh-feed__empty { padding:20px;text-align:center;color:var(--muted);background:#f8fafc;border-radius:10px;font-size:.84rem;font-family:var(--font); }

/* Latest feed rows — Image 1 exact */
.jh-row { display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);transition:background .12s; }
.jh-row:last-child { border-bottom:none; }
.jh-row:hover { background:#fafbfc;margin:0 -10px;padding:16px 10px;border-radius:10px; }
.jh-row__tlink { flex-shrink:0; }
.jh-row__thumb { width:110px;height:90px;border-radius:10px;background:var(--slate);object-fit:cover; }
.jh-row__body { flex:1;min-width:0; }
.jh-row__top { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;flex-wrap:wrap; }
.jh-date {
  font-size:.73rem;color:var(--muted);font-family:var(--font);
  display:inline-flex;align-items:center;gap:5px;
}
.jh-views { display:inline-flex;align-items:center;gap:4px;font-size:.73rem;color:var(--muted); }
.jh-row__title { margin-bottom:4px; }
.jh-row__title a {
  font-size:.95rem;font-weight:700;color:var(--dark);
  text-decoration:none;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-family:var(--font);
}
.jh-row__title a:hover { color:var(--brand); }
/* Image 1 exact: people icon · author · DOI · eye · views */
.jh-row__meta {
  font-size:.76rem;color:var(--muted);margin:4px 0 8px;
  display:flex;flex-wrap:wrap;gap:0;align-items:center;font-family:var(--font);
}
.jh-row__meta > span { display:inline-flex;align-items:center;gap:3px; }
.jh-meta-sep { margin:0 5px;color:#d1d5db;font-size:.65rem; }
.jh-row__acts { display:flex;gap:6px;flex-wrap:wrap; }
/* Image 1 exact pills */
.jh-pill-sm {
  display:inline-flex;align-items:center;gap:4px;
  border-radius:6px;padding:5px 14px;
  font-size:.76rem;font-weight:600;text-decoration:none;
  transition:all .12s;font-family:var(--font);
  border:1px solid #d1d5db;background:#fff;color:var(--dark);
}
.jh-pill-sm:hover { background:#f3f4f6;border-color:#9ca3af; }
.jh-pill-sm--pdf { background:#fff;color:#dc2626;border-color:#fca5a5; }
.jh-pill-sm--pdf:hover { background:#fef2f2;border-color:#f87171; }

/* Most Cited */
.jh-mcited__list { border:1px solid var(--line);border-radius:var(--r);overflow:hidden; }
.jh-mcited__row { display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);transition:background .12s; }
.jh-mcited__row:last-child { border-bottom:none; }
.jh-mcited__row:hover { background:#f8fafc; }
.jh-mcited__info { flex:1;min-width:0; }
.jh-mcited__title { font-size:.82rem;font-weight:500;color:var(--dark);text-decoration:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font); }
.jh-mcited__title:hover { color:var(--brand); }
.jh-mcited__doi { font-size:.68rem;color:var(--muted);margin-top:2px;font-family:var(--font); }
.jh-mcited__n { font-size:.82rem;font-weight:800;color:var(--brand);background:rgba(0,59,68,.07);padding:2px 9px;border-radius:6px;flex-shrink:0;min-width:24px;text-align:center;font-family:var(--font); }
.jh-mcited__foot { padding:10px 14px;border-top:1px solid var(--line); }
.jh-mcited__all { font-size:.78rem;font-weight:700;color:var(--brand);text-decoration:none;display:inline-flex;align-items:center;gap:5px;font-family:var(--font); }
.jh-mcited__all:hover { text-decoration:underline; }

/* Sidebar boxes */
/* jh-sbox — PHP exact: white card, plain title/sub, no dark header */
.jh-sbox { background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:0 1px 6px rgba(2,6,23,.06); }
.jh-sbox+.jh-sbox,.jh-sbox+.nr-box,.nr-box+.jh-sbox,.nr-box+.nr-box { margin-top:14px; }
.jh-sbox__head { margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px; }
.jh-sbox__title { font-weight:800;color:var(--dark);font-size:.95rem;font-family:var(--font); }
.jh-sbox__sub { color:var(--muted);font-size:.75rem;font-family:var(--font); }
.jh-sbox__empty { color:var(--muted);font-size:.84rem;font-family:var(--font);padding:4px 0; }

/* Trending list */
/* Trending list — PHP nr-trending exact */
.jh-trending { list-style:none;padding:0;margin:0;display:grid;gap:10px; }
.jh-tr__item { display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px;border:1px dashed var(--line);border-radius:14px;align-items:start; }
.jh-tr__rank { width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(34,197,94,.16));display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--dark);font-size:.85rem;font-family:var(--font);flex-shrink:0; }
.jh-tr__r1,.jh-tr__r2,.jh-tr__r3,.jh-tr__r4 { background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(34,197,94,.16)); }
.jh-tr__main { min-width:0; }
.jh-tr__title { font-weight:800;color:var(--dark);text-decoration:none;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font);font-size:.82rem; }
.jh-tr__title:hover { text-decoration:underline; }
.jh-tr__meta { margin-top:4px;font-size:.72rem;color:var(--muted);font-family:var(--font); }

/* Editorial EIC */
/* EIC — PHP nr-eic exact: gradient border card */
.jh-eic { border:1px solid var(--line);border-radius:16px;padding:12px;background:linear-gradient(135deg,rgba(0,0,0,.02),rgba(14,165,233,.06));margin-top:2px; }
.jh-eic__name { font-weight:800;color:var(--dark);font-size:.95rem;font-family:var(--font); }
.jh-eic__aff { color:var(--muted);font-size:.78rem;margin-top:3px;line-height:1.5;font-family:var(--font); }
.jh-eic__note { margin-top:10px;font-size:.75rem;color:var(--muted);font-family:var(--font); }

/* Quick Links */
.jh-qlinks { list-style:none;padding:4px 0;margin:0; }
.jh-qlinks li a { display:flex;align-items:center;gap:9px;padding:8px 16px;font-size:.8rem;font-weight:500;color:var(--dark);text-decoration:none;transition:background .12s;font-family:var(--font); }
.jh-qlinks li a:hover { background:#f1f5f9; }
.jh-ql__icon { display:inline-flex;align-items:center;color:var(--brand);flex-shrink:0; }

/* Page layout */
.jh-main { padding:28px 0; background:#f4f8f9; }
.jh-grid { display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start; }
.jh-col { min-width:0; }

/* Sidebar spacing — all boxes ke beech 16px gap */
.jh-sbox + .jh-sbox,
.jh-sbox + .nr-box,
.nr-box + .jh-sbox,
.nr-box + .nr-box { margin-top:16px; }
/* Trending, Editorial, Indexing wrap spacing */
.jh-trending-wrap { margin-top:16px; }
.jh-editorial-wrap { margin-top:16px; }

/* Issue strip */
.jh-strip { background:linear-gradient(135deg,var(--slate) 0%,#0f172a 100%);padding:28px 0;margin-top:8px; }
.jh-strip__inner { display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; }
.jh-strip__left { color:#e2e8f0; }
.jh-strip__kicker { font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:4px;font-family:var(--font); }
.jh-strip__title { font-size:1.2rem;font-weight:700;margin-bottom:4px;font-family:var(--font-serif); }
.jh-strip__desc { font-size:.8rem;color:#94a3b8;font-family:var(--font); }
.jh-strip__right { display:flex;gap:8px;flex-wrap:wrap; }
.jh-sbtn { display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:8px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .18s;font-family:var(--font); }
.jh-sbtn--solid { background:#0ea5e9;color:#fff; }
.jh-sbtn--solid:hover { background:#0284c7;color:#fff; }
.jh-sbtn--ghost { background:rgba(255,255,255,.1);color:#e2e8f0;border:1px solid rgba(255,255,255,.2); }
.jh-sbtn--ghost:hover { background:rgba(255,255,255,.18);color:#fff; }

/* Responsive */
@media(max-width:991px) {
  .jh-mast { grid-template-columns:1fr; }
  .jh-mast__right { display:none; }
  .jh-grid { grid-template-columns:1fr; }
  /* Sidebar column mobile pe show hoga — sirf kuch boxes hide karein */
  .jh-col:last-child { display:block !important; }
  /* Mobile pe sidebar ka sirf indexing aur impact factor show karo, baaki hide */
  .jh-col:last-child .jh-sbox,
  .jh-col:last-child .nr-box { display:block; }
  /* Trending aur editorial mobile pe hide */
  .jh-col:last-child .jh-trending-wrap,
  .jh-col:last-child .jh-editorial-wrap { display:none; }
  .jh-hero { height:280px; }
  .jh-title { font-size:1.5rem; }
  /* Mobile pe sidebar full width */
  .jh-col:last-child { margin-top:8px; }
}
@media(max-width:600px) {
  .jh-strip__inner { flex-direction:column;align-items:flex-start; }
  .jh-row__thumb { width:64px;height:56px; }
}
/* =============================================================================
   JOURNAL PAGE (page.php replacement) — Academic style
   Classes: .jp-* prefix
   ============================================================================= */

/* Layout */
.jp-outer        { background:#f5f6f8;min-height:60vh;padding:36px 0 60px; }
.jp-container    { max-width:1100px;margin:0 auto;padding:0 20px; }
.jp-layout       { display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start; }
.jp-layout--notoc{ display:block; }

/* Breadcrumb */
.jp-breadcrumb   { font-size:.75rem;color:var(--muted);margin-bottom:20px;display:flex;align-items:center;gap:6px;flex-wrap:wrap; }
.jp-breadcrumb a { color:var(--brand);text-decoration:none;font-weight:500; }
.jp-breadcrumb a:hover{ text-decoration:underline; }
.jp-breadcrumb__sep{ color:#cbd5e1; }

/* Left TOC panel */
.jp-toc          { position:sticky;top:80px;font-size:.8rem; }
.jp-toc__box     { background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-sm); }
.jp-toc__head    { background:var(--brand);color:#fff;padding:10px 14px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.jp-toc__list    { padding:8px 0;list-style:none;margin:0; }
.jp-toc__item    { border:none;margin:0;padding:0; }
.jp-toc__link    { display:block;padding:6px 14px;color:#334155;text-decoration:none;line-height:1.45;border-left:3px solid transparent;transition:all .15s;font-size:.78rem; }
.jp-toc__link:hover        { color:var(--brand);background:#f0f9ff;border-left-color:var(--brand); }
.jp-toc__link.jp-toc--h3  { padding-left:24px;color:var(--muted);font-size:.73rem; }
.jp-toc__link.jp-toc--h3:hover{ color:var(--brand);background:#f0f9ff;border-left-color:var(--brand); }
.jp-toc__divider { height:1px;background:var(--line);margin:4px 0; }

/* Main article card */
.jp-card         { background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:36px 40px;box-shadow:var(--sh-sm); }

/* Page title area */
.jp-title-area   { border-bottom:2px solid var(--line);margin-bottom:28px;padding-bottom:20px; }
.jp-kicker       { font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);background:rgba(0,59,68,.08);display:inline-block;padding:3px 10px;border-radius:4px;margin-bottom:10px; }
.jp-title        { font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:#0f172a;line-height:1.3;margin:0 0 0; }

/* Content typography — academic */
.jp-body         { font-size:.97rem;line-height:1.85;color:#1e293b;font-family:var(--font); }
.jp-body h2      { font-family:var(--font-serif);font-size:1.18rem;font-weight:700;color:var(--brand);margin:32px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--line); }
.jp-body h3      { font-family:var(--font);font-size:1.02rem;font-weight:700;color:#0f172a;margin:22px 0 8px; }
.jp-body h4      { font-family:var(--font);font-size:.95rem;font-weight:700;color:#334155;margin:16px 0 6px; }
.jp-body p       { margin:0 0 16px; }
.jp-body a       { color:var(--brand);text-decoration:underline;text-decoration-color:rgba(0,59,68,.35); }
.jp-body a:hover { text-decoration-color:var(--brand); }
.jp-body ul,.jp-body ol { margin:0 0 16px;padding-left:24px; }
.jp-body li      { margin-bottom:7px;line-height:1.7; }
.jp-body strong  { font-weight:700;color:#0f172a; }
.jp-body em      { font-style:italic; }
.jp-body blockquote{
  border-left:4px solid var(--brand);
  background:rgba(0,59,68,.04);
  margin:20px 0;padding:14px 20px;
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-style:italic;color:#374151;font-size:.95rem;
}
.jp-body blockquote p:last-child{ margin:0; }

/* Tables */
.jp-body table   { width:100%;border-collapse:collapse;margin:20px 0;font-size:.875rem;box-shadow:var(--sh-sm);border-radius:var(--r-sm);overflow:hidden; }
.jp-body thead th{ background:var(--brand);color:#fff;padding:10px 14px;text-align:left;font-weight:700;font-size:.82rem;letter-spacing:.03em; }
.jp-body tbody tr:nth-child(even){ background:#f8fafc; }
.jp-body tbody tr:hover           { background:#f0f9ff; }
.jp-body td      { padding:9px 14px;border-bottom:1px solid var(--line);vertical-align:top; }
.jp-body tbody tr:last-child td   { border-bottom:none; }

/* Images */
.jp-body img     { max-width:100%;height:auto;border-radius:var(--r-sm);box-shadow:var(--sh-sm);margin:10px 0; }
.jp-body figure  { margin:20px 0;text-align:center; }
.jp-body figcaption{ font-size:.78rem;color:var(--muted);margin-top:6px;font-style:italic; }

/* Code */
.jp-body pre     { background:#1e293b;color:#e2e8f0;padding:16px 20px;border-radius:var(--r-sm);overflow-x:auto;font-size:.82rem;line-height:1.6;margin:16px 0; }
.jp-body code    { background:rgba(0,59,68,.08);color:var(--brand);padding:2px 6px;border-radius:4px;font-size:.85em;font-family:'Courier New',monospace; }
.jp-body pre code{ background:none;color:inherit;padding:0; }

/* Meta footer */
.jp-meta         { margin-top:32px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px; }
.jp-meta__text   { font-size:.73rem;color:var(--muted); }
.jp-meta__back   { font-size:.78rem;font-weight:600;color:var(--brand);text-decoration:none;display:inline-flex;align-items:center;gap:4px; }
.jp-meta__back:hover{ text-decoration:underline; }

/* Responsive */
@media(max-width:900px){
  .jp-layout        { grid-template-columns:1fr; }
  .jp-toc           { display:none; }
  .jp-card          { padding:24px 20px; }
  .jp-title         { font-size:1.35rem; }
}
@media(max-width:480px){
  .jp-card          { padding:18px 14px; }
  .jp-body          { font-size:.92rem; }
  .jp-outer         { padding:20px 0 40px; }
}


/* =============================================================================
   JOURNAL PAGE (slug pages: About, Copyright, Ethics, Privacy, etc.)
   pg-* classes  —  moved from [slug]/page.tsx inline <style>
   Advanced academic layout matching SiteHeader (.hb-*) design language
   ============================================================================= */

/* ── Outer wrapper ── */
.pg-outer {
  background: linear-gradient(180deg, #f0f4f8 0%, #fff 180px);
  min-height: 60vh;
  padding: 0 0 56px;
}

/* ── Breadcrumb bar ── */
.pg-breadbar {
  background: var(--brand);
  padding: 10px 0;
}
.pg-breadbar-inner {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .75rem;
  color: rgba(255,255,255,.7);
}
.pg-breadbar a {
  color: rgba(255,255,255,.85);
  text-decoration: none;
  font-weight: 500;
  transition: color .15s;
}
.pg-breadbar a:hover { color: #fff; }
.pg-breadbar .sep { opacity: .5; }
.pg-breadbar .curr { color: #fff; font-weight: 600; }

/* ── Hero strip ── */
.pg-hero {
  background: var(--brand);
  padding: 32px 0 40px;
  margin-bottom: -24px;
}
.pg-hero-inner {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}
.pg-hero-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  margin-bottom: 10px;
}
.pg-hero-label::before {
  content: '';
  display: block;
  width: 16px; height: 2px;
  background: rgba(255,255,255,.4);
  border-radius: 2px;
}
.pg-hero-title {
  font-family: var(--font-serif);
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 1.25;
  text-shadow: 0 2px 12px rgba(0,0,0,.18);
}

/* ── Content wrapper (two-column: TOC + body) ── */
.pg-wrap {
  max-width: var(--container);
  margin: 0 auto;
  padding: 36px 24px 0;
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 32px;
  align-items: flex-start;
}
.pg-wrap--notoc {
  grid-template-columns: 1fr;
  max-width: 860px;
}

/* ── TOC sidebar ── */
.pg-toc {
  position: sticky;
  top: 120px;
}
.pg-toc-box {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r);
  
  box-shadow: var(--sh-sm);
}
.pg-toc-box h4 {
  font-size: .65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--brand);
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}
.pg-toc-box a {
  display: block;
  font-size: .8rem;
  color: #475569;
  text-decoration: none;
  padding: 5px 0 5px 10px;
  border-left: 2px solid transparent;
  line-height: 1.4;
  transition: color .15s, border-color .15s, background .15s;
  border-radius: 0 4px 4px 0;
}
.pg-toc-box a:hover {
  color: var(--brand);
  border-left-color: var(--brand);
  background: rgba(0,59,68,.04);
}
.pg-toc-box a.lv3 {
  padding-left: 22px;
  color: var(--muted);
  font-size: .75rem;
}
.pg-toc-box a.lv3:hover { color: var(--brand); }

/* ── Main content card ── */
.pg-main {
  min-width: 0;
}
.pg-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: 36px 40px 40px;
  box-shadow: var(--sh-sm);
}

/* ── Page heading inside card ── */
.pg-h1 {
  font-family: var(--font-serif);
  font-size: 1.55rem;
  font-weight: 800;
  color: var(--brand);
  margin: 0 0 6px;
  line-height: 1.25;
}
.pg-h1-divider {
  width: 48px; height: 3px;
  background: var(--brand);
  border-radius: 3px;
  margin: 0 0 26px;
  opacity: .6;
}

/* ── Rich body content ── */
.pg-body {
  font-size: .97rem;
  line-height: 1.82;
  color: #1e293b;
}
.pg-body h2 {
  font-family: var(--font-serif);
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--brand);
  margin: 30px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--line);
}
.pg-body h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--slate);
  margin: 20px 0 8px;
}
.pg-body p { margin: 0 0 14px; }
.pg-body a { color: #0b5ed7; text-decoration: underline; text-underline-offset: 2px; }
.pg-body a:hover { color: var(--brand); }
.pg-body ul, .pg-body ol { margin: 0 0 14px; padding-left: 22px; }
.pg-body li { margin-bottom: 6px; }
.pg-body strong { font-weight: 700; color: var(--slate); }
.pg-body em { font-style: italic; }
.pg-body blockquote {
  border-left: 3px solid var(--brand);
  background: rgba(0,59,68,.04);
  margin: 18px 0;
  padding: 14px 20px;
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  font-style: italic;
  color: #374151;
}
.pg-body blockquote p:last-child { margin: 0; }
.pg-body table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  font-size: .875rem;
  border-radius: var(--r-sm);
  overflow: hidden;
  box-shadow: var(--sh-sm);
}
.pg-body th {
  background: var(--brand);
  color: #fff;
  padding: 10px 14px;
  text-align: left;
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .03em;
}
.pg-body td {
  border-bottom: 1px solid var(--line);
  padding: 9px 14px;
  vertical-align: top;
}
.pg-body tr:nth-child(even) { background: #f8fafc; }
.pg-body tr:hover { background: #f0f9ff; }
.pg-body img { max-width: 100%; height: auto; border-radius: var(--r-sm); }

/* ── Meta footer ── */
.pg-meta {
  font-size: .72rem;
  color: var(--muted);
  margin-top: 28px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 8px;
}
.pg-meta::before {
  content: '🕒';
  font-size: .8rem;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .pg-wrap { grid-template-columns: 1fr; padding: 24px 16px 0; }
  .pg-toc  { display: none; }
  .pg-card { padding: 24px 20px 28px; }
  .pg-hero { padding: 22px 0 32px; }
  .pg-hero-title { font-size: 1.35rem; }
}
@media (max-width: 480px) {
  .pg-card { padding: 18px 14px 22px; border-radius: var(--r); }
  .pg-body { font-size: .93rem; }
}


/* =============================================================================
   BOOTSTRAP ICONS REPLACEMENT — Pure CSS SVG
   DB blocks mein bi-* class names hain — CDN ki zaroorat nahi
   Har icon = inline-block pseudo SVG via mask-image
   ============================================================================= */

[class^="bi-"], [class*=" bi-"] {
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  flex-shrink: 0;
}

/* Google Scholar */
.bi-google {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z'/%3E%3C/svg%3E");
}

/* Award / medal */
.bi-award {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 11l-1.355-.828-1.51-.229-.684-1.365-1.086-1.072L3.613 6l-.248-1.506 1.086-1.072.684-1.365 1.51-.229L8 1l1.355.828z'/%3E%3Cpath d='M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 11l-1.355-.828-1.51-.229-.684-1.365-1.086-1.072L3.613 6l-.248-1.506 1.086-1.072.684-1.365 1.51-.229L8 1l1.355.828z'/%3E%3Cpath d='M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z'/%3E%3C/svg%3E");
}

/* Barcode / ISSN */
.bi-upc-scan {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5M.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5M3 4.5a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0zm2 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5M.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5M3 4.5a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0zm2 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0z'/%3E%3C/svg%3E");
}

/* Link / CrossRef */
.bi-link-45deg {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z'/%3E%3C/svg%3E");
}

/* Journal / ScienceGate */
.bi-journal-text {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E");
}

/* Bar chart / Scite */
.bi-bar-chart-line {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1zm1 12h2V2h-2zm-3 0V7H7v7zm-5 0v-3H2v3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1zm1 12h2V2h-2zm-3 0V7H7v7zm-5 0v-3H2v3z'/%3E%3C/svg%3E");
}

/* Globe / Advanced Sciences */
.bi-globe2, .bi-globe {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z'/%3E%3C/svg%3E");
}

/* Patch check filled — Indexing heading */
.bi-patch-check-fill {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z'/%3E%3C/svg%3E");
}

/* External link arrow */
.bi-box-arrow-up-right {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E");
}

/* People / authors */
.bi-people, .bi-people-fill {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 9.28a6 6 0 0 0-1.23-.247A7 7 0 0 0 5 9c-4 0-5 3-5 4q0 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816M4.92 10A5.5 5.5 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 9.28a6 6 0 0 0-1.23-.247A7 7 0 0 0 5 9c-4 0-5 3-5 4q0 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816M4.92 10A5.5 5.5 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4'/%3E%3C/svg%3E");
}

/* Eye / views */
.bi-eye {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'/%3E%3C/svg%3E");
}

/* Calendar */
.bi-calendar3 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857z'/%3E%3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857z'/%3E%3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}

/* File earmark text */
.bi-file-earmark-text {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

/* PDF file type */
.bi-filetype-pdf {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38.57.57 0 0 1-.238.241.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181.185.183.185.522m1.217-1.333v3.999h1.246q.606 0 .985-.332.38-.33.513-.918.135-.59.135-1.395 0-.805-.133-1.393a1.8 1.8 0 0 0-.514-.917q-.382-.33-.986-.344zm.791.645h.43q.324 0 .512.205.19.202.257.559t.067.844q0 .475-.066.836-.065.359-.257.561-.19.2-.512.2h-.43zm3.557-.645v3.999h.791v-1.624h1.248v-.646H7.71v-1.085h1.422v-.644z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38.57.57 0 0 1-.238.241.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181.185.183.185.522m1.217-1.333v3.999h1.246q.606 0 .985-.332.38-.33.513-.918.135-.59.135-1.395 0-.805-.133-1.393a1.8 1.8 0 0 0-.514-.917q-.382-.33-.986-.344zm.791.645h.43q.324 0 .512.205.19.202.257.559t.067.844q0 .475-.066.836-.065.359-.257.561-.19.2-.512.2h-.43zm3.557-.645v3.999h.791v-1.624h1.248v-.646H7.71v-1.085h1.422v-.644z'/%3E%3C/svg%3E");
}

/* Arrow right */
.bi-arrow-right {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
}

/* Trending graph */
.bi-graph-up-arrow {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 0h1v15h15v1H0zm10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4.9l-3.613 4.417a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61L13.445 4H10.5a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 0h1v15h15v1H0zm10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4.9l-3.613 4.417a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61L13.445 4H10.5a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}

/* Speaker / megaphone — call for paper */
.bi-megaphone, .bi-megaphone-fill {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 2.5a1 1 0 0 1 2 0v11a1 1 0 0 1-2 0v-.085l-1 .5V3.585zM11.5 3.585v8.83l-10 5V14.5a1.5 1.5 0 0 1-1.5-1.5v-5A1.5 1.5 0 0 1 1.5 6.5h.5v-1.5a.5.5 0 0 1 .5-.5zM2 7.5v4h.5a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 2.5a1 1 0 0 1 2 0v11a1 1 0 0 1-2 0v-.085l-1 .5V3.585zM11.5 3.585v8.83l-10 5V14.5a1.5 1.5 0 0 1-1.5-1.5v-5A1.5 1.5 0 0 1 1.5 6.5h.5v-1.5a.5.5 0 0 1 .5-.5zM2 7.5v4h.5a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E");
}

/* Award filled */
.bi-award-fill {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0l1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z'/%3E%3Cpath d='M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0l1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z'/%3E%3Cpath d='M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z'/%3E%3C/svg%3E");
}
.me-1 { margin-right: .25rem !important; }
.me-2 { margin-right: .5rem  !important; }
.me-3 { margin-right: 1rem   !important; }
.ms-1 { margin-left:  .25rem !important; }
.ms-2 { margin-left:  .5rem  !important; }

/* =============================================================================
   ISSUE VIEW  —  iv-* prefix
   New academic design — dark teal header + gold accents + card layout
   ============================================================================= */

.iv-w { max-width:var(--container,1200px);margin:0 auto;padding:0 20px; }

/* ── Breadcrumb ── */
.iv-crumb {border-bottom:1px solid rgba(255,255,255,.06);padding:9px 0; }
.iv-crumb ol { list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:.75rem; }
.iv-crumb li { display:inline-flex;align-items:center;gap:4px;color:rgba(255,255,255,.4); }
.iv-crumb li+li::before { content:'›';margin-right:4px;color:rgba(255,255,255,.2); }
.iv-crumb a { color:#000;text-decoration:none;display:inline-flex;align-items:center;gap:4px;font-weight:600;transition:color .15s; }
.iv-crumb a:hover { color:#e6a817; }
.iv-crumb li[aria-current] { color:#000; }

/* ── Issue header ── */
.iv-header {
  
  padding:28px 0 24px;position:relative;overflow:hidden;
}
.iv-header::before {
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#e6a817,#f9d56e,#0ea5e9,#e6a817);
  background-size:200% 100%;animation:vfLine 3s linear infinite;
}
.iv-header::after {
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:60px 60px;
}
.iv-header__journal {
  font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#000;margin-bottom:10px;
  display:inline-flex;align-items:center;gap:6px;position:relative;z-index:1;
}
.iv-header__row {
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:20px;flex-wrap:wrap;position:relative;z-index:1;
}
.iv-header__left { flex:1;min-width:0; }
.iv-header__right { display:flex;gap:10px;align-items:center;flex-shrink:0; }
.iv-header__label {
  font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;color:#000;
  margin:0 0 6px;line-height:1.15;font-family:var(--font-serif,Georgia,serif);
}
.iv-header__title { font-size:.95rem;color:#000;margin-bottom:12px; }
.iv-header__meta { display:flex;flex-wrap:wrap;gap:8px;font-size:.74rem;color:#000;align-items:center; }
.iv-header__meta span {
  display:inline-flex;align-items:center;gap:5px;
  background:#dbdbdb;border:1px solid rgba(255,255,255,.1);
  padding:3px 10px;border-radius:999px;
}

/* Header buttons */
.iv-hbtn { display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:8px;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .15s;border:1.5px solid transparent; }
.iv-hbtn--ghost { background:#000;color:#fff;border-color:rgba(255,255,255,.2); }
.iv-hbtn--ghost:hover { background:rgba(255,255,255,.18); }
.iv-hbtn--gold { background:#e6a817;color:#040d18;border-color:#e6a817; }
.iv-hbtn--gold:hover { background:#d4970e; }

/* ── Page body ── */
.iv-outer { background:#fff;min-height:60vh; }
.iv-page-grid {
  display:grid;
  grid-template-columns:230px 1fr;
  gap:24px;
  align-items:flex-start;
  padding:24px 0 60px;
}
@media(max-width:900px){ .iv-page-grid{grid-template-columns:1fr;} .iv-toc-col{display:none;} }

/* ── TOC Sidebar ── */
.iv-toc-col { position:sticky;top:80px;height:fit-content; }
.iv-toc-card {
  background:#fff;
  border:1px solid rgba(0,59,68,.1);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(0,59,68,.06);
}
.iv-toc-head {
  display:flex;align-items:center;gap:7px;
  background:#003b44;color:#e6a817;
  font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;
  padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);
}
.iv-toc-body { padding:6px 0; }
.iv-toc-body ul { list-style:none;margin:0;padding:0; }
.iv-toc-body li { margin:0; }
.iv-sec-link {
  display:flex;align-items:center;justify-content:space-between;
  padding:7px 14px;color:#374151;text-decoration:none;
  font-size:.79rem;font-weight:500;
  border-left:2px solid transparent;
  transition:all .15s;
}
.iv-sec-link:hover { background:rgba(0,59,68,.05);color:#003b44;border-left-color:#003b44; }
.iv-sec-link--active {
  font-weight:700;color:#003b44;
  background:rgba(0,59,68,.06);
  border-left:3px solid #e6a817;padding-left:11px;
}
.iv-sec-count {
  background:rgba(0,59,68,.08);color:#003b44;
  font-size:.65rem;font-weight:800;
  padding:1px 7px;border-radius:999px;flex-shrink:0;
}
.iv-sec-link--active .iv-sec-count { background:#e6a817;color:#040d18; }

/* Sidebar issue info */
.iv-toc-info { padding:12px 14px;border-top:1px solid rgba(0,59,68,.08);background:#fafbfc; }
.iv-toc-info__label { font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#e6a817;margin-bottom:3px; }
.iv-toc-info__val { font-size:.82rem;font-weight:700;color:#0b1220; }
.iv-toc-info__year { font-size:.74rem;color:#64748b;font-family:var(--font-mono,monospace);margin-top:2px; }

/* ── Main area ── */
.iv-main { min-width:0; }

/* Issue heading */
.iv-issue-hd__top { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px; }
.iv-issue-hd__title { font-size:1.15rem;font-weight:800;color:#0b1220;margin:0; }
.iv-issue-hd__date { color:#64748b;font-size:.82rem;margin:3px 0 0; }
.iv-issue-hd__desc { font-size:.88rem;line-height:1.7;color:#374151;margin:10px 0; }
.iv-art-count-badge {
  display:inline-flex;align-items:center;
  background:#003b44;color:#fff;
  font-size:.7rem;font-weight:700;
  padding:4px 12px;border-radius:999px;flex-shrink:0;
}
.iv-divider { border:none;border-top:2px solid #e6a817;margin:12px 0 18px;width:40px; }
.iv-empty { padding:40px;text-align:center;color:#64748b;font-size:.9rem;background:#fff;border-radius:12px;border:1px solid #e9ecef; }

/* Section group */
.iv-section-group { margin-bottom:8px; }
.iv-section-head { display:flex;align-items:center;gap:12px;margin:20px 0 14px; }
.iv-section-head__label {
  white-space:nowrap;font-size:.72rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.1em;
  color:#003b44;background:#fff;
  border:1px solid rgba(0,59,68,.2);
  padding:4px 14px;border-radius:999px;
  flex-shrink:0;
}
.iv-section-head__line { flex:1;height:1px;background:rgba(0,59,68,.1); }

/* ── Article card ── */
.iv-art-card {
  background:#fff;
  border:1px solid rgba(0,59,68,.09);
  border-left:3px solid transparent;
  border-radius:12px;
  padding:5px 5px;
  margin-bottom:12px;
  box-shadow:0 1px 4px rgba(2,6,23,.04);
  transition:box-shadow .2s,border-left-color .2s,transform .2s;
}
.iv-art-card:hover {
  box-shadow:0 8px 24px rgba(0,59,68,.1);
  border-left-color:#e6a817;
  transform:translateY(-1px);
}

/* Card top row */
.iv-art-top { display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px; }
.iv-art-date { font-size:.7rem;color:#94a3b8;font-weight:500;flex-shrink:0; }

/* Badges */
.iv-art-badges { display:flex;align-items:center;gap:6px;flex-wrap:wrap; }
.iv-badge-oa {
  display:inline-flex;align-items:center;gap:4px;
  background:rgba(0,59,68,.07);color:#003b44;
  border:1px solid rgba(0,59,68,.18);
  border-radius:999px;padding:2px 9px;
  font-size:.68rem;font-weight:700;
}
.iv-badge-section {
  background:#f1f5f9;color:#475569;
  border:1px solid #e2e8f0;
  border-radius:999px;padding:2px 9px;
  font-size:.68rem;font-weight:600;
}

/* Title */
.iv-art-title { font-size:1.02rem;font-weight:700;color:#0b1220;margin:0 0 7px;line-height:1.4; }
.iv-art-title a { color:inherit;text-decoration:none;transition:color .15s; }
.iv-art-title a:hover { color:#003b44; }

/* Authors */
.iv-art-authors { display:flex;align-items:flex-start;gap:6px;font-size:.81rem;color:#374151;margin-bottom:6px;font-weight:500; }
.iv-art-authors svg { flex-shrink:0;margin-top:2px;color:#003b44;opacity:.7; }

/* DOI */
.iv-art-doi { font-size:.75rem;margin-bottom:8px; }
.iv-art-doi a {
  color:#003b44;text-decoration:none;
  display:inline-flex;align-items:center;gap:4px;
  font-family:var(--font-mono,monospace);
  transition:color .15s;
}
.iv-art-doi a:hover { color:#e6a817;text-decoration:underline; }

/* Stats */
.iv-art-stats { display:flex;flex-wrap:wrap;gap:12px;font-size:.73rem;color:#64748b;margin-bottom:12px; }
.iv-art-stats span { display:inline-flex;align-items:center;gap:4px; }

/* Actions */
.iv-art-actions { display:flex;gap:8px;flex-wrap:wrap; }
.iv-btn {
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 16px;border-radius:8px;
  font-size:.78rem;font-weight:700;
  text-decoration:none;transition:all .15s;
  border:1.5px solid transparent;
}
.iv-btn--primary { background:#003b44;color:#fff;border-color:#003b44; }
.iv-btn--primary:hover { background:#005060;border-color:#005060; }
.iv-btn--pdf { background:transparent;color:#003b44;border-color:rgba(0,59,68,.3); }
.iv-btn--pdf:hover { background:rgba(0,59,68,.06);border-color:rgba(0,59,68,.5); }

/* Back */
.iv-back-row { padding:20px 0 8px; }
.iv-back-link { display:inline-flex;align-items:center;gap:6px;font-size:.83rem;font-weight:700;color:#003b44;text-decoration:none; }
.iv-back-link:hover { color:#e6a817; }

/* =============================================================================
   ARTICLE VIEW  —  ar-* prefix  |  Image-exact PHP match
   ============================================================================= */

:root {
  --ar-serif: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --ar-sans:  'Source Sans 3','Helvetica Neue', Arial, sans-serif;
}

.ar-w { max-width: 1200px; margin: 0 auto;}

/* ── Breadcrumb ── */
/* Article breadcrumb — same dark ribbon as header/issue pages */
/* ar-crumb removed — Tailwind used in ArticleClient.tsx */

/* ── Page ── */
.ar-page { background:#fff; padding:18px 0 56px; }

.ar-grid {
  display: grid;
  grid-template-columns: 195px 1fr 270px;
  gap: 18px;
  align-items: flex-start;
}
@media (max-width: 1100px) { .ar-grid { grid-template-columns: 1fr 265px; } .ar-toc-col { display: none; } }
@media (max-width: 768px)  { .ar-grid { grid-template-columns: 1fr; } .ar-sidebar { order: -1; } }

/* CRITICAL — prevent sticky killers (desktop only) */
@media (min-width: 992px) {
  .ar-page, .ar-w, .ar-grid, .ar-toc-col, .ar-main, .ar-sidebar {
    overflow: visible !important; transform: none !important; filter: none !important;
  }
}

/* Mobile: prevent horizontal overflow */
@media (max-width: 991.98px) {
  body { overflow-x: hidden; }
  .ar-w { padding: 0 12px; max-width: 100%; box-sizing: border-box; }
  .ar-grid { width: 100%; min-width: 0; overflow: hidden; }
  .ar-main, .ar-sidebar { min-width: 0; max-width: 100%; overflow-x: hidden; box-sizing: border-box; }
  .ar-article-body { overflow-x: hidden; box-sizing: border-box; }
}

/* ── TOC column ── */
.ar-toc-col { position: sticky; top: 90px; height: fit-content; align-self: flex-start; }
.ar-toc-card { background:#fff; border:1px solid rgba(0,59,68,.12); border-top:3px solid #e6a817; border-radius:10px; box-shadow:0 2px 12px rgba(0,59,68,.07); overflow:hidden; }
.ar-toc-head { font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:#e6a817; padding:10px 14px; border-bottom:1px solid rgba(255,255,255,.08); display:flex; align-items:center; gap:6px; }
.ar-toc-body { max-height: calc(100vh - 180px); overflow-y: auto; padding: 8px 6px; }
.ar-toc-body::-webkit-scrollbar { width: 3px; }
.ar-toc-body::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 2px; }
.ar-toc-empty { font-size: .8rem; color: var(--muted); padding: 6px 8px; margin: 0; }

/* TOC nav — numbered list, PHP-exact style */
.ar-toc-nav ol { list-style: decimal; padding-left: 1.3rem; margin: 0; }
.ar-toc-nav li { margin: 0; padding: 0; }
.ar-toc-nav li.toc-h3 { padding-left: 10px; font-size: .76rem; }
.ar-toc-nav a {
  display: block; padding: 3px 4px;
  font-size: .8rem; line-height: 1.35;
  text-decoration: none; color: #495057;
  border-left: 2px solid transparent;
  transition: all .12s;
}
.ar-toc-nav a:hover { color: var(--brand); }
.ar-toc-nav a.active {
  color:#003b44; font-weight:700;
  border-left-color:#e6a817;
  padding-left:6px;
}

/* ── Center: Article main ── */
.ar-main { min-width: 0; }

/* Article header card */
.ar-art-header {
  background:#fff;
  border:1px solid rgba(0,59,68,.1);
  border-top:3px solid #003b44;
  border-radius:10px;
  padding:20px 24px 0;
  margin-bottom:14px;
  box-shadow:0 2px 12px rgba(0,59,68,.07);
  position:relative;
  overflow:hidden;
}
/* ar-art-header::before removed — inline Tailwind div used */
.ar-header-divider { border: none; border-top: 1px solid #e9ecef; margin: 14px -24px 0; }

/* Eyebrow badges */
/* ar-eyebrow/ar-badge removed — Tailwind used in ArticleClient.tsx */

/* Reader title — image: large, sans-serif, bold */
.ar-title {
  font-family: var(--ar-sans), system-ui, sans-serif;
  font-size: clamp(1.2rem, 2.5vw, 1.65rem);
  font-weight: 700; color: #0f172a; line-height: 1.28; margin: 0 0 12px;
}

/* Authors */
.ar-authors { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; margin-bottom: 9px; }
.ar-author-chip {
  background: none; border: none; cursor: pointer;
  color: #1a6496; font-size: .88rem; font-weight: 400;
  padding: 0; font-family: inherit; transition: color .12s;
}
.ar-author-chip:hover { color: var(--brand); text-decoration: underline; }
.ar-author-chip sup { color: #dc2626; font-size: .65em; }
.ar-orcid-dot { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border-radius: 50%; background: #a6ce39; color: #fff; font-size: .45rem; font-weight: 900; margin-left: 3px; vertical-align: middle; }
.ar-author-sep { color: #6c757d; }

/* Meta row: DOI · pages · issue · date */
.ar-metarow { display: flex; flex-wrap: wrap; gap: 4px 6px; font-size: .8rem; color: var(--muted); margin-bottom: 12px; }
.ar-meta-item { display: inline-flex; align-items: center; gap: 3px; }
.ar-meta-doi { color: var(--brand); text-decoration: none; }
.ar-meta-doi:hover { text-decoration: underline; }
.ar-meta-issue { color: var(--brand); text-decoration: none; font-weight: 500; }
.ar-meta-issue:hover { text-decoration: underline; }

/* Action buttons row */
.ar-header-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding-bottom: 14px; }
.ar-hbtn { display: inline-flex; align-items: center; gap: 5px; padding: 5px 13px; border-radius: 6px; font-size: .8rem; font-weight: 600; text-decoration: none; cursor: pointer; border: 1px solid transparent; font-family: inherit; transition: all .15s; }
.ar-hbtn--pdf { background: #fff; color: var(--brand); border-color: var(--brand); }
.ar-hbtn--pdf:hover { background: var(--brand); color: #fff; }
.ar-hbtn--ghost { background: #fff; color: #374151; border-color: #d1d5db; }
.ar-hbtn--ghost:hover { background: #f9fafb; }
.ar-auto-badge { font-size: .6em; background: rgba(0,0,0,.1); border-radius: 999px; padding: 1px 5px; }
.ar-header-stats { font-size: .78rem; color: var(--muted); }

/* Dropdown */
.ar-dropdown { position: relative; }
.ar-dropdown-menu { position: absolute; top: calc(100% + 4px); left: 0; background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 8px 24px rgba(2,6,23,.12); min-width: 175px; z-index: 200; padding: 4px; }
.ar-dropdown-item { display: block; width: 100%; padding: 7px 12px; font-size: .82rem; font-weight: 500; color: var(--dark); text-decoration: none; border-radius: 6px; transition: background .1s; }
.ar-dropdown-item:hover { background: #f3f6fb; }
.ar-dropdown-item--btn { background: none; border: none; cursor: pointer; text-align: left; font-family: inherit; }
.ar-dropdown-divider { height: 1px; background: var(--line); margin: 4px 0; }

/* ── Article body card ── */
.ar-article-body {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 28px 30px;
  box-shadow: 0 1px 4px rgba(2,6,23,.05);
  font-family: var(--ar-serif);
  font-size: 15px; line-height: 1.78;
  color: #0f172a; text-align: justify;
}
@media (max-width: 640px) {
  .ar-article-body { padding: 16px; text-align: left; }
}
.ar-article-body p { font-family: var(--ar-serif); margin: .5rem 0 1rem; }
.ar-article-body h1, .ar-article-body h2,
.ar-article-body h3, .ar-article-body h4 {
  font-family: var(--ar-sans), system-ui, sans-serif;
  color: #0f172a; line-height: 1.25; text-align: left;
}
.ar-article-body h2 { font-size: 1.15rem; font-weight: 700; margin: 1.8rem 0 .65rem; padding-bottom: .3rem; border-bottom: 1px solid #e5e7eb; }
.ar-article-body h3 { font-size: 1.05rem; font-weight: 700; margin: 1.4rem 0 .5rem; }
.ar-article-body h4 { font-size: 1rem; font-weight: 700; margin: 1rem 0 .4rem; }
.ar-article-body h1, .ar-article-body h2, .ar-article-body h3 { scroll-margin-top: 90px; }
.ar-article-body a { color: var(--brand); text-decoration: none; }
.ar-article-body a:hover { text-decoration: underline; }
.ar-article-body img { max-width: 100%; height: auto; display: block; margin: .75rem auto; }
.ar-article-body figure { border: 1px solid #e5e7eb; border-radius: 8px; padding: .75rem; margin: 1rem 0; }
.ar-article-body figcaption { font-family: var(--ar-sans); font-size: .85em; color: #475569; margin-top: .4rem; text-align: center; }
.ar-article-body table { width: 100%; border-collapse: collapse; margin: .75rem 0 1.25rem; font-size: .92em; }
.ar-article-body th, .ar-article-body td { border: 1px solid #e5e7eb; padding: .5rem .65rem; vertical-align: top; }
.ar-article-body th { background: #f8fafc; font-weight: 700; }
.ar-article-body .table-responsive { overflow-x: auto; }
.ar-article-body code { background: #f3f4f6; padding: .1rem .3rem; border-radius: .25rem; font-size: .9em; }
.ar-article-body blockquote { border-left: 3px solid #e5e7eb; padding-left: 1rem; color: #6b7280; font-style: italic; margin: 1rem 0; }
.ar-article-body section { margin-bottom: 0; }
.ar-article-body .sec-hd { font-size: 1.1rem; font-weight: 700; margin: 1.6rem 0 .6rem; padding-bottom: .3rem; border-bottom: 1px solid #e5e7eb; font-family: var(--ar-sans), system-ui, sans-serif; text-align: left; }
.ar-article-body .back-matter { border-top: 2px solid #e5e7eb; margin-top: 2rem; padding-top: 1.5rem; }
.ar-article-body #refList li { font-size: .86rem; line-height: 1.6; margin-bottom: .5rem; word-break: break-word; }
.ar-article-body #refList { list-style: decimal; padding-left: 2rem; }
.ar-article-body .doi-badge { display: inline-block; padding: .1rem .45rem; border: 1px solid rgba(0,59,68,.3); border-radius: 999px; font-size: .75rem; color: var(--brand); text-decoration: none; }
.ar-article-body .cite { color: var(--brand); text-decoration: none; font-weight: 600; font-size: .85em; }
.ar-article-body .cite:hover { text-decoration: underline; }
.ar-article-body .formula-block { background: #f8fafc; border-radius: 6px; padding: .5rem .75rem; margin: .75rem 0; }
.ar-article-body .footnotes { font-size: .85rem; color: #6b7280; border-top: 1px solid #e5e7eb; padding-top: 1rem; margin-top: 1.5rem; }

/* Reference highlight — tab mein citation click ke baad flash animation */
@keyframes ar-ref-flash {
  0%   { background: #fef08a; box-shadow: 0 0 0 3px #fde047; }
  70%  { background: #fef9c3; }
  100% { background: transparent; box-shadow: none; }
}
.ar-ref-highlight {
  animation: ar-ref-flash 3.5s ease forwards;
  border-radius: 4px;
  display: block;
}

/* Citation tooltip — dark popup */
.ar-cite-tooltip {
  background: #1e293b;
  color: #e2e8f0;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: .8rem;
  line-height: 1.55;
  box-shadow: 0 8px 32px rgba(0,0,0,.35);
  word-break: break-word;
  animation: ar-tooltip-in .15s ease;
  border: 1px solid rgba(255,255,255,.08);
  max-width: calc(100vw - 24px);
  box-sizing: border-box;
}
@keyframes ar-tooltip-in {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.ar-ctt__text { margin-bottom: 10px; color: #cbd5e1; }
.ar-ctt__notfound { color: #94a3b8; font-style: italic; }
.ar-ctt__btns { display: flex; flex-wrap: wrap; gap: 6px; }
.ar-ctt__btn { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 6px; font-size: .72rem; font-weight: 600; text-decoration: none; white-space: nowrap; transition: opacity .15s; }
.ar-ctt__btn:hover { opacity: .8; }
.ar-ctt__btn--doi     { background: #1e40af; color: #bfdbfe; }
.ar-ctt__btn--scholar { background: #166534; color: #bbf7d0; }
.ar-ctt__btn--scopus  { background: #7c2d12; color: #fed7aa; }
.ar-ctt__btn--jump    { background: rgba(255,255,255,.1); color: #e2e8f0; }

/* Reference list buttons (main body) */
.ar-ref-btns { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.ar-ref-btn { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 5px; font-size: .7rem; font-weight: 600; text-decoration: none; white-space: nowrap; transition: opacity .15s; }
.ar-ref-btn:hover { opacity: .75; }
.ar-ref-btn--doi     { background: #dbeafe; color: #1e40af; border: 1px solid #bfdbfe; }
.ar-ref-btn--scholar { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.ar-ref-btn--scopus  { background: #ffedd5; color: #7c2d12; border: 1px solid #fed7aa; }

/* Fallback (no fulltext) */
.ar-kw-wrap { display: flex; flex-wrap: wrap; gap: 8px; }
.ar-kw-chip { background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0; border-radius: 999px; padding: 3px 12px; font-size: .78rem; font-family: var(--ar-sans); }
.ar-ref-list { padding-left: 1.3rem; margin: 0; }
.ar-ref-list li { font-size: .85rem; line-height: 1.65; color: #374151; margin-bottom: 8px; word-break: break-word; }
.ar-empty-note { color: var(--muted); font-size: .88rem; font-family: var(--ar-sans); }

/* ── Right sidebar ── */
.ar-sidebar { position: sticky; top: 90px; height: fit-content; align-self: flex-start; }

/* Tabs */
.ar-tabs { background: #fff; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; margin-bottom: 12px; box-shadow: 0 1px 4px rgba(2,6,23,.06); }
.ar-tabs-nav { display: flex; border-bottom: 1px solid var(--line); }
.ar-tab-btn { flex: 1; padding: 9px 4px; background: #f8fafc; border: none; border-right: 1px solid var(--line); cursor: pointer; font-size: .72rem; font-weight: 600; color: #475569; transition: background .12s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ar-tab-btn:last-child { border-right: none; }
.ar-tab-btn:hover { background: #f1f5f9; }
.ar-tab-btn--active { background: #fff; color: var(--dark); box-shadow: inset 0 -2px 0 var(--brand); }
.ar-tab-panel { padding: 13px 14px; }

/* Details */
.ar-detail-row { display: flex; gap: 4px; font-size: .8rem; margin-bottom: 5px; line-height: 1.45; flex-wrap: wrap; }
.ar-detail-lbl { color: var(--muted); white-space: nowrap; }
.ar-detail-val { color: #0f172a; word-break: break-word; }
.ar-detail-val a { color: var(--brand); text-decoration: none; font-weight: 500; }
.ar-detail-val a:hover { text-decoration: underline; }
.ar-doi-link { color: var(--brand); text-decoration: none; font-size: .72rem; word-break: break-all; }
.ar-doi-link:hover { text-decoration: underline; }
.ar-divider { border: none; border-top: 1px solid var(--line); margin: 10px 0; }

/* AUTHORS section */
.ar-authors-section {}
.ar-detail-subhd { font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; color: var(--muted); margin-bottom: 8px; }
.ar-authors-list { list-style: none; padding: 0; margin: 0 0 4px; }
.ar-authors-list li { margin-bottom: 5px; font-size: .83rem; }
.ar-authors-list li::before { content: '•'; margin-right: 6px; color: var(--muted); }
.ar-author-link { background: none; border: none; cursor: pointer; font-size: .83rem; color: #0f172a; padding: 0; text-align: left; font-family: inherit; transition: color .12s; }
.ar-author-link:hover { color: var(--brand); }

/* Chart */
.ar-chart-legend { display: flex; gap: 14px; margin-bottom: 6px; font-size: .72rem; color: var(--muted); align-items: center; }
.ar-legend-views, .ar-legend-dl { display: inline-flex; align-items: center; gap: 5px; }
.ar-legend-line { display: inline-block; width: 28px; height: 3px; border-radius: 2px; }
.ar-legend-line--blue { background: #0ea5e9; }
.ar-legend-line--red  { background: #f87171; }
.ar-chart-wrap { height: 155px; position: relative; margin-bottom: 10px; }
.ar-chart-wrap canvas { width: 100% !important; height: 100% !important; }
/* Chart legend — new style (ar-legend-item) */
.ar-legend-item { display: inline-flex; align-items: center; gap: 5px; font-size: .72rem; color: var(--muted); }
.ar-legend-item--views {}
.ar-legend-item--dl {}

/* Metrics numbers below chart */
.ar-metrics-nums { display: flex; gap: 20px; align-items: center; margin: 10px 0 12px; }
.ar-metric-num { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.ar-metric-num svg { color: var(--muted); margin-bottom: 2px; }
.ar-metric-val { font-size: 1.5rem; font-weight: 800; color: #0f172a; line-height: 1; }
.ar-metric-lbl { font-size: .62rem; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); }

/* Stats numbers — image: big number + label */
.ar-stats-nums { display: flex; gap: 20px; align-items: flex-end; margin-bottom: 12px; }
.ar-stat-num-item { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.ar-stat-num-item svg { color: var(--muted); margin-bottom: 2px; }
.ar-stat-num { font-size: 1.55rem; font-weight: 800; color: #0f172a; line-height: 1; }
.ar-stat-lbl { font-size: .62rem; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); }

/* Full text PDF button */
.ar-sidebar-pdf { border-top: 1px solid var(--line); padding-top: 12px; }
.ar-pdf-full-btn {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  width: 100%; padding: 9px 12px;
  background: #fff; color: var(--brand);
  border: 1px solid var(--brand); border-radius: 7px;
  font-size: .82rem; font-weight: 700;
  text-decoration: none; transition: all .15s; cursor: pointer;
}
.ar-pdf-full-btn:hover { background: var(--brand); color: #fff; }

/* Refs/Figures tabs */
.ar-ref-list-side { padding-left: 1.2rem; margin: 0; font-size: .78rem; }
.ar-ref-list-side li { line-height: 1.55; color: #374151; margin-bottom: 8px; word-break: break-word; }
.ar-figures-area { color: var(--muted); font-size: .84rem; padding: 4px 0; }
.ar-figure-thumb { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border); }
.ar-figure-thumb:last-child { border-bottom: none; margin-bottom: 0; }
.ar-figure-thumb figure { margin: 0; }
.ar-figure-thumb img { max-width: 100%; height: auto; border-radius: 4px; display: block; }
.ar-figure-thumb figcaption { font-size: .78rem; color: var(--muted); margin-top: 4px; }
.ar-figure-thumb--table { overflow-x: auto; }
.ar-figure-thumb--table .table-responsive { margin: 0; }
.ar-figure-thumb--table table { font-size: .75rem; width: 100%; border-collapse: collapse; }
.ar-figure-thumb--table td, .ar-figure-thumb--table th { padding: 3px 6px; border: 1px solid var(--border); }
.ar-figure-thumb--table .text-secondary { font-size: .78rem; color: var(--muted); margin-bottom: 4px; }

/* Related */
.ar-related { background: #fff; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; margin-bottom: 12px; box-shadow: 0 1px 4px rgba(2,6,23,.06); }
.ar-related-hd { padding: 9px 14px; font-size: .78rem; font-weight: 700; color: #1e293b; border-bottom: 1px solid var(--line); background: #fafbfc; }
.ar-related-item { padding: 9px 14px; border-bottom: 1px solid #f8fafc; }
.ar-related-item:last-child { border-bottom: none; }
.ar-related-item a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: .8rem; color: #1e3a8a; text-decoration: none; font-weight: 600; line-height: 1.4; }
.ar-related-item a:hover { color: var(--dark); text-decoration: underline; }
.ar-related-date { font-size: .7rem; color: #94a3b8; margin-top: 3px; }

/* OA notice */
.ar-oa-notice { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; padding: 11px 14px; margin-bottom: 12px; }
.ar-oa-title { font-weight: 600; color: #111827; font-size: .77rem; margin-bottom: 4px; }
.ar-oa-body { font-size: .74rem; color: #4b5563; line-height: 1.55; }
.ar-oa-body a { color: var(--brand); font-weight: 700; }

/* Author Drawer */
.ar-drawer { position: fixed; top: 0; right: -440px; width: 420px; max-width: 92vw; height: 100vh; background: #fff; border-left: 1px solid #dee2e6; box-shadow: -8px 0 24px rgba(0,0,0,.08); z-index: 10080; transition: right .28s ease; }
.ar-drawer--open { right: 0; }
.ar-drawer-hd { display: flex; justify-content: space-between; align-items: center; padding: .9rem 1.1rem; border-bottom: 1px solid #eef2f4; font-size: .88rem; font-weight: 700; color: var(--dark); }
.ar-drawer-close { display: inline-flex; align-items: center; gap: 5px; background: none; border: 1px solid #e2e8f0; border-radius: 7px; padding: 5px 11px; font-size: .78rem; font-weight: 600; cursor: pointer; color: #475569; transition: background .12s; }
.ar-drawer-close:hover { background: #f1f5f9; }
.ar-drawer-body { padding: 1rem 1.1rem; overflow-y: auto; height: calc(100vh - 56px); }
.ar-drawer-author { border: 1px solid #eef2f4; border-radius: 8px; padding: 14px; margin-bottom: 12px; }
.ar-drawer-name { font-weight: 700; font-size: .95rem; color: var(--dark); margin-bottom: 5px; }
.ar-drawer-aff { font-size: .82rem; color: #6c757d; line-height: 1.45; margin-bottom: 6px; }
.ar-drawer-orcid { font-size: .8rem; margin-bottom: 8px; }
.ar-drawer-orcid a { color: var(--brand); text-decoration: none; }
.ar-drawer-orcid a:hover { text-decoration: underline; }
.ar-profile-btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; background: #0f5b8e; color: #fff; border-radius: 8px; text-decoration: none; font-size: .8rem; font-weight: 600; transition: background .15s; }
.ar-profile-btn:hover { background: #0a4a74; color: #fff; }
.ar-claim-btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; background: #fef9c3; color: #854d0e; border: 1px solid #fde047; border-radius: 8px; text-decoration: none; font-size: .8rem; font-weight: 600; transition: background .15s; margin-top: 6px; }
.ar-claim-btn:hover { background: #fef08a; }

html { scroll-behavior: smooth; }

/* =============================================================================
   JOURNAL PAGES — Unified design system
   jp-* = common page shell (breadcrumb + hero + body)
   ia-* = archive-specific cards
   eb-* = editorial board
   Used by: archive, editorial, about/[slug], current issue, view issue
   Clean academic look — Nature/Elsevier/Springer inspired
   ============================================================================= */

/* ── Shared container ── */
.jp-w { max-width:var(--container,1200px);margin:0 auto;padding: 0px 15px 0px 15px; }

/* ── Shared breadcrumb — same dark ribbon as header ── */
.jp-crumb,.ia-crumb,.eb-breadcrumb {
  
  border-bottom:1px solid rgba(255,255,255,.07);
  padding:9px 0;
}
.jp-crumb ol,.ia-crumb ol {
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:4px;align-items:center;
  font-size:.75rem;color:rgba(255,255,255,.5);
  max-width:var(--container,1200px);margin:0 auto;padding:0 10px;
}
.jp-crumb li,.ia-crumb li { display:inline-flex;align-items:center;gap:4px; }
.jp-crumb li+li::before,.ia-crumb li+li::before { content:'›';margin-right:4px;color:rgba(255,255,255,.2); }
.jp-crumb a,.ia-crumb a {
  color:#000;text-decoration:none;
  display:inline-flex;align-items:center;gap:4px;
  font-weight:600;transition:color .15s;
}
.jp-crumb a:hover,.ia-crumb a:hover { color:#e6a817; }
.jp-crumb li[aria-current],.ia-crumb li[aria-current] { color:#000; }

/* ── Shared page hero banner ── */
.jp-hero,.ia-hero,.eb-hero {
  padding:28px 0 24px;position:relative;overflow:hidden;
}
.jp-hero::before,.ia-hero::before,.eb-hero::before {
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#e6a817,#f9d56e,#0ea5e9,#e6a817);
  background-size:200% 100%;animation:vfLine 3s linear infinite;
}
.jp-hero::after,.ia-hero::after,.eb-hero::after {
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:60px 60px;
}
/* Editorial hero — 2-col layout like iv-header */
.eb-hero .eb-hero__inner {
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
}
.eb-hero__left { flex:1;min-width:0; }
.eb-hero__right { display:flex;gap:10px;align-items:center;flex-shrink:0; }
.eb-hero__btn {
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 15px;border-radius:8px;font-size:.78rem;font-weight:700;
  text-decoration:none;transition:all .15s;border:1.5px solid transparent;
}
.eb-hero__btn--ghost { background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2); }
.eb-hero__btn--ghost:hover { background:rgba(255,255,255,.18); }
.eb-hero__btn--gold { background:#e6a817;color:#040d18;border-color:#e6a817; }
.eb-hero__btn--gold:hover { background:#d4970e; }
.jp-hero__inner,.ia-hero .ia-w,.eb-hero__inner {
  position:relative;z-index:1;
  max-width:var(--container,1200px);margin:0 auto;padding:0 20px;
}
.jp-hero__kicker,.ia-hero__kicker,.eb-hero__kicker {
  font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#000;margin-bottom:8px;
  display:inline-flex;align-items:center;gap:6px;
}
.jp-hero__title,.ia-hero__title,.eb-hero__title {
  font-size:clamp(1.4rem,4vw,2rem);font-weight:900;color:#000;
  margin:0 0 6px;line-height:1.15;
  font-family:var(--font-serif,Georgia,serif);
}
.jp-hero__sub,.ia-hero__sub,.eb-hero__sub {
  font-size:.88rem;color:#000;
  max-width:560px;line-height:1.6;margin-bottom:14px;
}
/* Meta pills */
.jp-hero__meta,.ia-hero__badges,.eb-hero__stats {
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
}
.jp-hero__pill,.ia-hero__badge,.eb-hero__stat {
  display:inline-flex;align-items:center;gap:5px;
  background:#dbdbdb;border:1px solid rgba(255,255,255,.12);
  padding:4px 12px;border-radius:999px;
  font-size:.73rem;color:#000;font-weight:600;
}

/* ── Shared body area ── */
.jp-body,.ia-body { background:#fff;min-height:60vh;padding:28px 0 60px; }
.jp-empty,.ia-empty {
  padding:48px 20px;text-align:center;color:#64748b;font-size:.9rem;
  background:#f8fafc;border:1px solid #e9ecef;border-radius:12px;margin:20px 0;
}

/* ══════════════════════════════════════════
   ISSUE ARCHIVE  —  ia-* cards
   ══════════════════════════════════════════ */
.ia-w { max-width:var(--container);margin:0 auto;padding:0 20px; }

/* Year group */
.ia-year-group { margin-bottom:40px; }
.ia-year-hd {
  display:flex;align-items:center;gap:12px;margin-bottom:16px;
}
.ia-year-label {
  font-size:1.1rem;font-weight:900;color:#0b1220;
  white-space:nowrap;font-family:var(--font-serif,Georgia,serif);
}
.ia-year-count {
  font-size:.72rem;font-weight:700;color:#003b44;
  background:rgba(0,59,68,.08);border:1px solid rgba(0,59,68,.15);
  padding:2px 10px;border-radius:999px;white-space:nowrap;
}
.ia-year-rule { flex:1;height:1px;background:rgba(0,59,68,.1); }

/* Issue cards grid */
.ia-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:14px;
}

/* Issue card */
.ia-card {
  display:flex;align-items:stretch;gap:0;
  background:#fff;border:1px solid rgba(0,59,68,.1);
  border-left:3px solid transparent;
  border-radius:10px;text-decoration:none;
  box-shadow:0 1px 4px rgba(2,6,23,.05);
  overflow:hidden;
  transition:box-shadow .18s,border-left-color .18s,transform .18s;
}
.ia-card:hover {
  box-shadow:0 6px 20px rgba(0,59,68,.1);
  border-left-color:#e6a817;
  transform:translateY(-1px);
}

/* Left thumb */
.ia-card__thumb {
  width:60px;flex-shrink:0;
  background:linear-gradient(160deg,#003b44,#005060);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;padding:12px 8px;
}
.ia-card__vol {
  font-size:.6rem;font-weight:800;color:#e6a817;
  text-transform:uppercase;letter-spacing:.06em;text-align:center;line-height:1.2;
}
.ia-card__num {
  font-size:.62rem;font-weight:700;color:rgba(255,255,255,.6);margin-top:2px;
}
.ia-card__thumb svg { color:rgba(255,255,255,.35); }

/* Right body */
.ia-card__body { flex:1;padding:14px 16px;min-width:0; }
.ia-card__label { font-size:.88rem;font-weight:800;color:#0b1220;margin-bottom:2px; }
.ia-card__title { font-size:.8rem;color:#374151;margin-bottom:4px; }
.ia-card__date {
  display:flex;align-items:center;gap:4px;
  font-size:.72rem;color:#64748b;margin-bottom:10px;
}
.ia-card__footer {
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding-top:8px;border-top:1px solid rgba(0,59,68,.07);
}
.ia-card__art-count {
  display:flex;align-items:center;gap:4px;
  font-size:.72rem;color:#003b44;font-weight:600;
}
.ia-card__cta {
  display:flex;align-items:center;gap:3px;
  font-size:.72rem;font-weight:700;color:#003b44;
  transition:gap .15s;
}
.ia-card:hover .ia-card__cta { gap:6px;color:#e6a817; }

/* ══════════════════════════════════════════
   EDITORIAL BOARD  —  eb-* classes
   Clean list layout — Springer/Nature style
   ══════════════════════════════════════════ */
.eb-page { background:#fff; }

.eb-hero__inner {
  position:relative;z-index:1;
  max-width:var(--container,1200px);margin:0 auto;padding:0 20px;
}
.eb-breadcrumb {
  display:flex;align-items:center;gap:6px;
  font-size:.75rem;margin-bottom:12px;
  max-width:var(--container,1200px);margin:0 auto 12px;
  position:relative;z-index:1;
}
.eb-breadcrumb__link { color:rgba(255,255,255,.7);text-decoration:none;font-weight:600; }
.eb-breadcrumb__link:hover { color:#e6a817; }
.eb-breadcrumb__sep { color:rgba(255,255,255,.3); }
.eb-breadcrumb__current { color:rgba(255,255,255,.5); }

.eb-hero__stats { display:flex;flex-wrap:wrap;gap:10px;margin-top:14px; }
.eb-hero__stat {
  display:flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  padding:6px 14px;border-radius:999px;
}
.eb-hero__stat-num { font-size:.95rem;font-weight:900;color:#e6a817; }
.eb-hero__stat-label { font-size:.72rem;color:rgba(255,255,255,.65);font-weight:600; }

/* Main editorial area */
.eb-main {
  max-width:var(--container,1200px);margin:0 auto;padding:28px 20px 60px;
}

/* EIC spotlight */
.eb-eic-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:16px;margin-top:14px;
}
.eb-eic-card {
  display:flex;gap:16px;align-items:flex-start;
  background:#fff;border:1px solid rgba(0,59,68,.12);
  border-top:3px solid #e6a817;
  border-radius:12px;padding:20px;
  box-shadow:0 2px 8px rgba(0,59,68,.07);
}
.eb-eic-avatar {
  width:52px;height:52px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:900;font-size:1.1rem;
}
.eb-eic-card__info { flex:1;min-width:0; }
.eb-eic-card__name { font-size:1rem;font-weight:800;color:#0b1220;margin-bottom:4px; }
.eb-eic-card__aff {
  display:flex;align-items:center;gap:5px;
  font-size:.78rem;color:#374151;margin-top:4px;
}
.eb-eic-card__bio { font-size:.8rem;color:#374151;line-height:1.6;margin-top:8px; }

/* Section heading */
.eb-section { margin-bottom:32px; }
.eb-section__head {
  display:flex;align-items:center;gap:10px;
  padding-bottom:10px;margin-bottom:14px;
  border-bottom:2px solid rgba(0,59,68,.1);
}
.eb-section__icon { font-size:1rem; }
.eb-section__title { font-size:.95rem;font-weight:800;color:#0b1220;flex:1; }
.eb-section__count {
  background:rgba(0,59,68,.08);color:#003b44;
  font-size:.7rem;font-weight:800;
  padding:2px 8px;border-radius:999px;
}

/* Member cards grid */
.eb-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:12px;
}
.eb-card {
  background:#fff;border:1px solid rgba(0,59,68,.09);
  border-radius:10px;padding:16px;
  box-shadow:0 1px 3px rgba(2,6,23,.04);
  transition:box-shadow .18s,border-color .18s;
}
.eb-card:hover { box-shadow:0 4px 16px rgba(0,59,68,.09);border-color:rgba(0,59,68,.2); }
.eb-card__top { display:flex;gap:12px;align-items:flex-start;margin-bottom:10px; }
.eb-avatar {
  width:40px;height:40px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:.85rem;
}
.eb-card__info { flex:1;min-width:0; }
.eb-card__name { font-size:.9rem;font-weight:700;color:#0b1220;margin-bottom:3px; }
.eb-card__aff {
  display:flex;align-items:center;gap:4px;
  font-size:.74rem;color:#374151;margin-top:4px;line-height:1.4;
}

/* Role badges */
.eb-badge {
  display:inline-flex;align-items:center;
  font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  padding:2px 8px;border-radius:999px;border:1px solid transparent;
}
.eb-badge--eic  { background:rgba(230,168,23,.12);color:#9a6f00;border-color:rgba(230,168,23,.3); }
.eb-badge--ae   { background:rgba(0,59,68,.08);color:#003b44;border-color:rgba(0,59,68,.2); }
.eb-badge--se   { background:rgba(14,165,233,.08);color:#0369a1;border-color:rgba(14,165,233,.2); }
.eb-badge--me   { background:rgba(16,185,129,.08);color:#065f46;border-color:rgba(16,185,129,.2); }
.eb-badge--ge   { background:rgba(139,92,246,.08);color:#5b21b6;border-color:rgba(139,92,246,.2); }
.eb-badge--ebm  { background:#f1f5f9;color:#374151;border-color:#e2e8f0; }
.eb-badge--abm  { background:#fef3c7;color:#92400e;border-color:#fde68a; }

/* IDs row */
.eb-ids { display:flex;flex-wrap:wrap;gap:6px;padding-top:8px; }
.eb-ids--mt { margin-top:8px; }
.eb-id {
  display:inline-flex;align-items:center;gap:4px;
  font-size:.68rem;font-weight:700;text-decoration:none;
  padding:3px 9px;border-radius:6px;border:1px solid;
  transition:all .15s;
}
.eb-id--email  { color:#003b44;border-color:rgba(0,59,68,.25);background:rgba(0,59,68,.05); }
.eb-id--email:hover  { background:rgba(0,59,68,.12); }
.eb-id--orcid  { color:#a6ce39;border-color:rgba(166,206,57,.4);background:rgba(166,206,57,.08); }
.eb-id--orcid:hover  { background:rgba(166,206,57,.15); }
.eb-id--scopus { color:#e9711c;border-color:rgba(233,113,28,.3);background:rgba(233,113,28,.06); }
.eb-id--scopus:hover { background:rgba(233,113,28,.12); }
.eb-id--scholar{ color:#4285f4;border-color:rgba(66,133,244,.3);background:rgba(66,133,244,.06); }
.eb-id--scholar:hover{ background:rgba(66,133,244,.12); }

/* Bio */
.eb-card__bio-wrap { padding-top:8px;border-top:1px solid rgba(0,59,68,.07);margin-top:8px; }
.eb-card__bio { font-size:.78rem;color:#374151;line-height:1.6;margin:0;max-height:60px;overflow:hidden;transition:max-height .3s; }
.eb-card__bio--expanded { max-height:600px; }
.eb-card__bio-toggle { background:none;border:none;color:#003b44;font-size:.72rem;font-weight:700;cursor:pointer;padding:4px 0 0;display:block; }
.eb-card__bio-toggle:hover { color:#e6a817; }

/* Controls */
.eb-controls { display:flex;flex-direction:column;gap:12px;margin-bottom:24px; }
.eb-search-wrap { position:relative;max-width:480px; }
.eb-search-icon { position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none; }
.eb-search { width:100%;border:1px solid rgba(0,59,68,.15);border-radius:8px;padding:8px 36px;font-size:.84rem;color:#0b1220;outline:none;transition:border-color .2s,box-shadow .2s; }
.eb-search:focus { border-color:#003b44;box-shadow:0 0 0 3px rgba(0,59,68,.1); }
.eb-search-clear { position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.8rem;padding:4px; }
.eb-filters { display:flex;flex-wrap:wrap;gap:6px; }
.eb-filter-btn {
  display:inline-flex;align-items:center;gap:5px;
  font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:999px;
  background:#f1f5f9;color:#374151;border:1px solid #e2e8f0;
  cursor:pointer;transition:all .15s;
}
.eb-filter-btn:hover { background:#e2e8f0;color:#0b1220; }
.eb-filter-btn--active { background:#003b44;color:#fff;border-color:#003b44; }
.eb-filter-cnt { background:rgba(255,255,255,.2);padding:1px 6px;border-radius:999px;font-size:.64rem; }
.eb-filter-btn:not(.eb-filter-btn--active) .eb-filter-cnt { background:rgba(0,59,68,.1);color:#003b44; }
.eb-results-info { font-size:.8rem;color:#64748b;margin-bottom:12px; }
.eb-empty { padding:40px;text-align:center;color:#64748b; }
.eb-empty svg { margin:0 auto 12px;display:block;color:#cbd5e1; }
.eb-empty-reset { background:none;border:1px solid #e2e8f0;border-radius:8px;padding:6px 16px;font-size:.8rem;font-weight:700;color:#003b44;cursor:pointer;margin-top:10px; }
.eb-empty-reset:hover { background:#f1f5f9; }

/* ══════════════════════════════════════════
   ABOUT / CUSTOM PAGES — [slug]/page.tsx
   Shared shell with other journal pages
   ══════════════════════════════════════════ */
.pg-body {
  margin:0 auto;
  font-size:.95rem;line-height:1.8;color:#374151;
  font-family:var(--font-serif,Georgia,serif);
}
.pg-body h1,.pg-body h2,.pg-body h3 { color:#0b1220;line-height:1.3;font-family:var(--font-serif,Georgia,serif); }
.pg-body h1 { font-size:1.8rem;font-weight:900;margin:0 0 24px; }
.pg-body h2 { font-size:1.2rem;font-weight:800;margin:0px 0 10px;padding-top:8px;border-top:1px solid rgba(0,59,68,.1); }
.pg-body h3 { font-size:1rem;font-weight:700;margin:20px 0 6px; }
.pg-body p { margin:0 0 1rem; }
.pg-body a { color:#003b44;text-decoration:underline;text-underline-offset:2px; }
.pg-body a:hover { color:#e6a817; }
.pg-body ul,.pg-body ol { padding-left:1.5rem;margin-bottom:1rem; }
.pg-body li { margin-bottom:4px; }
.pg-body table { width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.88rem; }
.pg-body th { background:#003b44;color:#fff;padding:8px 12px;text-align:left;font-weight:700; }
.pg-body td { padding:8px 12px;border-bottom:1px solid #e9ecef;vertical-align:top; }
.pg-body tr:last-child td { border-bottom:none; }
.pg-body blockquote { border-left:3px solid #e6a817;margin:1.5rem 0;padding:12px 20px;background:#fafbfc;font-style:italic;color:#374151; }
.pg-body img { max-width:100%;height:auto;border-radius:8px; }


/* ── Archive Pagination ── */
.ia-pagination {
  display:flex;align-items:center;justify-content:center;
  gap:8px;padding:28px 0 0;flex-wrap:wrap;
}
.ia-page-btn {
  display:inline-flex;align-items:center;gap:6px;
  font-size:.82rem;font-weight:700;color:#003b44;
  text-decoration:none;padding:7px 16px;
  border:1.5px solid rgba(0,59,68,.25);border-radius:8px;
  background:#fff;transition:all .15s;
}
.ia-page-btn:hover { background:#003b44;color:#fff;border-color:#003b44; }
.ia-page-nums { display:flex;align-items:center;gap:4px; }
.ia-page-num {
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:8px;
  font-size:.82rem;font-weight:600;color:#374151;
  text-decoration:none;border:1.5px solid transparent;
  transition:all .15s;
}
.ia-page-num:hover { background:#f1f5f9;border-color:rgba(0,59,68,.15); }
.ia-page-num--active {
  background:#003b44;color:#fff;
  border-color:#003b44;font-weight:800;
}
.ia-page-ellipsis { color:#94a3b8;font-size:.82rem;padding:0 4px; }

/* ══════════════════════════════════════════
   RESPONSIVE — Mobile fixes
   ══════════════════════════════════════════ */
@media(max-width:640px){
  .jp-hero,.ia-hero,.eb-hero { padding:20px 0 18px; }
  .jp-hero__title,.ia-hero__title,.eb-hero__title { font-size:1.3rem; }
  .jp-hero__sub,.ia-hero__sub,.eb-hero__sub { font-size:.82rem; }
  .jp-hero__meta,.ia-hero__badges,.eb-hero__stats { gap:6px; }
  .jp-hero__pill,.ia-hero__badge,.eb-hero__stat { font-size:.68rem;padding:3px 8px; }

  /* Issue header fix — was too big on mobile */
  .iv-header__label { font-size:1.4rem !important; }
  .iv-header__row { gap:14px; }
  .iv-header__right { width:100%; }
  .iv-header__meta { gap:6px; }
  .iv-header__meta span { font-size:.68rem;padding:3px 8px; }

  .ia-grid { grid-template-columns:1fr; }
  .eb-grid,.eb-eic-grid { grid-template-columns:1fr; }
  .eb-controls { gap:10px; }
  .eb-search-wrap { max-width:100%; }

  .iv-page-grid { padding:16px 0 40px; }
  .jp-body,.ia-body { padding:20px 0 40px; }
}
@media(max-width:480px){
  .jp-w,.ia-w,.eb-main { padding:0 14px; }
  .jp-crumb ol,.ia-crumb ol { padding:0 14px; }
  .iv-header__label { font-size:1.25rem !important; }
  .ia-card { flex-direction:row; }
  .ia-card__thumb { width:52px;min-height:80px; }
}


/* jp-hero inner container */
.jp-hero__inner {
  position:relative;z-index:1;
  max-width:var(--container,1200px);margin:0 auto;padding:0 20px;
}

/* jp-body */
.jp-body { background:#fff;min-height:60vh;padding:28px 0 60px; }
.jp-body > .jp-w { }

/* pg-layout: TOC sidebar + content */
.pg-layout {
  display:grid;
  grid-template-columns:220px 1fr;
  gap:28px;
  align-items:flex-start;
}
@media(max-width:768px){ .pg-layout{grid-template-columns:1fr;} .pg-toc{display:none;} }

/* TOC box */
.pg-toc { position:sticky;top:90px;height:fit-content; }
.pg-toc-box {
  background:#fff;border:1px solid rgba(0,59,68,.1);
  border-top:3px solid #e6a817;
  border-radius:10px;overflow:hidden;
  box-shadow:0 2px 8px rgba(0,59,68,.06);
}
.pg-toc-head {
  font-size:.68rem;font-weight:800;text-transform:uppercase;
  letter-spacing:.1em;color:#e6a817;
  padding:10px 14px;
}
.pg-toc-link {
  display:block;padding:7px 14px;
  font-size:.8rem;color:#374151;text-decoration:none;
  border-left:2px solid transparent;
  transition:all .12s;
}
.pg-toc-link:hover { background:rgba(0,59,68,.05);color:#003b44;border-left-color:#003b44; }
.pg-toc-link--sub { padding-left:24px;font-size:.75rem;color:#64748b; }

/* pg-meta */
.pg-meta {
  margin-top:28px;padding-top:14px;
  border-top:1px solid rgba(0,59,68,.08);
  font-size:.75rem;color:#94a3b8;
  font-family:var(--font,sans-serif);
}


/* =============================================================================
   MOBILE TOC BAR — ar-mobile-toc-*
   Sticky bar at top on mobile (<992px), hidden on desktop
   Image-exact: "Contents" label + dropdown select
   ============================================================================= */

/* Hidden on desktop by default */
.ar-mobile-toc {
  display: none;
}

/* Show only on mobile */
@media (max-width: 991.98px) {
  .ar-mobile-toc {
    display: block !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 85px; /* fallback — JS sets exact value via style.top */
    z-index: 200 !important;
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    width: 100%;
  }

  .ar-mobile-toc__inner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .ar-mobile-toc__label {
    font-size: .82rem;
    font-weight: 700;
    color: var(--muted);
    white-space: nowrap;
    flex-shrink: 0;
  }

  .ar-mobile-toc__select {
    flex: 1;
    padding: 6px 10px;
    font-size: .88rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    color: var(--dark);
    outline: none;
    cursor: pointer;
    font-family: inherit;
    -webkit-appearance: auto;
    appearance: auto;
  }
  .ar-mobile-toc__select:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 2px rgba(0,59,68,.1);
  }

  /* Hide desktop left TOC on mobile */
  .ar-toc-col {
    display: none !important;
  }

  /* Full width grid on mobile */
  .ar-grid {
    grid-template-columns: 1fr !important;
  }

  /* Sidebar below article on mobile */
  .ar-sidebar {
    order: 2;
    position: static !important;
  }

  /* Article body full width */
  .ar-main {
    order: 1;
  }

  /* Header actions wrap nicely */
  .ar-header-actions {
    flex-wrap: wrap;
    gap: 6px;
  }

  /* Breadcrumb title full width on mobile */
  .ar-crumb-title {
    max-width: 180px;
  }

  /* Scroll margin = header (~66px) + mobile TOC bar (~46px) + gap */
  .ar-article-body h1,
  .ar-article-body h2,
  .ar-article-body h3 {
    scroll-margin-top: 120px !important;
  }
}

/* ══════════════════════════════════════════════════════════
   AUTHOR PROFILE PAGE  (.ap-*)
   ══════════════════════════════════════════════════════════ */

.ap-page         { background: #f5f6f8; min-height: 60vh; padding: 40px 0 64px; }
.ap-container    { max-width: 1000px; margin: 0 auto; padding: 0 20px; }

/* ── Hero Card ── */
.ap-hero {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: 32px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 28px;
  align-items: flex-start;
  margin-bottom: 24px;
  box-shadow: var(--sh-sm);
}
@media (max-width: 768px) {
  .ap-hero { grid-template-columns: 1fr; }
}

/* Avatar */
.ap-avatar {
  width: 88px; height: 88px;
  border-radius: 50%;
  background: var(--brand);
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(0,59,68,.2);
  border: 3px solid #fff;
  outline: 2px solid var(--brand);
}
.ap-avatar__img      { width: 100%; height: 100%; object-fit: cover; }
.ap-avatar__initials { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28px; font-weight: 800; font-family: var(--font-serif); }

/* Info */
.ap-info__kicker   { font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--brand); background: rgba(0,59,68,.07); display: inline-block; padding: 2px 10px; border-radius: 4px; margin-bottom: 8px; }
.ap-info__name     { font-family: var(--font-serif); font-size: 1.6rem; font-weight: 700; color: #0f172a; margin: 0 0 6px; line-height: 1.2; }
.ap-info__aff      { font-size: .85rem; color: var(--muted); margin-bottom: 4px; display: flex; align-items: center; gap: 5px; }
.ap-info__country  { font-size: .82rem; color: var(--muted); margin-bottom: 8px; }
.ap-info__bio      { font-size: .88rem; color: #374151; line-height: 1.65; margin: 10px 0 0; max-width: 560px; }

/* Badges */
.ap-badges   { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.ap-badge    { display: inline-flex; align-items: center; gap: 4px; font-size: .72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; text-decoration: none; transition: opacity .15s; }
.ap-badge:hover { opacity: .85; }
.ap-badge--orcid    { background: #a6ce39; color: #fff; }
.ap-badge--scopus   { background: #e87722; color: #fff; }
.ap-badge--scholar  { background: #4285f4; color: #fff; }
.ap-badge--verified { background: #dcfce7; color: #15803d; border: 1px solid #bbf7d0; }

/* Claim */
.ap-claim        { margin-top: 14px; padding: 12px 16px; background: #fefce8; border: 1px solid #fde047; border-radius: 10px; }
.ap-claim__text  { font-size: .82rem; color: #713f12; margin-bottom: 8px; }
.ap-claim__btn   { font-size: .8rem; padding: 5px 14px; background: var(--brand); color: #fff; border-radius: var(--r-sm); text-decoration: none; font-weight: 600; display: inline-block; transition: opacity .15s; }
.ap-claim__btn:hover { opacity: .85; }

/* Stats column */
.ap-stats        { display: flex; flex-direction: column; gap: 8px; min-width: 110px; }
@media (max-width: 768px) { .ap-stats { flex-direction: row; flex-wrap: wrap; } }
.ap-stat         { background: #f8fafc; border: 1px solid var(--line); border-radius: var(--r-sm); padding: 12px 16px; text-align: center; min-width: 90px; }
.ap-stat--primary { background: var(--brand); border-color: var(--brand); }
.ap-stat--primary .ap-stat__val   { color: #fff; }
.ap-stat--primary .ap-stat__label { color: rgba(255,255,255,.75); }
.ap-stat__val    { font-size: 1.4rem; font-weight: 800; color: var(--brand); line-height: 1; }
.ap-stat__label  { font-size: .68rem; color: var(--muted); margin-top: 3px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }

/* ── Analytics Section ── */
.ap-analytics          { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
@media (max-width: 600px) { .ap-analytics { grid-template-columns: 1fr; } }
.ap-analytics__chart   { background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 20px 24px; box-shadow: var(--sh-sm); }
.ap-section-title      { font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--brand); margin-bottom: 16px; }

/* Bar chart */
.ap-bars   { display: flex; flex-direction: column; gap: 12px; }
.ap-bar    { display: flex; flex-direction: column; gap: 4px; }
.ap-bar__label  { display: flex; justify-content: space-between; font-size: .75rem; color: #475569; }
.ap-bar__val    { font-weight: 700; color: #0f172a; }
.ap-bar__track  { height: 8px; background: #f1f5f9; border-radius: 99px; overflow: hidden; }
.ap-bar__fill   { height: 100%; border-radius: 99px; transition: width .6s cubic-bezier(.4,0,.2,1); }

/* Year chart */
.ap-ychart           { background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 20px 24px; box-shadow: var(--sh-sm); }
.ap-ychart__title    { font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--brand); margin-bottom: 16px; }
.ap-ychart__bars     { display: flex; align-items: flex-end; gap: 6px; height: 80px; }
.ap-ychart__col      { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: 1; height: 100%; }
.ap-ychart__bar-wrap { flex: 1; width: 100%; display: flex; align-items: flex-end; }
.ap-ychart__bar      { width: 100%; background: var(--brand); border-radius: 4px 4px 0 0; min-height: 4px; transition: height .5s ease; opacity: .8; }
.ap-ychart__bar:hover { opacity: 1; }
.ap-ychart__year     { font-size: .65rem; color: var(--muted); font-weight: 600; }

/* ── Publications ── */
.ap-pubs              { background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 24px; box-shadow: var(--sh-sm); }
.ap-pubs__header      { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.ap-pubs__controls    { display: flex; gap: 8px; flex-wrap: wrap; }
.ap-search            { padding: 7px 12px; font-size: .82rem; border: 1px solid var(--line); border-radius: var(--r-sm); background: #f8fafc; color: #0f172a; outline: none; min-width: 180px; }
.ap-search:focus      { border-color: var(--brand); background: #fff; }
.ap-sort              { padding: 7px 10px; font-size: .82rem; border: 1px solid var(--line); border-radius: var(--r-sm); background: #f8fafc; color: #374151; outline: none; cursor: pointer; }
.ap-empty             { text-align: center; padding: 40px; color: var(--muted); font-size: .9rem; }

/* Pub card */
.ap-pub           { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.ap-pub:last-child { border-bottom: none; padding-bottom: 0; }
.ap-pub__num      { font-size: .8rem; font-weight: 800; color: var(--muted); min-width: 24px; margin-top: 2px; }
.ap-pub__body     { flex: 1; min-width: 0; }
.ap-pub__title    { font-size: .95rem; font-weight: 600; color: var(--brand); text-decoration: none; line-height: 1.45; display: block; margin-bottom: 6px; }
.ap-pub__title:hover { text-decoration: underline; }
.ap-pub__meta     { display: flex; flex-wrap: wrap; gap: 8px; font-size: .75rem; color: var(--muted); margin-bottom: 6px; }
.ap-pub__journal  { font-weight: 600; color: #475569; }
.ap-pub__doi      { color: var(--accent); text-decoration: none; font-weight: 600; }
.ap-pub__doi:hover { text-decoration: underline; }
.ap-pub__counts   { display: flex; flex-wrap: wrap; gap: 10px; }
.ap-pub__count    { font-size: .72rem; display: flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 20px; font-weight: 600; }
.ap-pub__count--views { background: rgba(0,59,68,.07); color: var(--brand); }
.ap-pub__count--dl    { background: rgba(14,165,233,.1); color: #0369a1; }
.ap-pub__count--cite  { background: rgba(139,92,246,.1); color: #7c3aed; }

/* Private profile */
.ap-private        { text-align: center; padding: 80px 20px; }
.ap-private__icon  { font-size: 56px; margin-bottom: 16px; }
.ap-private__title { font-size: 1.3rem; font-weight: 700; color: #374151; margin-bottom: 8px; }
.ap-private__desc  { color: var(--muted); font-size: .9rem; }

/* ═══════════════════════════════════════════════════════════════════
   EDITORIAL BOARD — Public page  (eb- prefix)
   app/index.php/[journal]/editorial/EditorialBoardClient.tsx
   ═══════════════════════════════════════════════════════════════════ */

/* ── Page shell ── */
.eb-page { min-height: 70vh; }

/* ── Hero banner ── */
.eb-hero {
  background: linear-gradient(135deg, var(--brand) 0%, #005060 60%, #00707e 100%);
  padding: 52px 20px 48px;
  position: relative;
  overflow: hidden;
}
.eb-hero::before {
  content: '';
  position: absolute; inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  pointer-events: none;
}
.eb-hero__inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.eb-breadcrumb {
  display: flex; align-items: center; gap: 6px;
  font-size: .75rem; margin-bottom: 20px; flex-wrap: wrap;
}
.eb-breadcrumb__link  { color: rgba(255,255,255,.7); text-decoration: none; transition: color .15s; }
.eb-breadcrumb__link:hover { color: #fff; }
.eb-breadcrumb__sep   { color: rgba(255,255,255,.4); }
.eb-breadcrumb__current { color: rgba(255,255,255,.9); font-weight: 600; }
.eb-hero__kicker {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  color: rgba(255,255,255,.85); background: rgba(255,255,255,.12);
  padding: 4px 12px; border-radius: 20px; margin-bottom: 14px;
}
.eb-hero__title {
  font-family: var(--font-serif);
  font-size: clamp(1.5rem, 3.5vw, 2.4rem);
  font-weight: 800; color: #fff; margin: 0 0 12px;
  line-height: 1.2; letter-spacing: -.02em;
}
.eb-hero__sub {
  font-size: .9rem; color: rgba(255,255,255,.78);
  max-width: 620px; line-height: 1.65; margin: 0 0 28px;
}
.eb-hero__stats {
  display: flex; gap: 20px; flex-wrap: wrap;
}
.eb-hero__stat {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px; padding: 10px 20px;
  text-align: center; min-width: 80px;
}
.eb-hero__stat-num   { display: block; font-size: 1.35rem; font-weight: 800; color: #fff; line-height: 1; }
.eb-hero__stat-label { display: block; font-size: .65rem; color: rgba(255,255,255,.7); margin-top: 3px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }

/* ── Main content ── */
.eb-main { max-width: 1200px; margin: 0 auto; padding: 40px 20px 70px; }

/* ── Section heading ── */
.eb-section { margin-bottom: 48px; }
.eb-section__head {
  display: flex; align-items: center; gap: 10px;
  padding-bottom: 12px; margin-bottom: 20px;
  border-bottom: 2px solid var(--brand);
}
.eb-section__icon  { font-size: 1.1rem; line-height: 1; }
.eb-section__title {
  font-family: var(--font-serif);
  font-size: 1.1rem; font-weight: 800;
  color: var(--brand); margin: 0; flex: 1;
}
.eb-section__count {
  background: var(--brand); color: #fff;
  font-size: .68rem; font-weight: 800;
  padding: 2px 9px; border-radius: 20px;
  letter-spacing: .04em;
}

/* ── EIC spotlight cards ── */
.eb-eic-grid { display: grid; gap: 16px; }
@media(min-width:700px) { .eb-eic-grid { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); } }
.eb-eic-card {
  background: #fff;
  border: 2px solid var(--brand);
  border-radius: 14px;
  padding: 22px 24px;
  display: flex;
  gap: 18px;
  box-shadow: 0 4px 20px rgba(0,59,68,.1);
  transition: box-shadow .2s, transform .2s;
}
.eb-eic-card:hover { box-shadow: 0 8px 30px rgba(0,59,68,.15); transform: translateY(-2px); }
.eb-eic-avatar {
  width: 70px; height: 70px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 800; font-size: 1.2rem;
  font-family: var(--font-serif);
  flex-shrink: 0;
  border: 3px solid rgba(255,255,255,.3);
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
}
.eb-eic-card__info  { flex: 1; min-width: 0; }
.eb-eic-card__name  { font-family: var(--font-serif); font-size: 1.05rem; font-weight: 700; color: #0f172a; margin-bottom: 6px; }
.eb-eic-card__aff   { font-size: .8rem; color: var(--muted); margin-top: 6px; display: flex; align-items: flex-start; gap: 4px; line-height: 1.4; }
.eb-eic-card__bio   { font-size: .83rem; color: #374151; line-height: 1.6; margin: 10px 0 0; }

/* ── Controls bar ── */
.eb-controls {
  display: flex; flex-direction: column; gap: 12px;
  margin-bottom: 28px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: 0 2px 8px rgba(2,6,23,.04);
}
.eb-search-wrap {
  position: relative; display: flex; align-items: center;
}
.eb-search-icon { position: absolute; left: 12px; color: var(--muted); flex-shrink: 0; }
.eb-search {
  width: 100%; padding: 9px 36px 9px 36px;
  border: 1.5px solid var(--line); border-radius: 10px;
  font-size: .875rem; font-family: var(--font);
  background: #f9fafb; color: var(--dark);
  outline: none; transition: border-color .2s, box-shadow .2s, background .2s;
}
.eb-search:focus { border-color: var(--brand); background: #fff; box-shadow: 0 0 0 3px rgba(0,59,68,.1); }
.eb-search::-webkit-search-cancel-button { display: none; }
.eb-search-clear {
  position: absolute; right: 10px;
  background: none; border: none; cursor: pointer;
  color: var(--muted); font-size: .8rem;
  width: 22px; height: 22px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  transition: background .15s, color .15s;
}
.eb-search-clear:hover { background: #f1f5f9; color: var(--dark); }

.eb-filters {
  display: flex; flex-wrap: wrap; gap: 6px;
  align-items: center;
}
.eb-filter-btn {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 12px; border-radius: 20px;
  font-size: .75rem; font-weight: 600; font-family: var(--font);
  border: 1.5px solid var(--line); background: #fff;
  color: #475569; cursor: pointer;
  transition: all .15s; white-space: nowrap;
}
.eb-filter-btn:hover { border-color: var(--brand); color: var(--brand); background: rgba(0,59,68,.04); }
.eb-filter-btn--active { background: var(--brand); border-color: var(--brand); color: #fff; }
.eb-filter-btn--active:hover { background: #004f5c; border-color: #004f5c; color: #fff; }
.eb-filter-cnt {
  background: rgba(255,255,255,.25);
  padding: 0px 6px; border-radius: 10px;
  font-size: .65rem; font-weight: 800;
}
.eb-filter-btn:not(.eb-filter-btn--active) .eb-filter-cnt { background: rgba(0,59,68,.1); color: var(--brand); }

/* ── Results info ── */
.eb-results-info {
  font-size: .8rem; color: var(--muted); font-weight: 500;
  margin-bottom: 16px; padding: 6px 2px;
}

/* ── Member card grid ── */
.eb-grid {
  display: grid; gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

/* ── Member card ── */
.eb-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px 18px;
  transition: box-shadow .2s, transform .2s, border-color .2s;
}
.eb-card:hover { box-shadow: 0 4px 20px rgba(0,59,68,.1); transform: translateY(-2px); border-color: rgba(0,59,68,.18); }
.eb-card__top { display: flex; gap: 13px; align-items: flex-start; margin-bottom: 10px; }
.eb-avatar {
  width: 44px; height: 44px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 800; font-size: .85rem;
  font-family: var(--font-serif);
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.eb-card__info  { flex: 1; min-width: 0; }
.eb-card__name  { font-weight: 700; font-size: .9rem; color: #0f172a; margin-bottom: 4px; line-height: 1.3; }
.eb-card__aff   { font-size: .75rem; color: var(--muted); margin-top: 5px; display: flex; align-items: flex-start; gap: 4px; line-height: 1.4; }

/* ── Role badges ── */
.eb-badge {
  display: inline-block;
  font-size: .65rem; font-weight: 800; letter-spacing: .04em;
  padding: 2px 8px; border-radius: 20px;
  white-space: nowrap; text-transform: uppercase;
}
.eb-badge--eic  { background: #fff3e0; color: #e65100; border: 1px solid #ffcc80; }
.eb-badge--ae   { background: #e8f5e9; color: #2e7d32; border: 1px solid #a5d6a7; }
.eb-badge--se   { background: #e3f2fd; color: #1565c0; border: 1px solid #90caf9; }
.eb-badge--me   { background: #f3e5f5; color: #6a1b9a; border: 1px solid #ce93d8; }
.eb-badge--ge   { background: #fce4ec; color: #880e4f; border: 1px solid #f48fb1; }
.eb-badge--ebm  { background: rgba(0,59,68,.08); color: var(--brand); border: 1px solid rgba(0,59,68,.2); }
.eb-badge--abm  { background: #e0f7fa; color: #006064; border: 1px solid #80deea; }

/* ── ID links ── */
.eb-ids { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.eb-id {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: .68rem; font-weight: 700;
  padding: 2px 8px; border-radius: 20px;
  text-decoration: none; transition: opacity .15s;
}
.eb-id:hover { opacity: .8; }
.eb-id--orcid   { background: #a6ce39; color: #fff; }
.eb-id--scopus  { background: #e87722; color: #fff; }
.eb-id--scholar { background: #4285f4; color: #fff; }

/* ── Bio expand ── */
.eb-card__bio-wrap   { border-top: 1px solid var(--line); padding-top: 10px; margin-top: 2px; }
.eb-card__bio {
  font-size: .8rem; color: #475569; line-height: 1.6;
  margin: 0 0 6px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.eb-card__bio--expanded { display: block; -webkit-line-clamp: unset; overflow: visible; }
.eb-card__bio-toggle {
  background: none; border: none; cursor: pointer;
  font-size: .72rem; font-weight: 600; color: var(--brand);
  padding: 0; transition: color .15s;
}
.eb-card__bio-toggle:hover { color: #004f5c; text-decoration: underline; }

/* ── Empty state ── */
.eb-empty {
  text-align: center; padding: 60px 20px;
  color: var(--muted);
}
.eb-empty svg { color: #cbd5e1; margin-bottom: 14px; display: block; margin-left: auto; margin-right: auto; }
.eb-empty p { font-size: .9rem; margin: 0 0 14px; }
.eb-empty-reset {
  padding: 7px 20px; border-radius: 8px;
  background: var(--brand); color: #fff;
  border: none; cursor: pointer;
  font-size: .82rem; font-weight: 600;
  font-family: var(--font);
  transition: opacity .15s;
}
.eb-empty-reset:hover { opacity: .85; }

/* ── Responsive ── */
@media(max-width:600px) {
  .eb-hero { padding: 36px 16px 32px; }
  .eb-hero__stats { gap: 10px; }
  .eb-hero__stat { padding: 8px 14px; }
  .eb-main { padding: 24px 14px 50px; }
  .eb-grid { grid-template-columns: 1fr; }
  .eb-eic-card { flex-direction: column; }
  .eb-controls { padding: 12px 14px; }
  .eb-filters { gap: 4px; }
  .eb-filter-btn { padding: 4px 9px; font-size: .7rem; }
}

/* EIC card ids spacing */
.eb-eic-card .eb-ids { margin-top: 10px; }

/* ══════════════════════════════════════════════════════════════════
   index.php journal pages — extracted from inline styles
   ══════════════════════════════════════════════════════════════════ */

/* ── RegisterClient (rc-) ── */
.rc-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem}
.rc-card{background:#fff;border-radius:16px;box-shadow:0 4px 32px rgba(0,0,0,.1);max-width:500px;width:100%;padding:2.5rem 2rem}
.rc-title{font-size:1.3rem;font-weight:800;color:#003b44;margin:0 0 .25rem}
.rc-sub{font-size:.83rem;color:#6b7280;margin:0 0 1.5rem}
.rc-steps{display:flex;gap:8px;margin-bottom:1.5rem}
.rc-step{flex:1;height:4px;border-radius:999px;background:#e5e7eb;transition:background .3s}
.rc-step.on{background:#003b44}
.rc-label{display:block;font-size:.72rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}
.rc-input{width:100%;padding:10px 13px;border:1.5px solid #e5e7eb;border-radius:9px;font-size:.88rem;outline:none;transition:.15s;box-sizing:border-box}
.rc-input:focus{border-color:#003b44;box-shadow:0 0 0 3px rgba(0,59,68,.08)}
.rc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:400px){.rc-row{grid-template-columns:1fr}}
.rc-pw{position:relative}
.rc-pw-btn{position:absolute;right:11px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;font-size:.85rem}
.rc-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.5rem}
.rc-role{border:2px solid #e5e7eb;border-radius:10px;padding:12px;cursor:pointer;background:#fff;text-align:left;transition:.15s}
.rc-role.sel{border-color:#003b44;background:#f0fafb}
.rc-role-t{font-size:.88rem;font-weight:700;color:#003b44;margin:0 0 3px}
.rc-role-d{font-size:.72rem;color:#6b7280;margin:0}
.rc-btn{width:100%;padding:11px;background:#003b44;color:#fff;border:none;border-radius:9px;font-size:.93rem;font-weight:700;cursor:pointer;transition:.15s}
.rc-btn:hover:not(:disabled){background:#004f5e;box-shadow:0 3px 12px rgba(0,59,68,.2)}
.rc-btn:disabled{opacity:.65;cursor:not-allowed}
.rc-back{background:none;border:none;color:#003b44;font-size:.83rem;cursor:pointer;font-weight:600;padding:0;margin-right:auto}
.rc-back:hover{text-decoration:underline}
.rc-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:10px 13px;font-size:.83rem;margin-bottom:1rem}
.rc-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:9px;padding:14px;font-size:.88rem;text-align:center}
.rc-divider{display:flex;align-items:center;gap:10px;color:#9ca3af;font-size:.76rem;margin:1.1rem 0}
.rc-divider::before,.rc-divider::after{content:'';flex:1;height:1px;background:#e5e7eb}
.rc-google{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;border:1.5px solid #e5e7eb;border-radius:9px;background:#fff;color:#374151;font-size:.88rem;font-weight:600;cursor:pointer;transition:.15s}
.rc-google:hover{background:#f9fafb}
.rc-footer{text-align:center;margin-top:1.25rem;font-size:.83rem;color:#6b7280}
.rc-footer a{color:#003b44;font-weight:700;text-decoration:none}
.rc-footer a:hover{text-decoration:underline}
/* rc- utility helpers */
.rc-text-center{text-align:center}
.rc-mb-sm{margin-bottom:.5rem}
.rc-mb-md{margin-bottom:1rem}
.rc-mb-lg{margin-bottom:1.25rem}
.rc-mb-xl{margin-bottom:1.5rem}
.rc-mt-lg{margin-top:1.5rem}
.rc-mt-md{margin-top:1rem}
.rc-success-icon{text-align:center;margin-bottom:1.5rem;font-size:3rem}
.rc-pw-input{padding-right:40px}
.rc-pw-bar{height:4px;border-radius:999px;background:#e5e7eb}
.rc-pw-bar-inner{height:100%;border-radius:999px;transition:.3s}
.rc-pw-label{font-size:.7rem;font-weight:600}
.rc-pw-nomatch{font-size:.72rem;color:#ef4444;margin-top:4px}
.rc-row-mb{margin-bottom:1rem}
.rc-role-label-mb{margin-bottom:8px}
.rc-back-row{display:flex;align-items:center;gap:10px}

/* ── ForgotClient (fp-) ── */
.fp-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem}
.fp-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;max-width:440px;width:100%;box-shadow:0 4px 28px rgba(0,0,0,.09)}
.fp-title{font-size:1.25rem;font-weight:800;color:#003b44;margin:0 0 .4rem}
.fp-sub{font-size:.87rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.6}
.fp-label{display:block;font-size:.72rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}
.fp-input{width:100%;padding:10px 13px;border:1.5px solid #e5e7eb;border-radius:9px;font-size:.88rem;outline:none;transition:.15s;box-sizing:border-box}
.fp-input:focus{border-color:#003b44;box-shadow:0 0 0 3px rgba(0,59,68,.08)}
.fp-pw{position:relative}
.fp-pw-btn{position:absolute;right:11px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;font-size:.85rem;padding:2px}
.fp-btn{width:100%;padding:11px;background:#003b44;color:#fff;border:none;border-radius:9px;font-size:.92rem;font-weight:700;cursor:pointer;transition:.15s;margin-top:1.1rem}
.fp-btn:hover:not(:disabled){background:#004f5e}
.fp-btn:disabled{opacity:.65;cursor:not-allowed}
.fp-ok{background:#d1e7dd;color:#0a3622;border:1px solid #a3cfbb;border-radius:8px;padding:10px 13px;font-size:.84rem;margin-bottom:1rem}
.fp-err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:10px 13px;font-size:.84rem;margin-bottom:1rem}
.fp-back{display:block;text-align:center;margin-top:1.25rem;font-size:.83rem;color:#6b7280}
.fp-back a{color:#003b44;font-weight:700;text-decoration:none}
.fp-back a:hover{text-decoration:underline}
.fp-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#003b44;border-radius:50%;animation:fp-spin .8s linear infinite;margin:0 auto 1rem}
@keyframes fp-spin{to{transform:rotate(360deg)}}
/* fp- utility helpers */
.fp-card--center{text-align:center}
.fp-expired-icon{font-size:2.5rem;margin-bottom:.75rem}
.fp-title--danger{color:#991b1b}
.fp-btn--inline{display:inline-block;text-decoration:none;padding:10px 24px;width:auto}
.fp-mb-md{margin-bottom:1rem}
.fp-pw-pr{padding-right:40px}

/* ── LoginClient (lc-) ── */
.lc-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem}
.lc-grid{display:grid;grid-template-columns:1fr 1fr;max-width:860px;width:100%;box-shadow:0 4px 32px rgba(0,0,0,.1);border-radius:16px;overflow:hidden}
@media(max-width:680px){.lc-grid{grid-template-columns:1fr}.lc-hero{display:none}}
.lc-hero{background:linear-gradient(150deg,#003b44 0%,#005a6b 100%);padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.lc-hero::after{content:'';position:absolute;bottom:-80px;left:-60px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.lc-hero h2{font-size:1.65rem;font-weight:800;color:#fff;margin:0 0 .85rem;line-height:1.2}
.lc-hero p{font-size:.88rem;color:rgba(255,255,255,.75);line-height:1.75;margin:0 0 2rem}
.lc-hero-tag{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 12px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8);margin-bottom:1.5rem}
.lc-hero-link{color:rgba(255,255,255,.8);font-size:.84rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:1px;transition:.15s}
.lc-hero-link:hover{color:#fff;border-color:rgba(255,255,255,.6)}
.lc-hero-note{font-size:.84rem;color:rgba(255,255,255,.65)}
.lc-form{background:#fff;padding:2.5rem 2rem}
.lc-title{font-size:1.3rem;font-weight:800;color:#003b44;margin:0 0 1.5rem}
.lc-google{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;border:1.5px solid #e5e7eb;border-radius:9px;background:#fff;color:#374151;font-size:.88rem;font-weight:600;cursor:pointer;transition:.15s}
.lc-google:hover{background:#f9fafb;border-color:#d1d5db}
.lc-google:disabled{opacity:.6;cursor:not-allowed}
.lc-divider{display:flex;align-items:center;gap:10px;color:#9ca3af;font-size:.76rem;margin:1.1rem 0}
.lc-divider::before,.lc-divider::after{content:'';flex:1;height:1px;background:#e5e7eb}
.lc-label{display:block;font-size:.73rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}
.lc-input{width:100%;padding:10px 13px;border:1.5px solid #e5e7eb;border-radius:9px;font-size:.88rem;outline:none;transition:.15s;box-sizing:border-box}
.lc-input:focus{border-color:#003b44;box-shadow:0 0 0 3px rgba(0,59,68,.08)}
.lc-pw{position:relative}
.lc-pw-btn{position:absolute;right:11px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;font-size:.85rem;padding:2px}
.lc-row{display:flex;justify-content:space-between;align-items:center;margin:.65rem 0 1.1rem}
.lc-forgot{font-size:.8rem;color:#003b44;text-decoration:none;font-weight:600}
.lc-forgot:hover{text-decoration:underline}
.lc-btn{width:100%;padding:11px;background:#003b44;color:#fff;border:none;border-radius:9px;font-size:.93rem;font-weight:700;cursor:pointer;transition:.15s}
.lc-btn:hover:not(:disabled){background:#004f5e;box-shadow:0 3px 12px rgba(0,59,68,.2)}
.lc-btn:disabled{opacity:.65;cursor:not-allowed}
.lc-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:10px 13px;font-size:.83rem;margin-bottom:1rem}
.lc-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46;border-radius:8px;padding:10px 13px;font-size:.83rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:8px}
.lc-footer{text-align:center;margin-top:1.25rem;font-size:.83rem;color:#6b7280}
.lc-footer a{color:#003b44;font-weight:700;text-decoration:none}
.lc-footer a:hover{text-decoration:underline}
/* lc- utility helpers */
.lc-pw-input{padding-right:40px}
.lc-mb-md{margin-bottom:1rem}
.lc-mb-sm{margin-bottom:.25rem}
.lc-success-icon{font-size:1rem;flex-shrink:0}

/* ── layout.tsx / journal-layout.tsx body ── */
.journal-body{margin:0;display:flex;flex-direction:column;min-height:100vh;font-family:'Segoe UI',system-ui,-apple-system,sans-serif}
.journal-main{flex:1}
.journal-noscript-iframe{display:none;visibility:hidden}

/* ── EditorialBoardClient (eb-) dynamic hue ── */
.eb-avatar--dynamic{color:#fff;font-weight:800;font-size:.85rem;font-family:var(--font-serif)}
.eb-ids--mt{margin-top:10px}

/* ── ArticleClient ── */
.ac-hidden{display:none}
.ac-muted-sm{color:#6c757d;font-size:.875rem}
.ac-corresponding{font-size:.75rem;color:#166534;background:#dcfce7;display:inline-block;padding:1px 8px;border-radius:20px;margin-bottom:6px}

/* ── JournalHomeClient (jh-) ── */
.jh-sechead--mb{margin-bottom:12px}
.jh-row__meta-icon{margin-right:4px;flex-shrink:0}
.fp-btn--block{display:block;text-decoration:none;text-align:center}
.fp-mb-sm{margin-bottom:.5rem}
.jh-icon--accent{color:#0ea5e9}
.jh-cover-fallback{display:flex;align-items:center;justify-content:center}

/* ══════════════════════════════════════════════════════════════════
   Search page (sr-) — extracted from SearchClient inline styles
   ══════════════════════════════════════════════════════════════════ */
.sr-page{max-width:1200px;margin:0 auto;padding:24px 16px 60px;font-family:'Inter',system-ui,sans-serif}
.sr-hero{background:linear-gradient(135deg,#003b44 0%,#005060 100%);border-radius:16px;padding:32px 28px 28px;margin-bottom:28px}
.sr-hero h1{color:#fff;font-size:1.6rem;font-weight:800;margin:0 0 6px}
.sr-hero p{color:rgba(255,255,255,.7);font-size:.875rem;margin:0 0 20px}
.sr-form{display:flex;gap:8px}
.sr-input{flex:1;border:none;border-radius:10px;padding:11px 16px;font-size:.95rem;outline:none;background:#fff}
.sr-input:focus{box-shadow:0 0 0 3px rgba(255,255,255,.3)}
.sr-btn{background:#f0a500;color:#fff;border:none;border-radius:10px;padding:11px 22px;font-weight:700;cursor:pointer;white-space:nowrap;font-size:.9rem}
.sr-btn:hover{background:#d4910a}
.sr-layout{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}
@media(max-width:768px){.sr-layout{grid-template-columns:1fr}}
.sr-sidebar{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px;position:sticky;top:120px}
.sr-sidebar h3{font-size:.8rem;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}
.sr-filter-group{margin-bottom:16px}
.sr-filter-label{display:block;font-size:.8rem;font-weight:600;color:#495057;margin-bottom:6px}
.sr-select{width:100%;border:1px solid #dee2e6;border-radius:8px;padding:7px 10px;font-size:.83rem;outline:none;background:#fff;cursor:pointer}
.sr-select:focus{border-color:#003b44}
.sr-clear{background:none;border:1px solid #dee2e6;border-radius:8px;padding:7px 14px;font-size:.8rem;color:#6c757d;cursor:pointer;width:100%;margin-top:4px}
.sr-clear:hover{background:#f8f9fa;color:#212529}
.sr-main{}
.sr-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sr-count{font-size:.9rem;color:#495057}
.sr-count strong{color:#212529}
.sr-sort-wrap{display:flex;align-items:center;gap:8px;font-size:.83rem;color:#6c757d}
.sr-sort{border:1px solid #dee2e6;border-radius:8px;padding:6px 10px;font-size:.83rem;outline:none;background:#fff;cursor:pointer}
.sr-list{display:flex;flex-direction:column;gap:14px}
.sr-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:18px 20px;transition:box-shadow .15s}
.sr-card:hover{box-shadow:0 4px 16px rgba(0,59,68,.08);border-color:#c8d0d8}
.sr-card-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.sr-rank{width:28px;height:28px;border-radius:50%;background:#f0f4f8;color:#6c757d;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.sr-title{font-size:.95rem;font-weight:700;color:#003b44;text-decoration:none;line-height:1.4}
.sr-title:hover{text-decoration:underline}
.sr-section-tag{display:inline-block;font-size:.7rem;font-weight:600;background:#e8f4f8;color:#0077a0;border-radius:999px;padding:2px 9px;margin:6px 0 4px}
.sr-authors{font-size:.8rem;color:#495057;margin-bottom:4px}
.sr-authors a{color:#003b44;font-weight:600;text-decoration:none}
.sr-authors a:hover{text-decoration:underline}
.sr-abstract{font-size:.8rem;color:#6c757d;line-height:1.55;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sr-keywords{font-size:.75rem;color:#868e96;margin-bottom:10px}
.sr-keywords span{background:#f8f9fa;border-radius:4px;padding:1px 6px;margin-right:4px}
.sr-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.75rem;color:#868e96;border-top:1px solid #f0f0f0;padding-top:8px}
.sr-meta-doi{color:#003b44;font-weight:500;text-decoration:none}
.sr-meta-doi:hover{text-decoration:underline}
.sr-badge{display:inline-flex;align-items:center;gap:3px;background:#f8f9fa;border-radius:6px;padding:2px 7px}
.sr-badge--views{color:#0077a0}
.sr-badge--dl{color:#1b5e20}
.sr-badge--cite{color:#5c35a0}
.sr-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:1px dashed #dee2e6}
.sr-empty h3{color:#495057;margin:12px 0 6px}
.sr-empty p{color:#868e96;font-size:.875rem}
.sr-pagination{display:flex;justify-content:center;gap:6px;margin-top:28px;flex-wrap:wrap}
.sr-pg-btn{border:1px solid #dee2e6;background:#fff;border-radius:8px;padding:7px 13px;font-size:.83rem;cursor:pointer;color:#212529;transition:all .12s}
.sr-pg-btn:hover:not(:disabled){background:#003b44;color:#fff;border-color:#003b44}
.sr-pg-btn--active{background:#003b44;color:#fff;border-color:#003b44;font-weight:700}
.sr-pg-btn:disabled{opacity:.4;cursor:default}
.sr-loading{opacity:.5;pointer-events:none}
/* sr- utility helpers */
.sr-card-body{flex:1;min-width:0}
.sr-author-name{color:#003b44;font-weight:600}
.sr-author-more{color:#868e96}
.sr-empty-icon{font-size:2.5rem}
.sr-highlight{background:#fff3cd;padding:0 2px;border-radius:2px}


/* =============================================================================
   PUBLISHER MAIN SITE HOMEPAGE  —  app/page.tsx
   Prefix: ms- (main site)
   Design: Premium academic publisher — Elsevier/Springer/Wiley inspired
   Fonts: Spectral (headings) + DM Sans (body) — same as journal pages
   ============================================================================= */

/* ── Hero ── */
.ms-hero {
  background: linear-gradient(160deg, #040d14 0%, #0b1f2a 40%, #003b44 100%);
  position: relative; overflow: hidden; padding: 80px 0 90px;
}
.ms-hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 70% 60% at 80% 40%, rgba(14,165,233,.09) 0%, transparent 65%),
    radial-gradient(ellipse 40% 50% at 10% 80%, rgba(0,59,68,.4) 0%, transparent 60%);
}
.ms-hero::after {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, #1d4ed8, #0ea5e9, #6366f1, #0d9488, #1d4ed8);
  background-size: 200% 100%; animation: msLine 4s linear infinite;
}
@keyframes msLine { 0%{background-position:0 0} 100%{background-position:200% 0} }

.ms-hero__inner {
  max-width: var(--container); margin: 0 auto; padding: 0 20px;
  display: grid; grid-template-columns: 1fr 420px; gap: 64px; align-items: center;
  position: relative; z-index: 1;
}
.ms-hero__kicker {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px; padding: 5px 16px;
  font-size: .7rem; font-weight: 700; color: #7dd3d8;
  letter-spacing: .1em; text-transform: uppercase;
  margin-bottom: 22px; font-family: var(--font);
}
.ms-hero__h1 {
  font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; line-height: 1.12;
  color: #fff; margin: 0 0 20px; letter-spacing: -.025em;
  font-family: var(--font-serif);
}
.ms-hero__h1 em { color: #5eead4; font-style: normal; }
.ms-hero__desc {
  font-size: .975rem; color: rgba(255,255,255,.7); line-height: 1.72;
  margin: 0 0 32px; max-width: 500px; font-family: var(--font);
}
.ms-hero__btns { display: flex; gap: 12px; flex-wrap: wrap; }
.ms-btn-primary {
  display: inline-flex; align-items: center; gap: 6px;
  background: #0ea5e9; color: #fff; text-decoration: none;
  border-radius: var(--r); padding: 12px 26px;
  font-size: .88rem; font-weight: 700; font-family: var(--font);
  box-shadow: 0 4px 18px rgba(14,165,233,.35);
  transition: all .2s;
}
.ms-btn-primary:hover { background: #0284c7; color: #fff; transform: translateY(-1px); }
.ms-btn-ghost {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.1); color: #fff; text-decoration: none;
  border: 1px solid rgba(255,255,255,.25); border-radius: var(--r);
  padding: 12px 26px; font-size: .88rem; font-weight: 600;
  font-family: var(--font); transition: all .2s;
}
.ms-btn-ghost:hover { background: rgba(255,255,255,.18); color: #fff; }

/* Stats panel */
.ms-stats {
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--r-lg); padding: 28px 24px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 2px;
  backdrop-filter: blur(8px);
}
.ms-stat {
  padding: 20px 18px; text-align: center;
  border-right: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.ms-stat:nth-child(2n) { border-right: none; }
.ms-stat:nth-child(3), .ms-stat:nth-child(4) { border-bottom: none; }
.ms-stat__n {
  font-size: 2rem; font-weight: 900; color: #5eead4; line-height: 1;
  font-family: var(--font-serif); display: block;
}
.ms-stat__l {
  font-size: .68rem; color: rgba(255,255,255,.5); margin-top: 5px;
  text-transform: uppercase; letter-spacing: .07em; font-family: var(--font);
  display: block;
}

/* ── Sections ── */
.ms-sec { padding: 72px 0; }
.ms-sec--alt { background: #f8fafc; }
.ms-sec--dark { background: linear-gradient(160deg, #040d14, #0b1f2a); color: #fff; }
.ms-sec__inner { max-width: var(--container); margin: 0 auto; padding: 0 20px; }
.ms-sec__hd { text-align: center; margin-bottom: 48px; }
.ms-sec__hd h2 {
  font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; color: var(--dark);
  margin: 0 0 10px; letter-spacing: -.02em; font-family: var(--font-serif);
}
.ms-sec--dark .ms-sec__hd h2 { color: #fff; }
.ms-sec__hd p {
  font-size: .95rem; color: var(--muted); max-width: 520px; margin: 0 auto;
  line-height: 1.68; font-family: var(--font);
}
.ms-sec--dark .ms-sec__hd p { color: rgba(255,255,255,.6); }
.ms-sec__eyebrow {
  display: inline-block; font-size: .68rem; font-weight: 800;
  color: var(--brand); text-transform: uppercase; letter-spacing: .12em;
  margin-bottom: 10px; font-family: var(--font);
}
.ms-sec--dark .ms-sec__eyebrow { color: #5eead4; }

/* ── Journal cards ── */
.ms-jgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px,1fr)); gap: 22px; }
.ms-jcard {
  background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg);
  overflow: hidden; display: flex; flex-direction: column;
  text-decoration: none; color: inherit;
  box-shadow: var(--sh-sm); transition: transform .22s, box-shadow .22s;
}
.ms-jcard:hover { transform: translateY(-5px); box-shadow: var(--sh-lg); }
.ms-jcard__stripe { height: 4px; background: linear-gradient(90deg, var(--brand), #0ea5e9); }
.ms-jcard__body { padding: 22px 22px 16px; flex: 1; }
.ms-jcard__badge {
  width: 46px; height: 46px; border-radius: 12px;
  background: linear-gradient(135deg, var(--brand), #005060);
  color: #fff; font-size: .95rem; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 14px; font-family: var(--font); letter-spacing: .01em;
  box-shadow: 0 4px 14px rgba(0,59,68,.25);
}
.ms-jcard__title {
  font-size: .95rem; font-weight: 800; color: var(--dark);
  margin: 0 0 8px; line-height: 1.4; font-family: var(--font-serif);
}
.ms-jcard__desc {
  font-size: .8rem; color: var(--muted); line-height: 1.62; margin: 0 0 14px;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden; font-family: var(--font);
}
.ms-jcard__tags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 14px; }
.ms-tag {
  display: inline-flex; align-items: center; gap: 4px;
  border-radius: 999px; padding: 2px 9px;
  font-size: .68rem; font-weight: 700; font-family: var(--font);
}
.ms-tag--issn { background: #e0f2fe; color: #0369a1; }
.ms-tag--oa   { background: #dcfce7; color: #166534; }
.ms-tag--idx  { background: #fef9c3; color: #854d0e; }
.ms-jcard__ft {
  padding: 13px 22px; border-top: 1px solid var(--line);
  display: flex; justify-content: space-between; align-items: center;
  background: #fafbfc;
}
.ms-jcard__stat {
  font-size: .75rem; color: var(--muted); font-family: var(--font);
}
.ms-jcard__stat strong { color: var(--dark); font-weight: 700; }
.ms-jcard__cta {
  font-size: .78rem; font-weight: 700; color: var(--brand);
  text-decoration: none; display: inline-flex; align-items: center; gap: 3px;
  font-family: var(--font);
}
.ms-jcard__cta:hover { color: #0ea5e9; }

/* ── Latest articles grid ── */
.ms-artgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px,1fr)); gap: 18px; }
.ms-artcard {
  background: #fff; border: 1px solid var(--line); border-radius: var(--r);
  padding: 18px 20px; display: flex; flex-direction: column; gap: 8px;
  box-shadow: var(--sh-sm); transition: box-shadow .18s;
}
.ms-artcard:hover { box-shadow: var(--sh-md); }
.ms-artcard__jname {
  font-size: .68rem; font-weight: 800; color: #0ea5e9;
  text-transform: uppercase; letter-spacing: .07em; font-family: var(--font);
}
.ms-artcard__title {
  font-size: .875rem; font-weight: 700; color: var(--dark); line-height: 1.42;
  text-decoration: none; font-family: var(--font);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ms-artcard__title:hover { color: var(--brand); }
.ms-artcard__authors { font-size: .78rem; color: var(--muted); font-family: var(--font); }
.ms-artcard__meta {
  display: flex; gap: 10px; font-size: .72rem; color: #9ca3af; font-family: var(--font);
}

/* ── Features grid ── */
.ms-featgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px,1fr)); gap: 18px; }
.ms-featcard {
  background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg);
  padding: 26px 22px; box-shadow: var(--sh-sm);
  transition: transform .18s, box-shadow .18s;
}
.ms-featcard:hover { transform: translateY(-3px); box-shadow: var(--sh-md); }
.ms-featcard__icon { font-size: 1.8rem; margin-bottom: 12px; display: block; }
.ms-featcard__title {
  font-size: .92rem; font-weight: 800; color: var(--dark);
  margin: 0 0 7px; font-family: var(--font);
}
.ms-featcard__text {
  font-size: .8rem; color: var(--muted); line-height: 1.62; margin: 0;
  font-family: var(--font);
}

/* ── Why us (dark section) ── */
.ms-why { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 840px; margin: 0 auto; }
.ms-why__item { display: flex; gap: 14px; align-items: flex-start; }
.ms-why__icon {
  width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0;
  background: rgba(14,165,233,.15); border: 1px solid rgba(14,165,233,.2);
  display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
}
.ms-why__h { font-size: .9rem; font-weight: 800; color: #f1f5f9; margin: 0 0 5px; font-family: var(--font); }
.ms-why__p { font-size: .8rem; color: rgba(255,255,255,.55); line-height: 1.6; margin: 0; font-family: var(--font); }

/* ── CTA strip ── */
.ms-cta {
  background: linear-gradient(135deg, var(--brand), #0ea5e9);
  padding: 68px 20px; text-align: center;
}
.ms-cta__h2 {
  font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 900; color: #fff;
  margin: 0 0 12px; font-family: var(--font-serif);
}
.ms-cta__p {
  font-size: .95rem; color: rgba(255,255,255,.8); line-height: 1.65;
  margin: 0 auto 30px; max-width: 480px; font-family: var(--font);
}
.ms-cta__btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.ms-btn-white {
  display: inline-flex; align-items: center; gap: 6px;
  background: #fff; color: var(--brand); text-decoration: none;
  border-radius: var(--r); padding: 12px 28px;
  font-size: .88rem; font-weight: 800; font-family: var(--font);
  box-shadow: 0 4px 20px rgba(0,0,0,.15); transition: all .2s;
}
.ms-btn-white:hover { background: #f0f9ff; color: var(--brand); transform: translateY(-1px); }
.ms-btn-outline {
  display: inline-flex; align-items: center; gap: 6px;
  background: transparent; color: #fff; text-decoration: none;
  border: 2px solid rgba(255,255,255,.4); border-radius: var(--r);
  padding: 12px 28px; font-size: .88rem; font-weight: 700;
  font-family: var(--font); transition: all .2s;
}
.ms-btn-outline:hover { background: rgba(255,255,255,.12); color: #fff; }

/* ── Responsive ── */
@media (max-width: 900px) {
  .ms-hero__inner { grid-template-columns: 1fr; gap: 40px; }
  .ms-stats { max-width: 380px; }
  .ms-why { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .ms-hero { padding: 56px 0 64px; }
  .ms-stats { grid-template-columns: 1fr 1fr; max-width: 100%; }
  .ms-sec { padding: 52px 0; }
}


/* =============================================================================
   MAIN SITE SEARCH  —  app/search/
   Prefix: ms-search-
   ============================================================================= */

.ms-search { min-height: 80vh; }

/* Hero */
.ms-search__hero {
  background: linear-gradient(160deg, #040d14 0%, #0b1f2a 50%, #003b44 100%);
  padding: 52px 0 44px; position: relative;
}
.ms-search__hero::after {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,#1d4ed8,#0ea5e9,#0d9488,#1d4ed8);
  background-size:200% 100%; animation:msLine 4s linear infinite;
}
.ms-search__hero-inner { max-width:760px; margin:0 auto; padding:0 20px; }
.ms-search__eyebrow {
  font-size:.68rem; font-weight:800; color:#5eead4;
  text-transform:uppercase; letter-spacing:.12em; margin-bottom:8px;
  font-family:var(--font);
}
.ms-search__h1 {
  font-size:clamp(1.6rem,4vw,2.4rem); font-weight:900; color:#fff;
  margin:0 0 8px; font-family:var(--font-serif);
}
.ms-search__desc { font-size:.88rem; color:rgba(255,255,255,.6); margin:0 0 28px; font-family:var(--font); }

/* Search box */
.ms-search__box {
  display:flex; align-items:center; gap:10px;
  background:#fff; border-radius:var(--r-lg); padding:10px 16px;
  box-shadow:0 8px 32px rgba(0,0,0,.25); margin-bottom:16px;
}
.ms-search__icon { font-size:1.1rem; flex-shrink:0; color:var(--muted); }
.ms-search__input {
  flex:1; border:none; outline:none; font-size:1rem; font-weight:500;
  color:var(--dark); background:transparent; font-family:var(--font);
  min-width:0;
}
.ms-search__input::placeholder { color:#adb5bd; font-weight:400; }
.ms-search__spinner {
  width:18px; height:18px; border:2px solid #e2e8f0;
  border-top-color:var(--brand); border-radius:50%;
  animation:msSpin .7s linear infinite; flex-shrink:0;
}
@keyframes msSpin { to { transform:rotate(360deg); } }
.ms-search__clear {
  background:none; border:none; cursor:pointer; color:var(--muted);
  font-size:1rem; padding:0 4px; line-height:1; flex-shrink:0;
  transition:color .15s;
}
.ms-search__clear:hover { color:var(--dark); }

/* Filters */
.ms-search__filters { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.ms-search__sel {
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);
  border-radius:var(--r); padding:7px 12px; font-size:.82rem;
  color:#fff; outline:none; cursor:pointer; font-family:var(--font);
  transition:border-color .15s;
}
.ms-search__sel:hover { border-color:rgba(255,255,255,.4); }
.ms-search__sel option { color:var(--dark); background:#fff; }
.ms-search__reset {
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);
  border-radius:var(--r); padding:7px 14px; font-size:.78rem;
  color:rgba(255,255,255,.7); cursor:pointer; font-weight:600;
  font-family:var(--font); transition:all .15s;
}
.ms-search__reset:hover { background:rgba(255,255,255,.2); color:#fff; }

/* Body */
.ms-search__body { padding:40px 0 60px; background:#f8fafc; min-height:400px; }
.ms-search__body-inner { max-width:760px; margin:0 auto; padding:0 20px; }

/* Count */
.ms-search__count {
  font-size:.88rem; color:var(--muted); margin-bottom:24px;
  padding-bottom:16px; border-bottom:1px solid var(--line);
  font-family:var(--font);
}
.ms-search__count strong { color:var(--dark); }
.ms-search__count em { color:var(--brand); font-style:normal; font-weight:600; }

/* Results list */
.ms-search__list { display:flex; flex-direction:column; gap:0; }

/* Result item */
.ms-search__item {
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:20px 22px; margin-bottom:12px; transition:box-shadow .18s;
}
.ms-search__item:hover { box-shadow:var(--sh-md); }
.ms-search__item-jname {
  display:flex; align-items:center; gap:8px; margin-bottom:7px;
}
.ms-search__item-jlink {
  font-size:.68rem; font-weight:800; color:#0ea5e9;
  text-transform:uppercase; letter-spacing:.06em;
  text-decoration:none; font-family:var(--font);
}
.ms-search__item-jlink:hover { text-decoration:underline; }
.ms-search__item-sec {
  font-size:.68rem; color:var(--muted); background:#f1f5f9;
  padding:1px 8px; border-radius:4px; font-family:var(--font);
}
.ms-search__item-title {
  display:block; font-size:.975rem; font-weight:800; color:var(--dark);
  text-decoration:none; line-height:1.4; margin-bottom:6px;
  font-family:var(--font-serif);
}
.ms-search__item-title:hover { color:var(--brand); }
.ms-search__item-authors {
  font-size:.78rem; color:var(--muted); margin-bottom:8px;
  font-family:var(--font);
}
.ms-search__item-abs {
  font-size:.82rem; color:#475569; line-height:1.62;
  margin:0 0 10px; font-family:var(--font);
}
.ms-search__item-meta {
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  font-size:.75rem; color:var(--muted); font-family:var(--font);
}
.ms-search__item-doi { font-family:monospace; color:var(--muted); }
.ms-search__item-read {
  margin-left:auto; font-size:.78rem; font-weight:700;
  color:var(--brand); text-decoration:none;
}
.ms-search__item-read:hover { color:#0ea5e9; }

/* Skeleton loading */
.ms-search__skel {
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:20px 22px; margin-bottom:12px; display:flex; flex-direction:column; gap:10px;
}
.ms-search__skel-line {
  background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);
  background-size:200% 100%; animation:msSkel 1.4s ease-in-out infinite;
  border-radius:6px; height:14px;
}
@keyframes msSkel { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
.ms-search__skel-line--sm { width:30%; height:10px; }
.ms-search__skel-line--lg { width:85%; height:18px; }
.ms-search__skel-line--md { width:60%; height:12px; }

/* Empty state */
.ms-search__empty {
  text-align:center; padding:60px 20px;
  background:#fff; border:1px solid var(--line);
  border-radius:var(--r-lg);
}
.ms-search__empty-icon { font-size:2.5rem; margin-bottom:12px; }
.ms-search__empty h3 { color:var(--dark); margin:0 0 8px; font-family:var(--font-serif); }
.ms-search__empty p { color:var(--muted); font-size:.88rem; margin:0; font-family:var(--font); }

/* Hint state */
.ms-search__hint { text-align:center; padding:52px 20px; }
.ms-search__hint-icon { font-size:2.5rem; margin-bottom:12px; }
.ms-search__hint p { color:var(--muted); font-size:.9rem; margin:0 0 20px; font-family:var(--font); }
.ms-search__hints { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.ms-search__hint-tag {
  background:#fff; border:1px solid var(--line); border-radius:999px;
  padding:6px 16px; font-size:.8rem; color:var(--muted);
  cursor:pointer; font-weight:600; font-family:var(--font);
  transition:all .15s;
}
.ms-search__hint-tag:hover { border-color:var(--brand); color:var(--brand); background:#f0fafb; }

@media(max-width:600px){
  .ms-search__hero { padding:36px 0 30px; }
  .ms-search__input { font-size:.9rem; }
  .ms-search__item { padding:16px; }
  .ms-search__item-read { margin-left:0; }
}


/* =============================================================================
   SITE PAGE  —  app/[slug]/page.tsx  (uses common pub- pattern)
   ============================================================================= */

/* sp-hero reuses ms-search__hero dark gradient pattern */
.sp-hero {
  background: linear-gradient(160deg, #040d14 0%, #0b1f2a 60%, #003b44 100%);
  padding: 48px 0 44px; position: relative;
}
.sp-hero::after {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,#1d4ed8,#0ea5e9,#0d9488,#1d4ed8);
  background-size:200% 100%; animation:msLine 4s linear infinite;
}
.sp-hero__inner { max-width:1200px; margin:0 auto; padding:0 20px; }
.sp-hero__title {
  font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight:900; color:#fff;
  margin:0; font-family:var(--font-serif); letter-spacing:-.02em;
}
.sp-body { padding:52px 0 72px; background:#f8fafc; min-height:400px; }
.sp-body__inner { max-width:1200px; margin:0 auto; padding:0 20px; }

.sp-content {
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding:36px 40px; box-shadow:var(--sh-sm);
  font-family:var(--font); font-size:.95rem; line-height:1.75; color:var(--dark);
}
.sp-content h1,.sp-content h2,.sp-content h3,.sp-content h4 {
  font-family:var(--font-serif); color:var(--dark); margin-top:1.5em; margin-bottom:.6em;
}
.sp-content h1 { font-size:1.6rem; }
.sp-content h2 { font-size:1.3rem; border-bottom:1px solid var(--line); padding-bottom:.4em; }
.sp-content h3 { font-size:1.1rem; }
.sp-content p  { margin:0 0 1em; }
.sp-content a  { color:var(--brand); text-decoration:underline; }
.sp-content a:hover { color:#0ea5e9; }
.sp-content ul,.sp-content ol { padding-left:1.5em; margin:0 0 1em; }
.sp-content li { margin-bottom:.35em; }
.sp-content table { width:100%; border-collapse:collapse; margin:1em 0; font-size:.88rem; }
.sp-content th { background:var(--brand); color:#fff; padding:9px 14px; text-align:left; font-weight:700; }
.sp-content td { padding:8px 14px; border-bottom:1px solid var(--line); }
.sp-content tr:hover td { background:#f8fafc; }
.sp-content img { max-width:100%; border-radius:var(--r); margin:1em 0; }
.sp-content blockquote {
  border-left:3px solid var(--brand); margin:1em 0; padding:.5em 1em;
  background:#f0fafb; color:#475569; font-style:italic;
}

@media(max-width:600px){
  .sp-content { padding:22px 18px; }
  .sp-hero { padding:34px 0 30px; }
}


/* Article card cite badge */
.ms-artcard__cite {
  color: #7c3aed; font-weight: 700; font-size: .72rem; font-family: var(--font);
}

/* Editorial grid */
.ms-edgrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}
.ms-edcard {
  background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg);
  padding: 20px 18px; display: flex; gap: 14px; align-items: flex-start;
  box-shadow: var(--sh-sm); transition: box-shadow .18s;
}
.ms-edcard:hover { box-shadow: var(--sh-md); }
.ms-edcard__avatar {
  width: 46px; height: 46px; border-radius: 50%; flex-shrink: 0;
  background: linear-gradient(135deg, var(--brand), #0ea5e9);
  color: #fff; font-size: .9rem; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font);
}
.ms-edcard__body { flex: 1; min-width: 0; }
.ms-edcard__name {
  font-size: .875rem; font-weight: 800; color: var(--dark);
  margin: 0 0 3px; font-family: var(--font);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ms-edcard__role {
  font-size: .72rem; font-weight: 700; color: var(--brand);
  text-transform: uppercase; letter-spacing: .05em;
  margin: 0 0 4px; font-family: var(--font);
}
.ms-edcard__aff {
  font-size: .75rem; color: var(--muted); line-height: 1.4;
  margin: 0 0 5px; font-family: var(--font);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ms-edcard__jname {
  display: inline-block; font-size: .67rem; font-weight: 700;
  background: #e0f2fe; color: #0369a1;
  border-radius: 4px; padding: 1px 7px; font-family: var(--font);
}

/* Editorial board links row */
.ms-ed__links {
  display: flex; gap: 12px; flex-wrap: wrap; justify-content: center;
}
.ms-ed__link {
  font-size: .82rem; font-weight: 700; color: var(--brand);
  text-decoration: none; border: 1px solid var(--brand);
  border-radius: var(--r); padding: 8px 18px;
  transition: all .18s; font-family: var(--font);
}
.ms-ed__link:hover { background: var(--brand); color: #fff; }

@media(max-width: 600px) {
  .ms-edgrid { grid-template-columns: 1fr; }
}

/* Email badge for editorial board */
.eb-id--email {
  background: #f0fdf4;
  color: #166534;
  border: 1px solid #bbf7d0;
}
.eb-id--email:hover { background: #dcfce7; }
/* ═══════════════════════════════════════════════════════════════════
   NEW HOMEPAGE — nhp- prefix
   globals.css ke BILKUL END mein paste karo
   ═══════════════════════════════════════════════════════════════════ */

/* ── Tokens ──────────────────────────────────────────────────────── */
:root {
  --nhp-brand:   #003b44;
  --nhp-accent:  #0ea5e9;
  --nhp-gold:    #f59e0b;
  --nhp-dark:    #0b1220;
  --nhp-muted:   #64748b;
  --nhp-border:  #e2e8f0;
  --nhp-radius:  12px;
  --nhp-sh:      0 2px 16px rgba(0,59,68,.10);
  --nhp-sh-lg:   0 8px 40px rgba(0,59,68,.18);
  --nhp-max:     1280px;
}

/* ── Layout ──────────────────────────────────────────────────────── */
.nhp-inner { max-width: var(--nhp-max); margin: 0 auto; padding: 0 24px; }
.nhp-sec   { padding: 80px 0; background: #fff; }
.nhp-sec--dark { background: linear-gradient(160deg,#040d14,#0b1f2a); color:#fff; }

/* ── Section heading ─────────────────────────────────────────────── */
.nhp-hd { text-align:center; margin-bottom:52px; }
.nhp-ey {
  display:inline-block; font-size:.72rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.1em; color:var(--nhp-accent);
  background:rgba(14,165,233,.08); border:1px solid rgba(14,165,233,.2);
  padding:4px 14px; border-radius:50px; margin-bottom:12px;
}
.nhp-ey--lt { color:#7dd3fc; background:rgba(125,211,252,.1); border-color:rgba(125,211,252,.2); }
.nhp-hd__h2 { font-size:clamp(1.6rem,3vw,2.4rem); font-weight:800; margin:0 0 10px; color:var(--nhp-dark); }
.nhp-hd__h2--lt { color:#fff; }
.nhp-hd__sub { font-size:.95rem; color:var(--nhp-muted); max-width:560px; margin:0 auto; line-height:1.6; }
.nhp-hd__sub--lt { color:rgba(255,255,255,.6); }

/* ── HERO ────────────────────────────────────────────────────────── */
.nhp-hero {
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#003b44 0%,#005060 50%,#001f28 100%);
  color:#fff; padding:90px 0 80px;
}
.nhp-hero__bg { position:absolute; inset:0; pointer-events:none; }
.nhp-orb { position:absolute; border-radius:50%; filter:blur(80px); opacity:.2; }
.nhp-orb--1 { width:520px; height:520px; background:#0ea5e9; top:-160px; right:-80px; }
.nhp-orb--2 { width:380px; height:380px; background:#06b6d4; bottom:-100px; left:8%; }
.nhp-orb--3 { width:280px; height:280px; background:#f59e0b; top:25%; left:38%; }

.nhp-hero__inner {
  max-width:var(--nhp-max); margin:0 auto; padding:0 24px;
  display:grid; grid-template-columns:1fr 300px; gap:60px; align-items:center; position:relative; z-index:1;
}
.nhp-hero__pill {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.12); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.2);
  padding:6px 18px; border-radius:50px; font-size:.78rem; font-weight:600;
  letter-spacing:.03em; margin-bottom:24px; color:#e0f2fe;
}
.nhp-hero__h1 {
  font-size:clamp(2rem,4vw,3.2rem); font-weight:800; line-height:1.15;
  margin:0 0 20px; letter-spacing:-.02em;color:#fff;
}
.nhp-hero__hl {
  background:linear-gradient(90deg,#38bdf8,#06b6d4);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.nhp-hero__desc {
  font-size:1.02rem; color:rgba(255,255,255,.78); max-width:580px;
  line-height:1.75; margin-bottom:36px;
}
.nhp-hero__btns { display:flex; gap:12px; flex-wrap:wrap; }

.nhp-ghost-btn {
  display:inline-flex; align-items:center; gap:6px;
  border:2px solid rgba(255,255,255,.4); color:#fff;
  padding:11px 24px; border-radius:8px; font-size:.9rem; font-weight:600;
  text-decoration:none; transition:all .2s; white-space:nowrap;
}
.nhp-ghost-btn:hover { background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.7); }
.nhp-ghost-btn--dk { border-color:var(--nhp-brand); color:var(--nhp-brand); }
.nhp-ghost-btn--dk:hover { background:var(--nhp-brand); color:#fff; }

/* Stats */
.nhp-stats {
  display:grid; grid-template-columns:1fr 1fr; gap:2px;
  background:rgba(255,255,255,.08); backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.15); border-radius:var(--nhp-radius);
  overflow:hidden;
}
.nhp-stat {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:22px 16px; background:rgba(0,0,0,.18); gap:5px; text-align:center;
  transition:background .2s;
}
.nhp-stat:hover { background:rgba(255,255,255,.08); }
.nhp-stat__icon { font-size:1.4rem; }
.nhp-stat__n { font-size:1.75rem; font-weight:800; color:#fff; line-height:1; }
.nhp-stat__l { font-size:.68rem; color:rgba(255,255,255,.55); font-weight:700; text-transform:uppercase; letter-spacing:.07em; }

/* ── Journal Cards ───────────────────────────────────────────────── */
.nhp-jgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:24px; }
.nhp-jcard {
  display:flex; flex-direction:column; border:1px solid var(--nhp-border);
  border-radius:var(--nhp-radius); background:#fff; overflow:hidden;
  text-decoration:none; color:inherit; box-shadow:var(--nhp-sh);
  transition:transform .25s,box-shadow .25s;
}
.nhp-jcard:hover { transform:translateY(-6px); box-shadow:var(--nhp-sh-lg); }
.nhp-jcard__cover { position:relative; height:210px; overflow:hidden; background:linear-gradient(135deg,#003b44,#005060); }
.nhp-jcard__img { width:100%; height:100%; object-fit:cover; }
.nhp-jcard__nocover {
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#003b44 0%,#0ea5e9 100%);
}
.nhp-jcard__nocover span { font-size:2.2rem; font-weight:900; color:rgba(255,255,255,.9); letter-spacing:-.02em; }
.nhp-jcard__oa {
  position:absolute; top:10px; right:10px;
  background:#f59e0b; color:#fff; font-size:.63rem; font-weight:700;
  padding:3px 9px; border-radius:4px; text-transform:uppercase; letter-spacing:.06em;
}
.nhp-jcard__body { padding:20px; flex:1; display:flex; flex-direction:column; gap:10px; }
.nhp-jcard__title { font-size:1rem; font-weight:700; color:var(--nhp-dark); line-height:1.4; }
.nhp-jcard__desc { font-size:.8rem; color:var(--nhp-muted); line-height:1.6; flex:1; margin:0; }
.nhp-jcard__issns { display:flex; flex-wrap:wrap; gap:6px; }
.nhp-issn {
  font-size:.68rem; padding:2px 8px; border-radius:4px; font-weight:600;
  background:rgba(0,59,68,.07); color:var(--nhp-brand); border:1px solid rgba(0,59,68,.15);
}
.nhp-issn--oa { background:rgba(245,158,11,.1); color:#b45309; border-color:rgba(245,158,11,.25); }
.nhp-issn--cnt { background:rgba(14,165,233,.08); color:#0369a1; border-color:rgba(14,165,233,.2); }
.nhp-jcard__counts { font-size:.8rem; color:var(--nhp-muted); }
.nhp-jcard__counts b { color:var(--nhp-dark); }
.nhp-jcard__cta { font-size:.82rem; font-weight:700; color:var(--nhp-accent); margin-top:4px; }
.nhp-jcard:hover .nhp-jcard__cta { color:var(--nhp-brand); }

/* ── Per-Journal Section ─────────────────────────────────────────── */
.nhp-jsec { padding:72px 0; border-top:1px solid var(--nhp-border); background:#fff; }
.nhp-jsec--alt { background:#f8fafc; }

.nhp-jhd {
  display:grid; grid-template-columns:150px 1fr; gap:36px;
  align-items:start; margin-bottom:40px; padding-bottom:36px;
  border-bottom:2px solid var(--nhp-border);
}
.nhp-jhd__cover { width:150px; height:200px; border-radius:8px; overflow:hidden; box-shadow:var(--nhp-sh-lg); flex-shrink:0; }
.nhp-jhd__img { width:100%; height:100%; object-fit:cover; }
.nhp-jhd__nocover {
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#003b44,#0ea5e9);
}
.nhp-jhd__nocover span { font-size:1.8rem; font-weight:900; color:rgba(255,255,255,.9); }
.nhp-jhd__info { display:flex; flex-direction:column; gap:10px; }
.nhp-jhd__title { font-size:clamp(1.3rem,2.5vw,1.9rem); font-weight:800; margin:0; color:var(--nhp-dark); line-height:1.25; }
.nhp-jhd__meta { display:flex; flex-wrap:wrap; gap:6px; }
.nhp-jhd__desc { font-size:.88rem; color:var(--nhp-muted); line-height:1.75; max-width:640px; margin:0; text-align:justify; }
.nhp-brand-btn {
  display:inline-flex; align-items:center; gap:6px;
  background:var(--nhp-brand); color:#fff; padding:10px 22px;
  border-radius:8px; font-size:.85rem; font-weight:700;
  text-decoration:none; width:fit-content; transition:background .2s,transform .15s;
}
.nhp-brand-btn:hover { background:#005060; transform:translateY(-1px); }

/* 3-Column grid */
.nhp-jcols { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.nhp-col {
  background:#fff; border:1px solid var(--nhp-border); border-radius:var(--nhp-radius);
  overflow:hidden; box-shadow:var(--nhp-sh); display:flex; flex-direction:column;
}
.nhp-jsec--alt .nhp-col { background:#fff; }

.nhp-col__hd {
  display:flex; align-items:center; gap:8px;
  padding:13px 16px; font-size:.78rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.06em; color:#fff;
}
.nhp-col__hd--gold  { background:linear-gradient(90deg,#b45309,#d97706); }
.nhp-col__hd--blue  { background:linear-gradient(90deg,#0369a1,#0ea5e9); }
.nhp-col__hd--teal  { background:linear-gradient(90deg,#003b44,#0e7490); }

/* Article item */
.nhp-art {
  display:flex; gap:10px; padding:11px 14px;
  border-bottom:1px solid #f1f5f9; text-decoration:none; color:inherit;
  transition:background .15s; align-items:flex-start;
}
.nhp-art:last-of-type { border-bottom:none; }
.nhp-art:hover { background:#f0f9ff; }
.nhp-art__rk {
  width:22px; height:22px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:.67rem; font-weight:800; margin-top:2px;
}
.nhp-art__rk--g { background:rgba(245,158,11,.15); color:#b45309; }
.nhp-art__rk--b { background:rgba(14,165,233,.12); color:#0369a1; }
.nhp-art__b { flex:1; min-width:0; }
.nhp-art__t {
  font-size:.8rem; font-weight:600; color:var(--nhp-dark);
  line-height:1.45; margin-bottom:3px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.nhp-art:hover .nhp-art__t { color:var(--nhp-accent); }
.nhp-art__a { font-size:.7rem; color:var(--nhp-muted); margin-bottom:3px; }
.nhp-art__m { display:flex; gap:8px; font-size:.67rem; color:var(--nhp-muted); flex-wrap:wrap; }
.nhp-art__cite { color:#b45309; font-weight:600; }

/* Editorial item */
.nhp-ed {
  display:flex; gap:10px; padding:11px 14px;
  border-bottom:1px solid #f1f5f9; align-items:center;
}
.nhp-ed:last-of-type { border-bottom:none; }
.nhp-ed__av {
  width:36px; height:36px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg,var(--nhp-brand),#0ea5e9);
  color:#fff; font-size:.72rem; font-weight:800;
  display:flex; align-items:center; justify-content:center;
}
.nhp-ed__b { flex:1; min-width:0; }
.nhp-ed__name { font-size:.8rem; font-weight:700; color:var(--nhp-dark); }
.nhp-ed__role { font-size:.7rem; color:var(--nhp-accent); font-weight:600; }
.nhp-ed__aff { font-size:.68rem; color:var(--nhp-muted); margin-top:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.nhp-col__empty { padding:24px 16px; font-size:.8rem; color:var(--nhp-muted); text-align:center; }
.nhp-col__more {
  display:block; text-align:center; padding:10px;
  font-size:.76rem; font-weight:700; color:var(--nhp-accent);
  border-top:1px solid var(--nhp-border); text-decoration:none;
  transition:background .15s; margin-top:auto;
}
.nhp-col__more:hover { background:#f0f9ff; color:var(--nhp-brand); }

/* ── Features ────────────────────────────────────────────────────── */
.nhp-feats { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px; }
.nhp-feat {
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
  border-radius:var(--nhp-radius); padding:26px 22px; transition:background .2s,transform .2s;
}
.nhp-feat:hover { background:rgba(255,255,255,.1); transform:translateY(-3px); }
.nhp-feat__icon { font-size:1.8rem; margin-bottom:12px; }
.nhp-feat__title { font-size:.93rem; font-weight:700; color:#fff; margin-bottom:8px; }
.nhp-feat__text { font-size:.8rem; color:rgba(255,255,255,.6); line-height:1.6; margin:0; }

/* ── CTA ─────────────────────────────────────────────────────────── */
.nhp-cta { background:linear-gradient(135deg,#003b44,#0ea5e9); padding:80px 24px; }
.nhp-cta__h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; color:#fff; margin:0 0 14px; }
.nhp-cta__p  { font-size:1rem; color:rgba(255,255,255,.8); margin-bottom:32px; line-height:1.6; }
.nhp-cta__btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width:1024px) {
  .nhp-jcols { grid-template-columns:1fr 1fr; }
}
@media (max-width:900px) {
  .nhp-hero__inner { grid-template-columns:1fr; gap:40px; }
  .nhp-stats { grid-template-columns:repeat(4,1fr); }
  .nhp-jhd { grid-template-columns:110px 1fr; gap:22px; }
  .nhp-jhd__cover { width:110px; height:148px; }
}
@media (max-width:640px) {
  .nhp-hero { padding:60px 0 50px; }
  .nhp-stats { grid-template-columns:1fr 1fr; }
  .nhp-jcols { grid-template-columns:1fr; }
  .nhp-jhd { grid-template-columns:1fr; }
  .nhp-jhd__cover { width:110px; height:148px; }
  .nhp-jgrid { grid-template-columns:1fr; }
  .nhp-sec { padding:56px 0; }
  .nhp-jsec { padding:52px 0; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   CITATIONS PAGE  —  cit-* prefix
   Add at bottom of globals.css
───────────────────────────────────────────────────────────────────────────── */

/* Filter bar */
.cit-filter-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
}
.cit-filter-label {
  font-size: .76rem;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-right: 4px;
}
.cit-filter-btn {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: .78rem;
  font-weight: 600;
  color: var(--muted);
  background: #fff;
  border: 1.5px solid var(--line);
  text-decoration: none;
  transition: all .15s;
}
.cit-filter-btn:hover   { border-color: var(--brand); color: var(--brand); }
.cit-filter-btn--active { background: var(--brand); color: #fff; border-color: var(--brand); }
.cit-filter-total {
  margin-left: auto;
  font-size: .76rem;
  color: var(--muted);
  font-weight: 600;
}

/* Article list */
.cit-list { display: flex; flex-direction: column; gap: 14px; }

/* Single row */
.cit-row {
  display: grid;
  grid-template-columns: 48px 1fr 90px;
  gap: 16px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 18px 16px;
  transition: box-shadow .15s, border-color .15s;
}
.cit-row:hover { border-color: rgba(0,59,68,.25); box-shadow: var(--sh-sm); }

/* Rank */
.cit-rank {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3px;
}
.cit-rank__num {
  font-size: .72rem;
  font-weight: 800;
  color: var(--muted);
  background: #f1f5f9;
  border-radius: 6px;
  padding: 4px 7px;
}

/* Content */
.cit-content { flex: 1; min-width: 0; }
.cit-title {
  display: block;
  font-size: .93rem;
  font-weight: 700;
  color: var(--dark);
  text-decoration: none;
  line-height: 1.4;
  margin-bottom: 6px;
  font-family: var(--font-serif);
}
.cit-title:hover { color: var(--brand); text-decoration: underline; }

.cit-authors {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: .78rem;
  color: var(--muted);
  margin-bottom: 8px;
  flex-wrap: wrap;
}

/* Meta chips */
.cit-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.cit-meta__chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: .74rem;
  color: #374151;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 2px 8px;
}
.cit-meta__doi {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: .74rem;
  color: var(--brand);
  text-decoration: none;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 5px;
  padding: 2px 8px;
}
.cit-meta__doi:hover { text-decoration: underline; }

/* Source badges */
.cit-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.cit-src {
  font-size: .7rem;
  font-weight: 700;
  border-radius: 4px;
  padding: 2px 7px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.cit-src--oa   { background: #e0f2fe; color: #0369a1; }
.cit-src--cr   { background: #fef9c3; color: #a16207; }
.cit-src--ss   { background: #ede9fe; color: #6d28d9; }
.cit-src--date { background: #f1f5f9; color: var(--muted); }

/* Citation count bubble */
.cit-count {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 4px;
  gap: 4px;
}
.cit-count__num {
  font-size: 1.6rem;
  font-weight: 900;
  color: var(--brand);
  line-height: 1;
  font-family: var(--font-serif);
}
.cit-count__label {
  font-size: .64rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 600;
}
.cit-count__src {
  font-size: .62rem;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  text-align: center;
  white-space: nowrap;
}

/* Responsive */
@media (max-width: 640px) {
  .cit-row { grid-template-columns: 36px 1fr; }
  .cit-count { display: none; }
  .cit-meta { gap: 4px; }
}