/* ==========================================================================
   JFI Online — Custom Stylesheet "Premium" (OJS 3.x, tema Default)
   Letakkan di: Pengaturan > Website > Tampilan > Lanjutan > Stylesheet Jurnal
   Catatan: @import harus tetap di baris pertama berkas ini.
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600;8..60,700&display=swap");

/* --------------------------------------------------------------------------
   1. TOKEN DESAIN (ubah warna merek cukup di sini)
   -------------------------------------------------------------------------- */
:root {
  --jfi-navy: #072275;
  --jfi-navy-deep: #04134a;
  --jfi-blue: #0a5fc4;
  --jfi-sky: #2f9bff;
  --jfi-teal: #077870;
  --jfi-lime: #8fad0a;
  --jfi-gold: #e0a526;
  --jfi-ink: #14213d;
  --jfi-muted: #5b6785;
  --jfi-line: #dbe4f3;
  --jfi-surface: #ffffff;
  --jfi-canvas: #eaf1fb;
  --jfi-radius: 16px;
  --jfi-radius-sm: 10px;
  --jfi-shadow-sm: 0 1px 2px rgba(7, 34, 117, .06), 0 4px 12px rgba(7, 34, 117, .06);
  --jfi-shadow-md: 0 2px 4px rgba(7, 34, 117, .06), 0 12px 28px rgba(7, 34, 117, .12);
  --jfi-shadow-lg: 0 6px 12px rgba(7, 34, 117, .08), 0 24px 48px rgba(7, 34, 117, .16);
  --jfi-font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --jfi-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --jfi-ease: cubic-bezier(.22, .8, .3, 1);
}

/* --------------------------------------------------------------------------
   2. DASAR & LATAR BERANIMASI
   -------------------------------------------------------------------------- */
html {
  background: var(--jfi-canvas);
  scroll-behavior: smooth;
}

body {
  font-family: var(--jfi-font);
  color: var(--jfi-ink);
  background: transparent;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Lapisan 1: gumpalan cahaya yang melayang pelan */
body::before {
  content: "";
  position: fixed;
  inset: -25%;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(38% 34% at 18% 22%, rgba(47, 155, 255, .34), transparent 70%),
    radial-gradient(34% 32% at 82% 18%, rgba(7, 120, 112, .26), transparent 70%),
    radial-gradient(40% 36% at 70% 84%, rgba(7, 34, 117, .22), transparent 70%),
    radial-gradient(28% 26% at 12% 82%, rgba(143, 173, 10, .18), transparent 70%);
  animation: jfi-drift 38s ease-in-out infinite alternate;
  will-change: transform;
}

/* Lapisan 2: jaringan titik terhubung + molekul benzena + kapsul (SVG ringan, bergeser pelan tanpa menggambar ulang) */
body::after {
  content: "";
  position: fixed;
  top: -800px; left: -800px; right: 0; bottom: 0;   /* selisih 1 ubin agar putaran mulus */
  z-index: -1;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800'%3E%3Cstyle%3E@keyframes fl{to{stroke-dashoffset:-84}}@keyframes br{from{opacity:.55}to{opacity:1}}@keyframes fy{from{transform:translate(0,0) rotate(0deg)}to{transform:translate(6px,-8px) rotate(5deg)}}@keyframes tw{0%,100%{opacity:.25}50%{opacity:1}}.ln{fill:none;stroke:%231d5fb8;stroke-opacity:.34;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:.1 7;animation:fl 22s linear infinite}.hl{fill:%232f9bff;fill-opacity:.10}.nd{fill:%231d6fd6;fill-opacity:.7}.hr{fill:none;stroke:%232f9bff;stroke-opacity:.5;stroke-width:1}.hd{fill:%23ffffff;stroke:%231d6fd6;stroke-width:1.2}.hub{animation:tw 9s ease-in-out infinite}.ring{fill:none;stroke:url(%23g);stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round}.dbl{fill:none;stroke:url(%23g);stroke-width:1;stroke-linecap:round;stroke-opacity:.8}.arom{fill:none;stroke:url(%23g);stroke-width:1;stroke-opacity:.75}.mol{animation:br 14s ease-in-out infinite alternate}text{font:500 9.5px 'Inter','Segoe UI',Arial,sans-serif;fill:%230b6b86;fill-opacity:.85;letter-spacing:.3px}.rx{font:italic 600 18px 'Source Serif 4',Georgia,serif;fill:%231d5fb8;fill-opacity:.26}.cap{animation:fy 20s ease-in-out infinite alternate}.cw{fill:%23ffffff;fill-opacity:.55;stroke:url(%23g);stroke-width:1.1}.cl{fill:url(%23gc);fill-opacity:.55}.cs{fill:none;stroke:url(%23g);stroke-width:.9}.ch{fill:none;stroke:%23fff;stroke-width:1.6;stroke-linecap:round;stroke-opacity:.85}.pk{fill:%23fff;stroke:%232f9bff;stroke-width:1}%3C/style%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='800' y2='800'%3E%3Cstop offset='0' stop-color='%231d5fb8'/%3E%3Cstop offset='1' stop-color='%23077870'/%3E%3C/linearGradient%3E%3ClinearGradient id='gc' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%230aa79b'/%3E%3Cstop offset='1' stop-color='%232f9bff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath class='ln' d='M361.9 447.8L447.4 357.9M361.9 447.8L281.5 548.1M361.9 447.8L360.8 328M739.4 372.5L680 406M739.4 372.5L700.8 418M147.7 409.5L58.4 503.6M147.7 409.5L93.2 336.6M75.3 242.7L0.4 167.8M875.3 242.7L800.4 167.8M75.3 242.7L93.2 336.6M72.5 647.7L-33.6 677.8M872.5 647.7L766.4 677.8M72.5 647.7L88.3 572M72.5 647.7L88.3 548M785.8 771.8L926 812M785.8 -28.2L926 12M-14.2 771.8L126 812M-14.2 -28.2L126 12M785.8 771.8L766.4 677.8M523.1 492.5L558.7 397.8M523.1 492.5L470 616M126 12L255.1 -0.5M126 812L255.1 799.5M126 12L150 126M126 12L170.8 138M422.7 47.6L300 66M422.7 47.6L320.8 78M352.4 673.9L243.3 707.9M352.4 673.9L385.8 584.4M365.9 222.5L477.2 234.7M365.9 222.5L340 316M365.9 222.5L360.8 328M672.2 566.2L766.4 677.8M672.2 566.2L700.8 418M613 320.3L622.8 215.8M613 320.3L558.7 397.8M0.4 167.8L150 126M800.4 167.8L950 126M58.4 503.6L88.3 572M58.4 503.6L88.3 548M622.8 215.8L580.8 98M447.4 357.9L477.2 234.7M447.4 357.9L340 316M447.4 357.9L360.8 328M243.3 707.9L255.1 799.5M243.3 -92.1L255.1 -0.5M591.5 752.3L560 886M591.5 -47.7L560 86M591.5 752.3L580.8 898M591.5 -47.7L580.8 98M385.8 584.4L281.5 548.1M385.8 584.4L470 616M385.8 584.4L490.8 628M255.1 799.5L300 866M255.1 -0.5L300 66M255.1 799.5L320.8 878M255.1 -0.5L320.8 78'/%3E%3Ccircle cx='361.9' cy='447.8' r='5.5' class='hl'/%3E%3Ccircle cx='361.9' cy='447.8' r='1.9' class='nd'/%3E%3Ccircle cx='739.4' cy='372.5' r='5.5' class='hl'/%3E%3Ccircle cx='739.4' cy='372.5' r='1.9' class='nd'/%3E%3Ccircle cx='147.7' cy='409.5' r='5.5' class='hl'/%3E%3Ccircle cx='147.7' cy='409.5' r='1.9' class='nd'/%3E%3Ccircle cx='75.3' cy='242.7' r='5.5' class='hl'/%3E%3Ccircle cx='75.3' cy='242.7' r='1.9' class='nd'/%3E%3Ccircle cx='72.5' cy='647.7' r='5.5' class='hl'/%3E%3Ccircle cx='72.5' cy='647.7' r='1.9' class='nd'/%3E%3Ccircle cx='785.8' cy='771.8' r='5.5' class='hl'/%3E%3Ccircle cx='785.8' cy='771.8' r='1.9' class='nd'/%3E%3Ccircle cx='523.1' cy='492.5' r='5.5' class='hl'/%3E%3Ccircle cx='523.1' cy='492.5' r='1.9' class='nd'/%3E%3Ccircle cx='126' cy='12' r='5.5' class='hl'/%3E%3Ccircle cx='126' cy='12' r='1.9' class='nd'/%3E%3Ccircle cx='422.7' cy='47.6' r='5.5' class='hl'/%3E%3Ccircle cx='422.7' cy='47.6' r='1.9' class='nd'/%3E%3Ccircle cx='352.4' cy='673.9' r='5.5' class='hl'/%3E%3Ccircle cx='352.4' cy='673.9' r='1.9' class='nd'/%3E%3Ccircle cx='365.9' cy='222.5' r='5.5' class='hl'/%3E%3Ccircle cx='365.9' cy='222.5' r='1.9' class='nd'/%3E%3Ccircle cx='672.2' cy='566.2' r='5.5' class='hl'/%3E%3Ccircle cx='672.2' cy='566.2' r='1.9' class='nd'/%3E%3Ccircle cx='613' cy='320.3' r='5.5' class='hl'/%3E%3Ccircle cx='613' cy='320.3' r='1.9' class='nd'/%3E%3Ccircle cx='766.4' cy='677.8' r='5.5' class='hl'/%3E%3Ccircle cx='766.4' cy='677.8' r='1.9' class='nd'/%3E%3Ccircle cx='0.4' cy='167.8' r='5.5' class='hl'/%3E%3Ccircle cx='0.4' cy='167.8' r='1.9' class='nd'/%3E%3Ccircle cx='800.4' cy='167.8' r='5.5' class='hl'/%3E%3Ccircle cx='800.4' cy='167.8' r='1.9' class='nd'/%3E%3Ccircle cx='58.4' cy='503.6' r='5.5' class='hl'/%3E%3Ccircle cx='58.4' cy='503.6' r='1.9' class='nd'/%3E%3Ccircle cx='622.8' cy='215.8' r='5.5' class='hl'/%3E%3Ccircle cx='622.8' cy='215.8' r='1.9' class='nd'/%3E%3Ccircle cx='447.4' cy='357.9' r='5.5' class='hl'/%3E%3Ccircle cx='447.4' cy='357.9' r='1.9' class='nd'/%3E%3Ccircle cx='93.2' cy='336.6' r='5.5' class='hl'/%3E%3Ccircle cx='93.2' cy='336.6' r='1.9' class='nd'/%3E%3Ccircle cx='243.3' cy='707.9' r='5.5' class='hl'/%3E%3Ccircle cx='243.3' cy='707.9' r='1.9' class='nd'/%3E%3Ccircle cx='591.5' cy='752.3' r='5.5' class='hl'/%3E%3Ccircle cx='591.5' cy='752.3' r='1.9' class='nd'/%3E%3Ccircle cx='477.2' cy='234.7' r='5.5' class='hl'/%3E%3Ccircle cx='477.2' cy='234.7' r='1.9' class='nd'/%3E%3Ccircle cx='385.8' cy='584.4' r='5.5' class='hl'/%3E%3Ccircle cx='385.8' cy='584.4' r='1.9' class='nd'/%3E%3Ccircle cx='255.1' cy='799.5' r='5.5' class='hl'/%3E%3Ccircle cx='255.1' cy='799.5' r='1.9' class='nd'/%3E%3Ccircle cx='255.1' cy='-0.5' r='5.5' class='hl'/%3E%3Ccircle cx='255.1' cy='-0.5' r='1.9' class='nd'/%3E%3Ccircle cx='281.5' cy='548.1' r='5.5' class='hl'/%3E%3Ccircle cx='281.5' cy='548.1' r='1.9' class='nd'/%3E%3Ccircle cx='558.7' cy='397.8' r='5.5' class='hl'/%3E%3Ccircle cx='558.7' cy='397.8' r='1.9' class='nd'/%3E%3Ccircle cx='150' cy='126' r='5.5' class='hl'/%3E%3Ccircle cx='150' cy='126' r='1.9' class='nd'/%3E%3Ccircle cx='170.8' cy='138' r='5.5' class='hl'/%3E%3Ccircle cx='170.8' cy='138' r='1.9' class='nd'/%3E%3Ccircle cx='560' cy='86' r='5.5' class='hl'/%3E%3Ccircle cx='560' cy='86' r='1.9' class='nd'/%3E%3Ccircle cx='580.8' cy='98' r='5.5' class='hl'/%3E%3Ccircle cx='580.8' cy='98' r='1.9' class='nd'/%3E%3Ccircle cx='340' cy='316' r='5.5' class='hl'/%3E%3Ccircle cx='340' cy='316' r='1.9' class='nd'/%3E%3Ccircle cx='360.8' cy='328' r='5.5' class='hl'/%3E%3Ccircle cx='360.8' cy='328' r='1.9' class='nd'/%3E%3Ccircle cx='680' cy='406' r='5.5' class='hl'/%3E%3Ccircle cx='680' cy='406' r='1.9' class='nd'/%3E%3Ccircle cx='700.8' cy='418' r='5.5' class='hl'/%3E%3Ccircle cx='700.8' cy='418' r='1.9' class='nd'/%3E%3Ccircle cx='88.3' cy='572' r='5.5' class='hl'/%3E%3Ccircle cx='88.3' cy='572' r='1.9' class='nd'/%3E%3Ccircle cx='88.3' cy='548' r='5.5' class='hl'/%3E%3Ccircle cx='88.3' cy='548' r='1.9' class='nd'/%3E%3Ccircle cx='470' cy='616' r='5.5' class='hl'/%3E%3Ccircle cx='470' cy='616' r='1.9' class='nd'/%3E%3Ccircle cx='490.8' cy='628' r='5.5' class='hl'/%3E%3Ccircle cx='490.8' cy='628' r='1.9' class='nd'/%3E%3Ccircle cx='300' cy='66' r='5.5' class='hl'/%3E%3Ccircle cx='300' cy='66' r='1.9' class='nd'/%3E%3Ccircle cx='320.8' cy='78' r='5.5' class='hl'/%3E%3Ccircle cx='320.8' cy='78' r='1.9' class='nd'/%3E%3Cg class='hub' style='animation-delay:-5.5s'%3E%3Ccircle cx='361.9' cy='447.8' r='9' class='hr'/%3E%3Ccircle cx='361.9' cy='447.8' r='3.4' class='hd'/%3E%3C/g%3E%3Cg class='hub' style='animation-delay:-8.3s'%3E%3Ccircle cx='739.4' cy='372.5' r='9' class='hr'/%3E%3Ccircle cx='739.4' cy='372.5' r='3.4' class='hd'/%3E%3C/g%3E%3Cg class='hub' style='animation-delay:-2.3s'%3E%3Ccircle cx='147.7' cy='409.5' r='9' class='hr'/%3E%3Ccircle cx='147.7' cy='409.5' r='3.4' class='hd'/%3E%3C/g%3E%3Cg class='hub' style='animation-delay:-0.1s'%3E%3Ccircle cx='75.3' cy='242.7' r='9' class='hr'/%3E%3Ccircle cx='75.3' cy='242.7' r='3.4' class='hd'/%3E%3C/g%3E%3Cg class='hub' style='animation-delay:-2.7s'%3E%3Ccircle cx='72.5' cy='647.7' r='9' class='hr'/%3E%3Ccircle cx='72.5' cy='647.7' r='3.4' class='hd'/%3E%3C/g%3E%3Cg class='hub' style='animation-delay:-6.1s'%3E%3Ccircle cx='523.1' cy='492.5' r='9' class='hr'/%3E%3Ccircle cx='523.1' cy='492.5' r='3.4' class='hd'/%3E%3C/g%3E%3Cg class='hub' style='animation-delay:-1.8s'%3E%3Ccircle cx='422.7' cy='47.6' r='9' class='hr'/%3E%3Ccircle cx='422.7' cy='47.6' r='3.4' class='hd'/%3E%3C/g%3E%3Cg class='hub' style='animation-delay:-1.5s'%3E%3Ccircle cx='352.4' cy='673.9' r='9' class='hr'/%3E%3Ccircle cx='352.4' cy='673.9' r='3.4' class='hd'/%3E%3C/g%3E%3Cg class='hub' style='animation-delay:-8.2s'%3E%3Ccircle cx='365.9' cy='222.5' r='9' class='hr'/%3E%3Ccircle cx='365.9' cy='222.5' r='3.4' class='hd'/%3E%3C/g%3E%3Cg class='mol' style='animation-delay:-9.2s'%3E%3Cpath class='ring' d='M150 126L170.8 138L170.8 162L150 174L129.2 162L129.2 138Z'/%3E%3Cpath class='dbl' d='M152.3 132.5L164 139.3M164 160.7L152.3 167.5M133.7 156.8L133.7 143.2'/%3E%3C/g%3E%3Cg class='mol' style='animation-delay:-6.2s'%3E%3Cpath class='ring' d='M560 86L580.8 98L580.8 122L560 134L539.2 122L539.2 98Z'/%3E%3Cpath class='dbl' d='M562.3 92.5L574 99.3M574 120.7L562.3 127.5M543.7 116.8L543.7 103.2'/%3E%3Cpath class='ring' d='M560 134L560 149'/%3E%3Ctext x='560' y='159' text-anchor='middle'%3EOH%3C/text%3E%3C/g%3E%3Cg class='mol' style='animation-delay:-12.5s'%3E%3Cpath class='ring' d='M340 316L360.8 328L360.8 352L340 364L319.2 352L319.2 328Z'/%3E%3Cpath class='dbl' d='M342.3 322.5L354 329.3M354 350.7L342.3 357.5M323.7 346.8L323.7 333.2'/%3E%3Cpath class='ring' d='M340 364L340 379'/%3E%3Ctext x='340' y='389' text-anchor='middle'%3ENH2%3C/text%3E%3C/g%3E%3Cg class='mol' style='animation-delay:-4.6s'%3E%3Cpath class='ring' d='M680 406L700.8 418L700.8 442L680 454L659.2 442L659.2 418Z'/%3E%3Cpath class='dbl' d='M682.3 412.5L694 419.3M694 440.7L682.3 447.5M663.7 436.8L663.7 423.2'/%3E%3Cpath class='ring' d='M680 406L680 391'/%3E%3Ctext x='680' y='387' text-anchor='middle'%3ECOOH%3C/text%3E%3C/g%3E%3Cg class='mol' style='animation-delay:-9.3s'%3E%3Cpath class='ring' d='M109.1 536L129.9 548L129.9 572L109.1 584L88.3 572L88.3 548ZM150.9 536L171.7 548L171.7 572L150.9 584L130.1 572L130.1 548Z'/%3E%3Ccircle class='arom' cx='109.1' cy='560' r='13.2'/%3E%3Ccircle class='arom' cx='150.9' cy='560' r='13.2'/%3E%3C/g%3E%3Cg class='mol' style='animation-delay:-2.8s'%3E%3Cpath class='ring' d='M470 616L490.8 628L490.8 652L470 664L449.2 652L449.2 628Z'/%3E%3Cpath class='dbl' d='M472.3 622.5L484 629.3M484 650.7L472.3 657.5M453.7 646.8L453.7 633.2'/%3E%3Cpath class='ring' d='M470 664L470 679'/%3E%3Ctext x='470' y='689' text-anchor='middle'%3ECH3%3C/text%3E%3C/g%3E%3Cg class='mol' style='animation-delay:-6s'%3E%3Cpath class='ring' d='M300 66L320.8 78L320.8 102L300 114L279.2 102L279.2 78Z'/%3E%3Cpath class='dbl' d='M302.3 72.5L314 79.3M314 100.7L302.3 107.5M283.7 96.8L283.7 83.2'/%3E%3C/g%3E%3Cg transform='translate(270 215) rotate(32)'%3E%3Cg class='cap' style='animation-delay:-14.5s'%3E%3Crect class='cw' x='-19' y='-7.5' width='38' height='15' rx='7.5'/%3E%3Cpath class='cl' d='M-11.5 -7.5H0a7.5 7.5 0 0 1 0 15H-11.5a7.5 7.5 0 0 1 0 -15Z'/%3E%3Cpath class='cs' d='M0 -7.5V7.5'/%3E%3Cpath class='ch' d='M-13 -3.6H-4'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(95 385) rotate(-24)'%3E%3Cg class='cap' style='animation-delay:-16.5s'%3E%3Crect class='cw' x='-19' y='-7.5' width='38' height='15' rx='7.5'/%3E%3Cpath class='cl' d='M-11.5 -7.5H0a7.5 7.5 0 0 1 0 15H-11.5a7.5 7.5 0 0 1 0 -15Z'/%3E%3Cpath class='cs' d='M0 -7.5V7.5'/%3E%3Cpath class='ch' d='M-13 -3.6H-4'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(640 270) rotate(58)'%3E%3Cg class='cap' style='animation-delay:-15.8s'%3E%3Crect class='cw' x='-19' y='-7.5' width='38' height='15' rx='7.5'/%3E%3Cpath class='cl' d='M-11.5 -7.5H0a7.5 7.5 0 0 1 0 15H-11.5a7.5 7.5 0 0 1 0 -15Z'/%3E%3Cpath class='cs' d='M0 -7.5V7.5'/%3E%3Cpath class='ch' d='M-13 -3.6H-4'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(420 500) rotate(-38)'%3E%3Cg class='cap' style='animation-delay:-6.9s'%3E%3Crect class='cw' x='-19' y='-7.5' width='38' height='15' rx='7.5'/%3E%3Cpath class='cl' d='M-11.5 -7.5H0a7.5 7.5 0 0 1 0 15H-11.5a7.5 7.5 0 0 1 0 -15Z'/%3E%3Cpath class='cs' d='M0 -7.5V7.5'/%3E%3Cpath class='ch' d='M-13 -3.6H-4'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(730 650) rotate(16)'%3E%3Cg class='cap' style='animation-delay:-10.5s'%3E%3Crect class='cw' x='-19' y='-7.5' width='38' height='15' rx='7.5'/%3E%3Cpath class='cl' d='M-11.5 -7.5H0a7.5 7.5 0 0 1 0 15H-11.5a7.5 7.5 0 0 1 0 -15Z'/%3E%3Cpath class='cs' d='M0 -7.5V7.5'/%3E%3Cpath class='ch' d='M-13 -3.6H-4'/%3E%3C/g%3E%3C/g%3E%3Ctext class='rx' x='430' y='210'%3ERx%3C/text%3E%3Ctext class='rx' x='215' y='470'%3ERx%3C/text%3E%3Ccircle r='2' class='pk'%3E%3CanimateMotion dur='6.5s' begin='-4.2s' repeatCount='indefinite' calcMode='spline' keyTimes='0;1' keySplines='.4 0 .6 1' path='M361.9 447.8l-80.4 100.3'/%3E%3C/circle%3E%3Ccircle r='2' class='pk'%3E%3CanimateMotion dur='6.4s' begin='-1.4s' repeatCount='indefinite' calcMode='spline' keyTimes='0;1' keySplines='.4 0 .6 1' path='M147.7 409.5l-54.5 -72.9'/%3E%3C/circle%3E%3Ccircle r='2' class='pk'%3E%3CanimateMotion dur='6.2s' begin='-3.1s' repeatCount='indefinite' calcMode='spline' keyTimes='0;1' keySplines='.4 0 .6 1' path='M75.3 242.7l17.9 93.9'/%3E%3C/circle%3E%3Ccircle r='2' class='pk'%3E%3CanimateMotion dur='5.1s' begin='-4.4s' repeatCount='indefinite' calcMode='spline' keyTimes='0;1' keySplines='.4 0 .6 1' path='M422.7 47.6l-101.9 30.4'/%3E%3C/circle%3E%3Ccircle r='2' class='pk'%3E%3CanimateMotion dur='7.1s' begin='-2.9s' repeatCount='indefinite' calcMode='spline' keyTimes='0;1' keySplines='.4 0 .6 1' path='M352.4 673.9l-109.1 34'/%3E%3C/circle%3E%3C/svg%3E") 0 0 / 800px 800px repeat;
  animation: jfi-net 180s linear infinite;
  will-change: transform;
}

@keyframes jfi-drift {
  0%   { transform: translate3d(-3%, -2%, 0) rotate(0deg) scale(1); }
  50%  { transform: translate3d(4%, 3%, 0) rotate(8deg) scale(1.08); }
  100% { transform: translate3d(-2%, 5%, 0) rotate(-6deg) scale(1.04); }
}
@keyframes jfi-net {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(800px, 800px, 0); }
}

::selection { background: var(--jfi-navy); color: #fff; }

/* Scrollbar */
* { scrollbar-width: thin; scrollbar-color: var(--jfi-blue) #e5edf9; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #e5edf9; }
::-webkit-scrollbar-thumb { background: linear-gradient(var(--jfi-blue), var(--jfi-navy)); border-radius: 10px; }

/* Fokus yang jelas (aksesibilitas) */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(47, 155, 255, .55);
  outline-offset: 2px;
  border-radius: 6px;
}

/* Kerangka halaman: kaca buram di atas latar bergerak */
body .pkp_structure_page {
  background: rgba(255, 255, 255, .86);
  -webkit-backdrop-filter: blur(5px) saturate(1.2);
          backdrop-filter: blur(5px) saturate(1.2);
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 22px;
  box-shadow: var(--jfi-shadow-lg);
  overflow: hidden;
  margin-top: 24px;
  margin-bottom: 24px;
}

/* --------------------------------------------------------------------------
   3. HEADER & BANNER LOGO (aturan asli dipertahankan, ditambah efek)
   -------------------------------------------------------------------------- */
body .pkp_structure_head { background: transparent; border: 0; }

/* Container logo */
.pkp_site_name .is_img {
  width: 100%;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0 auto;
  position: relative;
  border-radius: 0 0 var(--jfi-radius) var(--jfi-radius);
  box-shadow: var(--jfi-shadow-md);
}

/* Gambar logo */
.pkp_site_name .is_img img {
  display: block;
  width: 100%;            /* isi seluruh lebar header */
  height: auto;           /* pertahankan rasio */
  object-fit: cover;      /* isi area dengan proporsional, tanpa distorsi */
  max-height: 280px;      /* atur tinggi maksimum banner header */
  transition: transform 1.2s var(--jfi-ease);
}
.pkp_site_name .is_img:hover img { transform: scale(1.025); }

/* Kilau cahaya yang menyapu banner */
.pkp_site_name .is_img::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, .28) 50%, transparent 62%);
  transform: translateX(-120%);
  animation: jfi-sheen 9s ease-in-out 2s infinite;
}
@keyframes jfi-sheen {
  0%, 62% { transform: translateX(-120%); }
  100%    { transform: translateX(120%); }
}

/* Nama jurnal berupa teks (bila tanpa gambar) */
.pkp_site_name .is_text {
  font-family: var(--jfi-serif);
  font-weight: 700;
  color: var(--jfi-navy);
  letter-spacing: -.01em;
}

/* --------------------------------------------------------------------------
   4. NAVIGASI UTAMA
   -------------------------------------------------------------------------- */
body .pkp_navigation_primary_row {
  background: linear-gradient(110deg, rgba(255, 255, 255, .97), rgba(236, 246, 255, .97) 55%, rgba(228, 247, 244, .97));
  border: 0;
  border-top: 1px solid var(--jfi-line);
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(90deg, var(--jfi-lime), var(--jfi-teal), var(--jfi-sky), var(--jfi-gold)) 1;
  border-radius: 0;
  box-shadow: 0 8px 22px rgba(7, 34, 117, .10);
  position: relative;
  z-index: 5;
}
@keyframes jfi-flow {
  from { background-position: 0% 50%; }
  to   { background-position: 100% 50%; }
}

/* Teks menu: biru tua pekat di atas latar terang (!important agar tidak ditimpa tema) */
body .pkp_structure_page .pkp_navigation_primary > li > a,
body .pkp_structure_page .pkp_navigation_primary > li > a:visited {
  color: var(--jfi-navy) !important;
  text-decoration: none;
  font-weight: 600;
  font-size: .88rem;
  letter-spacing: .02em;
  padding: 14px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-shadow: none;
  position: relative;
  transition: background-color .25s var(--jfi-ease), color .25s;
}
body .pkp_structure_page .pkp_navigation_primary > li > a::after {
  content: "";
  position: absolute;
  left: 16px; right: 16px; bottom: 8px;
  height: 2px;
  background: linear-gradient(90deg, var(--jfi-blue), var(--jfi-teal));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s var(--jfi-ease);
}
body .pkp_structure_page .pkp_navigation_primary > li > a:hover,
body .pkp_structure_page .pkp_navigation_primary > li > a:focus,
body .pkp_structure_page .pkp_navigation_primary > li.current > a,
body .pkp_structure_page .pkp_navigation_primary > li:hover > a {
  background: rgba(10, 95, 196, .09);
  color: var(--jfi-blue) !important;
}
body .pkp_structure_page .pkp_navigation_primary > li > a:hover::after,
body .pkp_structure_page .pkp_navigation_primary > li.current > a::after { transform: scaleX(1); }

/* Submenu */
body .pkp_structure_page .pkp_navigation_primary ul {
  background: #fff;
  border: 1px solid var(--jfi-line);
  border-radius: var(--jfi-radius-sm);
  box-shadow: var(--jfi-shadow-md);
  padding: 6px;
  overflow: hidden;
}
body .pkp_structure_page .pkp_navigation_primary ul a,
body .pkp_structure_page .pkp_navigation_primary ul a:visited {
  color: var(--jfi-ink) !important;
  text-decoration: none;
  background: transparent;
  border-radius: 8px;
  padding: 9px 14px;
  font-size: .86rem;
  transition: background .2s, color .2s, padding-left .2s var(--jfi-ease);
}
body .pkp_structure_page .pkp_navigation_primary ul a:hover,
body .pkp_structure_page .pkp_navigation_primary ul a:focus {
  background: #eef4ff;
  color: var(--jfi-navy) !important;
  padding-left: 19px;
}

/* Navigasi pengguna (Login / Register) */
body .pkp_navigation_user_wrapper { background: transparent; border: 0; }
body .pkp_structure_page .pkp_navigation_user > li > a {
  text-decoration: none;
  color: var(--jfi-navy) !important;
  font-weight: 600;
  font-size: .8rem;
  border-radius: 999px;
  padding: 6px 14px;
  transition: background .2s, color .2s;
}
body .pkp_structure_page .pkp_navigation_user > li > a:hover {
  background: var(--jfi-navy);
  color: #fff !important;
}

/* Tombol menu seluler */
body .pkp_site_nav_toggle {
  background: linear-gradient(135deg, var(--jfi-navy), var(--jfi-blue));
  border-radius: 12px;
}

/* --------------------------------------------------------------------------
   5. KONTEN UTAMA
   -------------------------------------------------------------------------- */
body .pkp_structure_content { background: transparent; }

body .pkp_structure_main {
  animation: jfi-rise .7s var(--jfi-ease) both;
}
@keyframes jfi-rise {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}

body .pkp_structure_main h1,
body .pkp_structure_main h2,
body .pkp_structure_main h3,
body .page h1 {
  font-family: var(--jfi-serif);
  color: var(--jfi-navy);
  letter-spacing: -.01em;
  line-height: 1.25;
}
body .page h1 {
  font-weight: 700;
  padding-bottom: .5em;
  margin-bottom: .9em;
  border: 0;
  background: linear-gradient(90deg, var(--jfi-blue), var(--jfi-teal), transparent) left bottom / 160px 3px no-repeat;
}
body .pkp_structure_main h2 { font-weight: 600; }

body .pkp_structure_main p,
body .pkp_structure_main li {
  line-height: 1.75;
}

body .pkp_structure_main a {
  color: var(--jfi-blue);
  text-decoration: none;
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1.5px no-repeat;
  transition: background-size .35s var(--jfi-ease), color .2s;
}
body .pkp_structure_main a:hover,
body .pkp_structure_main a:focus {
  color: var(--jfi-navy);
  background-size: 100% 1.5px;
}

/* Breadcrumbs */
body .cmp_breadcrumbs {
  font-size: .8rem;
  color: var(--jfi-muted);
  padding: 10px 0;
}
body .cmp_breadcrumbs a { color: var(--jfi-blue); }

/* Tabel di halaman statis & deskripsi edisi */
body .page table,
body .obj_issue_toc .description table,
body .current_issue .description table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--jfi-line);
  border-radius: var(--jfi-radius-sm);
  overflow: hidden;
  margin: 1em 0 1.4em;
  font-size: .9rem;
  box-shadow: var(--jfi-shadow-sm);
}
body .page table th,
body .obj_issue_toc .description table th,
body .current_issue .description table th {
  background: linear-gradient(135deg, var(--jfi-navy), var(--jfi-blue));
  color: #fff;
  font-weight: 600;
  text-align: left;
  padding: 10px 14px;
}
body .page table td,
body .obj_issue_toc .description table td,
body .current_issue .description table td {
  padding: 9px 14px;
  border-top: 1px solid var(--jfi-line);
}
body .page table tbody tr:nth-child(even) td,
body .obj_issue_toc .description table tbody tr:nth-child(even) td { background: #f6f9ff; }
body .page table tbody tr:hover td { background: #eaf2ff; }

/* --------------------------------------------------------------------------
   5b. TEKS RATA KANAN-KIRI (justify) untuk isi bacaan
   -------------------------------------------------------------------------- */
body .page p,
body .page li,
body .obj_issue_toc .description p,
body .current_issue .description p,
body .obj_article_details .item.abstract p,
body .obj_article_details .item.abstract div,
body .obj_article_details .item.references p,
body .obj_article_details .item.references li,
body .pkp_structure_main .about_site p,
body .additional_content p,
body .homepage_about p {
  text-align: justify;
  text-justify: inter-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  overflow-wrap: break-word;
}
/* Tetap rata kiri: judul, penulis, daftar tautan, tabel, kartu editor, navigasi */
body .page h1, body .page h2, body .page h3, body .page h4,
body .page table p, body .page table li, body .page table td, body .page table th,
body .editor-card p, body .editor-card li,
body .obj_article_summary p, body .obj_article_summary li,
body .cmp_breadcrumbs, body .galleys_links li,
body .pkp_block p, body .pkp_block li { text-align: left; -webkit-hyphens: manual; hyphens: manual; }

/* --------------------------------------------------------------------------
   6. ISSUE & ARTIKEL
   -------------------------------------------------------------------------- */
/* Kartu ringkasan artikel */
body .obj_article_summary {
  position: relative;
  background: #fff;
  border: 1px solid var(--jfi-line);
  border-left: 4px solid var(--jfi-blue);
  border-radius: var(--jfi-radius-sm);
  padding: 16px 18px;
  margin-bottom: 14px;
  box-shadow: var(--jfi-shadow-sm);
  transition: transform .3s var(--jfi-ease), box-shadow .3s var(--jfi-ease), border-color .3s;
}
body .obj_article_summary:hover {
  transform: translateY(-3px);
  box-shadow: var(--jfi-shadow-md);
  border-left-color: var(--jfi-teal);
}
body .obj_article_summary .title { font-family: var(--jfi-serif); font-size: 1.08rem; font-weight: 600; line-height: 1.4; }
body .obj_article_summary .title a { color: var(--jfi-navy); }
body .obj_article_summary .authors { color: var(--jfi-muted); font-size: .86rem; margin-top: 4px; }
body .obj_article_summary .pages { color: var(--jfi-muted); font-size: .8rem; }

/* Judul bagian dalam daftar isi */
body .obj_issue_toc .sections .section > h2,
body .obj_issue_toc .heading + .sections h2 {
  font-size: .78rem;
  font-family: var(--jfi-font);
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--jfi-teal);
  border-bottom: 1px solid var(--jfi-line);
  padding-bottom: 6px;
  margin: 1.6em 0 .9em;
}

/* Kartu edisi (arsip) */
body .obj_issue_summary {
  background: #fff;
  border: 1px solid var(--jfi-line);
  border-radius: var(--jfi-radius);
  padding: 16px;
  box-shadow: var(--jfi-shadow-sm);
  transition: transform .3s var(--jfi-ease), box-shadow .3s;
}
body .obj_issue_summary:hover { transform: translateY(-3px); box-shadow: var(--jfi-shadow-md); }
body .obj_issue_summary .cover img { border-radius: var(--jfi-radius-sm); box-shadow: var(--jfi-shadow-md); }
body .obj_issue_summary .title { font-weight: 600; }

/* Sampul edisi aktif */
body .obj_issue_toc .cover img,
body .current_issue .cover img {
  border-radius: var(--jfi-radius-sm);
  box-shadow: var(--jfi-shadow-md);
  transition: transform .5s var(--jfi-ease);
}
body .obj_issue_toc .cover:hover img { transform: translateY(-4px) rotate(-.6deg); }

/* Halaman rincian artikel */
body .obj_article_details .page_title {
  font-family: var(--jfi-serif);
  color: var(--jfi-navy);
  font-weight: 700;
  line-height: 1.25;
}
body .obj_article_details .item.abstract,
body .obj_article_details .item.keywords,
body .obj_article_details .item.references {
  background: #fff;
  border: 1px solid var(--jfi-line);
  border-radius: var(--jfi-radius-sm);
  padding: 16px 20px;
  box-shadow: var(--jfi-shadow-sm);
}
body .obj_article_details .item .label {
  font-size: .76rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--jfi-teal);
  font-weight: 700;
}
body .obj_article_details .authors .name { font-weight: 600; }

body .galleys_links { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
body .galleys_links li { margin: 0; padding: 0; }

/* Tautan galley (PDF / HTML) berupa tombol pil */
body .obj_galley_link,
body .galleys_links a {
  display: inline-block;
  text-decoration: none;
  background: linear-gradient(135deg, var(--jfi-navy), var(--jfi-blue));
  color: #fff !important;
  border: 0;
  border-radius: 999px;
  padding: 6px 16px;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: 0 4px 10px rgba(7, 34, 117, .22);
  transition: transform .25s var(--jfi-ease), box-shadow .25s, filter .25s;
}
body .obj_galley_link:hover,
body .galleys_links a:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(7, 34, 117, .3);
  filter: brightness(1.08);
}
body .obj_galley_link.pdf { background: linear-gradient(135deg, #b3261e, #e0523f); }

/* --------------------------------------------------------------------------
   7. SIDEBAR
   -------------------------------------------------------------------------- */
body .pkp_structure_sidebar { background: transparent; }

body .pkp_block {
  background: #fff;
  border: 1px solid var(--jfi-line);
  border-radius: var(--jfi-radius);
  padding: 16px 18px;
  margin-bottom: 18px;
  box-shadow: var(--jfi-shadow-sm);
  transition: box-shadow .3s var(--jfi-ease), transform .3s var(--jfi-ease);
}
body .pkp_block:hover { box-shadow: var(--jfi-shadow-md); transform: translateY(-2px); }

body .pkp_block .title {
  display: block;
  font-family: var(--jfi-font);
  font-size: .76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--jfi-navy);
  padding-bottom: 10px;
  margin-bottom: 12px;
  border: 0;
  background: linear-gradient(90deg, var(--jfi-teal), var(--jfi-blue) 55%, transparent) left bottom / 100% 2px no-repeat;
}
body .pkp_block ul { list-style: none; margin: 0; padding: 0; }
body .pkp_block li { border-radius: 8px; transition: background .2s; }
body .pkp_block li a {
  display: block;
  text-decoration: none;
  padding: 7px 10px;
  color: var(--jfi-ink);
  font-size: .88rem;
  border-radius: 8px;
  transition: padding-left .25s var(--jfi-ease), color .2s, background .2s;
}
body .pkp_block li a:hover,
body .pkp_block li a:focus {
  background: #eef4ff;
  color: var(--jfi-navy);
  padding-left: 15px;
}
body .pkp_block img { max-width: 100%; height: auto; border-radius: 8px; }

/* Kolom pencarian */
body .pkp_block.block_search input[type="text"],
body .pkp_block.block_search input[type="search"] { width: 100%; }

/* --------------------------------------------------------------------------
   8. TOMBOL & FORMULIR
   -------------------------------------------------------------------------- */
body .cmp_button,
body .cmp_button_wire,
body .pkp_button,
body button[type="submit"],
body input[type="submit"],
body .block_make_submission a {
  background: linear-gradient(135deg, var(--jfi-navy), var(--jfi-blue));
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 9px 22px;
  font-weight: 600;
  letter-spacing: .02em;
  box-shadow: 0 6px 14px rgba(7, 34, 117, .24);
  cursor: pointer;
  transition: transform .25s var(--jfi-ease), box-shadow .25s, filter .25s;
}
body .cmp_button:hover,
body .cmp_button_wire:hover,
body .pkp_button:hover,
body button[type="submit"]:hover,
body input[type="submit"]:hover,
body .block_make_submission a:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 22px rgba(7, 34, 117, .32);
  filter: brightness(1.08);
  color: #fff;
}
body .cmp_button:active,
body .pkp_button:active,
body button[type="submit"]:active { transform: translateY(0); box-shadow: 0 3px 8px rgba(7, 34, 117, .3); }

/* Tombol "Make a Submission" di sidebar */
body .block_make_submission { padding: 0; background: transparent; border: 0; box-shadow: none; }
body .block_make_submission:hover { transform: none; box-shadow: none; }
body .block_make_submission a { text-decoration: none; display: block; text-align: center; padding: 13px 18px; text-transform: uppercase; font-size: .82rem; letter-spacing: .1em; }

body input[type="text"],
body input[type="email"],
body input[type="password"],
body input[type="search"],
body input[type="url"],
body select,
body textarea {
  border: 1.5px solid var(--jfi-line);
  border-radius: var(--jfi-radius-sm);
  padding: 9px 12px;
  background: #fbfdff;
  font-family: var(--jfi-font);
  box-sizing: border-box;
  max-width: 100%;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
body input[type="text"]:focus,
body input[type="email"]:focus,
body input[type="password"]:focus,
body input[type="search"]:focus,
body input[type="url"]:focus,
body select:focus,
body textarea:focus {
  border-color: var(--jfi-sky);
  box-shadow: 0 0 0 4px rgba(47, 155, 255, .18);
  background: #fff;
  outline: 0;
}

/* --------------------------------------------------------------------------
   9. FOOTER
   -------------------------------------------------------------------------- */
body .pkp_structure_footer_wrapper {
  background:
    radial-gradient(60% 120% at 100% 0%, rgba(47, 155, 255, .14), transparent 60%),
    radial-gradient(50% 110% at 0% 100%, rgba(7, 120, 112, .12), transparent 60%),
    linear-gradient(180deg, #f6faff, #e9f2fd);
  color: var(--jfi-ink);
  border: 0;
  border-top: 1px solid var(--jfi-line);
  position: relative;
}
body .pkp_structure_footer_wrapper::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--jfi-lime), var(--jfi-teal), var(--jfi-sky), var(--jfi-gold));
  background-size: 300% 100%;
  animation: jfi-flow 12s linear infinite alternate;
}
body .pkp_structure_footer_wrapper,
body .pkp_structure_footer_wrapper p,
body .pkp_structure_footer_wrapper li,
body .pkp_structure_footer_wrapper .pkp_footer_content { color: var(--jfi-ink) !important; }
body .pkp_structure_footer_wrapper a,
body .pkp_structure_footer_wrapper a:visited { color: var(--jfi-blue) !important; text-decoration: none; }
body .pkp_structure_footer_wrapper a:hover { color: var(--jfi-navy) !important; text-decoration: underline; }
body .pkp_brand_footer { opacity: .9; transition: opacity .2s; }
body .pkp_brand_footer:hover { opacity: 1; }

/* --------------------------------------------------------------------------
   10. KARTU DEWAN EDITOR (class asli dipertahankan)
   -------------------------------------------------------------------------- */
/* Container editor Team */
.editor-card {
  background: linear-gradient(145deg, #f4f9ff, #dfeeff);
  border: 1px solid rgba(0, 119, 204, .35);
  border-radius: 20px;
  padding: 22px;
  margin: 30px auto;
  max-width: 850px;
  box-shadow: var(--jfi-shadow-md);
  font-family: var(--jfi-font);
  position: relative;
  overflow: hidden;
  transition: transform .35s var(--jfi-ease), box-shadow .35s var(--jfi-ease);
}
.editor-card::before {
  content: "";
  position: absolute;
  width: 260px; height: 260px;
  right: -90px; top: -110px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(47, 155, 255, .28), transparent 70%);
  animation: jfi-pulse 7s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes jfi-pulse {
  from { transform: scale(.9); opacity: .6; }
  to   { transform: scale(1.2); opacity: 1; }
}
.editor-card:hover { transform: translateY(-4px); box-shadow: var(--jfi-shadow-lg); }

body .pkp_structure_main .editor-card h3,
body .editor-card h3 {
  background: linear-gradient(110deg, var(--jfi-navy), #0b3b9e);
  color: #fff;
  padding: 11px 20px;
  border-radius: 12px 12px 0 0;
  margin-top: 0;
  font-family: var(--jfi-font);
  font-size: 1.02rem;
  letter-spacing: .02em;
}
body .pkp_structure_main .editor-card h3.green,
body .editor-card h3.green { background: linear-gradient(110deg, #6f8a06, var(--jfi-lime)); }
body .pkp_structure_main .editor-card h3.teal,
body .editor-card h3.teal { background: linear-gradient(110deg, #05564f, var(--jfi-teal)); }

body .editor-card table,
body .page .editor-card table {
  width: 100%;
  border-collapse: collapse;
  border: 0;
  box-shadow: none;
  background: transparent;
}
body .editor-card table th,
body .page .editor-card table th {
  text-align: left;
  padding: 0 15px 10px 0;
  vertical-align: top;
  width: 120px;
  padding-right: 15px;
  background: transparent;
  color: var(--jfi-navy);
}
body .editor-card table td,
body .page .editor-card table td {
  vertical-align: top;
  padding: 0 0 10px;
  border: 0;
  background: transparent;
}
.editor-card img.icon {
  width: 28px;
  height: 28px;
  float: left;
  margin-right: 10px;
}
.editor-card img.profile {
  width: 100px;
  height: 100px;
  border: 4px solid #fff;
  outline: 3px solid var(--jfi-blue);
  border-radius: 100px;
  object-fit: cover;
  box-shadow: var(--jfi-shadow-md);
  transition: transform .4s var(--jfi-ease), outline-color .3s;
}
.editor-card img.profile:hover { transform: scale(1.08) rotate(-2deg); outline-color: var(--jfi-teal); }
.editor-card .social-icons img {
  height: 30px;
  margin-right: 8px;
  border-radius: 8px;
  border: 2px solid #ccd8ea;
  transition: transform .25s var(--jfi-ease), border-color .25s;
}
.editor-card .social-icons img:hover { transform: translateY(-3px); border-color: var(--jfi-blue); }

/* --------------------------------------------------------------------------
   11. RESPONSIF
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  body .pkp_structure_page { border-radius: 0; margin: 0; }
  body .pkp_structure_sidebar .pkp_block { margin-left: 0; margin-right: 0; }
  .pkp_site_name .is_img { border-radius: 0; }
}
@media (max-width: 600px) {
  body .obj_article_summary { padding: 14px; }
  .editor-card { padding: 16px; border-radius: 16px; }
  .editor-card th { width: 90px; }
  .editor-card img.profile { width: 80px; height: 80px; }
  body::after { display: none; }
  body .page p, body .page li, body .obj_article_details .item p { text-align: left; }
}

/* --------------------------------------------------------------------------
   12. PREFERENSI PENGGUNA: kurangi gerak & cetak
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}
@media print {
  body::before, body::after, .pkp_site_name .is_img::after { display: none !important; }
  body .pkp_structure_page { box-shadow: none; backdrop-filter: none; background: #fff; border-radius: 0; }
  body .pkp_navigation_primary_row, body .pkp_structure_footer_wrapper { background: #fff !important; box-shadow: none; }
}