:root {
    --orange:#E8701A; --orange-dk:#C05510; --orange-lt:#FEF3EA;
    --green:#2D7A1F;  --green-dk:#1A4A10;  --green-lt:#EAF4E8;
    --navy:#1A2E50;   --navy-md:#1E3D6E;   --navy-lt:#E8EEF8;
    --text:#1A1A1A;   --muted:#666;        --border:#DDD;
    --bg:#F2F2F0;     --white:#FFF;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Open Sans',sans-serif;background:var(--bg);color:var(--text);font-size:13px;line-height:1.6;}
a{text-decoration:none;color:inherit;transition:color .2s;}
img{max-width:100%;}
/* TOPBAR */
.topbar{background:var(--navy);padding:5px 0;}
.ti{max-width:1060px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center;}
.tl{color:rgba(255,255,255,.6);font-size:11px;display:flex;gap:14px;}
.tl strong{color:var(--orange);}
.tr{display:flex;gap:7px;}
.tr a{color:rgba(255,255,255,.7);padding:3px 10px;border:1px solid rgba(255,255,255,.2);border-radius:3px;font-size:11px;}
.tr a:hover{color:#fff;border-color:var(--orange);}
/* HEADER */
.header{background:linear-gradient(180deg,var(--navy),var(--navy-md));border-bottom:4px solid var(--orange);}
.hi{max-width:1060px;margin:0 auto;padding:12px 16px;display:grid;grid-template-columns:88px 1fr 172px;align-items:center;gap:16px;}
.logo-wrap img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid var(--orange);box-shadow:0 0 0 3px rgba(232,112,26,.2),0 4px 20px rgba(0,0,0,.45);display:block;margin:auto;}
.hc{text-align:center;}
.hc-name{font-family:'Crimson Text',serif;font-size:24px;font-weight:700;font-style:italic;color:#fff;line-height:1.1;display:block;}
.hc-name .ho{color:var(--orange);}
.hc-name .hg{color:#72c45e;}
.hc-sub{color:rgba(255,255,255,.65);font-size:11px;display:block;margin:3px 0 1px;}
.hc-asso{color:rgba(255,255,255,.5);font-size:10px;font-style:italic;display:block;margin-bottom:10px;}
.hsearch{display:flex;max-width:340px;margin:0 auto;border:1px solid rgba(255,255,255,.28);border-radius:3px;overflow:hidden;}
.hsearch input{flex:1;background:rgba(255,255,255,.12);border:none;color:#fff;padding:7px 12px;font-size:12px;font-family:inherit;outline:none;}
.hsearch input::placeholder{color:rgba(255,255,255,.38);}
.hsearch button{background:var(--orange);border:none;color:#fff;padding:7px 14px;cursor:pointer;font-size:14px;}
.issn-box{text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:10px 12px;background:rgba(255,255,255,.06);}
.issn-box span{display:block;}
.issn-ico{font-size:22px;margin-bottom:3px;}
.issn-lbl{font-size:10px;color:rgba(255,255,255,.52);}
.issn-num{font-size:15px;font-weight:700;color:#fff;margin-top:1px;}
.issn-typ{font-size:9px;color:rgba(255,255,255,.4);}
/* NAV */
nav.site-nav{background:#132540;border-bottom:1px solid rgba(255,255,255,.07);}
.nav{max-width:1060px;margin:0 auto;padding:0 16px;display:flex;}
.ni{position:relative;}
.ni>a{display:block;color:rgba(255,255,255,.82);padding:11px 13px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid transparent;transition:all .2s;}
.ni>a:hover,.ni>a.act{color:#fff;border-bottom-color:var(--orange);background:rgba(255,255,255,.05);}
.dd{display:none;position:absolute;top:100%;left:0;background:var(--navy);min-width:220px;z-index:500;border-top:2px solid var(--orange);box-shadow:0 8px 24px rgba(0,0,0,.3);}
.ni:hover .dd{display:block;}
.dd a{display:block;padding:9px 16px;color:rgba(255,255,255,.78);font-size:12px;border-bottom:1px solid rgba(255,255,255,.06);border-left:3px solid transparent;transition:all .2s;}
.dd a:hover{color:#fff;border-left-color:var(--orange);background:rgba(255,255,255,.06);padding-left:20px;}
/* PAGE BANNER */
.page-banner{background:linear-gradient(135deg,var(--navy),var(--navy-md));padding:28px 0;border-bottom:3px solid var(--orange);}
.pb-inner{max-width:1060px;margin:0 auto;padding:0 16px;}
.pb-tag{display:inline-block;background:var(--orange);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:2px;margin-bottom:8px;}
.pb-title{font-family:'Crimson Text',serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:5px;}
.pb-sub{color:rgba(255,255,255,.65);font-size:13px;}
.breadcrumb{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:rgba(255,255,255,.5);}
.breadcrumb a{color:rgba(255,255,255,.6);}
.breadcrumb a:hover{color:var(--orange);}
.breadcrumb span{color:rgba(255,255,255,.3);}
/* PAGE WRAPPER */
.pw{max-width:1060px;margin:20px auto;padding:0 16px;}
.pw-2col{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start;}
/* WIDGET */
.w{background:#fff;border:1px solid var(--border);margin-bottom:14px;}
.wt{background:#e5e5e3;border-bottom:1px solid var(--border);padding:7px 10px;font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:6px;}
.wd{width:7px;height:7px;border-radius:50%;background:var(--orange);flex-shrink:0;}
.wd.g{background:var(--green);}
.wb{padding:14px;}
/* CONTENT BOX */
.content-box{background:#fff;border:1px solid var(--border);padding:20px;margin-bottom:14px;}
.content-box h2{font-family:'Crimson Text',serif;font-size:20px;color:var(--navy);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--orange-lt);}
.content-box h3{font-size:14px;font-weight:700;color:var(--navy);margin:16px 0 8px;}
.content-box p{font-size:12.5px;line-height:1.75;color:#333;margin-bottom:10px;text-align:justify;}
.content-box ul{margin:8px 0 12px 16px;font-size:12.5px;line-height:1.8;color:#333;}
.content-box li{margin-bottom:4px;}
.content-box li::marker{color:var(--orange);}
/* SIDEBAR NAV */
.ilinks{list-style:none;}
.ilinks li{border-bottom:1px solid #eee;}
.ilinks li:last-child{border:none;}
.ilinks li a{display:flex;align-items:center;gap:6px;padding:7px 8px;font-size:12px;color:var(--text);transition:all .2s;}
.ilinks li a::before{content:'▶';font-size:8px;color:var(--orange);}
.ilinks li a:hover,.ilinks li a.act{color:var(--orange);background:var(--orange-lt);}
.ilinks li a.act{font-weight:700;}
/* FORMS */
.form-group{margin-bottom:13px;}
.form-group label{display:block;font-size:12px;font-weight:700;color:var(--navy);margin-bottom:4px;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:3px;font-size:12.5px;font-family:inherit;outline:none;transition:border .2s;background:#fff;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(232,112,26,.08);}
.form-group textarea{min-height:90px;resize:vertical;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.req{color:var(--orange);}
.upload-zone{border:2px dashed var(--border);border-radius:4px;padding:24px;text-align:center;background:#fafafa;cursor:pointer;transition:all .2s;}
.upload-zone:hover{border-color:var(--orange);background:var(--orange-lt);}
.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:12.5px;}
.checklist-item input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--orange);flex-shrink:0;cursor:pointer;}
/* BUTTONS */
.btn-orange{display:inline-block;background:var(--orange);color:#fff;padding:9px 22px;border-radius:3px;font-size:12px;font-weight:700;transition:all .2s;border:none;cursor:pointer;}
.btn-orange:hover{background:var(--orange-dk);}
.btn-navy{display:inline-block;background:var(--navy);color:#fff;padding:9px 22px;border-radius:3px;font-size:12px;font-weight:700;transition:all .2s;border:none;cursor:pointer;}
.btn-navy:hover{background:var(--navy-md);}
.btn-outline{display:inline-block;border:2px solid var(--navy);color:var(--navy);padding:8px 20px;border-radius:3px;font-size:12px;font-weight:700;transition:all .2s;background:transparent;cursor:pointer;}
.btn-outline:hover{background:var(--navy);color:#fff;}
/* ALERTS */
.alert{padding:12px 16px;border-radius:3px;margin-bottom:14px;font-size:13px;}
.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;}
.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}
.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;}
/* FOOTER */
footer{background:var(--navy);color:rgba(255,255,255,.7);margin-top:30px;padding:28px 0 0;}
.footer-i{max-width:1060px;margin:0 auto;padding:0 16px;}
.footer-g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:22px;margin-bottom:22px;}
.footer-g h4{color:var(--orange);font-size:13px;margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.12);}
.footer-g p{font-size:11px;line-height:1.8;}
.footer-g ul{list-style:none;}
.footer-g ul li{margin-bottom:5px;}
.footer-g ul li a{font-size:11px;color:rgba(255,255,255,.58);}
.footer-g ul li a:hover{color:var(--orange);}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.footer-logo img{width:38px;height:38px;border-radius:50%;border:2px solid var(--orange);}
.footer-logo-txt{font-family:'Crimson Text',serif;font-size:20px;color:#fff;font-weight:700;}
.footer-bot{background:#0a1828;padding:10px 16px;text-align:center;font-size:10.5px;color:rgba(255,255,255,.28);}
@media(max-width:860px){
    .hi{grid-template-columns:70px 1fr;}.issn-box{display:none;}
    .pw-2col{grid-template-columns:1fr;}.footer-g{grid-template-columns:1fr 1fr;}
    .form-row{grid-template-columns:1fr;}
}