/* ============================================================
   IJSMIEN JOURNAL — MAIN STYLESHEET
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;font-family:Arial,sans-serif;font-size:13px;color:#222;background:#f0f2f5}
a{color:#1a3a6e;text-decoration:none}
a:hover{color:#c8a020}
img{max-width:100%;height:auto}

/* TOP BAR */
.topbar{background:#1a3a6e;border-bottom:2px solid #c8a020;padding:5px 0}
.topbar-inner{max-width:1280px;margin:0 auto;padding:0 12px;display:flex;flex-wrap:wrap}
.ti{padding:0 12px;border-right:1px solid rgba(255,255,255,0.22);color:rgba(255,255,255,0.88);font-size:11px;line-height:2}
.ti:last-child{border-right:none}
.ti a{color:#ffe082;font-weight:bold}
.ti a:hover{color:#fff}

/* HEADER */
.site-header{background:#fff;border-bottom:1px solid #ddd;padding:8px 0}
.header-inner{max-width:1280px;margin:0 auto;padding:0 12px;display:flex;align-items:center;gap:14px}
.logo-box{width:80px;height:68px;background:#1a3a6e;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c8a020;font-weight:bold;text-align:center;padding:4px;flex-shrink:0;border:2px solid #c8a020;overflow:hidden}
.logo-box .lg{font-size:20px;letter-spacing:2px;line-height:1}
.logo-box .ls{font-size:9px;color:rgba(255,255,255,0.82);margin-top:3px}
.hdr-text{flex:1;text-align:center}
.hdr-text h1{font-size:16px;font-weight:bold;color:#1a3a6e;line-height:1.35}
.hdr-text h2{font-size:13px;color:#1a3a6e;font-weight:bold;letter-spacing:1px;margin-top:3px}
.hdr-text .issn-tag{font-size:10.5px;color:#777;text-align:right;margin-top:3px}

/* NAVIGATION */
.main-nav{background:#1a3a6e}
.main-nav ul{max-width:1280px;margin:0 auto;padding:0 12px;list-style:none;display:flex;flex-wrap:wrap}
.main-nav li a{display:block;padding:10px 12px;color:#fff;font-size:12px;font-weight:bold;border-right:1px solid rgba(255,255,255,0.15);white-space:nowrap}
.main-nav li:last-child a{border-right:none}
.main-nav li.active a,.main-nav li a:hover{background:#c8a020;color:#1a3a6e}

/* TICKER */
.ticker{background:#fffde7;border-bottom:1px solid #f0d060;padding:5px 0;overflow:hidden}
.ticker-inner{max-width:1280px;margin:0 auto;padding:0 12px;display:flex;align-items:center;gap:10px}
.t-badge{background:#c8a020;color:#fff;padding:2px 9px;border-radius:2px;font-size:10.5px;font-weight:bold;white-space:nowrap;flex-shrink:0}
.t-wrap{overflow:hidden;flex:1}
.t-text{white-space:nowrap;display:inline-block;font-size:11.5px;color:#555;animation:ticker 30s linear infinite}
@keyframes ticker{0%{transform:translateX(60%)}100%{transform:translateX(-100%)}}

/* SLIDER */
.slider-wrap{max-width:1280px;margin:8px auto 0;padding:0 12px}
.slider{background:#1a3a6e;padding:28px 55px;position:relative;text-align:center;border-bottom:3px solid #c8a020;overflow:hidden}
.slide{display:none}
.slide.active{display:block}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.18}
.slider h2{font-size:21px;font-style:italic;color:#ffe082;margin-bottom:6px;font-weight:bold;position:relative}
.slider p{font-size:12px;color:rgba(255,255,255,0.78);margin-bottom:15px;position:relative}
.sl-btns{display:flex;gap:10px;justify-content:center;position:relative}
.sl-btn-g{background:#c8a020;color:#1a3a6e;padding:7px 22px;font-size:12px;font-weight:bold;border:none;cursor:pointer;display:inline-block}
.sl-btn-o{background:transparent;color:#fff;padding:7px 22px;font-size:12px;border:1px solid rgba(255,255,255,0.55);cursor:pointer;display:inline-block}
.sl-btn-g:hover{background:#e6c040}
.sl-btn-o:hover{background:rgba(255,255,255,0.1)}
.sl-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.12);border:none;color:#fff;font-size:22px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}
.sl-arrow:hover{background:#c8a020;color:#1a3a6e}
.sl-arrow.l{left:8px}.sl-arrow.r{right:8px}
.sl-dots{display:flex;gap:6px;justify-content:center;margin-top:12px;position:relative}
.sl-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.3);border:none;cursor:pointer;padding:0}
.sl-dot.on{background:#c8a020;width:22px;border-radius:5px}

/* THREE COLUMN */
.page-wrap{max-width:1280px;margin:0 auto;padding:8px 12px;display:grid;grid-template-columns:160px 1fr 185px;gap:8px}

/* LEFT SIDEBAR */
.lsb a{display:block;padding:7px 10px;background:#1a3a6e;color:#fff;font-size:11px;margin-bottom:2px;border-left:3px solid #c8a020;line-height:1.45;transition:all 0.15s}
.lsb a:hover{background:#c8a020;color:#1a3a6e}

/* MAIN */
.jdesc{background:#fff;border:1px solid #ddd;padding:12px;margin-bottom:8px;overflow:hidden}
.cover-fl{float:left;width:130px;margin:0 14px 6px 0}
.cover-img{width:130px;border:1px solid #ccc}
.cover-ph{width:130px;height:168px;background:linear-gradient(155deg,#1a3a6e,#2a5aae);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:8px;border:1px solid #3a6aac}
.cover-ph .ca{font-size:14px;font-weight:bold;color:#ffe082;margin-bottom:5px}
.cover-ph .ct{font-size:8px;line-height:1.45;color:rgba(255,255,255,0.84);margin-bottom:5px}
.cover-ph .ctg{font-size:8px;color:#ffe082;margin-bottom:7px}
.cover-ph .cpb{font-size:8px;color:rgba(255,255,255,0.62)}
.jdesc-text{font-size:12.5px;line-height:1.85;color:#333;text-align:justify}
.jdesc-text strong{color:#1a3a6e}
.jdesc-text a{color:#c8a020;font-weight:bold}
.cf::after{content:"";display:table;clear:both}

/* JOURNAL INFORMATION */
.ji{background:#fff;border:1px solid #d0d8e8;margin-bottom:8px;overflow:hidden}
.ji-bar{background:#1a3a6e;padding:10px 14px;display:flex;align-items:center;gap:8px}
.ji-dot{width:9px;height:9px;background:#c8a020;border-radius:50%;flex-shrink:0}
.ji-bar h3{font-size:14px;font-weight:bold;color:#fff;margin:0}
.ji-bar-line{flex:1;height:1px;background:rgba(200,160,32,0.45);margin:0 6px}
.ji-menu{width:28px;height:28px;background:#fff;border:none;border-radius:5px;font-size:14px;color:#1a3a6e;font-weight:bold;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:1px;cursor:default}
.ji-tbl{width:100%;border-collapse:collapse}
.ji-tbl tr{border-bottom:1px solid #eaecf5}
.ji-tbl tr:last-child{border-bottom:none}
.ji-tbl tr:nth-child(even) td{background:#f7f9ff}
.jk{width:16%;padding:10px 12px;font-size:12px;font-weight:bold;color:#1a3a6e;border-right:1px solid #dde3f0;vertical-align:middle;white-space:nowrap}
.jv{width:34%;padding:10px 12px;font-size:12px;color:#333;border-right:2.5px solid #c8a020;vertical-align:middle}
.jk2{width:16%;padding:10px 12px;font-size:12px;font-weight:bold;color:#1a3a6e;border-right:1px solid #dde3f0;vertical-align:middle;white-space:nowrap}
.jv2{width:34%;padding:10px 12px;font-size:12px;color:#333;vertical-align:middle}
.jv strong,.jv2 strong{color:#111}
.jv a,.jv2 a{color:#1a3a6e;text-decoration:underline;text-underline-offset:2px}
.jv a:hover,.jv2 a:hover{color:#c8a020}
.boa{background:#e8f5e9;color:#2e7d32;font-size:11px;padding:2px 8px;border-radius:3px;font-weight:bold;border:1px solid #c8e6c9;display:inline-block}
.bon{background:#fff8e1;color:#b8860b;font-size:11px;padding:2px 8px;border-radius:3px;font-weight:bold;border:1px solid #ffe082;display:inline-block}
.pipe{color:#bbb;margin:0 6px}
.ji-dl{background:#f4f7fb;border-top:2px solid #c8a020;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}
.ji-dl-txt{font-size:12.5px;color:#1a3a6e;font-weight:bold}
.dl-btn{background:#f4f7fb;color:#1a3a6e;border:1.5px solid #c0cce0;padding:7px 20px;font-size:12px;font-weight:bold;cursor:pointer;border-radius:5px;display:inline-block}
.dl-btn:hover{background:#1a3a6e;color:#fff;border-color:#1a3a6e}

/* CURRENT ISSUE */
.ci-box{background:#fff;border:1px solid #ddd;padding:12px;margin-bottom:8px}
.ci-badge{background:#c8a020;color:#fff;font-size:10px;padding:2px 9px;font-weight:bold;display:inline-block;margin-bottom:7px;letter-spacing:0.3px}
.ci-box h4{font-size:13px;color:#1a3a6e;font-weight:bold;margin-bottom:3px}
.ci-box p{font-size:11.5px;color:#999;margin-bottom:9px}
.ci-btns{display:flex;gap:8px}
.ci-btn{padding:5px 14px;font-size:12px;border:1px solid #1a3a6e;color:#1a3a6e;background:#fff;cursor:pointer;display:inline-block}
.ci-btn:hover{background:#1a3a6e;color:#fff}

/* RIGHT SIDEBAR */
.rsb{}
.rb-box{background:#fff;border:1px solid #dde3f0;margin-bottom:7px;overflow:hidden;border-radius:4px}
.rh{background:linear-gradient(90deg,#1a3a6e,#2a5aae);color:#fff;padding:8px 11px;font-size:12px;font-weight:bold;display:flex;align-items:center;gap:7px}
.rh-icon{width:18px;height:18px;background:rgba(200,160,32,0.25);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rh-icon svg{width:10px;height:10px}
.rbody{padding:8px 10px}
.ann-item{padding:6px 10px;border-bottom:1px solid #f0f2f8;display:flex;gap:7px;align-items:flex-start}
.ann-item:last-child{border-bottom:none}
.ann-dot{width:7px;height:7px;background:#c8a020;border-radius:50%;flex-shrink:0;margin-top:4px}
.ann-text{font-size:11px;color:#333;line-height:1.5;font-weight:500}
.tpl-card{background:linear-gradient(135deg,#1a3a6e 60%,#2a5aae);border-radius:4px;padding:12px;text-align:center;margin-bottom:7px;position:relative;overflow:hidden}
.tpl-card::before{content:"";position:absolute;top:-15px;right:-15px;width:55px;height:55px;background:rgba(200,160,32,0.12);border-radius:50%}
.tpl-icon{font-size:22px;margin-bottom:3px;display:block}
.tpl-name{color:#fff;font-size:11px;font-weight:bold;line-height:1.4;display:block}
.tpl-sub{color:rgba(255,255,255,0.6);font-size:9.5px;margin-top:2px;display:block}
.tpl-btn{width:100%;background:#c8a020;color:#1a3a6e;border:none;padding:8px;font-size:11.5px;font-weight:bold;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:5px}
.tpl-btn:hover{background:#e6c040}
.tool-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid #f0f2f8;transition:background 0.15s}
.tool-item:hover{background:#f4f7ff}
.tool-item:hover .tool-name{color:#c8a020}
.tool-badge{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tb-g{background:#e8f5e9}.tb-r{background:#fdeaea}.tb-b{background:#e3f2fd}.tb-o{background:#fff3e0}.tb-n{background:#e8eaf6}
.tool-name{font-size:11px;color:#1a3a6e;font-weight:500}
.nl-tagline{font-size:10.5px;color:#666;margin-bottom:7px;line-height:1.5;text-align:center}
.nl-inp{width:100%;border:1.5px solid #dde3f0;padding:7px 9px;font-size:11.5px;outline:none;border-radius:3px;margin-bottom:5px;color:#333;font-family:Arial,sans-serif}
.nl-inp:focus{border-color:#1a3a6e}
.nl-btn{width:100%;background:#1a3a6e;color:#fff;border:none;padding:7px;font-size:11.5px;cursor:pointer;font-weight:bold;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:5px;font-family:Arial,sans-serif}
.nl-btn:hover{background:#c8a020;color:#1a3a6e}
.kw-body{padding:8px 9px}
.kw{display:inline-block;background:#eef1f8;color:#1a3a6e;font-size:10.5px;padding:3px 9px;margin:2px;border:1px solid #c8d0e8;border-radius:20px;cursor:pointer;transition:all 0.15s}
.kw:hover{background:#1a3a6e;color:#fff;border-color:#1a3a6e}

/* FULL WIDTH SECTIONS */
.full-wrap{max-width:1280px;margin:0 auto;padding:0 12px}

/* Publication Statistics */
.pub-stats{background:#fff;border:1px solid #ddd;margin-bottom:8px;overflow:hidden}
.pub-stats-hdr{background:#1a3a6e;padding:10px 14px;display:flex;align-items:center;gap:8px}
.pub-stats-hdr span{font-size:14px;font-weight:bold;color:#fff}
.ps-dot{width:9px;height:9px;background:#c8a020;border-radius:50%;flex-shrink:0}
.ps-line{flex:1;height:1px;background:rgba(200,160,32,0.4);margin:0 6px}
.stats-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.sc{text-align:center;padding:16px 6px;border-right:1px solid #eee;transition:background 0.15s;cursor:default}
.sc:last-child{border-right:none}
.sc:hover{background:#f7f9ff}
.sc .sn{font-size:24px;font-weight:bold;color:#1a3a6e;line-height:1}
.sc .si{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:0.4px;line-height:1.4;margin-top:5px}

/* Journal Metrics */
.metrics-full{background:linear-gradient(135deg,#1a3a6e 0%,#0f2440 100%);padding:20px 14px;margin-bottom:8px}
.metrics-full-hdr{text-align:center;margin-bottom:18px}
.metrics-full-hdr h3{color:#ffe082;font-size:14px;letter-spacing:1.5px;font-weight:bold;display:inline-flex;align-items:center;gap:12px}
.metrics-full-hdr h3::before,.metrics-full-hdr h3::after{content:"";display:inline-block;width:50px;height:1px;background:rgba(200,160,32,0.4);vertical-align:middle}
.mg-full{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.mc-full{text-align:center;background:rgba(255,255,255,0.06);border:1px solid rgba(200,160,32,0.2);border-radius:6px;padding:16px 8px;transition:background 0.2s}
.mc-full:hover{background:rgba(255,255,255,0.1)}
.mc-full .mn{font-size:28px;font-weight:bold;color:#ffe082;line-height:1}
.mc-full .ml{font-size:11px;color:rgba(255,255,255,0.75);margin-top:6px;line-height:1.3}
.mc-full .ms{font-size:9.5px;color:rgba(255,255,255,0.4);margin-top:3px}

/* Indexed & Abstracted */
.idx-full{background:#fff;border:1px solid #ddd;margin-bottom:8px;overflow:hidden}
.idx-full-hdr{background:#1a3a6e;padding:10px 14px;display:flex;align-items:center;gap:8px}
.idx-full-hdr span{font-size:14px;font-weight:bold;color:#fff}
.ix-dot{width:9px;height:9px;background:#c8a020;border-radius:50%;flex-shrink:0}
.ix-line{flex:1;height:1px;background:rgba(200,160,32,0.4);margin:0 6px}
.idx-logos-full{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px;align-items:center;justify-content:center}
.il{border:1px solid #dde3f0;padding:9px 18px;font-size:12px;color:#333;display:flex;align-items:center;gap:8px;background:#fafbff;border-radius:3px;font-weight:500;min-width:130px;justify-content:center;transition:all 0.15s}
.il:hover{border-color:#1a3a6e;color:#1a3a6e;background:#f0f4ff}
.id{width:10px;height:10px;border-radius:50%;flex-shrink:0}

/* FOOTER */
.footer{background:#1a3a6e;padding:13px 0;margin-top:4px}
.footer-inner{max-width:1280px;margin:0 auto;padding:0 12px;text-align:center;font-size:11.5px;color:rgba(255,255,255,0.68)}

/* RESPONSIVE */
@media(max-width:900px){
  .page-wrap{grid-template-columns:1fr}
  .lsb,.rsb{display:none}
  .stats-grid{grid-template-columns:repeat(3,1fr)}
  .mg-full{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .main-nav li a{padding:7px 8px;font-size:10px}
  .ji-tbl{display:block;overflow-x:auto}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .mg-full{grid-template-columns:repeat(2,1fr)}
}