/**
 * ijrcm-custom.css
 *
 * Bespoke Theme Stylesheet for International Journal for research in Chinese Medicine (IJRCM)
 * Website: ijrcmjournal.com | Context: /chme/ | Publisher: Green Publication Services
 *
 * AUTHENTIC TRADITIONAL CHINESE COLOR PALETTE & TEXTURE (MATCHING PROVIDED SWATCH):
 * 1. 粉白 (Fěn Bái / Powder White): #F6F5E8 / #FAF9F2
 * 2. 砖红 (Zhuān Hóng / Brick Red / Cinnabar): #8E2325 / #A3292C
 * 3. 唐茶 (Táng Chá / Tang Tea Ochre): #C8853D / #D9944B
 * 4. 蕉鹛 / 蕉绿 (Jiāo Méi / Plantain Celadon Green): #6FA585 / #5E9976
 * 5. 幽冥 (Yōu Míng / Deep Ink Obsidian): #312724 / #231A18
 *
 * HERO CANVAS OVERLAY:
 * - Master Hero background image covers the header and hero area with the header floating above!
 * - Authentic Xuan paper texture applied to surfaces.
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Noto+Serif+SC:wght@500;600;700;900&family=Inter:wght@400;500;600;700&display=swap');

/* =========================================================
   1. CSS VARIABLES & SYSTEM TOKENS (TRADITIONAL PALETTE)
   ========================================================= */
:root {
  /* Traditional Chinese Palette Swatches */
  --ijrcm-fenbai: #F6F5E8;
  /* 粉白: Powder White / Rice Silk */
  --ijrcm-fenbai-light: #FAF9F2;
  /* Soft Ivory Card Surface */
  --ijrcm-fenbai-border: #E8E4D5;
  /* Rice Paper Edge */

  --ijrcm-zhuanhong: #8E2325;
  /* 砖红: Brick Red / Cinnabar */
  --ijrcm-zhuanhong-dark: #741B1D;
  /* Deep Lacquer Red */
  --ijrcm-zhuanhong-light: #A52B2E;
  /* Warm Cinnabar */
  --ijrcm-zhuanhong-glow: rgba(142, 35, 37, 0.35);

  --ijrcm-tangcha: #C8853D;
  /* 唐茶: Tang Tea Warm Ochre */
  --ijrcm-tangcha-light: #DE9951;
  /* Amber Tea Highlight */
  --ijrcm-tangcha-dark: #A96825;
  /* Toasted Tea Brown */
  --ijrcm-tangcha-glow: rgba(200, 133, 61, 0.35);

  --ijrcm-jiaomei: #6FA585;
  /* 蕉鹛: Plantain Celadon Sage Green */
  --ijrcm-jiaomei-dark: #558769;
  /* Deep Celadon */
  --ijrcm-jiaomei-light: #88BD9E;
  /* Young Bamboo Green */
  --ijrcm-jiaomei-subtle: rgba(111, 165, 133, 0.15);

  --ijrcm-youming: #312724;
  /* 幽冥: Deep Ink Charcoal */
  --ijrcm-youming-deep: #231A18;
  /* Obsidian Foundation */
  --ijrcm-youming-card: #3A2F2C;
  /* Ink Card Surface */
  --ijrcm-youming-text: #F6F5E8;
  /* White text on ink */

  /* General Typography & Dimensions */
  --ijrcm-font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ijrcm-font-serif: 'Noto Serif SC', 'Playfair Display', Georgia, serif;
  --ijrcm-font-body: 'Inter', 'Plus Jakarta Sans', -apple-system, sans-serif;

  --ijrcm-radius-pill: 9999px;
  --ijrcm-radius-card: 20px;
  --ijrcm-radius-hero: 28px;
}

/* =========================================================
   2. GLOBAL FOUNDATION & RESETS
   ========================================================= */
body.ijrcm_theme,
body {
  font-family: var(--ijrcm-font-body) !important;
  color: var(--ijrcm-youming) !important;
  background-color: #F7F5EC !important;
  background-image: url('/templates/images/xuan-paper-texture.jpg') !important;
  background-repeat: repeat !important;
  background-size: 400px 400px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.65 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.pkp_structure_page {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  position: relative !important;
}

.pkp_screen_reader {
  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;
  border: 0 !important;
}

/* =========================================================
   3. UNIFIED HERO SECTION (HEADER INTEGRATED INSIDE HERO CANVAS)
   - Background image covers header and hero together!
   - Features the authentic Chinese Medicine herbal artwork
   ========================================================= */
.ijrcm_unified_hero_section,
.ijrcm_hero_master_canvas {
  position: relative;
  width: 100%;
  background-color: #231A18;
  background-image:
    linear-gradient(180deg, rgba(29, 21, 19, 0.72) 0%, rgba(35, 26, 24, 0.86) 45%, rgba(26, 18, 16, 0.98) 100%),
    url('../images/hero-chinese-medicine.jpg'),
    url('../images/hero-bg.jpg'),
    url('/templates/images/hero-chinese-medicine.jpg'),
    url('/templates/images/hero-bg.jpg');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding-bottom: clamp(36px, 4.5vw, 60px);
  border-bottom: 2px solid rgba(200, 133, 61, 0.45);
  box-shadow: 0 16px 40px rgba(35, 26, 24, 0.28);
  overflow: hidden;
}

/* Inner Page Header Banner */
.ijrcm_unified_header_inner {
  position: relative;
  width: 100%;
  background-color: #231A18;
  background-image:
    linear-gradient(180deg, rgba(29, 21, 19, 0.88) 0%, rgba(35, 26, 24, 0.96) 100%),
    url('../images/hero-chinese-medicine.jpg'),
    url('../images/hero-bg.jpg'),
    url('/templates/images/hero-chinese-medicine.jpg'),
    url('/templates/images/hero-bg.jpg');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding-bottom: 16px;
  border-bottom: 2px solid rgba(200, 133, 61, 0.4);
  box-shadow: 0 10px 28px rgba(35, 26, 24, 0.2);
}

/* Atmospheric Radiant Glow (Tang Tea Ochre & Cinnabar Red) */
.ijrcm_hero_ambient_glow,
.ijrcm_hero_canvas_backdrop {
  position: absolute;
  top: -150px;
  right: -100px;
  width: clamp(500px, 60vw, 850px);
  height: clamp(500px, 60vw, 850px);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200, 133, 61, 0.32) 0%, rgba(142, 35, 37, 0.20) 40%, transparent 70%);
  pointer-events: none;
  z-index: 1;
  filter: blur(65px);
}

/* =========================================================
   4. CLEAN TOP UTILITY BAR (INSIDE HERO SECTION)
   ========================================================= */
.ijrcm_ref_topbar {
  position: relative;
  z-index: 25;
  background: transparent;
  width: 100%;
  padding: 12px clamp(16px, 2.5vw, 40px) 4px clamp(16px, 2.5vw, 40px);
  box-sizing: border-box;
}

.ijrcm_ref_topbar_container {
  max-width: 1560px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* Left Contact Items */
.ijrcm_ref_contact_items {
  display: flex;
  align-items: center;
  gap: clamp(10px, 1.5vw, 20px);
  flex-wrap: wrap;
}

.ijrcm_ref_contact_link {
  color: var(--ijrcm-fenbai);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--ijrcm-font-heading);
  font-size: 12.5px;
  font-weight: 600;
  background: rgba(246, 245, 232, 0.12);
  padding: 5px 14px;
  border-radius: var(--ijrcm-radius-pill);
  border: 1px solid rgba(200, 133, 61, 0.32);
  backdrop-filter: blur(8px);
  transition: all 0.2s ease;
}

.ijrcm_ref_contact_link:hover {
  background: #FFFFFF;
  color: var(--ijrcm-zhuanhong) !important;
  border-color: var(--ijrcm-zhuanhong);
}

.ijrcm_ref_contact_link svg {
  color: var(--ijrcm-tangcha);
  transition: color 0.2s ease;
}

.ijrcm_ref_contact_link:hover svg {
  color: var(--ijrcm-zhuanhong);
}

/* Right Soft Pill Buttons (粉白 Powder White on Silk) */
.ijrcm_ref_top_auth {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.ijrcm_pill_btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 18px;
  border-radius: var(--ijrcm-radius-pill);
  font-family: var(--ijrcm-font-heading);
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
}

.ijrcm_pill_btn_soft {
  background: rgba(246, 245, 232, 0.88);
  color: var(--ijrcm-youming) !important;
  border: 1px solid rgba(200, 133, 61, 0.35);
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(49, 39, 36, 0.08);
}

.ijrcm_pill_btn_soft:hover {
  background: #FFFFFF;
  color: var(--ijrcm-zhuanhong) !important;
  border-color: var(--ijrcm-zhuanhong);
  transform: translateY(-1px);
}

/* =========================================================
   5. FLOATING WHITE PILL NAVBAR (INSIDE HERO SECTION)
   - Extended Width & Responsive Scaling for all devices
   ========================================================= */
.ijrcm_floating_nav_wrapper {
  position: relative;
  z-index: 30;
  width: 100%;
  padding: 8px clamp(14px, 2.5vw, 40px) 14px clamp(14px, 2.5vw, 40px);
  box-sizing: border-box;
}

.ijrcm_floating_nav_pill {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(16px);
  border-radius: var(--ijrcm-radius-pill);
  padding: 7px clamp(10px, 1.2vw, 20px) 7px clamp(14px, 1.6vw, 24px);
  box-shadow: 0 12px 36px rgba(18, 12, 10, 0.25);
  border: 1px solid rgba(200, 133, 61, 0.28);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(8px, 1.2vw, 20px);
  box-sizing: border-box;
}

/* Brand Unit */
.ijrcm_nav_brand_unit {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.ijrcm_nav_brand_link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.ijrcm_ref_emblem {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Authentic Chinese Medicine Logo Emblem (#8E2325 Brick Red Trim) */
/* Authentic Chinese Medicine Logo Emblem (#8E2325 Brick Red Trim) */
.ijrcm_nav_logo_img {
  width: 52px !important;
  height: 52px !important;
  max-height: 52px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid var(--ijrcm-zhuanhong) !important;
  box-shadow: 0 3px 10px rgba(142, 35, 37, 0.28) !important;
  background: #FAF2F2 !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.ijrcm_cover_logo_img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1.5px solid var(--ijrcm-zhuanhong) !important;
  box-shadow: 0 2px 8px rgba(142, 35, 37, 0.35) !important;
  background: #FAF2F2 !important;
  display: block !important;
}

.ijrcm_nav_journal_title {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  text-decoration: none !important;
}

.ijrcm_nav_title_kicker {
  font-family: var(--ijrcm-font-heading) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  color: var(--ijrcm-zhuanhong) !important;
  line-height: 1.1 !important;
  margin-bottom: 2px !important;
}

.ijrcm_nav_title_primary {
  font-family: var(--ijrcm-font-heading) !important;
  font-size: clamp(14px, 1.1vw, 17.5px) !important;
  font-weight: 800 !important;
  color: var(--ijrcm-youming) !important;
  letter-spacing: -0.2px !important;
  line-height: 1.15 !important;
}

/* Desktop Navigation Links */
.ijrcm_nav_links_desktop {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  justify-content: center;
  min-width: 0;
}

.ijrcm_ref_nav_list,
.pkp_navigation_primary {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: clamp(1px, 0.25vw, 4px);
  flex-wrap: nowrap;
}

.ijrcm_ref_nav_list>li,
.pkp_navigation_primary>li {
  position: relative;
  margin: 0;
  flex-shrink: 0;
}

.ijrcm_ref_nav_list>li>a,
.pkp_navigation_primary>li>a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px clamp(5px, 0.6vw, 12px);
  color: var(--ijrcm-youming) !important;
  font-family: var(--ijrcm-font-heading);
  font-size: clamp(11.5px, 0.85vw, 13.5px);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--ijrcm-radius-pill);
  transition: all 0.2s ease;
  white-space: nowrap;
}

.ijrcm_ref_nav_list>li>a:hover,
.pkp_navigation_primary>li>a:hover {
  color: var(--ijrcm-zhuanhong) !important;
  background: rgba(200, 133, 61, 0.12);
}

/* Caret */
.ijrcm_ref_nav_list li:has(> ul)>a::after,
.pkp_navigation_primary li:has(> ul)>a::after {
  content: "▾";
  font-size: 10px;
  margin-left: 2px;
  color: var(--ijrcm-tangcha);
}

.ijrcm_ref_nav_list>li,
.pkp_navigation_primary>li {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: -12px;
}

/* Dropdowns - FIXED HOVER DISAPPEARANCE */
.ijrcm_ref_nav_list li ul,
.pkp_navigation_primary li ul {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 240px !important;
  background: var(--ijrcm-fenbai-light) !important;
  border: 1px solid var(--ijrcm-fenbai-border) !important;
  border-top: 3px solid var(--ijrcm-tangcha) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 36px rgba(49, 39, 36, 0.16) !important;
  list-style: none !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.18s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.18s !important;
  z-index: 9999 !important;
}

/* Hover Bridge on LI and UL: Prevents dropdown from disappearing when cursor moves from button to menu! */
.ijrcm_ref_nav_list>li:has(> ul)::after,
.pkp_navigation_primary>li:has(> ul)::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  right: 0;
  height: 14px;
  display: block;
}

.ijrcm_ref_nav_list li ul::before,
.pkp_navigation_primary li ul::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  height: 14px;
  background: transparent;
  display: block;
  pointer-events: auto !important;
}

.ijrcm_ref_nav_list li:hover>ul,
.pkp_navigation_primary li:hover>ul,
.ijrcm_ref_nav_list li:focus-within>ul,
.pkp_navigation_primary li:focus-within>ul {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.ijrcm_ref_nav_list li ul li a,
.pkp_navigation_primary li ul li a {
  display: block;
  padding: 9px 18px;
  color: var(--ijrcm-youming) !important;
  font-family: var(--ijrcm-font-heading);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

.ijrcm_ref_nav_list li ul li a:hover,
.pkp_navigation_primary li ul li a:hover {
  background: rgba(200, 133, 61, 0.12);
  color: var(--ijrcm-zhuanhong) !important;
  padding-left: 22px;
}

/* Right Actions Container: ALWAYS HORIZONTAL ROW (Never Stack Vertically!) */
.ijrcm_nav_right_actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

/* Search Button (Deep Ink Obsidian) */
.ijrcm_circle_search_btn {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background: var(--ijrcm-youming-deep) !important;
  color: var(--ijrcm-fenbai) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid var(--ijrcm-tangcha) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(35, 26, 24, 0.25) !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}

.ijrcm_circle_search_btn:hover {
  background: var(--ijrcm-zhuanhong) !important;
  border-color: var(--ijrcm-zhuanhong) !important;
  transform: scale(1.05) !important;
}

/* Hamburger Button */
.ijrcm_mobile_hamburger_btn {
  display: none;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background: var(--ijrcm-fenbai-light) !important;
  border: 1.5px solid var(--ijrcm-tangcha) !important;
  color: var(--ijrcm-youming) !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
  box-shadow: 0 4px 12px rgba(49, 39, 36, 0.12) !important;
}

.ijrcm_mobile_hamburger_btn:hover {
  background: var(--ijrcm-tangcha) !important;
  color: #FFFFFF !important;
}

/* Popdown Search Input Wrap */
.ijrcm_popdown_search_wrap {
  max-width: 1560px;
  margin: 10px auto 0 auto;
  display: none;
}

.ijrcm_popdown_search_wrap.active {
  display: block;
}

.ijrcm_popdown_search_form {
  background: #FFFFFF;
  border-radius: var(--ijrcm-radius-pill);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: 1.5px solid var(--ijrcm-tangcha);
  display: flex;
  align-items: center;
  padding: 6px 8px 6px 20px;
}

.ijrcm_popdown_input {
  flex: 1 1 auto;
  border: none;
  outline: none;
  font-family: var(--ijrcm-font-heading);
  font-size: 14px;
  color: var(--ijrcm-youming);
}

.ijrcm_popdown_submit {
  padding: 8px 22px;
  background: var(--ijrcm-zhuanhong);
  color: #FFFFFF;
  border: none;
  border-radius: var(--ijrcm-radius-pill);
  font-family: var(--ijrcm-font-heading);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

/* =========================================================
   6. HERO SECTION CONTENT (SEAMLESSLY INTEGRATED WITH HEADER)
   ========================================================= */
.ijrcm_hero_content_wrap,
.ijrcm_ref_hero_outer {
  max-width: 1560px;
  width: 100%;
  margin: 0 auto;
  padding: clamp(20px, 3vw, 44px) clamp(16px, 2.5vw, 40px) 10px clamp(16px, 2.5vw, 40px);
  box-sizing: border-box;
  position: relative;
  z-index: 10;
}

.ijrcm_ref_hero_card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  color: #FFFFFF;
}

/* Atmospheric Radial Aura (Tang Tea & Cinnabar Glow) */
.ijrcm_ref_hero_glow {
  position: absolute;
  top: -120px;
  right: -80px;
  width: 650px;
  height: 650px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200, 133, 61, 0.32) 0%, rgba(142, 35, 37, 0.22) 40%, transparent 70%);
  pointer-events: none;
  z-index: 1;
  filter: blur(55px);
}

.ijrcm_ref_hero_grid {
  display: grid;
  grid-template-columns: 1.25fr 0.95fr;
  gap: 52px;
  align-items: center;
  position: relative;
  z-index: 2;
}

.ijrcm_ref_hero_left {
  display: flex;
  flex-direction: column;
}

/* Kicker Pill: 唐茶 (Tang Tea Ochre) Outlined */
.ijrcm_ref_kicker_pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 18px;
  border-radius: var(--ijrcm-radius-pill);
  border: 1.5px solid var(--ijrcm-tangcha);
  color: var(--ijrcm-tangcha);
  background: rgba(200, 133, 61, 0.12);
  font-family: var(--ijrcm-font-heading);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 24px;
  width: fit-content;
}

.ijrcm_ref_kicker_dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ijrcm-tangcha);
  box-shadow: 0 0 8px var(--ijrcm-tangcha);
}

/* Headline */
.ijrcm_ref_hero_title {
  font-family: var(--ijrcm-font-heading);
  font-size: clamp(30px, 3.4vw, 46px);
  font-weight: 800;
  line-height: 1.18;
  color: var(--ijrcm-fenbai);
  margin: 0 0 20px 0;
  letter-spacing: -0.5px;
}

/* Paragraph */
.ijrcm_ref_hero_desc {
  font-size: 15px;
  line-height: 1.68;
  color: #DDD4C6;
  margin: 0 0 34px 0;
  max-width: 620px;
}

/* Action Buttons */
.ijrcm_ref_hero_buttons {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 42px;
}

/* Primary Button: 唐茶 (Tang Tea Ochre / Amber) */
.ijrcm_ref_yellow_btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 30px;
  border-radius: var(--ijrcm-radius-pill);
  background: linear-gradient(135deg, var(--ijrcm-tangcha) 0%, var(--ijrcm-tangcha-light) 100%);
  color: #1A130B !important;
  font-family: var(--ijrcm-font-heading);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 8px 24px var(--ijrcm-tangcha-glow);
  transition: all 0.25s ease;
  border: none;
}

.ijrcm_ref_yellow_btn:hover {
  background: linear-gradient(135deg, #DE9951 0%, #E8AA68 100%);
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(200, 133, 61, 0.45);
}

/* Secondary Button: Translucent Ink & Celadon */
.ijrcm_ref_dark_btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 26px;
  border-radius: var(--ijrcm-radius-pill);
  background: rgba(246, 245, 232, 0.1);
  color: var(--ijrcm-fenbai) !important;
  font-family: var(--ijrcm-font-heading);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1.5px solid rgba(200, 133, 61, 0.35);
  backdrop-filter: blur(8px);
  transition: all 0.25s ease;
}

.ijrcm_ref_dark_btn:hover {
  background: rgba(246, 245, 232, 0.18);
  border-color: var(--ijrcm-tangcha);
  transform: translateY(-2px);
}

/* Metrics Row */
.ijrcm_ref_hero_metrics {
  display: flex;
  align-items: center;
  gap: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(200, 133, 61, 0.22);
}

.ijrcm_ref_metric_num {
  font-family: var(--ijrcm-font-heading);
  font-size: 18px;
  font-weight: 800;
  color: var(--ijrcm-tangcha-light);
}

.ijrcm_ref_metric_lbl {
  font-size: 12.5px;
  color: #C0B7A8;
  font-weight: 500;
  margin-top: 2px;
}

.ijrcm_ref_metric_divider {
  width: 1px;
  height: 32px;
  background: rgba(200, 133, 61, 0.25);
}

/* --- Right Column: Dynamic 3D Journal Cover Stage (Hero Right) --- */
.ijrcm_ref_hero_right {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 5;
  width: 100%;
}

.ijrcm_dynamic_cover_stage {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  perspective: 1400px;
  padding: 30px 18px;
  box-sizing: border-box;
  z-index: 5;
}

/* Ambient Backlight Aura (Tang Tea & Cinnabar Glow) */
.ijrcm_cover_ambient_glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200, 133, 61, 0.38) 0%, rgba(142, 35, 37, 0.25) 45%, transparent 72%);
  filter: blur(48px);
  pointer-events: none;
  z-index: 1;
}

/* 3D Isometric Hardcover Volume */
.ijrcm_3d_journal_book {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 340px;
  aspect-ratio: 1 / 1.44;
  transform-style: preserve-3d;
  transform: rotateY(-13deg) rotateX(4deg) rotateZ(0.5deg);
  border-radius: 10px 18px 18px 10px;
  box-shadow:
    -20px 28px 50px rgba(10, 6, 5, 0.75),
    -5px 10px 24px rgba(142, 35, 37, 0.3),
    0 0 50px rgba(200, 133, 61, 0.16);
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease;
  cursor: pointer;
}

.ijrcm_dynamic_cover_stage:hover .ijrcm_3d_journal_book {
  transform: rotateY(-3deg) rotateX(1.5deg) translateY(-8px) scale(1.025);
  box-shadow:
    -26px 36px 65px rgba(10, 6, 5, 0.8),
    -8px 14px 30px rgba(142, 35, 37, 0.4),
    0 0 70px rgba(200, 133, 61, 0.28);
}

/* Tactile Hardcover Book Spine (Left) */
.ijrcm_book_spine {
  position: absolute;
  left: -14px;
  top: 0;
  bottom: 0;
  width: 22px;
  border-radius: 6px 0 0 6px;
  background:
    repeating-linear-gradient(0deg, transparent, transparent 18px, rgba(200, 133, 61, 0.45) 18px, rgba(200, 133, 61, 0.45) 20px),
    linear-gradient(90deg, #4A0E10 0%, #6D1A1C 35%, #8E2325 70%, #4A0E10 100%);
  box-shadow:
    inset 2px 0 4px rgba(255, 255, 255, 0.18),
    inset -2px 0 5px rgba(0, 0, 0, 0.65),
    -3px 4px 10px rgba(0, 0, 0, 0.5);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ijrcm_book_spine_text {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-family: var(--ijrcm-font-heading);
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: 2.2px;
  color: #E8C17A;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
  white-space: nowrap;
}

/* Page Ridges (Simulating 3D Paper Thickness on Outer Right Edge) */
.ijrcm_book_page_ridges {
  position: absolute;
  right: -9px;
  top: 9px;
  bottom: 9px;
  width: 11px;
  background: repeating-linear-gradient(90deg, #F6F5E8, #EDE9D5 1.5px, #D5CEA3 2.5px, #F6F5E8 3.5px);
  border-radius: 0 4px 4px 0;
  box-shadow:
    inset 1px 0 3px rgba(0, 0, 0, 0.35),
    4px 5px 12px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

/* Book Front Face */
.ijrcm_book_face {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 5px 16px 16px 5px;
  background: #1B1210;
  overflow: hidden;
  border: 1.5px solid rgba(200, 133, 61, 0.45);
  display: flex;
  flex-direction: column;
}

/* Light Sheen Specular Overlay */
.ijrcm_book_sheen {
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12) 50%, transparent);
  transform: skewX(-25deg);
  pointer-events: none;
  z-index: 9;
  transition: left 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}

.ijrcm_dynamic_cover_stage:hover .ijrcm_book_sheen {
  left: 190%;
}

/* Uploaded Image Wrapper */
.ijrcm_dynamic_cover_link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
}

.ijrcm_dynamic_cover_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Bespoke Luxury Hardcover Front Face (When No Custom Cover Image Uploaded) */
.ijrcm_bespoke_cover_face {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px 18px;
  box-sizing: border-box;
  position: relative;
  background:
    radial-gradient(circle at 50% 55%, #2B1D1A 0%, #17100F 75%, #0F0A09 100%);
}

.ijrcm_bespoke_cover_face::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(200, 133, 61, 0.3);
  border-radius: 8px;
  pointer-events: none;
}

/* Ornate Chinese Gold Corner Filigrees */
.ijrcm_corner_filigree {
  width: 12px;
  height: 12px;
  position: absolute;
  pointer-events: none;
  z-index: 3;
}

.ijrcm_corner_tl {
  top: 14px;
  left: 14px;
  border-top: 2px solid #C8853D;
  border-left: 2px solid #C8853D;
}

.ijrcm_corner_tr {
  top: 14px;
  right: 14px;
  border-top: 2px solid #C8853D;
  border-right: 2px solid #C8853D;
}

.ijrcm_corner_bl {
  bottom: 14px;
  left: 14px;
  border-bottom: 2px solid #C8853D;
  border-left: 2px solid #C8853D;
}

.ijrcm_corner_br {
  bottom: 14px;
  right: 14px;
  border-bottom: 2px solid #C8853D;
  border-right: 2px solid #C8853D;
}

/* Cover Header */
.ijrcm_bcover_top_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  z-index: 2;
}

.ijrcm_bcover_issn {
  font-family: var(--ijrcm-font-body);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #C0B7A8;
}

.ijrcm_bcover_seal_tag {
  font-family: "Noto Serif SC", "SimSun", serif;
  font-size: 11px;
  font-weight: 700;
  color: #8E2325;
  background: #E8C17A;
  padding: 2px 7px;
  border-radius: 3px;
  letter-spacing: 1.5px;
  border: 1px solid #C8853D;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

/* Cover Title Block */
.ijrcm_bcover_title_block {
  text-align: center;
  margin: 2px 0 6px 0;
  z-index: 2;
}

.ijrcm_bcover_kicker {
  font-family: var(--ijrcm-font-heading);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 1.8px;
  color: #C8853D;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.ijrcm_bcover_maintitle {
  font-family: var(--ijrcm-font-heading);
  font-size: 18.5px;
  font-weight: 800;
  color: #F6F5E8;
  letter-spacing: 1.2px;
  margin: 0;
  line-height: 1.22;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
}

.ijrcm_bcover_subkicker {
  font-family: var(--ijrcm-font-body);
  font-size: 7.5px;
  font-weight: 600;
  letter-spacing: 1.4px;
  color: #A69D8D;
  margin-top: 4px;
}

/* Center Visual Stage (Artwork Medallion) */
.ijrcm_bcover_visual_stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6px 0;
  height: 155px;
  z-index: 2;
}

.ijrcm_bcover_gold_ring {
  position: absolute;
  width: 135px;
  height: 135px;
  border-radius: 50%;
  border: 1.5px solid rgba(200, 133, 61, 0.45);
  box-shadow:
    0 0 25px rgba(200, 133, 61, 0.22),
    inset 0 0 20px rgba(142, 35, 37, 0.28);
}

.ijrcm_bcover_artwork {
  max-height: 150px;
  max-width: 88%;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.65));
  position: relative;
  z-index: 2;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.ijrcm_dynamic_cover_stage:hover .ijrcm_bcover_artwork {
  transform: scale(1.05);
}

/* Cover Footer Block */
.ijrcm_bcover_footer_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-top: 1px solid rgba(200, 133, 61, 0.25);
  padding-top: 9px;
  z-index: 2;
}

.ijrcm_bcover_volume_plaque {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(142, 35, 37, 0.35);
  border: 1px solid rgba(200, 133, 61, 0.45);
  border-radius: 12px;
  padding: 3px 9px;
}

.ijrcm_plaque_dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #E8C17A;
  box-shadow: 0 0 6px #E8C17A;
}

.ijrcm_plaque_text {
  font-family: var(--ijrcm-font-heading);
  font-size: 9.5px;
  font-weight: 700;
  color: #F6F5E8;
  letter-spacing: 0.5px;
}

.ijrcm_bcover_pub_mark {
  font-family: var(--ijrcm-font-body);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #C8853D;
  text-transform: uppercase;
}

/* --- Floating Interactive Telemetry Chips --- */

/* 1. Top Left Live Badge */
.ijrcm_cover_chip_live {
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  background: rgba(23, 17, 15, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(111, 165, 133, 0.5);
  border-radius: var(--ijrcm-radius-pill);
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.45),
    0 0 16px rgba(111, 165, 133, 0.22);
  animation: floatChip 4s ease-in-out infinite alternate;
}

.ijrcm_live_beacon {
  position: relative;
  width: 10px;
  height: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ijrcm_beacon_core {
  width: 7.5px;
  height: 7.5px;
  border-radius: 50%;
  background: #6FA585;
  box-shadow: 0 0 8px #6FA585;
}

.ijrcm_beacon_wave {
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1.5px solid #6FA585;
  opacity: 0.8;
  animation: beaconPulse 2.2s ease-out infinite;
}

.ijrcm_live_text_group {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.ijrcm_chip_status_title {
  font-family: var(--ijrcm-font-heading);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #6FA585;
  line-height: 1.1;
  text-transform: uppercase;
}

.ijrcm_chip_status_sub {
  font-family: var(--ijrcm-font-body);
  font-size: 11px;
  font-weight: 600;
  color: #F6F5E8;
  margin-top: 1.5px;
}

/* 2. Bottom Right Interactive CTA Chip */
.ijrcm_cover_chip_action {
  position: absolute;
  bottom: 8px;
  right: 0px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: rgba(142, 35, 37, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1.5px solid #C8853D;
  border-radius: var(--ijrcm-radius-pill);
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.5),
    0 0 20px rgba(200, 133, 61, 0.3);
  color: #FFFFFF !important;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  animation: floatChipAlt 4.5s ease-in-out infinite alternate;
  cursor: pointer;
}

.ijrcm_cover_chip_action:hover {
  background: #C8853D !important;
  border-color: #F6F5E8 !important;
  transform: translateY(-3px) scale(1.04);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.65),
    0 0 32px rgba(200, 133, 61, 0.55);
  color: #1E1513 !important;
}

.ijrcm_chip_action_icon {
  display: flex;
  align-items: center;
  color: #E8C17A;
}

.ijrcm_cover_chip_action:hover .ijrcm_chip_action_icon {
  color: #1E1513 !important;
}

.ijrcm_chip_action_text {
  font-family: var(--ijrcm-font-heading);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.ijrcm_chip_action_arrow {
  font-size: 14px;
  font-weight: 700;
  transition: transform 0.25s ease;
}

.ijrcm_cover_chip_action:hover .ijrcm_chip_action_arrow {
  transform: translateX(4px);
}

/* Animations */
@keyframes floatChip {
  0% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(-7px);
  }
}

@keyframes floatChipAlt {
  0% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(7px);
  }
}

@keyframes beaconPulse {
  0% {
    transform: scale(0.8);
    opacity: 0.9;
  }

  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

/* Legacy/Fallback Classes */
.ijrcm_hero_image_frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: 100%;
}

.ijrcm_hero_chiness_img {
  max-width: 100%;
  width: auto;
  max-height: 440px;
  object-fit: contain;
  filter: drop-shadow(0 20px 45px rgba(18, 12, 10, 0.5));
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.ijrcm_hero_chiness_img:hover {
  transform: translateY(-6px) scale(1.02);
}

/* 3D Journal Cover Mockup (Featured in Sidebar) */
.ijrcm_ref_book_mockup {
  width: 100%;
  max-width: 360px;
  aspect-ratio: 1 / 1.38;
  background: var(--ijrcm-youming-deep);
  border: 2.5px solid rgba(200, 133, 61, 0.35);
  border-radius: 20px;
  box-shadow: 0 30px 65px rgba(0, 0, 0, 0.75);
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}

.ijrcm_ref_book_mockup:hover {
  transform: translateY(-6px);
}

.ijrcm_ref_book_inner {
  border: 1px solid rgba(200, 133, 61, 0.2);
  border-radius: 14px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 22px 18px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 50% 60%, #2A1F1C 0%, #17110F 80%);
}

.ijrcm_ref_cover_emblem_circle {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ijrcm_ref_cover_title_block {
  text-align: center;
  margin-top: 10px;
}

.ijrcm_ref_cover_title {
  font-family: var(--ijrcm-font-heading);
  font-size: 16.5px;
  font-weight: 900;
  color: var(--ijrcm-fenbai);
  margin: 0;
  letter-spacing: 0.8px;
  line-height: 1.25;
}

.ijrcm_ref_cover_subtitle {
  font-size: 11px;
  font-weight: 700;
  color: var(--ijrcm-tangcha);
  letter-spacing: 1.2px;
  margin-top: 4px;
}

/* Center Glowing Sphere Graphic */
.ijrcm_ref_cover_graphic_wrap {
  position: relative;
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px 0;
}

.ijrcm_ref_cover_glow_ring {
  position: absolute;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(111, 165, 133, 0.4) 0%, rgba(200, 133, 61, 0.25) 50%, transparent 70%);
  filter: blur(14px);
}

.ijrcm_ref_cover_sphere {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(200, 133, 61, 0.5);
  box-shadow: 0 0 25px rgba(111, 165, 133, 0.4);
  position: relative;
  z-index: 2;
}

.ijrcm_ref_cover_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ijrcm_ref_cover_bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(200, 133, 61, 0.2);
  padding-top: 10px;
}

.ijrcm_ref_cover_issn {
  font-size: 11px;
  font-weight: 600;
  color: #A89F90;
  letter-spacing: 0.5px;
}

.ijrcm_ref_cover_badge {
  font-size: 10.5px;
  font-weight: 700;
  color: var(--ijrcm-tangcha-light);
}

/* =========================================================
   7. MAIN CONTENT CARDS & SIDEBAR (粉白 POWDER WHITE SURFACES)
   - Updated Width to 1560px (matching the widescreen hero canvas!)
   - Removed all legacy vertical lines and divider borders
   ========================================================= */
html body .pkp_structure_content,
html body .pkp_structure_content.has_sidebar,
.pkp_structure_content {
  max-width: 1560px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 32px clamp(16px, 2.5vw, 40px) 70px clamp(16px, 2.5vw, 40px) !important;
  display: flex !important;
  gap: clamp(24px, 2.5vw, 40px) !important;
  align-items: flex-start !important;
  box-sizing: border-box !important;
  position: relative !important;
  float: none !important;
  border: none !important;
  border-left: none !important;
  border-right: none !important;
}

/* Remove ALL unwanted vertical dividing lines and pseudo-elements from OJS default theme */
.pkp_structure_content:before,
.pkp_structure_content:after,
.pkp_structure_content::before,
.pkp_structure_content::after,
.has_sidebar:before,
.has_sidebar:after,
.has_sidebar::before,
.has_sidebar::after,
.pkp_structure_main:before,
.pkp_structure_main:after,
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar:before,
.pkp_structure_sidebar:after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after,
.pkp_structure_page:before,
.pkp_structure_page:after,
.pkp_structure_page::before,
.pkp_structure_page::after,
.page_index_journal:before,
.page_index_journal:after,
.page_index_journal::before,
.page_index_journal::after,
body:before,
body:after,
html:before,
html:after {
  content: none !important;
  display: none !important;
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Override OJS Bootstrap Grid & Container Width Constraints Across All Breakpoints */
@media (min-width: 768px) {

  html body .pkp_structure_content,
  html body .pkp_structure_content.has_sidebar,
  .pkp_structure_content {
    width: 100% !important;
    max-width: 1560px !important;
    padding-left: clamp(16px, 2.5vw, 40px) !important;
    padding-right: clamp(16px, 2.5vw, 40px) !important;
  }

  .pkp_structure_main:before,
  .pkp_structure_main:after,
  .pkp_structure_main::before,
  .pkp_structure_main::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    background: transparent !important;
  }
}

@media (min-width: 992px) {

  html body .pkp_structure_content,
  html body .pkp_structure_content.has_sidebar,
  .pkp_structure_content {
    width: 100% !important;
    max-width: 1560px !important;
  }

  .pkp_structure_main:before,
  .pkp_structure_main:after,
  .pkp_structure_main::before,
  .pkp_structure_main::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    background: transparent !important;
  }
}

@media (min-width: 1200px) {

  html body .pkp_structure_content,
  html body .pkp_structure_content.has_sidebar,
  .pkp_structure_content {
    width: 100% !important;
    max-width: 1560px !important;
  }

  html body .pkp_structure_main,
  html body .has_sidebar .pkp_structure_main,
  .pkp_structure_main {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
  }

  .pkp_structure_main:before,
  .pkp_structure_main:after,
  .pkp_structure_main::before,
  .pkp_structure_main::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    background: transparent !important;
  }
}

@media (min-width: 1440px) {

  html body .pkp_structure_content,
  html body .pkp_structure_content.has_sidebar,
  .pkp_structure_content {
    width: 100% !important;
    max-width: 1560px !important;
  }
}

html body .pkp_structure_main,
html body .has_sidebar .pkp_structure_main,
.pkp_structure_main {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  float: none !important;
}

html body .pkp_structure_sidebar,
html body .has_sidebar .pkp_structure_sidebar,
.pkp_structure_sidebar {
  width: clamp(320px, 24vw, 380px) !important;
  flex: 0 0 clamp(320px, 24vw, 380px) !important;
  box-sizing: border-box !important;
  position: sticky !important;
  top: 24px !important;
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  float: none !important;
}

.has_sidebar .pkp_structure_main,
.has_sidebar .pkp_structure_sidebar,
.pkp_structure_sidebar.left,
.pkp_structure_sidebar.right {
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  float: none !important;
}

.ijrcm_ref_card {
  background: var(--ijrcm-fenbai-light);
  border-radius: var(--ijrcm-radius-card);
  border: 1px solid var(--ijrcm-fenbai-border);
  box-shadow: 0 6px 24px rgba(49, 39, 36, 0.05);
  padding: 34px;
  margin-bottom: 28px;
}

.ijrcm_ref_card_title {
  font-family: var(--ijrcm-font-heading);
  font-size: 20px;
  font-weight: 800;
  color: var(--ijrcm-youming);
  margin: 0 0 16px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ijrcm_ref_card_title::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 20px;
  background: var(--ijrcm-zhuanhong);
  border-radius: 3px;
}

/* Call for Papers Card */
.ijrcm_ref_cfp_card {
  background: var(--ijrcm-fenbai-light);
  border-radius: var(--ijrcm-radius-card);
  border: 1.5px solid rgba(200, 133, 61, 0.35);
  box-shadow: 0 6px 24px rgba(49, 39, 36, 0.05);
  padding: 32px;
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.ijrcm_ref_cfp_kicker {
  font-family: var(--ijrcm-font-heading);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--ijrcm-zhuanhong);
  margin-bottom: 4px;
}

.ijrcm_ref_cfp_title {
  font-family: var(--ijrcm-font-heading);
  font-size: 21px;
  font-weight: 800;
  color: var(--ijrcm-youming);
  margin: 0 0 8px 0;
}

.ijrcm_ref_cfp_text {
  font-size: 14px;
  color: #554844;
  margin: 0;
  line-height: 1.6;
  max-width: 680px;
}

/* Current Issue Card */
.current_issue {
  background: var(--ijrcm-fenbai-light) !important;
  border-radius: var(--ijrcm-radius-card) !important;
  border: 1px solid var(--ijrcm-fenbai-border) !important;
  box-shadow: 0 6px 24px rgba(49, 39, 36, 0.05) !important;
  padding: 34px !important;
  margin-bottom: 28px !important;
}

.current_issue_title {
  font-family: var(--ijrcm-font-heading) !important;
  font-size: 17.5px !important;
  font-weight: 700 !important;
  color: var(--ijrcm-zhuanhong) !important;
  margin-bottom: 14px !important;
  padding: 10px 16px !important;
  background: rgba(142, 35, 37, 0.08) !important;
  border-left: 4px solid var(--ijrcm-zhuanhong) !important;
  border-radius: 6px !important;
}

.current_issue .read_more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 9px 20px !important;
  background: var(--ijrcm-fenbai) !important;
  color: var(--ijrcm-youming) !important;
  border: 1px solid var(--ijrcm-tangcha) !important;
  font-family: var(--ijrcm-font-heading) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: var(--ijrcm-radius-pill) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  margin-top: 18px !important;
}

.current_issue .read_more:hover {
  background: var(--ijrcm-zhuanhong) !important;
  color: #FFFFFF !important;
  border-color: var(--ijrcm-zhuanhong) !important;
}

/* Sidebar Column */
.pkp_structure_sidebar {
  width: 320px !important;
  flex: 0 0 320px !important;
  box-sizing: border-box !important;
  position: sticky !important;
  top: 24px !important;
}

.ijrcm_sidebar_wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.pkp_block,
.ijrcm_sidebar_card {
  background: var(--ijrcm-fenbai-light) !important;
  border-radius: 16px !important;
  border: 1px solid var(--ijrcm-fenbai-border) !important;
  box-shadow: 0 4px 18px rgba(49, 39, 36, 0.05) !important;
  padding: 22px !important;
  margin-bottom: 20px !important;
}

.pkp_block .title,
.ijrcm_sidebar_title {
  font-family: var(--ijrcm-font-heading) !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  color: var(--ijrcm-youming) !important;
  margin: 0 0 14px 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--ijrcm-tangcha) !important;
}

/* Sidebar Journal Cover Card (Featured Cover in Sidebar) */
.ijrcm_sidebar_cover_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.ijrcm_sidebar_cover_img {
  width: 100%;
  max-width: 280px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(49, 39, 36, 0.12);
  display: block;
}

.ijrcm_sidebar_cover_mockup {
  width: 100% !important;
  max-width: 280px !important;
  margin: 0 auto !important;
  transform: none !important;
  box-shadow: 0 12px 28px rgba(49, 39, 36, 0.18) !important;
}

.ijrcm_sidebar_cover_mockup:hover {
  transform: translateY(-4px) !important;
}

.ijrcm_sidebar_cover_meta {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.ijrcm_sidebar_issue_badge {
  font-family: var(--ijrcm-font-heading);
  font-size: 13.5px;
  font-weight: 700;
  color: var(--ijrcm-youming);
}

.ijrcm_view_all_issues_btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  padding: 10px 18px !important;
  background: var(--ijrcm-youming-deep) !important;
  color: var(--ijrcm-fenbai) !important;
  border: 1.5px solid var(--ijrcm-tangcha) !important;
  border-radius: var(--ijrcm-radius-pill) !important;
  font-family: var(--ijrcm-font-heading) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.ijrcm_view_all_issues_btn:hover {
  background: var(--ijrcm-zhuanhong) !important;
  border-color: var(--ijrcm-zhuanhong) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

.block_make_submission .block_make_submission_link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 20px !important;
  border-radius: var(--ijrcm-radius-pill) !important;
  background: linear-gradient(135deg, var(--ijrcm-tangcha) 0%, var(--ijrcm-tangcha-light) 100%) !important;
  color: #1A130B !important;
  font-family: var(--ijrcm-font-heading) !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 6px 18px var(--ijrcm-tangcha-glow) !important;
}

.block_make_submission .block_make_submission_link:hover {
  background: linear-gradient(135deg, #DE9951 0%, #E8AA68 100%) !important;
  transform: translateY(-2px) !important;
}

.pkp_block ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pkp_block ul li a {
  display: block !important;
  padding: 7px 12px !important;
  border-radius: 6px !important;
  color: var(--ijrcm-youming) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.pkp_block ul li a:hover {
  background: rgba(200, 133, 61, 0.12) !important;
  color: var(--ijrcm-zhuanhong) !important;
  padding-left: 16px !important;
}

/* =========================================================
   8. CLEAN EXECUTIVE FOOTER (幽冥 DEEP INK FOUNDATION)
   ========================================================= */
.pkp_structure_footer_wrapper,
.ijrcm_footer_wrap {
  background: var(--ijrcm-youming-deep) !important;
  border-top: 3px solid var(--ijrcm-tangcha) !important;
  color: #DDD4C6 !important;
  font-size: 13.5px !important;
  padding: 56px 0 28px 0 !important;
  margin-top: 40px !important;
}

.ijrcm_footer_container {
  max-width: 1560px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 clamp(16px, 2.5vw, 40px) !important;
  box-sizing: border-box !important;
}

.ijrcm_footer_grid {
  display: grid !important;
  grid-template-columns: 1.6fr 1fr 1.1fr 1fr 1.3fr !important;
  gap: clamp(20px, 2vw, 36px) !important;
  margin-bottom: 44px !important;
}

.ijrcm_footer_metadata_list {
  margin: 14px 0 18px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12.5px;
}

.ijrcm_footer_meta_row strong {
  color: var(--ijrcm-tangcha-light);
  font-weight: 700;
}

.ijrcm_footer_meta_row span {
  color: #DDD4C6;
}

.ijrcm_footer_heading {
  font-family: var(--ijrcm-font-heading);
  font-size: 15px;
  font-weight: 800;
  color: var(--ijrcm-fenbai);
  margin: 0 0 18px 0;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--ijrcm-tangcha);
  display: inline-block;
}

.ijrcm_footer_links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ijrcm_footer_links li {
  margin-bottom: 8px;
}

.ijrcm_footer_links li a {
  color: #C0B7A8;
  text-decoration: none;
  font-size: 13px;
  transition: all 0.2s ease;
}

.ijrcm_footer_links li a:hover {
  color: var(--ijrcm-tangcha-light);
  padding-left: 4px;
}

.ijrcm_footer_contact_box {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(200, 133, 61, 0.2);
  border-radius: 12px;
  padding: 16px;
}

.ijrcm_footer_contact_item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12.5px;
  color: #DDD4C6;
  margin-bottom: 12px;
}

.ijrcm_footer_contact_item svg {
  color: var(--ijrcm-tangcha);
  margin-top: 2px;
}

.ijrcm_footer_bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 12px;
  color: #9E9588;
}

/* =========================================================
   9. MOBILE DRAWER & RESPONSIVENESS
   ========================================================= */
.ijrcm_mobile_drawer_backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: rgba(23, 17, 15, 0.72) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  z-index: 99998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

.ijrcm_mobile_drawer {
  position: fixed !important;
  top: 0 !important;
  right: -340px !important;
  width: min(320px, 85vw) !important;
  max-width: 320px !important;
  height: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: var(--ijrcm-fenbai-light) !important;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.45) !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  transition: right 0.32s cubic-bezier(0.16, 1, 0.3, 1), transform 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.ijrcm_drawer_active .ijrcm_mobile_drawer_backdrop,
.ijrcm_mobile_drawer_backdrop.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.ijrcm_drawer_active .ijrcm_mobile_drawer,
.ijrcm_mobile_drawer.active {
  right: 0 !important;
  transform: translateX(0) !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.ijrcm_drawer_active,
html.ijrcm_drawer_active {
  overflow: hidden !important;
}

.ijrcm_drawer_header {
  padding: 18px 20px;
  background: var(--ijrcm-youming-deep);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid var(--ijrcm-tangcha);
}

.ijrcm_drawer_title {
  font-family: var(--ijrcm-font-heading);
  font-size: 16px;
  font-weight: 800;
  color: var(--ijrcm-tangcha);
}

.ijrcm_drawer_close_btn {
  background: none;
  border: none;
  color: #FFFFFF;
  font-size: 24px;
  cursor: pointer;
}

/* =========================================================
   MOBILE DRAWER NAVIGATION - VERTICAL ACADEMIC STRUCTURE
   ========================================================= */
.ijrcm_drawer_nav {
  padding: 16px 20px;
}

.ijrcm_drawer_nav .pkp_navigation_primary,
.ijrcm_drawer_nav .ijrcm_mobile_nav_list,
.ijrcm_drawer_nav ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  width: 100% !important;
}

.ijrcm_drawer_nav .pkp_navigation_primary>li,
.ijrcm_drawer_nav .ijrcm_mobile_nav_list>li,
.ijrcm_drawer_nav ul>li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  float: none !important;
}

.ijrcm_drawer_nav .pkp_navigation_primary>li>a,
.ijrcm_drawer_nav .ijrcm_mobile_nav_list>li>a,
.ijrcm_drawer_nav ul>li>a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 13px 14px !important;
  font-family: var(--ijrcm-font-heading) !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: var(--ijrcm-youming) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(200, 133, 61, 0.16) !important;
  border-radius: 6px !important;
  background: transparent !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.ijrcm_drawer_nav .pkp_navigation_primary>li>a:hover,
.ijrcm_drawer_nav .ijrcm_mobile_nav_list>li>a:hover,
.ijrcm_drawer_nav ul>li>a:hover {
  background: rgba(200, 133, 61, 0.12) !important;
  color: var(--ijrcm-zhuanhong) !important;
  padding-left: 18px !important;
}

/* Caret in drawer */
.ijrcm_drawer_nav li:has(> ul)>a::after {
  content: "▾";
  font-size: 11px;
  color: var(--ijrcm-tangcha);
}

/* Submenus in Drawer */
.ijrcm_drawer_nav .pkp_navigation_primary li ul,
.ijrcm_drawer_nav .ijrcm_mobile_nav_list li ul,
.ijrcm_drawer_nav ul li ul {
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  min-width: 100% !important;
  background: rgba(200, 133, 61, 0.05) !important;
  border: none !important;
  border-left: 3px solid var(--ijrcm-tangcha) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 4px 0 6px 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.ijrcm_drawer_nav .pkp_navigation_primary li ul li a,
.ijrcm_drawer_nav .ijrcm_mobile_nav_list li ul li a,
.ijrcm_drawer_nav ul li ul li a {
  display: block !important;
  padding: 9px 14px 9px 24px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ijrcm-youming) !important;
  border-bottom: 1px dashed rgba(200, 133, 61, 0.12) !important;
  background: transparent !important;
}

.ijrcm_drawer_nav .pkp_navigation_primary li ul li a:hover,
.ijrcm_drawer_nav .ijrcm_mobile_nav_list li ul li a:hover,
.ijrcm_drawer_nav ul li ul li a:hover {
  color: var(--ijrcm-zhuanhong) !important;
  padding-left: 28px !important;
}

/* Drawer CTA Buttons (Fix invisible Current Issue button!) */
.ijrcm_drawer_nav .ijrcm_ref_yellow_btn {
  background: linear-gradient(135deg, var(--ijrcm-tangcha) 0%, var(--ijrcm-tangcha-light) 100%) !important;
  color: #1A130B !important;
  font-weight: 800 !important;
  padding: 12px 20px !important;
  box-shadow: 0 4px 14px rgba(200, 133, 61, 0.3) !important;
  text-align: center !important;
  justify-content: center !important;
  border-radius: var(--ijrcm-radius-pill) !important;
  display: flex !important;
  align-items: center !important;
}

.ijrcm_drawer_nav .ijrcm_ref_dark_btn {
  background: var(--ijrcm-youming-deep) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  border: 1.5px solid var(--ijrcm-tangcha) !important;
  padding: 12px 20px !important;
  box-shadow: 0 4px 14px rgba(35, 26, 24, 0.15) !important;
  text-align: center !important;
  justify-content: center !important;
  border-radius: var(--ijrcm-radius-pill) !important;
  display: flex !important;
  align-items: center !important;
}

.ijrcm_drawer_nav .ijrcm_ref_dark_btn:hover {
  background: var(--ijrcm-zhuanhong) !important;
  border-color: var(--ijrcm-zhuanhong) !important;
  color: #FFFFFF !important;
}

.ijrcm_drawer_nav .ijrcm_ref_dark_btn svg {
  color: var(--ijrcm-tangcha) !important;
}

/* --- Breakpoint 1: Laptops (max-width: 1280px) --- */
@media (max-width: 1280px) {
  .ijrcm_nav_title_primary {
    font-size: 15px !important;
  }

  .ijrcm_ref_nav_list>li>a,
  .pkp_navigation_primary>li>a {
    padding: 6px 5px;
    font-size: 12px;
  }
}

/* --- Breakpoint 2: Small Laptops / Tablet Landscape (max-width: 1180px) --- */
@media (max-width: 1180px) {
  .ijrcm_nav_links_desktop {
    display: none !important;
  }

  .ijrcm_mobile_hamburger_btn {
    display: flex !important;
  }

  .ijrcm_nav_title_primary {
    font-size: 16px !important;
  }

  .ijrcm_ref_hero_grid {
    grid-template-columns: 1.1fr 0.9fr;
    gap: 32px;
  }
}

/* --- Breakpoint 3: Tablets (max-width: 992px) --- */
@media (max-width: 992px) {
  .ijrcm_nav_links_desktop {
    display: none !important;
  }

  .ijrcm_mobile_hamburger_btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .ijrcm_ref_hero_grid {
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }

  .ijrcm_ref_kicker_pill {
    margin-left: auto;
    margin-right: auto;
  }

  .ijrcm_ref_hero_desc {
    margin-left: auto;
    margin-right: auto;
  }

  .ijrcm_ref_hero_buttons {
    justify-content: center;
  }

  .ijrcm_ref_hero_metrics {
    justify-content: center;
  }

  .ijrcm_ref_hero_right {
    display: flex;
    justify-content: center;
  }

  .ijrcm_dynamic_cover_stage {
    margin: 20px auto 10px;
    max-width: 360px;
    padding: 24px 12px;
  }

  .ijrcm_3d_journal_book {
    transform: rotateY(-6deg) rotateX(2deg);
  }

  .ijrcm_ref_book_mockup {
    max-width: 320px;
  }

  .pkp_structure_content {
    flex-direction: column !important;
  }

  .pkp_structure_sidebar {
    width: 100% !important;
    flex: 1 1 100% !important;
    position: static !important;
  }
}

/* --- Breakpoint 4: Mobile Handhelds (max-width: 768px) --- */
@media (max-width: 768px) {
  .ijrcm_ref_topbar {
    padding: 8px 14px 4px 14px !important;
  }

  .ijrcm_ref_topbar_container {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }

  .ijrcm_ref_contact_items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .ijrcm_ref_contact_link {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
  }

  .ijrcm_ref_contact_link span {
    display: none !important;
  }

  .ijrcm_ref_top_auth {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    flex-shrink: 1 !important;
  }

  .ijrcm_pill_btn {
    padding: 5px 12px !important;
    font-size: 11.5px !important;
    white-space: nowrap !important;
  }

  .ijrcm_floating_nav_wrapper {
    padding: 6px 12px 10px 12px !important;
  }

  .ijrcm_floating_nav_pill {
    padding: 6px 8px 6px 12px !important;
    border-radius: 9999px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  .ijrcm_nav_brand_unit {
    min-width: 0 !important;
    flex-shrink: 1 !important;
  }

  .ijrcm_floating_nav_wrapper {
    padding: 6px 12px 10px 12px !important;
  }

  .ijrcm_floating_nav_pill {
    padding: 6px 10px 6px 12px !important;
    gap: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .ijrcm_nav_brand_unit {
    max-width: calc(100% - 84px) !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    flex-shrink: 1 !important;
    overflow: hidden !important;
  }

  .ijrcm_nav_brand_link {
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
  }

  .ijrcm_nav_logo_img {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex-shrink: 0 !important;
  }

  .ijrcm_nav_journal_title {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .ijrcm_nav_title_kicker {
    font-size: 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
  }

  .ijrcm_nav_title_primary {
    font-size: 12.5px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    line-height: 1.2 !important;
  }

  .ijrcm_nav_right_actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    z-index: 20 !important;
  }

  .ijrcm_circle_search_btn,
  .ijrcm_mobile_hamburger_btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
  }

  .ijrcm_hero_content_wrap,
  .ijrcm_ref_hero_outer {
    padding: 20px 14px 28px 14px;
  }

  .ijrcm_ref_hero_title {
    font-size: clamp(23px, 6.2vw, 30px);
    line-height: 1.22;
  }

  .ijrcm_ref_hero_buttons {
    flex-direction: column;
    width: 100%;
  }

  .ijrcm_ref_yellow_btn,
  .ijrcm_ref_dark_btn {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }

  .ijrcm_ref_hero_metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    width: 100%;
  }

  .ijrcm_ref_metric_divider {
    display: none;
  }

  .ijrcm_ref_metric_num {
    font-size: 16px;
  }

  .ijrcm_ref_metric_lbl {
    font-size: 11px;
  }

  .ijrcm_ref_cfp_card {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .ijrcm_ref_cfp_card .ijrcm_ref_yellow_btn {
    width: 100%;
    text-align: center;
  }

  .ijrcm_footer_grid {
    grid-template-columns: 1fr;
  }

  .ijrcm_ref_book_mockup {
    max-width: 280px;
  }
}

/* --- Breakpoint 5: Small Mobile (max-width: 480px) --- */
@media (max-width: 480px) {
  .ijrcm_floating_nav_wrapper {
    padding: 6px 8px 10px 8px !important;
  }

  .ijrcm_floating_nav_pill {
    padding: 5px 8px 5px 10px !important;
    gap: 6px !important;
  }

  .ijrcm_nav_brand_unit {
    max-width: calc(100% - 76px) !important;
  }

  .ijrcm_nav_logo_img {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }

  .ijrcm_nav_title_kicker {
    font-size: 7.5px !important;
  }

  .ijrcm_nav_title_primary {
    font-size: 11.5px !important;
  }

  .ijrcm_circle_search_btn,
  .ijrcm_mobile_hamburger_btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .ijrcm_ref_hero_metrics {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ijrcm_ref_metric_item {
    background: rgba(255, 255, 255, 0.05);
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid rgba(200, 133, 61, 0.2);
  }

  .ijrcm_dynamic_cover_stage {
    max-width: 310px;
    padding: 20px 6px;
  }

  .ijrcm_3d_journal_book {
    transform: rotateY(-3deg) rotateX(1deg);
  }

  .ijrcm_cover_chip_live {
    top: 4px;
    left: -4px;
    padding: 6px 12px;
  }

  .ijrcm_cover_chip_action {
    bottom: 2px;
    right: -4px;
    padding: 7px 13px;
  }

  .ijrcm_chip_status_title {
    font-size: 8.5px;
  }

  .ijrcm_chip_status_sub {
    font-size: 10px;
  }

  .ijrcm_chip_action_text {
    font-size: 10.5px;
  }
}