/* MilliyConf — young-scientists-forum — light theme + Uzbek floral mandala */

:root {
  --mc-primary: #0891b2;
  --mc-secondary: #0e7490;
  --mc-accent: #22c55e;
  --mc-ink: #0f172a;
  --mc-muted: #475569;
  --mc-dim: #94a3b8;
  --mc-soft: color-mix(in srgb, #0891b2 8%, white);
  --mc-soft-2: color-mix(in srgb, #0891b2 14%, white);
  --mc-border: color-mix(in srgb, #0891b2 22%, #e2e8f0);
  --mc-shadow: 0 18px 60px color-mix(in srgb, #0891b2 18%, transparent);
  --mc-radius: 16px;
}

html, body {
  background:
    radial-gradient(circle at 12% 4%, color-mix(in srgb, #0891b2 16%, transparent), transparent 30rem),
    radial-gradient(circle at 88% 6%, color-mix(in srgb, #0e7490 12%, transparent), transparent 32rem),
    linear-gradient(180deg, #fbfdff 0%, #f1f5f9 60%, #fbfdff 100%);
  color: var(--mc-ink);
  font-family: "Noto Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

a { color: var(--mc-primary); transition: color .15s ease; text-decoration: none; }
a:hover, a:focus { color: var(--mc-secondary); }

.pkp_structure_page, .pkp_structure_content, .pkp_structure_main { background: transparent; }
.pkp_structure_content { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* Remove OJS default theme vertical separator lines (pseudo-elements on main) */
.pkp_structure_main:before, .pkp_structure_main:after,
.pkp_structure_content:before, .pkp_structure_content:after { display: none !important; content: none !important; }
.pkp_structure_main { border-left: 0 !important; border-right: 0 !important; box-shadow: none !important; }

/* ============ COMPACT HERO ============ */
.pkp_structure_head {
  position: relative;
  overflow: visible; /* allow dropdowns to escape */
  border-bottom: 0 !important;
  background:
    linear-gradient(120deg, rgba(255,255,255,.96), rgba(245,250,255,.86)),
    radial-gradient(circle at 72% 24%, color-mix(in srgb, #0891b2 18%, transparent), transparent 22rem);
  box-shadow: 0 10px 40px color-mix(in srgb, #0891b2 7%, transparent);
}
/* Nuke any stray blue/dark from default OJS nav containers */
.pkp_site_nav_menu,
.pkp_site_nav_menu > div:not(.mc-nav-row),
.pkp_navigation_user_wrapper:not(.mc-nav-right *),
.pkp_navigation_primary_row:not(.mc-nav-row),
.pkp_head_wrapper > nav,
.pkp_head_wrapper > div.pkp_nav_container,
header.pkp_structure_head > nav,
header.pkp_structure_head .pkp_nav,
header.pkp_structure_head > div:last-child:not(.pkp_head_wrapper):not(.mc-nav-row) {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
nav.pkp_site_nav_menu { background: transparent !important; padding: 0 !important; margin: 0 !important; }
.pkp_head_wrapper, .pkp_structure_head { overflow: visible !important; }
/* Clip just the decorative mandala so it doesn't bleed onto nav */
.pkp_structure_head::after {
  -webkit-mask-image: radial-gradient(circle at 50% 50%, black 80%, transparent 100%);
          mask-image: radial-gradient(circle at 50% 50%, black 80%, transparent 100%);
}
.pkp_structure_head::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .45;
  background-image:
    linear-gradient(rgba(15,23,42,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.04) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

/* Hero — slightly taller so title doesn't kiss the nav */
.pkp_head_wrapper {
  position: relative;
  min-height: 280px;
  padding: 28px 28px 36px;
  z-index: 1;
}

/* Outer mandala (large, slow) */
.pkp_structure_head::after {
  content: '';
  position: absolute;
  top: -28px;
  right: -52px;
  width: 340px;
  height: 340px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 340' width='340' height='340'><defs><style> .mc-spin-cw { transform-origin: 170px 170px; animation: mc-spin-cw 140s linear infinite; } .mc-spin-ccw { transform-origin: 170px 170px; animation: mc-spin-ccw 90s linear infinite; } .mc-pulse { transform-origin: 170px 170px; animation: mc-pulse 6s ease-in-out infinite; } @keyframes mc-spin-cw { to { transform: rotate(360deg); } } @keyframes mc-spin-ccw { to { transform: rotate(-360deg); } } @keyframes mc-pulse { 0%,100% { opacity: .6; } 50% { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .mc-spin-cw, .mc-spin-ccw, .mc-pulse { animation: none !important; } }</style></defs><g stroke='%230e7490' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' fill='none'> <g class='mc-spin-cw'> <circle cx='170' cy='170' r='166' opacity='.55'/> <circle cx='170' cy='170' r='160' opacity='.4'/> <circle cx='170' cy='170' r='93.50000000000001' opacity='.4'/> <g fill='%230e7490' fill-opacity='.85' stroke='%230e7490' stroke-width='1.2'><g transform='rotate(0.00 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(25.71 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(51.43 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(77.14 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(102.86 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(128.57 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(154.29 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(180.00 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(205.71 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(231.43 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(257.14 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(282.86 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(308.57 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(334.29 170 170)'> <path d='M170 72.49999999999999 C160 54.94999999999999, 154 37.4, 162 20 C166 14, 174 14, 178 20 C186 37.4, 180 54.94999999999999, 170 72.49999999999999 Z'/> <circle cx='170' cy='18' r='2.4' fill='%230e7490'/> <path d='M158 68.49999999999999 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M182 68.49999999999999 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g></g> </g> <g class='mc-spin-ccw mc-pulse' fill='%230e7490'> <circle cx='190.81' cy='78.84' r='2' fill='%230e7490'/><circle cx='228.30' cy='96.90' r='2' fill='%230e7490'/><circle cx='254.24' cy='129.43' r='2' fill='%230e7490'/><circle cx='263.50' cy='170.00' r='2' fill='%230e7490'/><circle cx='254.24' cy='210.57' r='2' fill='%230e7490'/><circle cx='228.30' cy='243.10' r='2' fill='%230e7490'/><circle cx='190.81' cy='261.16' r='2' fill='%230e7490'/><circle cx='149.19' cy='261.16' r='2' fill='%230e7490'/><circle cx='111.70' cy='243.10' r='2' fill='%230e7490'/><circle cx='85.76' cy='210.57' r='2' fill='%230e7490'/><circle cx='76.50' cy='170.00' r='2' fill='%230e7490'/><circle cx='85.76' cy='129.43' r='2' fill='%230e7490'/><circle cx='111.70' cy='96.90' r='2' fill='%230e7490'/><circle cx='149.19' cy='78.84' r='2' fill='%230e7490'/> <path d='M179.00 170.00 L172.83 172.83 L170.00 179.00 L167.17 172.83 L161.00 170.00 L167.17 167.17 L170.00 161.00 L172.83 167.17 Z' stroke='%230e7490' stroke-width='1' fill='%230e7490' fill-opacity='.6'/> </g></g></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  opacity: .55;
  filter: drop-shadow(0 8px 22px color-mix(in srgb, #0891b2 18%, transparent));
}
/* Inner mandala (smaller, layered) */
.pkp_head_wrapper::after {
  content: '';
  position: absolute;
  top: 12px;
  right: 38px;
  width: 200px;
  height: 200px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' width='240' height='240'><defs><style> .mc-spin-cw { transform-origin: 120px 120px; animation: mc-spin-cw 140s linear infinite; } .mc-spin-ccw { transform-origin: 120px 120px; animation: mc-spin-ccw 90s linear infinite; } .mc-pulse { transform-origin: 120px 120px; animation: mc-pulse 6s ease-in-out infinite; } @keyframes mc-spin-cw { to { transform: rotate(360deg); } } @keyframes mc-spin-ccw { to { transform: rotate(-360deg); } } @keyframes mc-pulse { 0%,100% { opacity: .6; } 50% { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .mc-spin-cw, .mc-spin-ccw, .mc-pulse { animation: none !important; } }</style></defs><g stroke='%230891b2' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' fill='none'> <g class='mc-spin-cw'> <circle cx='120' cy='120' r='116' opacity='.55'/> <circle cx='120' cy='120' r='110' opacity='.4'/> <circle cx='120' cy='120' r='66' opacity='.4'/> <g fill='%230891b2' fill-opacity='.85' stroke='%230891b2' stroke-width='1.2'><g transform='rotate(0.00 120 120)'> <path d='M120 50 C110 39.2, 104 28.400000000000002, 112 20 C116 14, 124 14, 128 20 C136 28.400000000000002, 130 39.2, 120 50 Z'/> <circle cx='120' cy='18' r='2.4' fill='%230891b2'/> <path d='M108 46 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M132 46 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(36.00 120 120)'> <path d='M120 50 C110 39.2, 104 28.400000000000002, 112 20 C116 14, 124 14, 128 20 C136 28.400000000000002, 130 39.2, 120 50 Z'/> <circle cx='120' cy='18' r='2.4' fill='%230891b2'/> <path d='M108 46 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M132 46 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(72.00 120 120)'> <path d='M120 50 C110 39.2, 104 28.400000000000002, 112 20 C116 14, 124 14, 128 20 C136 28.400000000000002, 130 39.2, 120 50 Z'/> <circle cx='120' cy='18' r='2.4' fill='%230891b2'/> <path d='M108 46 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M132 46 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(108.00 120 120)'> <path d='M120 50 C110 39.2, 104 28.400000000000002, 112 20 C116 14, 124 14, 128 20 C136 28.400000000000002, 130 39.2, 120 50 Z'/> <circle cx='120' cy='18' r='2.4' fill='%230891b2'/> <path d='M108 46 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M132 46 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(144.00 120 120)'> <path d='M120 50 C110 39.2, 104 28.400000000000002, 112 20 C116 14, 124 14, 128 20 C136 28.400000000000002, 130 39.2, 120 50 Z'/> <circle cx='120' cy='18' r='2.4' fill='%230891b2'/> <path d='M108 46 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M132 46 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(180.00 120 120)'> <path d='M120 50 C110 39.2, 104 28.400000000000002, 112 20 C116 14, 124 14, 128 20 C136 28.400000000000002, 130 39.2, 120 50 Z'/> <circle cx='120' cy='18' r='2.4' fill='%230891b2'/> <path d='M108 46 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M132 46 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(216.00 120 120)'> <path d='M120 50 C110 39.2, 104 28.400000000000002, 112 20 C116 14, 124 14, 128 20 C136 28.400000000000002, 130 39.2, 120 50 Z'/> <circle cx='120' cy='18' r='2.4' fill='%230891b2'/> <path d='M108 46 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M132 46 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(252.00 120 120)'> <path d='M120 50 C110 39.2, 104 28.400000000000002, 112 20 C116 14, 124 14, 128 20 C136 28.400000000000002, 130 39.2, 120 50 Z'/> <circle cx='120' cy='18' r='2.4' fill='%230891b2'/> <path d='M108 46 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M132 46 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(288.00 120 120)'> <path d='M120 50 C110 39.2, 104 28.400000000000002, 112 20 C116 14, 124 14, 128 20 C136 28.400000000000002, 130 39.2, 120 50 Z'/> <circle cx='120' cy='18' r='2.4' fill='%230891b2'/> <path d='M108 46 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M132 46 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g><g transform='rotate(324.00 120 120)'> <path d='M120 50 C110 39.2, 104 28.400000000000002, 112 20 C116 14, 124 14, 128 20 C136 28.400000000000002, 130 39.2, 120 50 Z'/> <circle cx='120' cy='18' r='2.4' fill='%230891b2'/> <path d='M108 46 q-6 -4 -10 0 q6 4 10 0' fill='none'/> <path d='M132 46 q6 -4 10 0 q-6 4 -10 0' fill='none'/></g></g> </g> <g class='mc-spin-ccw mc-pulse' fill='%230891b2'> <circle cx='140.40' cy='57.23' r='2' fill='%230891b2'/><circle cx='173.40' cy='81.21' r='2' fill='%230891b2'/><circle cx='186.00' cy='120.00' r='2' fill='%230891b2'/><circle cx='173.40' cy='158.79' r='2' fill='%230891b2'/><circle cx='140.40' cy='182.77' r='2' fill='%230891b2'/><circle cx='99.60' cy='182.77' r='2' fill='%230891b2'/><circle cx='66.60' cy='158.79' r='2' fill='%230891b2'/><circle cx='54.00' cy='120.00' r='2' fill='%230891b2'/><circle cx='66.60' cy='81.21' r='2' fill='%230891b2'/><circle cx='99.60' cy='57.23' r='2' fill='%230891b2'/> <path d='M129.00 120.00 L122.83 122.83 L120.00 129.00 L117.17 122.83 L111.00 120.00 L117.17 117.17 L120.00 111.00 L122.83 117.17 Z' stroke='%230891b2' stroke-width='1' fill='%230891b2' fill-opacity='.6'/> </g></g></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: -1;
  opacity: .9;
}

.pkp_site_name_wrapper { position: relative; z-index: 2; max-width: min(720px, calc(100% - 240px)); }
.pkp_site_name { padding-top: 4px; }
.pkp_site_name::before {
  content: 'ITAT 2026 · Tashkent · NUUz · Univ. of Malta · SISU · Innovative Academy';
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 6px 12px;
  border: 1px solid var(--mc-border);
  border-radius: 999px;
  background: var(--mc-soft);
  color: color-mix(in srgb, #0891b2 78%, var(--mc-ink));
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
:lang(ru) .pkp_site_name::before { content: 'ITAT 2026 · Tashkent · NUUz · Univ. of Malta · SISU · Innovative Academy'; }
:lang(en) .pkp_site_name::before { content: 'ITAT 2026 · Tashkent · NUUz · Univ. of Malta · SISU · Innovative Academy'; }

.pkp_site_name .is_text,
.pkp_site_name > a,
.pkp_site_name a.is_img {
  display: inline-block;
  max-width: 720px;
  color: var(--mc-ink);
  font-size: clamp(1.55rem, 3.2vw, 2.55rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

/* ============ NAV — single-row pill (menu + user + locale + search) ============ */
.pkp_navigation_primary_row.mc-nav-row {
  position: relative;
  z-index: 1000;
  box-sizing: border-box;
  width: min(1160px, calc(100% - 32px));
  margin: 16px auto 0;
  border: 1px solid color-mix(in srgb, #0891b2 22%, white);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 50px color-mix(in srgb, #0891b2 12%, transparent);
  backdrop-filter: blur(18px);
}
.mc-nav-row .pkp_navigation_primary_wrapper {
  display: flex !important;
  gap: 6px;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 6px 12px;
  overflow: visible;
}
.mc-nav-right {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
.pkp_navigation_primary {
  display: flex !important;
  flex-wrap: wrap;
  gap: 4px 8px;
  align-items: center;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_navigation_primary > li,
.pkp_navigation_user > li {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > span,
.pkp_navigation_user > li > a {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 14px !important;
  border-radius: 999px;
  color: var(--mc-ink) !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  transition: background .15s ease, color .15s ease;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > span:hover,
.pkp_navigation_user > li > a:hover {
  background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));
  color: white !important;
}
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a.is_active {
  background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));
  color: white !important;
  box-shadow: 0 6px 18px color-mix(in srgb, #0891b2 30%, transparent);
}

/* Dropdown submenu */
.pkp_navigation_primary ul,
.pkp_navigation_user ul {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 5000;
  min-width: 230px;
  list-style: none;
  margin: 0;
  padding: 6px;
  border: 1px solid color-mix(in srgb, #0891b2 20%, white);
  border-radius: 16px;
  background: rgba(255,255,255,0.97);
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(14px);
  visibility: hidden;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity .14s ease, transform .14s ease, visibility .14s;
}
.pkp_navigation_primary > li:hover > ul,
.pkp_navigation_primary > li:focus-within > ul,
.pkp_navigation_user > li:hover > ul,
.pkp_navigation_user > li:focus-within > ul { visibility: visible; opacity: 1; transform: translateY(0); }
.pkp_navigation_primary ul a,
.pkp_navigation_user ul a {
  display: block;
  padding: 10px 14px;
  border-radius: 10px;
  color: var(--mc-ink) !important;
  font-weight: 600;
  font-size: 13.5px;
  text-decoration: none;
}
.pkp_navigation_primary ul a:hover,
.pkp_navigation_user ul a:hover { background: var(--mc-soft); color: var(--mc-primary) !important; }

/* Auth dropdown (single button — user icon + label, opens menu) */
.mc-auth-dropdown { position: relative; }
.mc-auth-dropdown summary,
.mc-auth-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));
  color: white !important;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  user-select: none;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 6px 18px color-mix(in srgb, #0891b2 28%, transparent);
  transition: transform .15s, box-shadow .15s;
}
.mc-auth-dropdown summary::-webkit-details-marker { display: none; }
.mc-auth-dropdown summary:hover { transform: translateY(-1px); box-shadow: 0 10px 24px color-mix(in srgb, #0891b2 36%, transparent); }
.mc-auth-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 7000;
  min-width: 200px;
  padding: 6px;
  border: 1px solid color-mix(in srgb, #0891b2 20%, white);
  border-radius: 14px;
  background: rgba(255,255,255,0.98);
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(14px);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mc-auth-opt {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 10px 14px !important;
  border-radius: 10px;
  color: var(--mc-ink) !important;
  font-weight: 600;
  font-size: 13.5px;
  text-decoration: none !important;
}
.mc-auth-opt:hover { background: var(--mc-soft); color: var(--mc-primary) !important; }
.mc-auth-opt.mc-auth-primary {
  background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));
  color: white !important;
}
.mc-auth-opt.mc-auth-primary svg { stroke: white; }
.mc-auth-opt.mc-auth-primary:hover { filter: brightness(1.05); color: white !important; }

/* User menu (when logged in) */
.mc-nav-right .pkp_navigation_user_wrapper {
  display: flex !important;
  position: relative !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.pkp_navigation_user {
  display: flex !important;
  gap: 4px;
  align-items: center;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_navigation_user > li { list-style: none; margin: 0; padding: 0; }
.pkp_navigation_user > li > a {
  display: inline-flex; align-items: center; height: 36px; padding: 0 14px;
  border-radius: 999px; background: rgba(15,23,42,0.04);
  color: var(--mc-ink) !important; font-size: 13px; font-weight: 700;
  text-decoration: none;
}
.pkp_navigation_user > li > a:hover { background: var(--mc-soft); }

/* Make all nav ancestors allow dropdowns to escape */
.mc-nav-row, .mc-nav-row .pkp_navigation_primary_wrapper,
.mc-nav-right, .pkp_navigation_primary, .pkp_navigation_user_wrapper { overflow: visible !important; }

/* Locale globe dropdown */
.mc-locale-dropdown { position: relative; }
.mc-locale-dropdown summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(15,23,42,0.04);
  color: var(--mc-ink);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  user-select: none;
  border: 1px solid transparent;
  transition: background .15s, border-color .15s;
}
.mc-locale-dropdown summary::-webkit-details-marker { display: none; }
.mc-locale-dropdown summary:hover { background: var(--mc-soft); border-color: color-mix(in srgb, #0891b2 24%, transparent); }
.mc-locale-dropdown[open] summary {
  background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));
  color: white;
  box-shadow: 0 6px 18px color-mix(in srgb, #0891b2 28%, transparent);
}
.mc-locale-current { font-weight: 800; letter-spacing: .04em; font-size: 12px; }
.mc-locale-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 6000;
  min-width: 180px;
  padding: 6px;
  border: 1px solid color-mix(in srgb, #0891b2 20%, white);
  border-radius: 14px;
  background: rgba(255,255,255,0.98);
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(14px);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mc-locale-opt {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px !important;
  border-radius: 10px;
  color: var(--mc-ink) !important;
  font-weight: 600;
  font-size: 13.5px;
  text-decoration: none !important;
}
.mc-locale-opt:hover { background: var(--mc-soft); color: var(--mc-primary) !important; }
.mc-locale-opt.is_active { background: var(--mc-soft); color: var(--mc-primary) !important; font-weight: 800; }
.mc-locale-opt .mc-locale-code { font-size: 11.5px; letter-spacing: .06em; opacity: .65; }

/* Search button (inline icon + label) */
.mc-nav-search {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(15,23,42,0.04);
  color: var(--mc-ink) !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.mc-nav-search:hover {
  background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));
  color: white !important;
}

/* Mobile menu */
.pkp_site_nav_toggle { display: none !important; }

/* CSS-only mobile hamburger toggle (checkbox + label pattern) */
.mc-mobile-toggle-input { position: absolute; opacity: 0; pointer-events: none; }
.mc-mobile-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(15,23,42,0.04);
  color: var(--mc-ink);
  cursor: pointer;
  border: 1px solid transparent;
  transition: background .15s, border-color .15s;
  flex-shrink: 0;
}
.mc-mobile-toggle:hover {
  background: var(--mc-soft);
  border-color: color-mix(in srgb, #0891b2 22%, transparent);
}
.mc-toggle-close { display: none; }
.mc-mobile-toggle-input:checked ~ .mc-nav-row .mc-mobile-toggle .mc-toggle-open { display: none; }
.mc-mobile-toggle-input:checked ~ .mc-nav-row .mc-mobile-toggle .mc-toggle-close { display: inline-block; }
@media (max-width: 900px) {
  /* OJS default theme hides the whole nav on mobile expecting its own toggle —
     force it visible since we have our own hamburger toggle */
  nav.pkp_site_nav_menu {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
  }
  .pkp_navigation_primary_row.mc-nav-row { width: calc(100% - 16px); border-radius: 22px; margin-top: 10px; }
  .mc-nav-row .pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    padding: 6px 10px;
    min-height: 48px;
    gap: 8px;
  }
  /* Show hamburger toggle on mobile */
  .mc-mobile-toggle { display: inline-flex !important; }
  /* Hide primary menu by default on mobile; show when toggle checked */
  .pkp_navigation_primary {
    display: none !important;
    width: 100%;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px;
    order: 99;
  }
  .mc-mobile-toggle-input:checked ~ .mc-nav-row .pkp_navigation_primary {
    display: flex !important;
    border-top: 1px solid color-mix(in srgb, #0891b2 18%, transparent);
    padding: 8px 0 6px;
    margin-top: 4px;
  }
  .pkp_navigation_primary > li > a, .pkp_navigation_primary > li > span {
    width: 100%; justify-content: flex-start; padding: 12px 16px !important; border-radius: 14px;
  }
  .pkp_navigation_primary ul {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 12px !important;
  }
  /* Right cluster stays inline on top row with the toggle */
  .mc-nav-right {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto;
    gap: 6px;
  }
  .mc-search-label, .mc-auth-label, .mc-locale-current { display: none; }
  .mc-nav-search, .mc-auth-trigger, .mc-locale-trigger {
    width: 36px; height: 36px; padding: 0 !important;
    justify-content: center;
  }
  .pkp_head_wrapper { padding: 16px 16px 20px; min-height: 160px; }
  .pkp_structure_head::after { right: -130px; opacity: .22; width: 260px; height: 260px; }
  .pkp_head_wrapper::after { display: none; }
  .pkp_site_name_wrapper { max-width: 100%; }
  .pkp_site_name .is_text { font-size: 1.4rem; }
  .pkp_site_name::before { font-size: 10.5px; padding: 5px 10px; }
}

/* ============ CONTENT CARDS ============ */
.obj_issue_summary, .obj_article_summary,
.cmp_announcement, .item.announcement,
.cmp_homepage_block, .homepage_image, .additional_content {
  background: white !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: var(--mc-radius) !important;
  padding: 22px !important;
  box-shadow: 0 4px 18px rgba(15,23,42,.04);
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.obj_issue_summary:hover, .obj_article_summary:hover {
  border-color: var(--mc-primary) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 40px color-mix(in srgb, #0891b2 14%, transparent);
}
.obj_issue_summary .title a,
.obj_article_summary .title a,
.obj_article_summary h3 a {
  color: var(--mc-ink) !important;
  font-weight: 600;
  font-size: 17px;
}
.obj_issue_summary .description,
.obj_article_summary .meta { color: var(--mc-muted) !important; }

h1, h2, h3, h4, h5 { color: var(--mc-ink); letter-spacing: -0.02em; }
h1, .page_title { font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important; line-height: 1.15 !important; }
h2 { font-size: 1.5rem !important; }
h3 { font-size: 1.2rem !important; }

/* Buttons */
.pkp_button, button.pkp_button, .btn,
input[type="submit"], button[type="submit"], .cmp_button {
  background: linear-gradient(180deg, var(--mc-primary), var(--mc-secondary)) !important;
  color: white !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 22px color-mix(in srgb, #0891b2 28%, transparent);
  transition: transform .15s, box-shadow .15s;
}
.pkp_button:hover, input[type="submit"]:hover, button[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 32px color-mix(in srgb, #0891b2 36%, transparent);
}

/* Forms */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="url"], input[type="search"],
textarea, select {
  background: white !important;
  border: 1px solid var(--mc-border) !important;
  color: var(--mc-ink) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 14px;
}
input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: var(--mc-primary) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, #0891b2 18%, transparent) !important;
}

/* Tables */
table { background: white; border: 1px solid var(--mc-border); border-radius: var(--mc-radius); overflow: hidden; }
th { background: var(--mc-soft) !important; color: var(--mc-ink) !important; font-weight: 600 !important; }

/* Sidebar */
.pkp_block { background: white; border: 1px solid var(--mc-border); border-radius: var(--mc-radius); padding: 22px; }
.pkp_block .title {
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11.5px;
  color: var(--mc-primary) !important;
  margin-bottom: 12px;
  font-weight: 600;
}

.ui-tabs .ui-tabs-nav, .pkp_controllers_tab { border-bottom: 1px solid var(--mc-border) !important; }
.ui-tabs .ui-tabs-nav .ui-tabs-active a { color: var(--mc-primary) !important; border-bottom: 2px solid var(--mc-primary) !important; }

/* ============ ARTICLE VIEW — clean two-column layout ============ */
/* IMPORTANT: We must override OJS default theme's float-based layout.
   Default uses .obj_article_details .main_entry { float: left; width: 560px }
   We use higher specificity (article.obj_article_details ...) + !important. */

article.obj_article_details, .obj_article_details {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* CRITICAL: kill default theme negative margins on .row and floats */
article.obj_article_details > .row,
.obj_article_details .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 40px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
@media (max-width: 900px) {
  article.obj_article_details > .row,
  .obj_article_details .row {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

article.obj_article_details > .row > .main_entry,
.obj_article_details .main_entry {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  min-width: 0 !important;
  grid-column: 1 !important;
}

article.obj_article_details > .row > .entry_details,
.obj_article_details .entry_details {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 14px !important;
  background: white !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  position: sticky;
  top: 90px;
  align-self: start !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
  overflow: hidden;
  grid-column: 2 !important;
}

.page_article { margin-top: 24px; }
.page_article .cmp_breadcrumbs {
  margin-bottom: 20px;
  font-size: 13px;
}
.page_article .cmp_breadcrumbs ol {
  display: flex; flex-wrap: wrap; gap: 4px;
  list-style: none; padding: 0; margin: 0;
}
.page_article .cmp_breadcrumbs li { color: var(--mc-muted); }
.page_article .cmp_breadcrumbs a { color: var(--mc-primary); text-decoration: none; }
.page_article .cmp_breadcrumbs a:hover { text-decoration: underline; }
.page_article .cmp_breadcrumbs .separator { color: var(--mc-dim); margin: 0 6px; }

/* Article wrapper */
article.obj_article_details {
  display: block !important;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}

/* Article title — hero with accent underline */
article.obj_article_details > h1.page_title {
  display: block;
  color: var(--mc-ink) !important;
  font-size: clamp(1.7rem, 3vw, 2.4rem) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.022em;
  padding: 4px 0 22px;
  margin: 0 0 26px !important;
  border-bottom: 0 !important;
  position: relative;
}
article.obj_article_details > h1.page_title::after {
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  width: 72px; height: 3px;
  background: linear-gradient(90deg, var(--mc-primary), var(--mc-secondary));
  border-radius: 2px;
}

/* TWO-COLUMN GRID is on .row */
.page_article .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 40px;
  align-items: start;
}
@media (max-width: 900px) {
  .page_article .row { grid-template-columns: 1fr; gap: 28px; }
}

/* Main entry — left column */
.main_entry {
  background: transparent;
  display: flex !important;
  flex-direction: column;
  gap: 26px;
  min-width: 0;
}
.obj_article_details .main_entry > .item, .main_entry > .item {
  background: white !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 14px !important;
  padding: 22px 26px !important;
  margin: 0 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.03);
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Section labels (Mualliflar / Abstrak / Kalit so'zlar etc.) */
.main_entry > .item > .label,
.main_entry > .item > h2.label,
.main_entry > .item > h2 {
  display: block;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mc-primary);
  margin: 0 0 14px !important;
  padding: 0;
  border: 0;
}

/* Authors */
.main_entry .item.authors .value,
.main_entry .item.authors ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.main_entry .item.authors .name,
.main_entry .item.authors .author,
.main_entry .item.authors li {
  display: inline-flex !important;
  flex-direction: column;
  padding: 10px 14px;
  background: var(--mc-soft);
  border: 1px solid var(--mc-border);
  border-radius: 10px;
  border-right: 0 !important;
  margin: 0 !important;
  font-weight: 600;
  color: var(--mc-ink);
  font-size: 14px;
  line-height: 1.3;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.main_entry .item.authors .name:hover,
.main_entry .item.authors .author:hover {
  transform: translateY(-1px);
  border-color: var(--mc-primary);
  background: color-mix(in srgb, var(--mc-primary) 6%, white);
}
.main_entry .item.authors .affiliation {
  display: block;
  font-size: 12px;
  color: var(--mc-muted);
  font-weight: 500;
  margin-top: 3px;
}

/* Abstract */
.main_entry .item.abstract {
  background: linear-gradient(180deg, var(--mc-soft) 0%, white 50%);
  border-left: 4px solid var(--mc-primary) !important;
  padding: 22px 26px;
}
.main_entry .item.abstract .label { color: var(--mc-primary); }
.main_entry .item.abstract p {
  font-size: 15px;
  line-height: 1.75;
  margin: 0 0 12px;
  color: var(--mc-ink);
}
.main_entry .item.abstract p:last-child { margin-bottom: 0; }

/* Keywords — pill list */
.main_entry .item.keywords .value {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
}
.main_entry .item.keywords .keyword,
.main_entry .item.keywords li {
  display: inline-flex;
  padding: 5px 12px;
  background: var(--mc-soft);
  border: 1px solid var(--mc-border);
  border-radius: 999px;
  font-size: 12.5px;
  color: var(--mc-ink);
  list-style: none;
  margin: 0;
  transition: background .15s, border-color .15s, transform .15s;
}
.main_entry .item.keywords .keyword:hover {
  background: color-mix(in srgb, var(--mc-primary) 8%, white);
  border-color: var(--mc-primary);
  transform: translateY(-1px);
}

/* References */
.main_entry .item.references .value {
  font-size: 14px;
  line-height: 1.7;
  color: var(--mc-ink);
}
.main_entry .item.references p {
  padding-left: 16px;
  border-left: 2px solid var(--mc-border);
  margin: 0 0 12px;
}

/* Galleys (PDF download) */
.main_entry .item.galleys, .item.galleys {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.item.galleys .label { width: 100%; }
.item.galleys ul {
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.item.galleys a, .obj_galley_link {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 11px 22px !important;
  background: linear-gradient(180deg, var(--mc-primary), var(--mc-secondary)) !important;
  color: white !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px color-mix(in srgb, #0891b2 28%, transparent) !important;
  transition: transform .15s, box-shadow .15s !important;
}
.item.galleys a:hover, .obj_galley_link:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px color-mix(in srgb, #0891b2 38%, transparent) !important;
}

/* Sidebar (entry_details) — right column */
.entry_details {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  background: white !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 14px !important;
  padding: 0 !important;
  position: sticky;
  top: 90px;
  align-self: start;
  box-shadow: 0 1px 2px rgba(15,23,42,.03);
  overflow: hidden;
}
.entry_details > .item {
  padding: 18px 22px;
  border-bottom: 1px solid var(--mc-border);
  background: white;
}
.entry_details > .item:last-child { border-bottom: 0; }
.entry_details > .item.cover_image {
  padding: 0;
  border-bottom: 1px solid var(--mc-border);
}
.entry_details > .item.cover_image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
}
.entry_details .label {
  display: block;
  font-size: 11px !important;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mc-primary) !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
  padding: 0;
  border: 0;
}
.entry_details .value {
  font-size: 14px;
  color: var(--mc-ink);
  line-height: 1.5;
}
.entry_details .value a { color: var(--mc-primary); text-decoration: none; }
.entry_details .value a:hover { text-decoration: underline; }

/* How to cite (citation card in sidebar) */
.entry_details .item.citation .citation_display {
  background: var(--mc-soft);
  border: 1px solid var(--mc-border);
  border-radius: 10px;
  padding: 12px;
  margin-top: 8px;
}
.entry_details .item.citation #citationOutput {
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--mc-ink);
  background: white;
  border: 1px solid var(--mc-border);
  border-radius: 8px;
  padding: 11px 13px;
  margin-top: 8px;
  max-height: 220px;
  overflow-y: auto;
  word-wrap: break-word;
}
.entry_details .citation_formats { margin-top: 10px; }
.entry_details .citation_formats_button {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 6px 12px !important;
  background: white !important;
  color: var(--mc-primary) !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.entry_details .citation_formats_button:hover { background: var(--mc-primary) !important; color: white !important; }
.entry_details .citation_formats_list {
  margin-top: 8px;
  background: white;
  border: 1px solid var(--mc-border);
  border-radius: 10px;
  padding: 6px;
}
.entry_details .citation_formats_list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.entry_details .citation_formats_list li a {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  color: var(--mc-ink) !important;
  text-decoration: none;
  transition: background .15s;
}
.entry_details .citation_formats_list li a:hover { background: var(--mc-soft); color: var(--mc-primary) !important; }

/* Section spacing reset — was triggering double-card before */
.main_entry section.item, .main_entry div.item { margin: 0 !important; }

/* ============ ISSUE TOC — remove section title background ============ */
/* Default OJS wraps section titles (like "Konferensiya materiallari") with a fieldset/legend that has a background. Strip it. */
.obj_issue_toc .section h2,
.obj_issue_toc .section_title,
.obj_issue_toc .section legend,
.page_issue .section h2,
.page_issue .section legend,
.section_heading {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--mc-border) !important;
  padding: 0 0 12px !important;
  margin: 28px 0 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--mc-primary) !important;
  box-shadow: none !important;
}
.obj_issue_toc fieldset,
.page_issue fieldset {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
.obj_issue_toc .articles_list,
.obj_issue_toc ul.cmp_article_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Generic readability for static and article pages */
.ia-policy-page, .static-page-view, .obj_article_details, .page {
  font-size: 15px;
  line-height: 1.7;
  color: var(--mc-ink);
}
.ia-policy-page h2, .ia-policy-page h3 {
  margin-top: 28px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 14px;
}
.ia-policy-page h2::before, .ia-policy-page h3::before {
  content: '';
  position: absolute;
  left: 0; top: 0.3em; bottom: 0.3em;
  width: 4px;
  background: linear-gradient(180deg, var(--mc-primary), var(--mc-secondary));
  border-radius: 2px;
}
.ia-policy-page ul li, .ia-policy-page ol li { margin-bottom: 6px; }
.ia-policy-page a { color: var(--mc-primary); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.ia-policy-page a:hover { color: var(--mc-secondary); }

hr { border: 0; border-top: 1px solid var(--mc-border); margin: 32px 0; }
blockquote { border-left: 3px solid var(--mc-primary); padding: 4px 20px; color: var(--mc-muted); background: var(--mc-soft); border-radius: 0 var(--mc-radius) var(--mc-radius) 0; }

/* ============ FOOTER (UI redesign) ============ */
.pkp_structure_footer_wrapper {
  background:
    linear-gradient(180deg, rgba(255,255,255,0) 0%, var(--mc-soft) 100%),
    radial-gradient(circle at 10% 100%, color-mix(in srgb, #0891b2 14%, transparent), transparent 28rem),
    radial-gradient(circle at 90% 100%, color-mix(in srgb, #0e7490 10%, transparent), transparent 30rem);
  border-top: 1px solid var(--mc-border);
  margin-top: 80px;
  position: relative;
  overflow: hidden;
}
.pkp_structure_footer_wrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .4;
  background-image:
    linear-gradient(rgba(15,23,42,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.04) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 30%);
          mask-image: linear-gradient(180deg, transparent, #000 30%);
}
.pkp_structure_footer { max-width: 1200px; margin: 0 auto; padding: 56px 24px 24px; position: relative; }
.pkp_brand_footer { display: none !important; }

.mc-ia-footer {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 40px;
}
.mc-ia-footer h2 {
  font-size: 1.25rem !important;
  font-weight: 700;
  color: var(--mc-ink);
  margin: 0 0 10px;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mc-ia-footer h2::before {
  content: '';
  display: inline-flex;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));
  box-shadow: 0 6px 18px color-mix(in srgb, #0891b2 28%, transparent);
}
.mc-ia-footer h4 {
  font-size: 11.5px !important;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mc-primary);
  margin: 0 0 14px;
}
.mc-ia-footer p { margin: 0 0 8px; color: var(--mc-muted); line-height: 1.65; font-size: 14px; }
.mc-ia-footer ul { list-style: none; padding: 0; margin: 0; }
.mc-ia-footer ul li { margin: 0 0 10px; }
.mc-ia-footer ul li a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--mc-ink) !important;
  font-size: 14px;
  transition: color .15s, transform .15s;
}
.mc-ia-footer ul li a:hover { color: var(--mc-primary) !important; transform: translateX(2px); }
.mc-ia-footer ul li a::before {
  content: '→';
  color: var(--mc-primary);
  opacity: .5;
  font-weight: bold;
  transition: opacity .15s;
}
.mc-ia-footer ul li a:hover::before { opacity: 1; }

.mc-ia-footer .mc-ia-bottom {
  grid-column: 1 / -1;
  border-top: 1px solid var(--mc-border);
  padding-top: 20px;
  margin-top: 16px;
  font-size: 12.5px;
  color: var(--mc-dim);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.mc-ia-footer .mc-ia-bottom strong { color: var(--mc-muted); }
.mc-ia-footer .mc-ia-badges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}
.mc-ia-footer .mc-ia-badges span {
  display: inline-flex;
  padding: 3px 10px;
  background: white;
  border: 1px solid var(--mc-border);
  border-radius: 999px;
  font-size: 11px;
  color: var(--mc-muted);
  letter-spacing: .04em;
}

@media (max-width: 900px) {
  .mc-ia-footer { grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (max-width: 600px) {
  .mc-ia-footer { grid-template-columns: 1fr; gap: 24px; }
}