@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

/* ═══════════════════════════════════════════════════
   URDTI PREMIUM THEME — main.css (final clean rewrite)
═══════════════════════════════════════════════════ */

/* ── CSS Variables ── */
:root{
  --up-primary:#1B3A6B;
  --up-primary-600:#2E5AA8;
  --up-primary-400:#4A7DC4;
  --up-primary-200:#93B8E0;
  --up-primary-50:#EBF3FB;
  --up-primary-dark:#0F2142;
  --up-accent:#C9A227;
  --up-accent-dark:#A07D0F;
  --up-accent-light:#F5E09A;
  --up-gray-900:#1A202C;
  --up-gray-800:#2D3748;
  --up-gray-700:#3D4A5C;
  --up-gray-600:#4A5568;
  --up-gray-500:#718096;
  --up-gray-400:#A0AEC0;
  --up-gray-300:#CBD5E0;
  --up-gray-200:#E2E8F0;
  --up-gray-100:#F7FAFC;
  --up-gray-50:#FAFBFD;
  --up-success:#276749;
  --up-danger:#C53030;
  --up-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --up-r-sm:6px;
  --up-r:12px;
  --up-r-lg:18px;
  --up-sh-xs:0 1px 3px rgba(27,58,107,.06);
  --up-sh-sm:0 2px 8px rgba(27,58,107,.08);
  --up-sh:0 4px 20px rgba(27,58,107,.10);
  --up-sh-md:0 8px 32px rgba(27,58,107,.13);
  --up-sh-lg:0 20px 60px rgba(27,58,107,.18);
  --up-t:all .22s cubic-bezier(.4,0,.2,1);
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  font-family:var(--up-font);
  font-size:16px;line-height:1.65;
  color:var(--up-gray-800);
  background:var(--up-gray-100);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  margin:0;padding:0;
}
h1,h2,h3,h4,h5,h6{font-family:var(--up-font);font-weight:700;line-height:1.3;color:var(--up-gray-900);margin:0 0 .5em}
a{color:var(--up-primary-600);text-decoration:none;transition:var(--up-t)}
a:hover{color:var(--up-primary);text-decoration:underline}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none;margin:0;padding:0}
p{margin:0 0 1em}

/* ═══════════════════════════════════════════════════
   HEADER
═══════════════════════════════════════════════════ */
/* Skip-to-content — visually hidden, shown on focus */
.cmp_skip_to_content{
  position:absolute !important;
  top:-100px !important;
  left:0 !important;
  z-index:9999 !important;
  width:auto !important;height:auto !important;
  overflow:hidden !important;
}
.cmp_skip_to_content:focus-within,.cmp_skip_to_content:focus{top:0 !important}

.pkp_structure_head{
  background:linear-gradient(135deg,var(--up-primary-dark) 0%,var(--up-primary) 60%,#243F6E 100%) !important;
  box-shadow:0 2px 16px rgba(0,0,0,.20) !important;
  border-bottom:3px solid var(--up-accent) !important;
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  width:100% !important;
}

/* Main header row */
.pkp_head_wrapper{
  max-width:1280px !important;
  margin:0 auto !important;
  padding:0 24px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:0 !important;
  height:68px !important;
  min-height:68px !important;
}

/* ── Logo / site name ── */
.pkp_site_name_wrapper{
  display:flex !important;
  align-items:center !important;
  flex-shrink:0 !important;
  gap:0 !important;
}
.pkp_site_name{flex-shrink:0}
.pkp_site_name a{display:flex;align-items:center;text-decoration:none !important}
.pkp_site_name img{max-height:46px !important;width:auto !important}
.pkp_site_name .is_text{font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.pkp_screen_reader{
  position:absolute !important;width:1px !important;height:1px !important;
  overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;
}

/* ── HAMBURGER TOGGLE — desktop: hidden, mobile: 3-bar icon ── */
.pkp_site_nav_toggle{
  display:none !important;          /* hidden on desktop always */
  background:none !important;
  border:1.5px solid rgba(255,255,255,.35) !important;
  border-radius:6px !important;
  cursor:pointer !important;
  width:40px !important;
  height:36px !important;
  padding:0 !important;
  margin:0 !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
  transition:background .2s, border-color .2s !important;
  position:relative !important;
}
/* "Open Menu" text — screen-reader only */
.pkp_site_nav_toggle span{
  position:absolute !important;
  width:1px !important;height:1px !important;
  padding:0 !important;margin:-1px !important;
  overflow:hidden !important;clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;border:0 !important;
}
/* 3-bar hamburger via ::before */
.pkp_site_nav_toggle::before{
  content:"" !important;
  display:block !important;
  width:18px !important;height:2px !important;
  background:#fff !important;
  border-radius:2px !important;
  box-shadow:0 5px 0 #fff, 0 10px 0 #fff !important;
  margin-bottom:8px !important;
}
.pkp_site_nav_toggle::after{display:none !important}
.pkp_site_nav_toggle:hover{
  background:rgba(255,255,255,.15) !important;
  border-color:rgba(255,255,255,.6) !important;
}

/* ── Desktop nav (visible by default, hidden on mobile) ── */
.pkp_site_nav_menu{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:4px !important;
  flex:1 !important;
  justify-content:flex-end !important;
  min-width:0 !important;
  overflow:visible !important;
}
.pkp_navigation_primary_row{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:0 !important;
  flex-shrink:0 !important;
}
.pkp_navigation_primary_wrapper{
  display:flex !important;
  align-items:center !important;
  flex-shrink:0 !important;
}
/* Nav list */
ul.pkp_navigation_primary,
ul.pkp_nav_list{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
}
ul.pkp_navigation_primary > li,
ul.pkp_nav_list > li{
  display:flex !important;
  align-items:center !important;
  position:relative !important;
}
ul.pkp_navigation_primary > li > a,
ul.pkp_nav_list > li > a{
  color:rgba(255,255,255,.85) !important;
  font-size:.875rem !important;
  font-weight:500 !important;
  padding:8px 13px !important;
  border-radius:var(--up-r-sm) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:var(--up-t) !important;
  display:block !important;
  line-height:1 !important;
}
ul.pkp_navigation_primary > li > a:hover,
ul.pkp_navigation_primary > li.pkp_nav_current > a{
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
}

/* Dropdown submenus — hidden by default, absolute positioned */
ul.pkp_navigation_primary li > ul,
ul.pkp_nav_list li > ul{
  display:none !important;
  position:absolute !important;
  top:100% !important;left:0 !important;
  z-index:200 !important;
  background:#fff !important;
  border-radius:var(--up-r) !important;
  box-shadow:var(--up-sh-lg) !important;
  border:1px solid var(--up-gray-200) !important;
  padding:6px !important;
  min-width:210px !important;
  white-space:nowrap !important;
}
ul.pkp_navigation_primary li:hover > ul,
ul.pkp_nav_list li:hover > ul,
ul.pkp_navigation_primary li:focus-within > ul{
  display:block !important;
}
ul.pkp_navigation_primary li > ul li,
ul.pkp_nav_list li > ul li{
  display:block !important;
  position:static !important;
}
ul.pkp_navigation_primary li > ul li a,
ul.pkp_nav_list li > ul li a{
  color:var(--up-gray-800) !important;
  padding:8px 14px !important;
  border-radius:4px !important;
  font-size:.875rem !important;
  display:block !important;
  font-weight:500 !important;
  transition:background .15s !important;
}
ul.pkp_navigation_primary li > ul li a:hover{
  background:var(--up-primary-50) !important;
  color:var(--up-primary) !important;
}

/* Search */
.pkp_navigation_search_wrapper{
  display:flex !important;
  align-items:center !important;
  flex-shrink:0 !important;
}
.pkp_search,.pkp_search_desktop{
  color:rgba(255,255,255,.75) !important;
  padding:8px 10px !important;
  border-radius:var(--up-r-sm) !important;
  text-decoration:none !important;
  font-size:.85rem !important;
  display:flex !important;
  align-items:center !important;
  transition:var(--up-t) !important;
}
.pkp_search:hover{background:rgba(255,255,255,.12) !important;color:#fff !important}

/* User nav (Register / Login) */
.pkp_navigation_user_wrapper{
  display:flex !important;
  align-items:center !important;
  flex-shrink:0 !important;
}
#navigationUser,
.pkp_navigation_user{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  flex-wrap:nowrap !important;
}
#navigationUser li,
.pkp_navigation_user li{
  display:flex !important;
  align-items:center !important;
}
#navigationUser li a,
.pkp_navigation_user li a{
  color:rgba(255,255,255,.80) !important;
  font-size:.8rem !important;
  font-weight:500 !important;
  padding:6px 12px !important;
  border-radius:var(--up-r-sm) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:var(--up-t) !important;
  display:block !important;
}
#navigationUser li a:hover{
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
}
#navigationUser li:last-child a{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.25) !important;
}
#navigationUser li:last-child a:hover{
  background:rgba(255,255,255,.22) !important;
  border-color:rgba(255,255,255,.55) !important;
}

/* ═══════════════════════════════════════════════════
   MAIN CONTENT STRUCTURE
═══════════════════════════════════════════════════ */
.pkp_structure_content{
  max-width:1260px;
  margin:0 auto;
  padding:36px 24px;
  display:flex;
  gap:28px;
  align-items:flex-start;
  width:100%;
}
.pkp_structure_main{
  flex:1;
  min-width:0;          /* prevent flex overflow */
  overflow:hidden;
}
.pkp_structure_sidebar{
  width:280px;
  flex-shrink:0;
}
/* Homepage — full width, no sidebar needed */
.pkp_page_index .pkp_structure_content{
  max-width:100%;
  padding:0;
  display:block;
}

/* ── Sidebar blocks ── */
.pkp_sidebar .pkp_block{
  background:#fff;
  border-radius:var(--up-r);
  border:1px solid var(--up-gray-200);
  box-shadow:var(--up-sh-xs);
  margin-bottom:16px;
  overflow:hidden;
}
.pkp_block .title{
  background:var(--up-primary);
  color:#fff;
  padding:12px 16px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:0;
}
.pkp_block .block_content{padding:12px 16px}
.pkp_block ul li{
  padding:5px 0;
  font-size:.875rem;
  border-bottom:1px solid var(--up-gray-100);
}
.pkp_block ul li:last-child{border-bottom:none}
.pkp_block ul li a{color:var(--up-primary-600);font-weight:500}

/* ═══════════════════════════════════════════════════
   HERO SECTION
═══════════════════════════════════════════════════ */
.up-hero{
  background:linear-gradient(135deg,var(--up-primary-dark) 0%,var(--up-primary) 55%,#2048A0 100%);
  padding:72px 24px;
  position:relative;
  overflow:hidden;
  width:100%;
}
.up-hero-inner{
  max-width:860px;
  margin:0 auto;
  text-align:center;
  position:relative;
  z-index:1;
}
.up-hero-badge{
  display:inline-block;
  background:rgba(201,162,39,.18);
  color:var(--up-accent-light);
  border:1px solid rgba(201,162,39,.3);
  padding:4px 16px;
  border-radius:100px;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:20px;
}
.up-hero h1{
  font-size:clamp(1.6rem,3vw,2.6rem);
  font-weight:800;
  color:#fff;
  margin-bottom:16px;
  line-height:1.22;
}
.up-hero p{
  font-size:1rem;
  color:rgba(255,255,255,.82);
  max-width:600px;
  margin:0 auto 32px;
  line-height:1.75;
}
.up-hero-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}
.up-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:11px 26px;
  border-radius:var(--up-r-sm);
  font-weight:600;
  font-size:.9rem;
  text-decoration:none !important;
  transition:var(--up-t);
  cursor:pointer;
  border:2px solid transparent;
  line-height:1;
  white-space:nowrap;
}
.up-btn-accent{
  background:var(--up-accent);
  color:var(--up-primary-dark) !important;
  border-color:var(--up-accent);
}
.up-btn-accent:hover{
  background:var(--up-accent-dark);
  border-color:var(--up-accent-dark);
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(201,162,39,.35);
}
.up-btn-outline{
  background:transparent;
  color:#fff !important;
  border-color:rgba(255,255,255,.45);
}
.up-btn-outline:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.85);
}

/* Homepage image */
.homepage_image{
  width:100%;
  max-height:280px;
  overflow:hidden;
  line-height:0;
}
.homepage_image img{
  width:100%;
  height:280px;
  object-fit:cover;
  display:block;
}

/* ═══════════════════════════════════════════════════
   INDEXED CAROUSEL
═══════════════════════════════════════════════════ */
.up-indexed-section{
  background:#fff;
  border-top:1px solid var(--up-gray-200);
  border-bottom:1px solid var(--up-gray-200);
  padding:32px 0;
  overflow:hidden;  /* contain the carousel */
  width:100%;
}
.up-indexed-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}
.up-indexed-title{
  text-align:center;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--up-gray-400);
  margin-bottom:24px;
}
.up-indexed-track-wrapper{
  position:relative;
  overflow:hidden;   /* clip the scrolling track */
  width:100%;
}
.up-indexed-track-wrapper::before,
.up-indexed-track-wrapper::after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  width:80px;
  z-index:2;
  pointer-events:none;
}
.up-indexed-track-wrapper::before{left:0;background:linear-gradient(to right,#fff,transparent)}
.up-indexed-track-wrapper::after{right:0;background:linear-gradient(to left,#fff,transparent)}
.up-indexed-track{
  display:flex;
  gap:0;
  width:max-content;
  animation:up-scroll 36s linear infinite;
}
.up-indexed-track:hover{animation-play-state:paused}
@keyframes up-scroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
.up-indexed-item{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px 20px;
  flex-shrink:0;
}
.up-index-logo{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 16px;
  border-radius:8px;
  border:1.5px solid var(--up-gray-200);
  background:#fff;
  white-space:nowrap;
  cursor:default;
  transition:var(--up-t);
}
.up-index-logo:hover{
  border-color:var(--up-primary-200);
  box-shadow:var(--up-sh-sm);
  transform:translateY(-2px);
}
.up-index-logo-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.up-index-logo-name{font-size:.8rem;font-weight:700;color:var(--up-gray-500);transition:var(--up-t)}
.up-index-logo:hover .up-index-logo-name{color:var(--up-gray-800)}
.up-idx-gs  .up-index-logo-dot{background:#4285F4}
.up-idx-sc  .up-index-logo-dot{background:#E67E22}
.up-idx-wos .up-index-logo-dot{background:#C0392B}
.up-idx-doaj .up-index-logo-dot{background:#27AE60}
.up-idx-cr  .up-index-logo-dot{background:#2980B9}
.up-idx-ic  .up-index-logo-dot{background:#8E44AD}
.up-idx-ebsco .up-index-logo-dot{background:#2C3E50}
.up-idx-road .up-index-logo-dot{background:#16A085}
.up-idx-dims .up-index-logo-dot{background:#E74C3C}
.up-idx-lens .up-index-logo-dot{background:#F39C12}

/* ═══════════════════════════════════════════════════
   CURRENT ISSUE (Homepage)
═══════════════════════════════════════════════════ */
.up-current-issue{
  padding:52px 24px;
  background:var(--up-gray-100);
  width:100%;
}
.up-current-issue-inner{
  max-width:1200px;
  margin:0 auto;
}
.up-section-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:28px;
  gap:16px;
  flex-wrap:wrap;
}
.up-section-title{
  font-size:1.5rem;
  font-weight:800;
  color:var(--up-gray-900);
  margin:0;
  display:flex;
  align-items:center;
  gap:12px;
}
.up-section-title::before{
  content:"";
  display:block;
  width:4px;height:26px;
  background:var(--up-accent);
  border-radius:2px;
  flex-shrink:0;
}
.up-view-all{
  font-size:.85rem;
  font-weight:600;
  color:var(--up-primary-600) !important;
  text-decoration:none !important;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:5px;
}
.up-view-all:hover{color:var(--up-primary) !important;text-decoration:none !important}
.up-issue-header{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:24px;
  align-items:start;
  background:#fff;
  border-radius:var(--up-r-lg);
  border:1px solid var(--up-gray-200);
  box-shadow:var(--up-sh-sm);
  padding:20px 24px;
  margin-bottom:24px;
}
.up-issue-cover img{width:100%;border-radius:8px;box-shadow:var(--up-sh-md)}
.up-issue-meta .up-issue-label{
  font-size:.7rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--up-accent);margin-bottom:5px;
}
.up-issue-meta h2{font-size:1.25rem;font-weight:800;color:var(--up-gray-900);margin-bottom:8px}
.up-issue-section-title{
  font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--up-primary-600);
  border-bottom:2px solid var(--up-primary-50);
  padding-bottom:8px;margin:28px 0 16px;
}

/* ═══════════════════════════════════════════════════
   ARTICLE CARDS GRID
═══════════════════════════════════════════════════ */
.up-articles-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  width:100% !important;
}
.up-article-card{
  background:#fff;
  border-radius:var(--up-r);
  border:1px solid var(--up-gray-200);
  box-shadow:var(--up-sh-sm);
  transition:transform .22s, box-shadow .22s, border-color .22s;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden;
  min-width:0;
}
.up-article-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--up-sh-md);
  border-color:var(--up-primary-200);
}
.up-article-card-top{padding:14px 16px 0}
.up-section-badge{
  display:inline-block;
  background:var(--up-primary-50);
  color:var(--up-primary-600);
  padding:3px 10px;
  border-radius:100px;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.up-article-card-body{padding:8px 16px 0;flex:1}
.up-article-title{
  font-size:.92rem;
  font-weight:700;
  line-height:1.45;
  color:var(--up-gray-900);
  margin:0 0 8px;
}
.up-article-title a{color:inherit;text-decoration:none !important}
.up-article-title a:hover{color:var(--up-primary-600)}
.up-article-authors{
  font-size:.8rem;
  color:var(--up-gray-500);
  margin-bottom:8px;
  font-style:italic;
  line-height:1.4;
}
.up-article-abstract{
  font-size:.82rem;
  color:var(--up-gray-600);
  line-height:1.65;
  margin-bottom:8px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.up-article-doi{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:.72rem;
  color:var(--up-gray-500);
  background:var(--up-gray-100);
  padding:3px 9px;
  border-radius:var(--up-r-sm);
  margin-bottom:10px;
  text-decoration:none !important;
  transition:var(--up-t);
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.up-article-doi:hover{background:var(--up-primary-50);color:var(--up-primary-600)}
.up-article-card-footer{
  padding:10px 16px;
  border-top:1px solid var(--up-gray-100);
  background:var(--up-gray-50);
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:auto;
}
.up-article-stats{display:flex;align-items:center;gap:10px}
.up-stat{
  display:flex;align-items:center;gap:4px;
  font-size:.74rem;color:var(--up-gray-500);font-weight:500;
}
.up-stat svg{width:13px;height:13px;flex-shrink:0;opacity:.7}
.up-stat-value{font-weight:700;color:var(--up-gray-700);font-size:.76rem}
.up-galleys{
  display:flex !important;
  gap:5px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
}

/* ── GALLEY BUTTONS (OJS default class) ── */
a.obj_galley_link,.obj_galley_link{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  padding:4px 11px !important;
  border-radius:var(--up-r-sm) !important;
  font-size:.73rem !important;
  font-weight:700 !important;
  text-decoration:none !important;
  transition:var(--up-t) !important;
  border:1.5px solid !important;
  line-height:1.3 !important;
  white-space:nowrap !important;
}
a.obj_galley_link.pdf{
  background:#FFF5F5 !important;
  color:var(--up-danger) !important;
  border-color:#FED7D7 !important;
}
a.obj_galley_link.pdf:hover{
  background:var(--up-danger) !important;
  color:#fff !important;
  border-color:var(--up-danger) !important;
}
a.obj_galley_link.html,a.obj_galley_link.htm{
  background:#F0FFF4 !important;
  color:var(--up-success) !important;
  border-color:#C6F6D5 !important;
}
a.obj_galley_link.html:hover{
  background:var(--up-success) !important;
  color:#fff !important;
  border-color:var(--up-success) !important;
}
a.obj_galley_link:not(.pdf):not(.html):not(.htm){
  background:var(--up-primary-50) !important;
  color:var(--up-primary-600) !important;
  border-color:var(--up-primary-200) !important;
}
a.obj_galley_link:not(.pdf):not(.html):not(.htm):hover{
  background:var(--up-primary) !important;
  color:#fff !important;
  border-color:var(--up-primary) !important;
}

/* ═══════════════════════════════════════════════════
   ARCHIVE PAGE — Issue cards
═══════════════════════════════════════════════════ */
/* ── Archive page wrapper ── */
.page_issue_archive{
  max-width:1280px !important;
  margin:0 auto !important;
  padding:40px 24px 60px !important;
}
.page_issue_archive h1{
  font-size:1.75rem !important;
  font-weight:800 !important;
  color:var(--up-gray-900) !important;
  margin-bottom:32px !important;
}

/* ── Issues grid ── */
.issues_archive{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr)) !important;
  gap:24px !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}
.issues_archive > li{
  padding:0 !important;
  list-style:none !important;
}

/* ── Issue card ── */
.obj_issue_summary{
  background:#fff !important;
  border-radius:14px !important;
  border:1px solid var(--up-gray-200) !important;
  box-shadow:0 2px 8px rgba(27,58,107,.06) !important;
  transition:transform .22s,box-shadow .22s,border-color .22s !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}
.obj_issue_summary:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 12px 32px rgba(27,58,107,.14) !important;
  border-color:var(--up-primary-200) !important;
}

/* ── Cover image wrapper — fixed portrait aspect ratio ── */
.up-issue-cover-wrap{
  display:block !important;
  width:100% !important;
  aspect-ratio:3/4 !important;
  overflow:hidden !important;
  background:linear-gradient(160deg,#0c1c3b 0%,#1B3A6B 60%,#2a5298 100%) !important;
  flex-shrink:0 !important;
  position:relative !important;
}
.up-issue-cover-wrap img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:top center !important;
  display:block !important;
  transition:transform .35s ease !important;
}
.obj_issue_summary:hover .up-issue-cover-wrap img{
  transform:scale(1.04) !important;
}

/* ── Placeholder when no cover ── */
.up-cover-placeholder{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  background:linear-gradient(160deg,#091525 0%,#1B3A6B 50%,#2048a0 100%) !important;
  color:rgba(255,255,255,.5) !important;
}
.up-cover-abbr{
  font-size:.85rem !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  color:rgba(255,255,255,.35) !important;
  text-transform:uppercase !important;
}

/* ── Card body ── */
.up-iss-body{
  padding:14px 16px 16px !important;
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
}
.up-iss-series{
  display:inline-block !important;
  font-size:.68rem !important;
  font-weight:700 !important;
  color:var(--up-accent) !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  margin-bottom:6px !important;
  line-height:1 !important;
}
.obj_issue_summary h2{
  font-size:.88rem !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  margin:0 0 8px !important;
  color:var(--up-gray-900) !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.obj_issue_summary h2 a{
  color:inherit !important;
  text-decoration:none !important;
}
.obj_issue_summary h2 a:hover{
  color:var(--up-primary-600) !important;
}
.up-iss-desc{
  font-size:.76rem !important;
  color:var(--up-gray-500) !important;
  line-height:1.55 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  margin-top:auto !important;
}

/* legacy classes — hide/reset */
.obj_issue_summary .cover img{display:none !important}
.obj_issue_summary .series{display:none !important}
.obj_issue_summary .description{display:none !important}
.obj_issue_summary h3{font-size:.88rem !important;font-weight:700 !important;margin:0 0 8px !important}
.obj_issue_summary a.read_more{display:none !important}

/* ═══════════════════════════════════════════════════
   ARTICLE DETAIL PAGE
═══════════════════════════════════════════════════ */
.obj_article_details{
  background:#fff;
  border-radius:var(--up-r-lg);
  box-shadow:var(--up-sh-md);
  border:1px solid var(--up-gray-200);
  overflow:hidden;
  margin-bottom:24px;
}
.obj_article_details .page_title{
  font-size:1.45rem !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  color:var(--up-gray-900) !important;
  padding:32px 36px 24px !important;
  margin:0 !important;
  background:linear-gradient(170deg,var(--up-primary-50) 0%,#fff 100%);
  border-bottom:1px solid var(--up-gray-200);
}
.obj_article_details .row{padding:28px 36px}
.obj_article_details .main_entry{padding:0}
.obj_article_details .abstract{
  background:var(--up-primary-50);
  border-left:4px solid var(--up-primary-400);
  border-radius:0 var(--up-r-sm) var(--up-r-sm) 0;
  padding:18px 20px;
  margin-bottom:24px;
}
.obj_article_details .abstract h2,
.obj_article_details .abstract h3,
.obj_article_details .abstract .label{
  font-size:.7rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--up-primary-600);margin-bottom:10px;
}
.obj_article_details .abstract p{
  font-size:.93rem;line-height:1.8;color:var(--up-gray-800);margin:0;text-align:justify;
}
.obj_article_details .keywords{margin-bottom:20px}
.obj_article_details .keywords .label{
  font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--up-gray-400);margin-bottom:8px;
}
.obj_article_details .keywords ul{display:flex;flex-wrap:wrap;gap:5px}
.obj_article_details .keywords ul li{
  background:var(--up-primary-50);color:var(--up-primary-600);
  border:1px solid var(--up-primary-200);border-radius:100px;
  padding:3px 11px;font-size:.76rem;font-weight:500;
}
.obj_article_details .galleys_links{
  display:flex !important;gap:7px !important;
  flex-wrap:wrap !important;list-style:none !important;
  padding:0 !important;margin:0 0 20px !important;
}
.obj_article_details .galleys_links li{list-style:none !important}
.obj_article_details .pub_id{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--up-gray-100);border-radius:var(--up-r-sm);
  padding:5px 11px;font-size:.8rem;color:var(--up-gray-600);margin-bottom:10px;
}
.obj_article_details .pub_id .type{font-weight:700}
.obj_article_details .pub_id a{color:var(--up-primary-600);font-weight:600}
/* Entry details sidebar */
.obj_article_details .entry_details{
  padding:0;
  font-size:.85rem;color:var(--up-gray-600);
}
.obj_article_details .entry_details .section,
.obj_article_details .entry_details .published,
.obj_article_details .entry_details .doi{
  padding:12px 0;border-bottom:1px solid var(--up-gray-100);
}
.obj_article_details .entry_details .label{
  font-size:.7rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--up-gray-400);margin-bottom:3px;
  display:block;
}

/* ═══════════════════════════════════════════════════
   ISSUE DETAIL PAGE (single issue TOC)
═══════════════════════════════════════════════════ */
.obj_issue_full{
  background:#fff;
  border-radius:var(--up-r-lg);
  box-shadow:var(--up-sh-md);
  border:1px solid var(--up-gray-200);
  overflow:hidden;
  margin-bottom:24px;
}
.obj_issue_full .issue_heading{
  background:linear-gradient(170deg,var(--up-primary-50) 0%,#fff 100%);
  padding:28px 32px;border-bottom:1px solid var(--up-gray-200);
}
.obj_issue_full .issue_heading h1{
  font-size:1.4rem;font-weight:800;color:var(--up-gray-900);margin-bottom:6px;
}
.obj_issue_full .sections{padding:24px 32px}
.obj_issue_full .section > h2{
  font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--up-primary-600);
  border-bottom:2px solid var(--up-primary-50);
  padding-bottom:7px;margin:20px 0 14px;
}
.obj_issue_full .obj_article_summary{
  padding:14px 0;border-bottom:1px solid var(--up-gray-100);
}
.obj_issue_full .obj_article_summary:last-child{border-bottom:none}

/* ═══════════════════════════════════════════════════
   PAGE TITLES & BREADCRUMBS
═══════════════════════════════════════════════════ */
.pkp_page_title,.pkp_page_title h1{
  font-size:1.75rem;font-weight:800;color:var(--up-gray-900);margin-bottom:24px;
}
/* ── Breadcrumbs (cmp_breadcrumbs) ── */
.cmp_breadcrumbs,.pkp_breadcrumbs{
  padding:0 0 12px !important;
  margin:0 0 6px !important;
}
.cmp_breadcrumbs ol,
.pkp_breadcrumbs ol{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:0 !important;
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  font-size:.78rem !important;
  color:var(--up-gray-500) !important;
  line-height:1 !important;
}
.cmp_breadcrumbs li,
.pkp_breadcrumbs li{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  white-space:nowrap !important;
}
.cmp_breadcrumbs li a,
.pkp_breadcrumbs li a{
  color:var(--up-primary-600) !important;
  font-weight:500 !important;
  text-decoration:none !important;
}
.cmp_breadcrumbs li a:hover,
.pkp_breadcrumbs li a:hover{
  color:var(--up-primary) !important;
  text-decoration:underline !important;
}
.cmp_breadcrumbs .separator,
.pkp_breadcrumbs .separator{
  color:var(--up-gray-400) !important;
  margin:0 4px !important;
  font-size:.75rem !important;
}
.cmp_breadcrumbs li.current span,
.pkp_breadcrumbs li.current span{
  color:var(--up-gray-600) !important;
}
/* Remove any old ::after separators */
.cmp_breadcrumbs li::after,
.pkp_breadcrumbs li::after{
  content:none !important;
}

/* ═══════════════════════════════════════════════════
   ANNOUNCEMENTS
═══════════════════════════════════════════════════ */
.obj_announcement_summary{
  background:linear-gradient(to right,#FFFBEB,#FEF9E7);
  border:1px solid #F6E96A;border-left:4px solid var(--up-accent);
  border-radius:var(--up-r);padding:16px 18px;margin-bottom:12px;
}
.obj_announcement_summary .title{font-size:.95rem;font-weight:700;color:var(--up-gray-900);margin-bottom:5px}
.obj_announcement_summary .date{font-size:.76rem;color:var(--up-gray-500);margin-bottom:7px}
.obj_announcement_summary .teaser{font-size:.85rem;color:var(--up-gray-600);line-height:1.6}

/* ═══════════════════════════════════════════════════
   ABOUT / SUBMISSIONS / STATIC PAGES
═══════════════════════════════════════════════════ */
.pkp_page_about .pkp_structure_main,
.pkp_page_submissions .pkp_structure_main,
.pkp_page_search .pkp_structure_main{
  background:#fff;
  border-radius:var(--up-r-lg);
  box-shadow:var(--up-sh-md);
  border:1px solid var(--up-gray-200);
  padding:32px 36px;
}
.pkp_page_about .pkp_structure_main h1,
.pkp_page_submissions .pkp_structure_main h1{
  font-size:1.65rem;font-weight:800;color:var(--up-gray-900);
  margin-bottom:20px;padding-bottom:14px;
  border-bottom:2px solid var(--up-gray-200);
}
.pkp_page_about .pkp_structure_main h2,
.pkp_page_submissions .pkp_structure_main h2{
  font-size:1.1rem;font-weight:700;color:var(--up-primary);margin:24px 0 10px;
}
.pkp_page_about .pkp_structure_main p,
.pkp_page_submissions .pkp_structure_main p{
  font-size:.92rem;line-height:1.8;color:var(--up-gray-700);margin-bottom:12px;
}

/* ═══════════════════════════════════════════════════
   FORMS
═══════════════════════════════════════════════════ */
input[type=text],input[type=email],input[type=password],
input[type=search],textarea,select{
  border:1.5px solid var(--up-gray-200) !important;
  border-radius:var(--up-r-sm) !important;
  padding:9px 13px !important;
  font-size:.9rem !important;
  color:var(--up-gray-800) !important;
  background:#fff !important;
  transition:var(--up-t);
  width:100%;
  box-sizing:border-box;
}
input:focus,textarea:focus,select:focus{
  outline:none !important;
  border-color:var(--up-primary-400) !important;
  box-shadow:0 0 0 3px rgba(74,125,196,.14) !important;
}
button[type=submit],.pkp_button,input[type=submit]{
  background:var(--up-primary) !important;color:#fff !important;
  border:2px solid var(--up-primary) !important;
  padding:9px 22px !important;
  border-radius:var(--up-r-sm) !important;
  cursor:pointer;font-weight:600;font-size:.875rem;transition:var(--up-t);
}
button[type=submit]:hover{
  background:var(--up-primary-dark) !important;
  border-color:var(--up-primary-dark) !important;
}
a.read_more,.read_more{
  display:inline-flex !important;align-items:center;gap:6px;
  background:var(--up-primary) !important;color:#fff !important;
  padding:10px 22px !important;border-radius:var(--up-r-sm) !important;
  font-weight:600;font-size:.875rem;text-decoration:none !important;
  transition:var(--up-t);margin-top:20px;border:none !important;
}
a.read_more:hover{
  background:var(--up-primary-600) !important;
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(27,58,107,.25);
}

/* ═══════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════ */
.pkp_structure_footer,footer.pkp_structure_footer{
  background:var(--up-primary-dark) !important;
  color:rgba(255,255,255,.75) !important;
  padding:36px 24px 20px !important;
  margin-top:0 !important;
  border-top:3px solid var(--up-accent) !important;
  width:100% !important;
}
.pkp_brand_footer{
  text-align:center;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.1);
  margin-top:20px;
}
.pkp_brand_footer img{
  max-height:32px;opacity:.35;transition:var(--up-t);
  margin:0 auto;filter:brightness(10);
}
.pkp_brand_footer:hover img{opacity:.55}
.pkp_structure_footer .pkp_block{
  background:transparent !important;border:none !important;box-shadow:none !important;
  margin-bottom:24px;
}
.pkp_structure_footer .pkp_block .block_content{padding:0 !important}
.pkp_structure_footer .pkp_block .title{
  background:transparent !important;padding:0 0 10px !important;
  font-size:.66rem !important;color:rgba(255,255,255,.45) !important;
  margin-bottom:10px !important;border-bottom:1px solid rgba(255,255,255,.1) !important;
}
.pkp_structure_footer .pkp_block ul li{
  border-color:rgba(255,255,255,.07) !important;padding:4px 0;
}
.pkp_structure_footer .pkp_block ul li a{
  color:rgba(255,255,255,.6) !important;font-size:.83rem;
}
.pkp_structure_footer .pkp_block ul li a:hover{
  color:var(--up-accent-light) !important;text-decoration:none !important;
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE — TABLET (769–1024px)
═══════════════════════════════════════════════════ */
@media(max-width:1024px){
  .pkp_structure_sidebar{width:240px}
  .obj_article_details .page_title{padding:24px 24px 18px !important}
  .obj_article_details .row{padding:20px 24px}
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE — MOBILE (≤768px)
═══════════════════════════════════════════════════ */
@media(max-width:768px){
  /* ── Header ── */
  .pkp_structure_head{ overflow:visible !important }
  .pkp_head_wrapper{
    height:auto !important;
    min-height:60px !important;
    padding:0 !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
    position:relative !important;
  }

  /* Logo LEFT, hamburger RIGHT — DOM order is toggle/h1/logo so use flex order */
  .pkp_site_name_wrapper{
    width:100% !important;
    flex:1 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:10px 16px !important;
    gap:0 !important;
  }
  .pkp_site_name{ order:-1 !important; }
  .pkp_screen_reader{ order:0 !important; }
  .pkp_site_nav_toggle{
    display:flex !important;
    order:2 !important;
    flex-shrink:0 !important;
    margin:0 !important;
  }

  /* ── Mobile nav dropdown ── */
  .pkp_site_nav_menu{
    display:none !important;
    position:fixed !important;
    top:60px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100vh - 60px) !important;
    overflow-y:auto !important;
    background:var(--up-primary-dark) !important;
    padding:8px 0 16px !important;
    z-index:9999 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    box-shadow:0 8px 24px rgba(0,0,0,.40) !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .pkp_site_nav_menu.in{ display:flex !important; }

  /* Primary nav — clean vertical list */
  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper{
    display:block !important;
    width:100% !important;
  }
  ul.pkp_navigation_primary,
  ul.pkp_nav_list{
    display:block !important;
    width:100% !important;
  }
  /* KEY FIX: li must be block, not flex — otherwise submenu renders beside the link */
  ul.pkp_navigation_primary > li,
  ul.pkp_nav_list > li{
    display:block !important;
    width:100% !important;
    position:static !important;
    float:none !important;
  }
  ul.pkp_navigation_primary > li > a,
  ul.pkp_nav_list > li > a{
    display:block !important;
    padding:14px 20px !important;
    width:100% !important;
    box-sizing:border-box !important;
    border-radius:0 !important;
    color:#fff !important;
    font-size:.95rem !important;
    font-weight:500 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    text-decoration:none !important;
  }
  ul.pkp_navigation_primary > li > a:hover,
  ul.pkp_nav_list > li > a:hover{
    background:rgba(255,255,255,.08) !important;
  }

  /* Submenus — indented below parent, always visible on mobile */
  ul.pkp_navigation_primary li > ul,
  ul.pkp_nav_list li > ul{
    display:block !important;
    position:static !important;
    float:none !important;
    box-shadow:none !important;
    border:none !important;
    border-radius:0 !important;
    background:rgba(0,0,0,.20) !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
  }
  ul.pkp_navigation_primary li > ul li,
  ul.pkp_nav_list li > ul li{
    display:block !important;
    position:static !important;
    float:none !important;
    width:100% !important;
  }
  ul.pkp_navigation_primary li > ul li a,
  ul.pkp_nav_list li > ul li a{
    display:block !important;
    color:rgba(255,255,255,.75) !important;
    padding:11px 20px 11px 36px !important;
    font-size:.875rem !important;
    font-weight:400 !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    text-decoration:none !important;
    position:relative !important;
  }
  ul.pkp_navigation_primary li > ul li a::before,
  ul.pkp_nav_list li > ul li a::before{
    content:"—" !important;
    position:absolute !important;
    left:20px !important;
    color:rgba(255,255,255,.30) !important;
    font-size:.75rem !important;
  }
  ul.pkp_navigation_primary li > ul li a:hover{
    color:#fff !important;
    background:rgba(255,255,255,.07) !important;
  }

  /* Search & user nav inside mobile menu */
  .pkp_navigation_search_wrapper{
    display:block !important;
    width:100% !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
  }
  .pkp_search,.pkp_search_desktop{
    display:block !important;
    color:#fff !important;
    padding:14px 20px !important;
    font-size:.95rem !important;
    font-weight:500 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    text-decoration:none !important;
  }
  .pkp_navigation_user_wrapper{
    display:block !important;
    width:100% !important;
  }
  #navigationUser,
  .pkp_navigation_user{
    display:block !important;
    width:100% !important;
  }
  #navigationUser li,
  .pkp_navigation_user li{
    display:block !important;
    width:100% !important;
    float:none !important;
  }
  #navigationUser li a,
  .pkp_navigation_user li a{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:14px 20px !important;
    color:#fff !important;
    font-size:.95rem !important;
    font-weight:500 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    text-decoration:none !important;
  }
  #navigationUser li a:hover,
  .pkp_navigation_user li a:hover{
    background:rgba(255,255,255,.08) !important;
  }

  /* ── Page content layout ── */
  .pkp_structure_content{
    flex-direction:column !important;
    padding:16px !important;
    gap:16px !important;
    width:100% !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
  }
  .pkp_structure_main{
    width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
    padding:0 !important;
  }
  .pkp_structure_sidebar{
    width:100% !important;
    min-width:0 !important;
  }
  /* Inner page text content */
  .pkp_structure_main .page,
  .pkp_structure_main .pkp_page{
    width:100% !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }
  .page{ padding:0 !important; overflow-x:hidden !important; }

  /* About/submissions pages */
  .obj_article_details .page_title{padding:18px 16px 14px !important;font-size:1.2rem !important}
  .obj_article_details .header_wrapper,
  .obj_article_details > .header{padding:20px 16px !important}
  .obj_article_details .main_entry,
  .obj_article_details > .main_entry{padding:20px 16px !important}

  /* Hero */
  .up-hero{padding:40px 16px !important}
  .up-hero h1{font-size:1.5rem !important}
  .up-hero-actions{flex-direction:column !important;align-items:center !important}

  /* Indexed section */
  .up-indexed-section{overflow:hidden !important;padding:24px 16px !important}
  .up-indexed-track{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }
  .up-indexed-track::-webkit-scrollbar{display:none !important}

  /* Current issue */
  .up-current-issue{padding:28px 16px !important}
  .up-current-issue-inner{padding:0 !important}
  .up-issue-header{
    grid-template-columns:1fr !important;
    padding:16px !important;
  }
  .up-issue-cover{display:none !important}

  /* Archive grid */
  .issues_archive{
    grid-template-columns:repeat(2,1fr) !important;
    gap:12px !important;
  }
  .up-section-title{font-size:1.2rem !important}

  /* Sidebar blocks — compact on mobile */
  .pkp_sidebar .pkp_block{margin-bottom:12px !important}
}

@media(max-width:480px){
  .up-article-card-footer{flex-direction:column !important;align-items:flex-start !important;gap:8px !important}
  .up-hero h1{font-size:1.2rem !important}
  .up-hero p{font-size:.875rem !important}
  .up-hero{padding:28px 14px !important}
  .up-current-issue{padding:20px 14px !important}
  .up-section-title{font-size:1.05rem !important}
  .issues_archive{grid-template-columns:1fr !important}
  .pkp_structure_content{padding:12px !important}
}

/* ═══════════════════════════════════════════════════
   ELITA.UZ PREMIUM REDESIGN — v6
   Inspired by elita.uz: wave hero, feature cards,
   clean article list, pill "view all" button
═══════════════════════════════════════════════════ */

/* ── Page background ── */
body{background:#f5f6f8 !important;}

/* ── HERO: Perfect two-column layout ── */
.up-hero{
  background:linear-gradient(140deg,#060f1e 0%,#0c1c3b 30%,#0F2142 55%,#1B3A6B 80%,#1e4880 100%) !important;
  padding:min(100px,7vw) 24px min(160px,12vw) !important;
  overflow:visible !important;
  position:relative !important;
}
/* Dot-grid background pattern */
.up-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px) !important;
  background-size:32px 32px !important;
  z-index:0 !important;
  pointer-events:none !important;
}
/* Glow orb top-right */
.up-hero-inner::before{
  content:"" !important;
  position:absolute !important;
  top:-80px !important; right:-60px !important;
  width:420px !important; height:420px !important;
  background:radial-gradient(circle,rgba(74,125,196,.22) 0%,transparent 70%) !important;
  border-radius:50% !important;
  pointer-events:none !important;
  z-index:0 !important;
}
/* Elliptical wave cut at bottom */
.up-hero::after{
  content:"" !important;
  position:absolute !important;
  bottom:-1px !important;left:0 !important;right:0 !important;
  height:min(110px,8vw) !important;
  background:#f5f6f8 !important;
  clip-path:ellipse(55% 100% at 50% 100%) !important;
  z-index:2 !important;
  pointer-events:none !important;
}
/* Two-column grid */
.up-hero-inner{
  max-width:1300px !important;
  margin:0 auto !important;
  position:relative !important;
  z-index:3 !important;
  display:grid !important;
  grid-template-columns:1fr 380px !important;
  gap:48px !important;
  align-items:center !important;
}
.up-hero-left{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}
.up-hero-badge{
  background:rgba(255,255,255,.12) !important;
  color:rgba(255,255,255,.88) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  padding:6px 18px !important;
  font-size:clamp(.65rem,.75vw,.8rem) !important;
  letter-spacing:.14em !important;
  margin-bottom:22px !important;
}
.up-hero h1{
  font-size:clamp(1.9rem,4.2vw,4.2rem) !important;
  text-align:left !important;
  margin-bottom:16px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  color:#fff !important;
}
/* Tagline */
.up-hero-tagline{
  display:block !important;
  font-size:clamp(.9rem,1.2vw,1.1rem) !important;
  color:rgba(255,255,255,.68) !important;
  line-height:1.65 !important;
  max-width:560px !important;
  margin:0 0 24px !important;
}
/* Pills row */
.up-hero-pills{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 32px !important;
}
.up-hpill{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:rgba(255,255,255,.90) !important;
  padding:5px 13px !important;
  border-radius:100px !important;
  font-size:.73rem !important;
  font-weight:500 !important;
  line-height:1 !important;
}
.up-hpill svg{opacity:.8;flex-shrink:0}
/* Hide the old OJS description <p> */
.up-hero p:not(.up-hero-tagline){display:none !important;}
.up-hero-actions{
  justify-content:flex-start !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}
.up-hero .up-btn{
  padding:13px 28px !important;
  font-size:clamp(.875rem,1vw,1rem) !important;
}

/* ── Stats card (right column) ── */
.up-hero-right{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
}
.up-stats-card{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  border-radius:20px !important;
  padding:28px 24px !important;
  width:100% !important;
  box-shadow:0 8px 40px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.up-sc-header{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-bottom:22px !important;
  padding-bottom:18px !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
.up-sc-icon-svg{
  color:rgba(201,162,39,.9) !important;
  flex-shrink:0 !important;
}
.up-sc-title{
  font-size:.78rem !important;
  font-weight:700 !important;
  color:rgba(255,255,255,.70) !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
}
.up-sc-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
  margin-bottom:20px !important;
}
.up-sc-stat{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:12px !important;
  padding:16px 14px !important;
  text-align:center !important;
}
.up-sc-num{
  font-size:clamp(1.4rem,2.5vw,2rem) !important;
  font-weight:800 !important;
  color:#fff !important;
  line-height:1 !important;
  margin-bottom:5px !important;
}
.up-sc-lbl{
  font-size:.68rem !important;
  color:rgba(255,255,255,.55) !important;
  font-weight:500 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
.up-sc-footer{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}
.up-sc-tag{
  font-size:.72rem !important;
  color:rgba(255,255,255,.65) !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}
.up-sc-tag::before{
  content:"" !important;
  display:inline-block !important;
  width:6px !important; height:6px !important;
  border-radius:50% !important;
  background:rgba(201,162,39,.8) !important;
  flex-shrink:0 !important;
}

/* Feature badges (legacy JS-injected, kept for compat) */
.up-hero-badges{display:none !important;}

/* ── Responsive hero ── */
@media(max-width:900px){
  .up-hero-inner{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }
  .up-hero-right{justify-content:flex-start !important;}
  .up-stats-card{max-width:420px !important;}
  .up-hero h1{font-size:clamp(1.7rem,6vw,3rem) !important;}
  .up-hero-inner::before{display:none !important;}
}

/* ── Hide homepage building photo ── */
.homepage_image{display:none !important;}

/* ── Feature cards section (JS-injected) ── */
.up-feature-section{
  background:#fff !important;
  padding:36px 24px !important;
  border-bottom:1px solid #edf0f5 !important;
  position:relative !important;
  z-index:1 !important;
}
.up-feature-section-inner{
  max-width:1200px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:16px !important;
}
.up-fcard{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  padding:18px !important;
  background:#f8fafc !important;
  border-radius:12px !important;
  border:1px solid #e8edf5 !important;
  transition:box-shadow .2s,border-color .2s !important;
}
.up-fcard:hover{
  box-shadow:0 4px 16px rgba(27,58,107,.10) !important;
  border-color:#c0d0e8 !important;
}
.up-fcard-icon{
  width:42px !important;
  height:42px !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
  font-size:1.15rem !important;
}
.up-fcard-title{
  font-size:.84rem !important;
  font-weight:700 !important;
  color:#1a2540 !important;
  margin-bottom:3px !important;
  line-height:1.3 !important;
}
.up-fcard-desc{
  font-size:.76rem !important;
  color:#718096 !important;
  line-height:1.45 !important;
}

/* ── Indexed section clean up ── */
.up-indexed-section{
  background:#fff !important;
  border-top:1px solid #edf0f5 !important;
  border-bottom:1px solid #edf0f5 !important;
}

/* ── Current issue section ── */
.up-current-issue{background:#f5f6f8 !important;padding:40px 24px 52px !important;}

/* ── Section title: star prefix ── */
.up-section-title{font-size:1.3rem !important;font-weight:800 !important;}
.up-section-title::before{
  content:"★" !important;
  color:var(--up-accent) !important;
  font-size:.95rem !important;
  background:none !important;
  width:auto !important;
  height:auto !important;
  border-radius:0 !important;
}

/* ── Issue section label (ARTICLES) ── */
.up-issue-section-title{
  border-left:3px solid var(--up-accent) !important;
  padding-left:10px !important;
  padding-bottom:0 !important;
  border-bottom:none !important;
  margin:28px 0 14px !important;
  color:var(--up-gray-700) !important;
  font-size:.72rem !important;
}

/* Issue header: no cover, transparent */
.up-issue-cover{display:none !important;}
.up-issue-header{
  grid-template-columns:1fr !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 0 8px !important;
  margin-bottom:0 !important;
}
.up-issue-meta h2{
  font-size:1rem !important;
  color:var(--up-gray-600) !important;
  font-weight:600 !important;
}

/* ═══════════════════════════════════════════════
   ARTICLE CARD — v2 redesign
   ═══════════════════════════════════════════════ */
.up-articles-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

/* Card shell */
.up-ac{
  background:#fff !important;
  border-radius:12px !important;
  border:1px solid #e2ecf5 !important;
  border-left:4px solid #2563eb !important;
  box-shadow:0 1px 5px rgba(14,31,65,.06) !important;
  overflow:hidden !important;
  padding:0 !important;
  transition:box-shadow .2s, border-color .2s, transform .15s !important;
  display:flex !important;
  flex-direction:column !important;
}
.up-ac:hover{
  box-shadow:0 6px 24px rgba(14,31,65,.11) !important;
  border-color:#b8d0ef !important;
  border-left-color:#1d4ed8 !important;
  transform:translateY(-2px) !important;
}

/* Head row: section badge + DOI chip */
.up-ac-head{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:12px 18px 0 !important;
}
.up-ac-section{
  display:inline-block !important;
  font-size:.63rem !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  padding:3px 8px !important;
  border-radius:4px !important;
  background:#eff6ff !important;
  color:#1d4ed8 !important;
  border:1px solid #dbeafe !important;
  line-height:1.4 !important;
}
.up-ac-doi-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  font-size:.63rem !important;
  font-weight:600 !important;
  color:#64748b !important;
  background:#f8fafc !important;
  border:1px solid #e2e8f0 !important;
  border-radius:4px !important;
  padding:3px 8px !important;
  text-decoration:none !important;
  margin-left:auto !important;
  transition:all .15s !important;
  white-space:nowrap !important;
}
.up-ac-doi-chip:hover{
  background:#f0fdf4 !important;
  color:#15803d !important;
  border-color:#bbf7d0 !important;
}

/* Title */
.up-ac-title{
  font-size:.9rem !important;
  font-weight:700 !important;
  line-height:1.52 !important;
  color:#0f1f45 !important;
  margin:0 !important;
  padding:8px 18px 0 !important;
  text-transform:none !important;
}
.up-ac-title a{
  color:#0f1f45 !important;
  text-decoration:none !important;
}
.up-ac-title a:hover{color:#1d4ed8 !important;}
.up-ac-subtitle{
  font-weight:400 !important;
  color:#374151 !important;
}

/* Authors */
.up-ac-authors{
  display:flex !important;
  align-items:flex-start !important;
  gap:6px !important;
  padding:6px 18px 0 !important;
  font-size:.76rem !important;
  color:#64748b !important;
  line-height:1.4 !important;
  font-style:normal !important;
}
.up-ac-authors svg{
  flex-shrink:0 !important;
  margin-top:1px !important;
  opacity:.55 !important;
}

/* Abstract */
.up-ac-abstract{
  padding:6px 18px 0 !important;
  font-size:.78rem !important;
  color:#6b7280 !important;
  line-height:1.6 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  margin:0 !important;
}

/* Footer bar */
.up-ac-foot{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:9px 18px !important;
  margin-top:12px !important;
  border-top:1px solid #f0f4f8 !important;
  background:#f8fafc !important;
  flex-shrink:0 !important;
}

/* Stats */
.up-ac-stats{
  display:flex !important;
  gap:14px !important;
}
.up-ac-stat{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  font-size:.73rem !important;
  color:#94a3b8 !important;
}
.up-ac-stat-val{
  font-weight:600 !important;
  color:#475569 !important;
  min-width:16px !important;
}

/* Loading skeleton */
.up-stat-skeleton{
  display:inline-block !important;
  width:26px !important;
  height:9px !important;
  background:linear-gradient(90deg,#e2e8f0 25%,#f0f4f8 50%,#e2e8f0 75%) !important;
  background-size:200% 100% !important;
  animation:up-shimmer .9s infinite !important;
  border-radius:3px !important;
  vertical-align:middle !important;
}
@keyframes up-shimmer{
  0%  {background-position:200% 0}
  100%{background-position:-200% 0}
}

/* Galleys */
.up-ac-galleys{
  display:flex !important;
  gap:5px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}

/* Galley buttons */
a.obj_galley_link{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  font-size:.72rem !important;
  font-weight:600 !important;
  padding:6px 14px !important;
  border-radius:7px !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transition:background .15s, transform .1s !important;
}
a.obj_galley_link.pdf{
  background:#1d4ed8 !important;
  color:#fff !important;
  border:none !important;
}
a.obj_galley_link.pdf::before{
  content:"↓ " !important;
  font-weight:900 !important;
}
a.obj_galley_link.pdf:hover{
  background:#1e40af !important;
  transform:translateY(-1px) !important;
  box-shadow:0 3px 10px rgba(29,78,216,.3) !important;
}
a.obj_galley_link:not(.pdf){
  background:#f1f5f9 !important;
  color:#475569 !important;
  border:1px solid #e2e8f0 !important;
}
a.obj_galley_link:not(.pdf):hover{
  background:#e2e8f0 !important;
  transform:translateY(-1px) !important;
}

/* Compatibility: old template cards still working */
.up-article-card{display:none !important;}

/* ── "View All" pill button centered ── */
.up-view-all-center{
  display:flex !important;
  justify-content:center !important;
  margin-top:32px !important;
}
.up-view-all,
.up-view-all-center .up-view-all{
  background:var(--up-primary-dark) !important;
  color:#fff !important;
  border-radius:100px !important;
  padding:12px 32px !important;
  font-size:.875rem !important;
  font-weight:600 !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  border:none !important;
  transition:all .22s !important;
}
.up-view-all:hover,
.up-view-all-center .up-view-all:hover{
  background:var(--up-primary) !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 8px 24px rgba(15,33,66,.3) !important;
}

/* ══════════════════════════════════════
   GLOBAL SIDEBAR HIDE (all pages)
   ══════════════════════════════════════ */
.pkp_structure_sidebar,
aside.pkp_structure_sidebar,
.pkp_sidebar{
  display:none !important;
}
/* When sidebar is hidden, main takes full width */
.pkp_structure_main{
  flex:1 1 100% !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

/* ── Homepage extra overrides ── */
.pkp_page_index .pkp_structure_content{
  display:block !important;
  padding:0 !important;
  max-width:100% !important;
}
.pkp_page_index .pkp_structure_main{
  overflow:visible !important;
}
/* Hide OJS "read more / View All Issues" on homepage */
.pkp_page_index a.read_more{display:none !important;}

/* ══════════════════════════════════════
   REMOVE GOLD ACCENT BORDERS (clean look)
   ══════════════════════════════════════ */
.pkp_structure_head{
  border-bottom:none !important;
}
.pkp_structure_footer,footer.pkp_structure_footer{
  border-top:none !important;
}

/* ══════════════════════════════════════
   FIELDSET BORDERS FIX (login/search)
   ══════════════════════════════════════ */
fieldset{
  border:none !important;
  border-top:1px solid var(--up-gray-200) !important;
  border-radius:0 !important;
  padding:16px 0 !important;
  margin:0 0 8px !important;
}
fieldset legend{
  font-size:.75rem !important;
  font-weight:700 !important;
  color:var(--up-gray-500) !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  padding:0 8px 0 0 !important;
}

/* ══════════════════════════════════════
   LOGIN / REGISTER / SEARCH pages — clean
   ══════════════════════════════════════ */
.pkp_page_login .pkp_structure_content,
.pkp_page_register .pkp_structure_content,
.pkp_page_search .pkp_structure_content{
  max-width:760px !important;
  padding:48px 24px !important;
}
.pkp_page_login .pkp_structure_main,
.pkp_page_register .pkp_structure_main,
.pkp_page_search .pkp_structure_main{
  background:#fff !important;
  border-radius:var(--up-r-lg) !important;
  box-shadow:var(--up-sh-md) !important;
  border:1px solid var(--up-gray-200) !important;
  padding:32px 36px !important;
}

/* Sticky footer fix — prevent large gray gap below footer */
.pkp_structure_page{
  display:flex !important;
  flex-direction:column !important;
  min-height:100vh !important;
}
/* pkp_structure_content is the DIRECT flex child — must grow to push footer down */
.pkp_structure_content{
  flex-grow:1 !important;
}
.pkp_structure_footer_wrapper,.pkp_structure_footer{
  flex-shrink:0 !important;
  margin-top:auto !important;
}

/* ══════════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════════ */

/* Hide OJS default sidebar so we control layout in footer */
.pkp_structure_sidebar{ display:none !important; }
.pkp_structure_content{ display:block !important; }
.pkp_structure_footer_wrapper{ display:none !important; }

/* Footer shell */
.up-footer{
  background: linear-gradient(180deg,#0a1628 0%,#091220 100%) !important;
  color: rgba(255,255,255,.75) !important;
  font-size: .85rem !important;
  line-height: 1.6 !important;
}

/* Main content area */
.up-footer-main{
  padding: 56px 24px 40px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

.up-footer-inner{
  display: grid !important;
  grid-template-columns: 1.6fr 1fr 1fr 1fr !important;
  gap: 48px !important;
  align-items: flex-start !important;
}

/* Column headings */
.up-footer-heading{
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.4) !important;
  margin: 0 0 14px !important;
}

/* Brand column */
.up-footer-logo-link{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: #fff !important;
  margin-bottom: 16px !important;
}
.up-footer-logo-icon{ flex-shrink: 0 !important; }
.up-footer-logo-round{
  border-radius:50% !important;
  width:44px !important;
  height:44px !important;
  object-fit:cover !important;
  object-position:left center !important;
  border:2px solid rgba(255,255,255,.2) !important;
  background:transparent !important;
  flex-shrink:0 !important;
}
.up-footer-logo-text{
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.2 !important;
}
.up-footer-logo-text strong{
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  letter-spacing: .02em !important;
}
.up-footer-logo-text small{
  font-size: .68rem !important;
  color: rgba(255,255,255,.5) !important;
  font-weight: 400 !important;
}
.up-footer-tagline{
  font-size: .78rem !important;
  color: rgba(255,255,255,.5) !important;
  line-height: 1.6 !important;
  margin: 0 0 14px !important;
}
.up-footer-issn-block{
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin-bottom: 14px !important;
  font-size: .73rem !important;
  color: rgba(255,255,255,.45) !important;
}
.up-footer-issn-block strong{ color: rgba(255,255,255,.7) !important; }
.up-footer-oa-badge{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  color: #60a5fa !important;
  background: rgba(96,165,250,.1) !important;
  border: 1px solid rgba(96,165,250,.2) !important;
  border-radius: 20px !important;
  padding: 4px 10px !important;
}

/* Navigation link lists */
.up-footer-links{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.up-footer-links li a{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: rgba(255,255,255,.6) !important;
  text-decoration: none !important;
  font-size: .82rem !important;
  transition: color .18s !important;
}
.up-footer-links li a svg{ opacity: .5 !important; flex-shrink: 0 !important; }
.up-footer-links li a:hover{ color: #fff !important; }
.up-footer-links li a:hover svg{ opacity: .9 !important; }

/* RSS feeds */
.up-footer-rss{
  display: flex !important;
  gap: 12px !important;
}
.up-footer-rss a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: .73rem !important;
  color: rgba(255,255,255,.45) !important;
  text-decoration: none !important;
  transition: color .18s !important;
}
.up-footer-rss a:hover{ color: #f97316 !important; }

/* Contact list */
.up-footer-contact-list{
  list-style: none !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
.up-footer-contact-list li{
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  font-size: .8rem !important;
  color: rgba(255,255,255,.6) !important;
}
.up-footer-contact-list li svg{
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  opacity: .5 !important;
}
.up-footer-contact-list li a{
  color: rgba(255,255,255,.6) !important;
  text-decoration: none !important;
}
.up-footer-contact-list li a:hover{ color: #60a5fa !important; }

/* Language switcher */
.up-footer-lang{
  display: flex !important;
  gap: 6px !important;
}
.up-lang-btn{
  display: inline-block !important;
  padding: 4px 10px !important;
  border-radius: 5px !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .05em !important;
  color: rgba(255,255,255,.5) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  text-decoration: none !important;
  transition: all .18s !important;
}
.up-lang-btn:hover, .up-lang-btn.active{
  color: #fff !important;
  border-color: rgba(255,255,255,.4) !important;
  background: rgba(255,255,255,.08) !important;
}

/* ════════════════════════════════════════════════
   INDEXED IN — marquee carousel (above footer)
   ════════════════════════════════════════════════ */
.up-indexing-section{
  background: linear-gradient(#ffffff 0%, #fafafc 100%);
  padding: 64px 0 56px;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #e8e9f0;
}
.up-indexing-section::before{
  content: "";
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 300px;
  background: radial-gradient(rgba(29,78,216,.06) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.up-indexing-container{
  position: relative;
  z-index: 1;
}
.up-indexing-header{
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
  padding: 0 24px;
}
.up-indexing-eyebrow{
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin-bottom: 14px;
  padding: 6px 16px;
  background: rgba(29,78,216,.08);
  color: #1d4ed8;
  border-radius: 100px;
  font-size: .72rem;
  font-weight: 800;
}
.up-indexing-title{
  font-size: 1.5rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 10px;
  line-height: 1.3;
}
.up-indexing-subtitle{
  font-size: .9rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
.up-marquee{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 24px 0;
}
.up-marquee-mask{
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}
.up-marquee-track{
  display: flex;
  width: max-content;
  gap: 0;
  animation: upMarqueeScroll 80s linear infinite;
  will-change: transform;
}
.up-marquee-track:hover{
  animation-play-state: paused;
}
@keyframes upMarqueeScroll{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  .up-marquee-track{
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .up-marquee-item[aria-hidden="true"]{ display: none; }
}
.up-marquee-item{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 120px;
  padding: 10px 18px;
  margin: 0 8px;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 14px;
  transition: 350ms cubic-bezier(.2,0,0,1);
  position: relative;
  text-decoration: none !important;
}
.up-marquee-item img{
  object-fit: contain;
  transition: 400ms cubic-bezier(.2,0,0,1);
  display: block;
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
}
.up-marquee-item:hover{
  background: #fff;
  border-color: #e8e9f0;
  box-shadow: 0 8px 24px rgba(15,15,30,.08), 0 2px 6px rgba(15,15,30,.04);
  transform: translateY(-3px) scale(1.02);
}
.up-marquee-item:hover img{
  transform: scale(1.04);
}
@media(max-width:600px){
  .up-indexing-section{ padding: 44px 0 36px; }
  .up-indexing-title{ font-size: 1.2rem; }
  .up-marquee-item{ width: 160px; height: 92px; margin: 0 6px; }
}

/* Divider */
.up-footer-main + .up-footer-bottom{
  border-top: 1px solid rgba(255,255,255,.07) !important;
}

/* Bottom bar */
.up-footer-bottom{
  padding: 16px 24px !important;
  background: rgba(0,0,0,.25) !important;
}
.up-footer-bottom-inner{
  max-width: 1280px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.up-footer-copy{
  font-size: .72rem !important;
  color: rgba(255,255,255,.3) !important;
}
.up-footer-pkp-link{ display: inline-flex !important; align-items: center !important; }

/* Responsive footer */
@media(max-width:900px){
  .up-footer-inner{
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }
  .up-footer-brand-col{ grid-column: 1 / -1 !important; }
}
@media(max-width:540px){
  .up-footer-inner{
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .up-footer-brand-col{ grid-column: auto !important; }
  .up-footer-main{ padding: 36px 16px 28px !important; }
}

/* ── Responsive overrides ── */
@media(max-width:768px){
  .up-hero{padding:40px 16px 110px !important;}
  .up-hero h1{font-size:1.45rem !important;}
  .up-hero-inner{grid-template-columns:1fr !important;gap:28px !important;}
  .up-hero-right{justify-content:flex-start !important;}
  .up-stats-card{max-width:100% !important;}
  .up-article-card{flex-direction:column !important;}
  .up-article-card-footer{
    border-left:none !important;
    border-top:1px solid #f0f4f8 !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    padding:12px 16px !important;
    border-radius:0 !important;
  }
  .up-feature-section-inner{grid-template-columns:repeat(2,1fr) !important;}
  .up-article-title{text-transform:none !important;font-size:.9rem !important;}
  .up-article-authors::before{display:none !important;}
  .issues_archive{grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) !important;gap:16px !important;}
}
@media(max-width:480px){
  .up-feature-section-inner{grid-template-columns:1fr !important;}
  .up-hero{padding:28px 14px 100px !important;}
  .up-hero h1{font-size:1.25rem !important;}
  .up-sc-grid{grid-template-columns:1fr 1fr !important;}
  .issues_archive{grid-template-columns:repeat(2,1fr) !important;gap:12px !important;}
}

/* ════════════════════════════════════════════════
   ABOUT PAGE — up-about-page components
   ════════════════════════════════════════════════ */

.up-about-page{
  font-family: inherit;
  line-height: 1.7;
  color: #1e293b;
}

/* ── Decree intro block ── */
.up-ab-decree{
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: #f0f7ff;
  border-left: 4px solid #2563eb;
  border-radius: 0 10px 10px 0;
  padding: 20px 24px;
  margin-bottom: 24px;
}
.up-ab-decree-icon{
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: #2563eb;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.up-ab-decree p{
  margin: 0;
  font-size: .92rem;
  color: #1e3a5f;
}
.up-ab-decree strong{
  color: #1d4ed8;
}

/* ── Info badges ── */
.up-ab-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.up-ab-badge{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: 8px;
  font-size: .82rem;
  font-weight: 500;
}
.up-ab-badge--blue{
  background: #dbeafe;
  color: #1e3a8a;
  border: 1px solid #bfdbfe;
}
.up-ab-badge--green{
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}
.up-ab-badge--purple{
  background: #ede9fe;
  color: #5b21b6;
  border: 1px solid #ddd6fe;
}
.up-ab-badge a{
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed currentColor;
}
.up-ab-badge svg{ flex-shrink: 0; }

/* ── OAK notice ── */
.up-ab-oak{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #f0fdf4;
  border: 1px solid #86efac;
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 28px;
  font-size: .87rem;
  color: #14532d;
  line-height: 1.6;
}
.up-ab-oak svg{
  flex-shrink: 0;
  margin-top: 2px;
  color: #16a34a;
}

/* ── Call-for-papers banner ── */
.up-ab-cfp{
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 60%, #2563eb 100%);
  border-radius: 14px;
  padding: 28px 32px;
  margin-bottom: 24px;
  color: #fff;
}
.up-ab-cfp-label{
  display: inline-block;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 20px;
  padding: 4px 14px;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 10px;
}
.up-ab-cfp-title{
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0 0 8px;
  line-height: 1.4;
  color: #fff !important;
}
.up-ab-cfp-text{
  margin: 0;
  font-size: .9rem;
  color: rgba(255,255,255,.92) !important;
}
.up-ab-cfp p, .up-ab-cfp h3, .up-ab-cfp strong{
  color: #fff !important;
}

/* ── Specialties grid ── */
.up-ab-specs{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 4px;
}
.up-ab-spec-item{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: #f8fafc;
  border: 1px solid #e2ecf5;
  border-radius: 8px;
  padding: 10px 12px;
  transition: box-shadow .15s, border-color .15s;
}
.up-ab-spec-item:hover{
  border-color: #bfdbfe;
  box-shadow: 0 2px 8px rgba(37,99,235,.08);
}
.up-ab-spec-code{
  flex-shrink: 0;
  font-size: .68rem;
  font-weight: 700;
  color: #2563eb;
  background: #dbeafe;
  border-radius: 4px;
  padding: 2px 6px;
  line-height: 1.6;
  font-family: ui-monospace, SFMono-Regular, monospace;
  white-space: nowrap;
}
.up-ab-spec-name{
  font-size: .82rem;
  color: #334155;
  line-height: 1.45;
}

@media(max-width:900px){
  .up-ab-specs{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width:540px){
  .up-ab-specs{
    grid-template-columns: 1fr;
  }
  .up-ab-cfp{
    padding: 20px 18px;
  }
  .up-ab-decree{
    flex-direction: column;
    gap: 12px;
  }
}


/* ═══════════════════════════════════════════════════════════════
   V7 — MODERN DESIGN LAYER
   Premium typography · aurora hero · glass UI · micro-interactions
═══════════════════════════════════════════════════════════════ */


:root{
  --v7-font-display:"Manrope","Inter",-apple-system,sans-serif;
  --v7-blue:#2563eb;
  --v7-blue-deep:#1d4ed8;
  --v7-cyan:#06b6d4;
  --v7-indigo:#4f46e5;
  --v7-ink:#0b1220;
  --v7-grad:linear-gradient(120deg,#2563eb 0%,#4f46e5 50%,#06b6d4 100%);
  --v7-glow:0 10px 40px -8px rgba(37,99,235,.45);
}

/* ── Typography upgrade ── */
body{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-feature-settings:"cv02","cv03","cv11";
}
h1,h2,h3,h4,h5,h6,
.up-section-title,.up-indexing-title,.up-ab-cfp-title,
.up-sc-num,.up-footer-logo-text strong{
  font-family:var(--v7-font-display) !important;
  letter-spacing:-.02em;
}

/* ── Designer details ── */
::selection{background:#2563eb;color:#fff}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#eef2f7}
::-webkit-scrollbar-thumb{background:linear-gradient(#2563eb,#4f46e5);border-radius:8px;border:2px solid #eef2f7}
::-webkit-scrollbar-thumb:hover{background:#1d4ed8}
a:focus-visible,button:focus-visible{outline:2px solid #2563eb;outline-offset:3px;border-radius:4px}

/* ── Header: glass + scroll shadow ── */
.pkp_structure_head{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  backdrop-filter:blur(14px) saturate(1.3) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.3) !important;
  background:rgba(6,15,30,.86) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  transition:box-shadow .3s ease !important;
}
.up-js .pkp_structure_head.up-scrolled{
  box-shadow:0 10px 40px -12px rgba(2,8,23,.65) !important;
}

/* ── HERO v7 — aurora mesh ── */
.up-hero{
  background:
    radial-gradient(900px 500px at 12% -10%,rgba(79,70,229,.35) 0%,transparent 60%),
    radial-gradient(700px 450px at 95% 15%,rgba(6,182,212,.22) 0%,transparent 55%),
    radial-gradient(800px 600px at 60% 110%,rgba(37,99,235,.30) 0%,transparent 60%),
    linear-gradient(140deg,#050b18 0%,#0a1530 40%,#0e2148 75%,#123163 100%) !important;
  background-size:200% 200%,200% 200%,200% 200%,100% 100% !important;
  animation:v7Aurora 18s ease-in-out infinite alternate !important;
}
@keyframes v7Aurora{
  0%  {background-position:0% 0%,100% 0%,50% 100%,0 0}
  100%{background-position:30% 20%,70% 30%,40% 80%,0 0}
}
@media(prefers-reduced-motion:reduce){.up-hero{animation:none !important}}

/* Gradient headline */
.up-hero h1{
  background:linear-gradient(115deg,#ffffff 55%,#9ec5ff 85%,#7dd3fc 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  letter-spacing:-.035em !important;
}
.up-hero-badge{
  background:linear-gradient(120deg,rgba(37,99,235,.25),rgba(6,182,212,.18)) !important;
  border:1px solid rgba(125,211,252,.35) !important;
  color:#cfe6ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.up-hpill{
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
  transition:all .25s cubic-bezier(.2,0,0,1) !important;
}
.up-hpill:hover{
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(125,211,252,.5) !important;
  transform:translateY(-1px) !important;
}

/* CTA buttons */
.up-btn-accent{
  background:var(--v7-grad) !important;
  background-size:180% 180% !important;
  color:#fff !important;
  border:none !important;
  border-radius:12px !important;
  font-weight:700 !important;
  box-shadow:var(--v7-glow),inset 0 1px 0 rgba(255,255,255,.25) !important;
  transition:all .3s cubic-bezier(.2,0,0,1) !important;
}
.up-btn-accent:hover{
  background-position:90% 50% !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 50px -10px rgba(37,99,235,.6),inset 0 1px 0 rgba(255,255,255,.25) !important;
  color:#fff !important;
}
.up-btn-outline{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  color:#e8f1ff !important;
  border-radius:12px !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  transition:all .3s cubic-bezier(.2,0,0,1) !important;
}
.up-btn-outline:hover{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(125,211,252,.6) !important;
  transform:translateY(-2px) !important;
}

/* Stats card — premium glass */
.up-stats-card{
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(148,197,255,.22) !important;
  backdrop-filter:blur(18px) saturate(1.4) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.4) !important;
  border-radius:24px !important;
  box-shadow:0 20px 60px -15px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.15) !important;
  position:relative !important;
  overflow:hidden !important;
}
.up-stats-card::before{
  content:"" !important;
  position:absolute !important;
  top:-50% !important;left:-50% !important;
  width:200% !important;height:200% !important;
  background:conic-gradient(from 0deg,transparent 70%,rgba(125,211,252,.13) 85%,transparent 100%) !important;
  animation:v7Spin 14s linear infinite !important;
  pointer-events:none !important;
}
@media(prefers-reduced-motion:reduce){.up-stats-card::before{animation:none !important}}
@keyframes v7Spin{to{transform:rotate(360deg)}}
.up-sc-stat{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:14px !important;
  transition:all .3s cubic-bezier(.2,0,0,1) !important;
  position:relative !important;
  z-index:1 !important;
}
.up-sc-stat:hover{
  background:rgba(37,99,235,.16) !important;
  border-color:rgba(125,211,252,.35) !important;
  transform:translateY(-2px) !important;
}
.up-sc-num{
  background:linear-gradient(120deg,#fff 60%,#7dd3fc) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
.up-sc-icon-svg{color:#7dd3fc !important}
.up-sc-tag::before{background:linear-gradient(120deg,#2563eb,#06b6d4) !important}

/* ── Section headers ── */
.up-section-title{
  font-size:clamp(1.35rem,2.2vw,1.8rem) !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
  color:var(--v7-ink) !important;
}
.up-section-title::before{
  background:var(--v7-grad) !important;
  border-radius:4px !important;
}

/* ── Article cards v7 ── */
.up-ac{
  border:1px solid #e6edf6 !important;
  border-radius:16px !important;
  box-shadow:0 1px 3px rgba(15,23,42,.04) !important;
  transition:all .35s cubic-bezier(.2,0,0,1) !important;
  position:relative !important;
  overflow:hidden !important;
}
.up-ac::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;left:0 !important;right:0 !important;
  height:3px !important;
  background:var(--v7-grad) !important;
  transform:scaleX(0) !important;
  transform-origin:left !important;
  transition:transform .45s cubic-bezier(.2,0,0,1) !important;
}
.up-ac:hover{
  transform:translateY(-4px) !important;
  border-color:#c7dbf5 !important;
  box-shadow:0 20px 50px -18px rgba(37,99,235,.25),0 4px 14px rgba(15,23,42,.06) !important;
}
.up-ac:hover::before{transform:scaleX(1) !important}
.up-ac-title a{transition:color .25s !important}
.up-ac-title a:hover{color:var(--v7-blue-deep) !important;text-decoration:none !important}
.up-ac-section{
  background:linear-gradient(120deg,#eff6ff,#eef2ff) !important;
  color:#1d4ed8 !important;
  border:1px solid #dbeafe !important;
  font-weight:700 !important;
}
a.obj_galley_link.pdf{
  background:var(--v7-grad) !important;
  background-size:160% 160% !important;
  border:none !important;
  border-radius:10px !important;
  box-shadow:0 4px 14px -4px rgba(37,99,235,.5) !important;
  transition:all .3s cubic-bezier(.2,0,0,1) !important;
}
a.obj_galley_link.pdf:hover{
  background-position:80% 50% !important;
  transform:translateY(-1px) !important;
  box-shadow:0 8px 22px -6px rgba(37,99,235,.6) !important;
}

/* ── Issue cover hover ── */
.up-issue-cover img{
  border-radius:14px !important;
  box-shadow:0 18px 45px -15px rgba(15,23,42,.35) !important;
  transition:transform .4s cubic-bezier(.2,0,0,1),box-shadow .4s !important;
}
.up-issue-cover:hover img{
  transform:translateY(-5px) rotate(-1deg) scale(1.02) !important;
  box-shadow:0 30px 60px -18px rgba(37,99,235,.35) !important;
}

/* ── Archives grid cards ── */
.issues_archive .obj_issue_summary,.obj_issue_summary{
  transition:all .35s cubic-bezier(.2,0,0,1) !important;
}
.obj_issue_summary:hover{transform:translateY(-4px) !important}

/* ── About page polish ── */
.up-ab-cfp{
  background:
    radial-gradient(500px 250px at 90% -20%,rgba(125,211,252,.25) 0%,transparent 60%),
    linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 55%,#2563eb 100%) !important;
  box-shadow:0 20px 50px -18px rgba(29,78,216,.45);
}
.up-ab-spec-item{
  transition:all .3s cubic-bezier(.2,0,0,1);
}
.up-ab-spec-item:hover{
  transform:translateY(-2px);
  background:#fff;
}

/* ── Indexing carousel header gradient ── */
.up-indexing-title{
  background:linear-gradient(120deg,#0f172a 55%,#1d4ed8) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}

/* ── Scroll-reveal (JS-gated; crawlers see plain HTML) ── */
.up-js .up-reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .65s ease,transform .65s cubic-bezier(.2,0,0,1);
  transition-delay:var(--rv-delay,0ms);
}
.up-js .up-reveal.rv-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .up-js .up-reveal{opacity:1 !important;transform:none !important;transition:none !important}
}

/* Flag Counter in footer */
.up-footer-flagcounter img{
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.12) !important;
  display: block;
  max-width: 100%;
}
.up-footer-flagcounter a{display:inline-block;transition:opacity .25s}
.up-footer-flagcounter a:hover{opacity:.85}

/* ── Smart sticky header v2 ── */
.pkp_structure_head{
  background:linear-gradient(120deg,rgba(10,21,48,.92) 0%,rgba(14,33,72,.90) 60%,rgba(18,49,99,.88) 100%) !important;
  border-bottom:1px solid rgba(125,211,252,.14) !important;
  transition:transform .35s cubic-bezier(.2,0,0,1), box-shadow .3s ease !important;
  will-change:transform;
}
.up-js .pkp_structure_head.up-head-hidden{
  transform:translateY(-100%) !important;
  box-shadow:none !important;
}
.up-js .pkp_structure_head.up-scrolled{
  box-shadow:0 10px 40px -12px rgba(2,8,23,.7) !important;
  background:linear-gradient(120deg,rgba(8,17,38,.97) 0%,rgba(12,28,62,.96) 60%,rgba(15,42,86,.95) 100%) !important;
}

/* overflow-x:hidden breaks position:sticky — clip preserves it */
html, body{ overflow-x: clip !important; overflow-y: visible !important; }

/* ── Article page stats panel ── */
.up-art-stats{
  background:linear-gradient(160deg,#f8fafc,#eff6ff);
  border:1px solid #dbeafe;
  border-radius:16px;
  padding:22px 24px;
  margin:24px 0;
}
.up-art-stats-counters{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:6px;
}
.up-art-stat-box{
  flex:1 1 160px;
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:12px;
  padding:14px 18px;
  color:#2563eb;
}
.up-art-stat-num{
  font-family:var(--v7-font-display) !important;
  font-size:1.45rem;
  font-weight:800;
  color:#0f172a;
  line-height:1;
}
.up-art-stat-lbl{
  font-size:.72rem;
  font-weight:600;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.up-art-chart-title{
  font-size:.78rem;
  font-weight:700;
  color:#475569;
  text-transform:uppercase;
  letter-spacing:.07em;
  margin:16px 0 8px;
}
.up-art-chart{
  width:100%;
  height:auto;
  display:block;
}
.up-art-chart-val{
  font-size:10px;
  font-weight:700;
  fill:#1d4ed8;
}
.up-art-chart-lbl{
  font-size:9px;
  fill:#94a3b8;
}
/* pages chip on cards */
.up-ac-pages{
  color:#475569 !important;
  font-weight:600;
}