/*
.pkp_site_name .is_img img {
	width: 100%;
}
.pkp_site_name .is_img img {
    width: 100%;
}
*/
@media (min-width: 992px) {
	.pkp_site_name .is_img img {
	    max-height: 150px;
	}
}
/* UTAMA */


:root{--jmec-navy:#102a43;--jmec-navy-dark:#071b2e;--jmec-blue:#1f4e79;--jmec-teal:#167d8d;--jmec-gold:#c9a227;--jmec-gold-light:#e6cf78;--jmec-white:#fff;--jmec-bg:#f6f8fa;--jmec-light:#eef2f5;--jmec-border:#dce3e8;--jmec-text:#263746;--jmec-muted:#6b7785;--jmec-radius:8px;--jmec-shadow:0 5px 20px rgba(16,42,67,.08);--jmec-transition:all .25s ease}
html{scroll-behavior:smooth}body{background:var(--jmec-bg);color:var(--jmec-text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7;font-size:15px}a{color:var(--jmec-blue);transition:var(--jmec-transition)}a:hover{color:var(--jmec-teal);text-decoration:none}

.pkp_structure_head{background:linear-gradient(135deg,var(--jmec-navy-dark),var(--jmec-navy));border-bottom:4px solid var(--jmec-gold)}
/*.pkp_site_name{padding:25px 0 20px}.pkp_site_name a{color:#fff!important;text-decoration:none;font-weight:700}.pkp_site_name .is_img img{max-height:95px;width:auto}
*/
.pkp_navigation_primary>li>a{color:#fff!important;font-weight:600;padding:15px 18px;position:relative}.pkp_navigation_primary>li>a:after{content:"";position:absolute;bottom:5px;left:18px;right:18px;height:2px;background:var(--jmec-gold);transform:scaleX(0);transition:var(--jmec-transition)}.pkp_navigation_primary>li>a:hover:after,.pkp_navigation_primary>li>a:focus:after{transform:scaleX(1)}.pkp_navigation_primary>li.current>a{color:var(--jmec-gold-light)!important}
.pkp_navigation_user>li>a{color:#fff!important;font-size:13px}.pkp_navigation_user>li>a:hover{color:var(--jmec-gold-light)!important}

.pkp_structure_content{padding-top:35px;padding-bottom:50px}.pkp_page_index .current_issue{background:#fff;border-radius:var(--jmec-radius);box-shadow:var(--jmec-shadow);padding:28px;margin-bottom:30px}.pkp_page_index .current_issue h2{color:var(--jmec-navy);font-size:24px;font-weight:700;border-left:4px solid var(--jmec-gold);padding-left:15px}

.pkp_page h1,.pkp_page h2,.pkp_page h3{color:var(--jmec-navy)}.pkp_page h1{font-size:32px;font-weight:700;margin-bottom:25px}

.obj_article_summary{background:#fff;border:1px solid var(--jmec-border);border-radius:var(--jmec-radius);padding:22px;margin-bottom:20px;box-shadow:0 3px 12px rgba(16,42,67,.04);transition:var(--jmec-transition)}.obj_article_summary:hover{transform:translateY(-3px);box-shadow:var(--jmec-shadow);border-color:rgba(201,162,39,.45)}.obj_article_summary h3.title{font-size:19px;line-height:1.5}.obj_article_summary h3.title a{color:var(--jmec-navy);font-weight:700}.obj_article_summary h3.title a:hover{color:var(--jmec-teal)}.obj_article_summary .authors{color:var(--jmec-muted);font-size:13px}

.obj_issue_summary{background:#fff;border-radius:var(--jmec-radius);padding:25px;margin-bottom:25px;border:1px solid var(--jmec-border);box-shadow:var(--jmec-shadow)}.obj_issue_summary .title{color:var(--jmec-navy);font-weight:700}

.btn-primary{background:var(--jmec-navy);border-color:var(--jmec-navy);color:#fff}.btn-primary:hover{background:var(--jmec-teal);border-color:var(--jmec-teal)}.cmp_button{border-radius:6px}

.pkp_structure_sidebar{padding-left:25px}.pkp_block{background:#fff;border:1px solid var(--jmec-border);border-radius:var(--jmec-radius);padding:20px;margin-bottom:22px;box-shadow:0 3px 15px rgba(16,42,67,.05)}.pkp_block .title{color:var(--jmec-navy);font-size:17px;font-weight:700;border-left:3px solid var(--jmec-gold);padding-left:12px;margin-bottom:18px}.pkp_block li{border-bottom:1px solid var(--jmec-light);padding:8px 0}.pkp_block li:last-child{border-bottom:none}

.pkp_search input[type=text]{border:1px solid var(--jmec-border);border-radius:6px;padding:10px 14px}.pkp_search input[type=text]:focus{border-color:var(--jmec-teal);box-shadow:0 0 0 3px rgba(22,125,141,.1)}

/* HAPUS 
.page_article .obj_article_details{background:#fff;padding:30px;border-radius:var(--jmec-radius);box-shadow:var(--jmec-shadow)}.page_article .page_title{color:var(--jmec-navy);font-size:32px;line-height:1.35;font-weight:700}.obj_article_details .authors{color:var(--jmec-muted)}.item{border-bottom:1px solid var(--jmec-border);padding:15px 0}
*/

.abstract{background:#f8fafb;border-left:4px solid var(--jmec-teal);padding:22px;margin:25px 0;border-radius:0 6px 6px 0}.obj_article_details .doi{background:var(--jmec-light);border-radius:5px;padding:10px 14px;display:inline-block;margin-top:10px}

.obj_issue_toc .cover img{border-radius:5px;box-shadow:0 8px 25px rgba(0,0,0,.12);transition:var(--jmec-transition)}.obj_issue_toc .cover img:hover{transform:scale(1.02)}
table{width:100%;border-collapse:collapse;background:#fff}table th{background:var(--jmec-navy);color:#fff;font-weight:600;padding:12px}table td{padding:11px 12px;border-bottom:1px solid var(--jmec-border)}
input,textarea,select{border:1px solid var(--jmec-border);border-radius:5px;padding:10px 12px;transition:var(--jmec-transition)}input:focus,textarea:focus,select:focus{border-color:var(--jmec-teal);outline:none;box-shadow:0 0 0 3px rgba(22,125,141,.1)}

.pkp_structure_footer_wrapper{background:var(--jmec-navy-dark);border-top:4px solid var(--jmec-gold);color:#d8e1e8}.pkp_structure_footer{padding:45px 0 25px}.pkp_structure_footer a{color:#d8e1e8}.pkp_structure_footer a:hover{color:var(--jmec-gold-light)}
.jmec-footer{text-align:center;padding:25px 15px}.jmec-footer .journal-name{color:#fff;font-size:20px;font-weight:700}.jmec-footer .issn{color:var(--jmec-gold-light);font-size:13px}.jmec-footer .publisher{font-size:14px;color:#c9d3db}.jmec-footer .address{font-size:13px;color:#9eacb7;margin-top:5px}

.pkp_breadcrumb{background:transparent;margin-bottom:20px}.pkp_breadcrumb li a{color:var(--jmec-muted)}.pkp_breadcrumb li.current{color:var(--jmec-navy)}
.pkp_pagination .current{background:var(--jmec-navy);color:#fff;border-color:var(--jmec-navy)}.pkp_pagination a:hover{background:var(--jmec-teal);color:#fff}
a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--jmec-gold);outline-offset:2px}::selection{background:var(--jmec-gold);color:#fff}
@media(max-width:991px){.pkp_structure_sidebar{padding-left:0;margin-top:30px}.pkp_site_name{padding:20px 15px}.pkp_navigation_primary>li>a{padding:12px 14px}.page_article .page_title{font-size:28px}}
@media(max-width:767px){body{font-size:14px}.pkp_structure_content{padding:20px 12px 40px}.pkp_site_name{text-align:center;padding:18px 10px}.pkp_site_name .is_img img{max-width:90%;max-height:80px}.pkp_page h1,.page_article .page_title{font-size:24px}.obj_article_summary{padding:17px}.page_article .obj_article_details{padding:20px 16px}.pkp_block{padding:16px}.pkp_structure_sidebar{margin-top:25px}table{display:block;overflow-x:auto;white-space:nowrap}.pkp_navigation_primary{background:var(--jmec-navy-dark)}.pkp_navigation_primary>li>a{border-bottom:1px solid rgba(255,255,255,.08)}.pkp_navigation_primary>li>a:after{display:none}.pkp_navigation_primary>li.current>a{background:rgba(201,162,39,.12)}}
@media(max-width:480px){.pkp_site_name{padding:15px 5px}.pkp_site_name .is_img img{max-width:95%;max-height:65px}.pkp_page_index .current_issue{padding:18px}.obj_article_summary{padding:15px}.obj_article_summary h3.title{font-size:17px}.page_article .page_title{font-size:21px}.abstract{padding:16px}}

/* Homepage atau Additional Content */


.jmec-hero{margin:0 0 35px;background:linear-gradient(135deg,#071b2e,#102a43 58%,#167d8d);border-radius:14px;overflow:hidden;color:#fff;position:relative}.jmec-hero:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(230,207,120,.25);border-radius:50%;right:-100px;top:-120px}.jmec-hero-inner{padding:58px 55px;max-width:850px;position:relative;z-index:2}.jmec-kicker{font-size:12px;letter-spacing:2px;color:#e6cf78;font-weight:700;margin-bottom:13px}.jmec-hero h1{color:#fff!important;font-size:40px;line-height:1.2;margin:0 0 16px}.jmec-hero p{font-size:17px;color:#e4ebf0;max-width:720px}.jmec-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.jmec-btn{display:inline-block;padding:11px 20px;border-radius:6px;font-weight:700;text-decoration:none!important}.jmec-btn-gold{background:#c9a227;color:#fff!important}.jmec-btn-outline{border:1px solid rgba(255,255,255,.6);color:#fff!important}.jmec-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:35px}.jmec-card{background:#fff;border:1px solid #dce3e8;border-radius:10px;padding:25px;box-shadow:0 4px 15px rgba(16,42,67,.05)}.jmec-card h3{color:#102a43;margin:12px 0 7px}.jmec-card p{color:#6b7785;font-size:14px}.jmec-icon{display:inline-flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;background:#eef2f5;color:#102a43;font-weight:800}.jmec-about{display:grid;grid-template-columns:1.6fr 1fr;gap:25px;background:#fff;border-radius:10px;padding:30px;border:1px solid #dce3e8}.jmec-label{font-size:11px;letter-spacing:1.5px;color:#167d8d;font-weight:800}.jmec-about h2{color:#102a43;margin:8px 0 12px}.jmec-facts{display:grid;grid-template-columns:1fr;gap:12px}.jmec-facts div{background:#f6f8fa;border-left:3px solid #c9a227;padding:13px 15px}.jmec-facts strong,.jmec-facts span{display:block}.jmec-facts strong{color:#102a43}.jmec-facts span{font-size:12px;color:#6b7785}@media(max-width:767px){.jmec-hero-inner{padding:35px 24px}.jmec-hero h1{font-size:28px}.jmec-cards,.jmec-about{grid-template-columns:1fr}.jmec-about{padding:22px}}


/* =========================================================
   JMEC EDITORIAL TEAM + FOCUS & SCOPE
   ========================================================= */

.jmec-page-hero{
  margin:0 0 34px;
  background:linear-gradient(135deg,#071b2e,#102a43 60%,#167d8d);
  border-radius:14px;
  color:#fff;
  overflow:hidden;
  position:relative;
}
.jmec-page-hero:after{
  content:"";
  position:absolute;
  width:270px;height:270px;
  border:1px solid rgba(230,207,120,.25);
  border-radius:50%;
  right:-80px;top:-110px;
}
.jmec-page-hero-inner{
  padding:45px 48px;
  max-width:900px;
  position:relative;
  z-index:2;
}
.jmec-page-hero-inner>span,
.jmec-section-label{
  font-size:11px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:#e6cf78;
  font-weight:800;
}
.jmec-page-hero h1{
  color:#fff!important;
  font-size:38px;
  line-height:1.2;
  margin:9px 0 13px;
}
.jmec-page-hero p{
  color:#e4ebf0;
  font-size:16px;
  max-width:780px;
  margin:0;
}
.jmec-editorial-intro,
.jmec-scope-intro{
  background:#fff;
  border:1px solid #dce3e8;
  border-radius:10px;
  padding:28px 30px;
  margin-bottom:26px;
}
.jmec-editorial-intro h2,
.jmec-scope-intro h2{
  color:#102a43;
  margin:7px 0 10px;
}
.jmec-editorial-intro p,
.jmec-scope-intro p{
  color:#5f6f7d;
  max-width:900px;
}

/* Editorial cards */
.jmec-editorial-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.jmec-editor-card{
  background:#fff;
  border:1px solid #dce3e8;
  border-radius:10px;
  padding:23px;
  display:flex;
  gap:18px;
  box-shadow:0 3px 15px rgba(16,42,67,.045);
  transition:all .25s ease;
}
.jmec-editor-card:hover{
  transform:translateY(-3px);
  border-color:rgba(201,162,39,.5);
  box-shadow:0 8px 24px rgba(16,42,67,.09);
}
.jmec-editor-featured{
  grid-column:1/-1;
  background:linear-gradient(135deg,#f8fafb,#fff);
  border-left:4px solid #c9a227;
}
.jmec-avatar{
  flex:0 0 68px;
  width:68px;height:68px;
  border-radius:50%;
  background:linear-gradient(135deg,#102a43,#167d8d);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:18px;
  box-shadow:0 4px 12px rgba(16,42,67,.16);
}
.jmec-role{
  color:#167d8d;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.2px;
}
.jmec-editor-content h3{
  color:#102a43;
  font-size:20px;
  margin:4px 0 3px;
}
.jmec-affiliation{
  color:#6b7785;
  margin:0 0 5px;
  font-size:13px;
}
.jmec-expertise{
  color:#263746;
  font-size:13px;
  margin:0 0 10px;
}
.jmec-links{
  display:flex;
  gap:13px;
  flex-wrap:wrap;
}
.jmec-links a{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  color:#1f4e79;
}
.jmec-links a:hover{color:#c9a227}
.jmec-editorial-note{
  margin-top:25px;
  background:#f8fafb;
  border:1px solid #dce3e8;
  border-left:4px solid #167d8d;
  border-radius:0 9px 9px 0;
  padding:22px;
  display:flex;
  gap:16px;
}
.jmec-note-icon{
  flex:0 0 38px;
  width:38px;height:38px;
  border-radius:50%;
  background:#167d8d;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:800;
}
.jmec-editorial-note h3{color:#102a43;margin:0 0 5px}
.jmec-editorial-note p{margin:0;color:#5f6f7d}

/* Focus & Scope */
.jmec-scope-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.jmec-scope-card{
  background:#fff;
  border:1px solid #dce3e8;
  border-radius:10px;
  padding:25px;
  display:grid;
  grid-template-columns:52px 1fr;
  gap:16px;
  box-shadow:0 3px 15px rgba(16,42,67,.045);
  transition:all .25s ease;
}
.jmec-scope-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(16,42,67,.09);
}
.jmec-scope-number{
  color:#c9a227;
  font-size:22px;
  font-weight:800;
  line-height:1;
  padding-top:3px;
}
.jmec-scope-card h3{
  color:#102a43;
  margin:0 0 8px;
  font-size:21px;
}
.jmec-scope-card p{
  color:#5f6f7d;
  font-size:14px;
  margin:0 0 13px;
}
.jmec-scope-card ul{
  margin:0;
  padding-left:18px;
  color:#263746;
  font-size:13px;
}
.jmec-scope-card li{margin-bottom:5px}
.jmec-scope-boundary{
  margin-top:25px;
  display:grid;
  grid-template-columns:1fr 1.5fr;
  gap:25px;
  background:#102a43;
  color:#fff;
  border-radius:10px;
  padding:28px 30px;
}
.jmec-scope-boundary h2{
  color:#fff!important;
  margin:7px 0 0;
}
.jmec-scope-boundary p{
  color:#dce5eb;
  margin:0 0 9px;
}
.jmec-scope-boundary .jmec-section-label{color:#e6cf78}

@media(max-width:767px){
  .jmec-page-hero-inner{padding:34px 24px}
  .jmec-page-hero h1{font-size:28px}
  .jmec-editorial-grid,.jmec-scope-grid,.jmec-scope-boundary{grid-template-columns:1fr}
  .jmec-editor-featured{grid-column:auto}
  .jmec-editorial-card{padding:18px}
  .jmec-scope-card{grid-template-columns:42px 1fr;padding:20px}
  .jmec-editorial-intro,.jmec-scope-intro{padding:22px}
}
@media(max-width:480px){
  .jmec-editor-card{flex-direction:column}
  .jmec-avatar{width:58px;height:58px;flex-basis:58px}
  .jmec-page-hero h1{font-size:24px}
}


/*Information Page Author Gudelines*/


.jmec-content-panel{background:#fff;border:1px solid #dce3e8;border-radius:10px;padding:28px 30px;margin-bottom:25px}.jmec-content-panel h2{color:#102a43;margin:7px 0 12px}.jmec-content-panel p{color:#5f6f7d}.jmec-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.jmec-info-card{background:#fff;border:1px solid #dce3e8;border-radius:10px;padding:22px;border-top:3px solid #c9a227}.jmec-info-card span{display:block;font-size:10px;letter-spacing:1.4px;color:#167d8d;font-weight:800}.jmec-info-card strong{display:block;color:#102a43;font-size:19px;margin:5px 0}.jmec-info-card small{color:#6b7785}.jmec-check-list{padding-left:20px;color:#263746}.jmec-check-list li{margin:9px 0;padding-left:4px}
/* .jmec-ethics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.jmec-ethics-grid article{background:#fff;border:1px solid #dce3e8;border-radius:10px;padding:23px;transition:.25s ease}.jmec-ethics-grid article:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(16,42,67,.08)}.jmec-ethics-icon{display:flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;background:#eef2f5;color:#c9a227;font-weight:800;margin-bottom:13px}.jmec-ethics-grid h3{color:#102a43;margin:0 0 8px}.jmec-ethics-grid p{color:#5f6f7d;font-size:14px;margin:0}*/
.jmec-timeline{position:relative;max-width:900px;margin:0 auto 28px}.jmec-timeline:before{content:"";position:absolute;left:25px;top:15px;bottom:15px;width:2px;background:#dce3e8}.jmec-step{position:relative;display:grid;grid-template-columns:52px 1fr;gap:18px;margin-bottom:18px}.jmec-step>span{z-index:1;width:52px;height:52px;border-radius:50%;background:#102a43;color:#e6cf78;display:flex;align-items:center;justify-content:center;font-weight:800}.jmec-step>div{background:#fff;border:1px solid #dce3e8;border-radius:10px;padding:19px 22px}.jmec-step h3{color:#102a43;margin:0 0 6px}.jmec-step p{color:#5f6f7d;margin:0;font-size:14px}.jmec-review-box{background:#102a43;color:#fff;border-radius:10px;padding:28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.jmec-review-box h2{grid-column:1/-1;color:#fff;margin:0 0 4px}.jmec-review-box div{background:rgba(255,255,255,.07);padding:17px;border-radius:7px}.jmec-review-box strong,.jmec-review-box span{display:block}.jmec-review-box strong{color:#e6cf78;margin-bottom:4px}.jmec-review-box span{color:#dce5eb;font-size:13px}
.jmec-guideline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.jmec-guideline-grid article{background:#fff;border:1px solid #dce3e8;border-radius:10px;padding:23px}.jmec-guideline-grid article>span{color:#c9a227;font-size:22px;font-weight:800}.jmec-guideline-grid h3{color:#102a43;margin:7px 0}.jmec-guideline-grid p{color:#5f6f7d;font-size:14px;margin:0}.jmec-submission-panel{margin-top:25px;background:linear-gradient(135deg,#071b2e,#102a43);border-radius:10px;padding:28px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.jmec-submission-panel h2{color:#fff;margin:7px 0}.jmec-submission-panel p{color:#dce5eb;margin:0;max-width:700px}.jmec-btn{display:inline-block;padding:11px 20px;border-radius:6px;font-weight:700;text-decoration:none!important}.jmec-btn-gold{background:#c9a227;color:#fff!important}
.jmec-contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.jmec-contact-card{background:#fff;border:1px solid #dce3e8;border-radius:10px;padding:23px;display:flex;gap:17px}.jmec-contact-wide{grid-column:1/-1}.jmec-contact-icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#102a43,#167d8d);color:#fff;font-weight:800}.jmec-contact-card span{font-size:10px;letter-spacing:1.3px;color:#167d8d;font-weight:800}.jmec-contact-card h3{color:#102a43;margin:4px 0 6px}.jmec-contact-card p{color:#5f6f7d;margin:0;font-size:14px}.jmec-contact-note{margin-top:25px;background:#f8fafb;border:1px solid #dce3e8;border-left:4px solid #c9a227;border-radius:0 10px 10px 0;padding:25px}.jmec-contact-note h2{color:#102a43;margin:0 0 8px}.jmec-contact-note p{color:#5f6f7d}.jmec-email-placeholder{display:inline-block;background:#fff;border:1px solid #dce3e8;border-radius:6px;padding:10px 15px;color:#1f4e79;font-weight:600}
@media(max-width:767px){.jmec-info-grid,.jmec-ethics-grid,.jmec-guideline-grid,.jmec-contact-grid,.jmec-review-box{grid-template-columns:1fr}.jmec-contact-wide{grid-column:auto}.jmec-submission-panel{flex-direction:column;align-items:flex-start}.jmec-content-panel{padding:22px}.jmec-timeline:before{left:20px}.jmec-step{grid-template-columns:42px 1fr}.jmec-step>span{width:42px;height:42px;font-size:12px}}



/* =========================================================
   JMEC PUBLICATION ETHICS
   Journal of Management, Education and Communication
   OJS 3.4
   ========================================================= */

.jmec-ethics-page {
    --navy: #102A43;
    --dark: #071B2E;
    --blue: #1F4E79;
    --teal: #167D8D;
    --gold: #C9A227;
    --gold-light: #E6CF78;

    --text: #263746;
    --muted: #687887;
    --border: #DCE3E8;
    --light: #F6F8FA;

    color: var(--text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    line-height: 1.7;
}


/* =========================================================
   HERO
   ========================================================= */

.jmec-ethics-hero {
    position: relative;

    overflow: hidden;

    margin-bottom: 45px;

    padding: 58px 55px;

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            #071B2E 0%,
            #102A43 58%,
            #1F4E79 100%
        );

    color: #fff;

    box-shadow:
        0 12px 35px rgba(7,27,46,.16);
}

.jmec-ethics-hero::before {
    content: "";

    position: absolute;

    width: 270px;
    height: 270px;

    right: -90px;
    top: -110px;

    border: 1px solid rgba(230,207,120,.28);

    border-radius: 50%;
}

.jmec-ethics-hero::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: 80px;
    bottom: -110px;

    border: 1px solid rgba(22,125,141,.35);

    border-radius: 50%;
}

.jmec-ethics-hero-content {
    position: relative;

    z-index: 2;

    max-width: 760px;
}

.jmec-ethics-label {
    margin-bottom: 10px;

    color: var(--gold-light);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 2px;
}

.jmec-ethics-hero h1 {
    margin: 0 0 15px;

    color: #fff;

    font-size: clamp(30px, 5vw, 48px);

    line-height: 1.15;

    font-weight: 750;
}

.jmec-ethics-hero p {
    max-width: 700px;

    margin: 0;

    color: #D9E3E9;

    font-size: 15px;

    line-height: 1.8;
}

.jmec-ethics-hero-badge {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-top: 25px;

    padding: 9px 14px;

    border: 1px solid rgba(255,255,255,.14);

    border-radius: 6px;

    background: rgba(255,255,255,.07);
}

.jmec-ethics-hero-badge span {
    color: var(--gold-light);

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 1px;
}

.jmec-ethics-hero-badge small {
    color: #CBD8E0;

    font-size: 10px;
}


/* =========================================================
   INTRO
   ========================================================= */

.jmec-ethics-intro {
    max-width: 930px;

    margin: 0 auto 55px;
}

.jmec-ethics-intro p {
    margin-bottom: 15px;

    color: var(--text);

    font-size: 14px;
}


/* =========================================================
   SECTION
   ========================================================= */

.jmec-ethics-section {
    max-width: 1050px;

    margin: 0 auto 55px;
}

.jmec-ethics-alt {
    padding: 38px;

    border-radius: 12px;

    background: var(--light);

    border: 1px solid #E6EBEF;
}


/* SECTION TITLE */

.jmec-ethics-section-title {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 27px;
}

.jmec-ethics-section-title > span {
    width: 5px;
    height: 48px;

    flex: 0 0 5px;

    border-radius: 5px;

    background: var(--gold);
}

.jmec-ethics-section-title small {
    display: block;

    margin-bottom: 3px;

    color: var(--teal);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;
}

.jmec-ethics-section-title h2 {
    margin: 0;

    color: var(--navy);

    font-size: 27px;

    line-height: 1.25;
}


/* =========================================================
   PRINCIPLES
   ========================================================= */

.jmec-principles-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 17px;
}

.jmec-principle {
    position: relative;

    padding: 24px;

    background: #fff;

    border: 1px solid var(--border);

    border-radius: 9px;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.jmec-principle:hover {
    transform: translateY(-3px);

    box-shadow:
        0 9px 22px rgba(16,42,67,.07);
}

.jmec-principle b {
    display: block;

    margin-bottom: 12px;

    color: var(--gold);

    font-size: 12px;

    letter-spacing: 1px;
}

.jmec-principle h3 {
    margin: 0 0 7px;

    color: var(--navy);

    font-size: 16px;
}

.jmec-principle p {
    margin: 0;

    color: var(--muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   CONTENT
   ========================================================= */

.jmec-ethics-content {
    color: var(--text);

    font-size: 14px;
}

.jmec-ethics-content h3 {
    margin-top: 28px;

    margin-bottom: 7px;

    color: var(--navy);

    font-size: 17px;
}

.jmec-ethics-content h3:first-child {
    margin-top: 0;
}

.jmec-ethics-content p {
    margin-bottom: 14px;
}


/* =========================================================
   EDITORIAL LIST
   ========================================================= */

.jmec-ethics-list {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 18px;
}

.jmec-ethics-list > div {
    padding: 20px;

    background: #fff;

    border: 1px solid var(--border);

    border-radius: 8px;
}

.jmec-ethics-list strong {
    display: block;

    margin-bottom: 6px;

    color: var(--navy);

    font-size: 14px;
}

.jmec-ethics-list p {
    margin: 0;

    color: var(--muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   REVIEWER
   ========================================================= */

.jmec-review-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 18px;
}

.jmec-review-grid > div {
    padding: 23px;

    border: 1px solid var(--border);

    border-radius: 9px;

    background: #fff;
}

.jmec-review-grid span {
    display: block;

    margin-bottom: 10px;

    color: var(--gold);

    font-size: 12px;

    font-weight: 800;
}

.jmec-review-grid h3 {
    margin: 0 0 7px;

    color: var(--navy);

    font-size: 15px;
}

.jmec-review-grid p {
    margin: 0;

    color: var(--muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   MISCONDUCT
   ========================================================= */

.jmec-misconduct {
    position: relative;

    display: flex;

    gap: 22px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 30px;

    border-radius: 11px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );

    color: #fff;
}

.jmec-misconduct-icon {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;

    justify-content: center;
    align-items: center;

    border-radius: 50%;

    background: var(--gold);

    color: #fff;

    font-size: 21px;

    font-weight: 800;
}

.jmec-misconduct small {
    color: var(--gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}

.jmec-misconduct h2 {
    margin: 5px 0 10px;

    color: #fff;

    font-size: 22px;
}

.jmec-misconduct p {
    margin-bottom: 10px;

    color: #D7E2E8;

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   HIGHLIGHT
   ========================================================= */

.jmec-highlight-box {
    margin-top: 20px;

    padding: 20px;

    border-left: 4px solid var(--teal);

    background: #F2F8F8;

    border-radius: 0 7px 7px 0;
}

.jmec-highlight-box strong {
    display: block;

    margin-bottom: 5px;

    color: var(--navy);

    font-size: 14px;
}

.jmec-highlight-box p {
    margin: 0;

    color: var(--muted);
}


/* =========================================================
   CORRECTION
   ========================================================= */

.jmec-correction-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 18px;
}

.jmec-correction {
    padding: 25px;

    border-radius: 9px;

    border: 1px solid var(--border);

    background: #fff;

    border-top: 4px solid var(--teal);
}

.jmec-correction.concern {
    border-top-color: var(--gold);
}

.jmec-correction.retraction {
    border-top-color: #A63D40;
}

.jmec-correction span {
    display: block;

    margin-bottom: 10px;

    color: var(--muted);

    font-size: 11px;

    font-weight: 800;
}

.jmec-correction h3 {
    margin: 0 0 8px;

    color: var(--navy);

    font-size: 16px;
}

.jmec-correction p {
    margin: 0;

    color: var(--muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   AI POLICY
   ========================================================= */

.jmec-ai-policy {
    display: flex;

    gap: 20px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 30px;

    border: 1px solid #D5E7E9;

    border-radius: 11px;

    background: #F3F9F9;
}

.jmec-ai-label {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;

    justify-content: center;
    align-items: center;

    border-radius: 9px;

    background: var(--teal);

    color: #fff;

    font-size: 13px;

    font-weight: 800;
}

.jmec-ai-policy small {
    color: var(--teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}

.jmec-ai-policy h2 {
    margin: 5px 0 10px;

    color: var(--navy);

    font-size: 22px;
}

.jmec-ai-policy p {
    margin-bottom: 10px;

    color: var(--muted);

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   FINAL COPE
   ========================================================= */

.jmec-ethics-final {
    display: flex;

    gap: 22px;

    max-width: 1050px;

    margin: 0 auto;

    padding: 35px;

    border-radius: 12px;

    background: #F6F8FA;

    border: 1px solid var(--border);
}

.jmec-cope-mark {
    width: 65px;
    height: 65px;

    flex: 0 0 65px;

    display: flex;

    justify-content: center;
    align-items: center;

    border-radius: 50%;

    background: var(--navy);

    color: var(--gold-light);

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 1px;
}

.jmec-ethics-final h2 {
    margin: 0 0 10px;

    color: var(--navy);

    font-size: 22px;
}

.jmec-ethics-final p {
    margin-bottom: 10px;

    color: var(--muted);

    font-size: 13px;

    line-height: 1.7;
}

.jmec-cope-reference {
    padding-top: 10px;

    border-top: 1px solid var(--border);

    font-size: 11px !important;

    font-style: italic;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .jmec-principles-grid,
    .jmec-review-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .jmec-correction-grid {
        grid-template-columns:
            1fr;
    }

}


@media (max-width: 700px) {

    .jmec-ethics-hero {
        padding: 40px 25px;
    }

    .jmec-ethics-alt {
        padding: 25px 20px;
    }

    .jmec-principles-grid,
    .jmec-review-grid,
    .jmec-ethics-list {
        grid-template-columns:
            1fr;
    }

    .jmec-misconduct,
    .jmec-ai-policy,
    .jmec-ethics-final {
        flex-direction: column;
        padding: 25px;
    }

}


@media (max-width: 480px) {

    .jmec-ethics-hero {
        padding: 32px 20px;
    }

    .jmec-ethics-hero h1 {
        font-size: 30px;
    }

    .jmec-ethics-section-title h2 {
        font-size: 23px;
    }

}

/* Sidebar */

/* =========================================================
   JMEC PROFESSIONAL SIDEBAR
   Journal of Management, Education and Communication
   ========================================================= */

:root {
    --jmec-navy: #102A43;
    --jmec-dark: #071B2E;
    --jmec-blue: #1F4E79;
    --jmec-teal: #167D8D;
    --jmec-gold: #C9A227;
    --jmec-gold-light: #E6CF78;

    --jmec-text: #263746;
    --jmec-muted: #687887;
    --jmec-border: #DCE3E8;
    --jmec-light: #F6F8FA;
}


/* MAIN SIDEBAR */

.jmec-sidebar {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
}


/* CARD */

.jmec-side-card {
    background: #ffffff;
    border: 1px solid var(--jmec-border);
    border-radius: 10px;
    padding: 19px;

    box-shadow:
        0 4px 16px rgba(16, 42, 67, 0.045);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.jmec-side-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 24px rgba(16, 42, 67, 0.08);
}


/* HEADING */

.jmec-side-heading {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 15px;

    color: var(--jmec-navy);

    font-size: 12px;
    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1.15px;
}

.jmec-heading-line {
    width: 4px;
    height: 19px;

    background: var(--jmec-gold);

    border-radius: 4px;

    display: inline-block;
}


/* SEARCH */

.jmec-search-box {
    display: flex;
    width: 100%;
}

.jmec-search-box input {
    flex: 1;
    min-width: 0;

    height: 42px;

    padding: 0 12px;

    border: 1px solid var(--jmec-border);

    border-right: none;

    border-radius: 6px 0 0 6px;

    background: #F9FAFB;

    color: var(--jmec-text);

    font-size: 13px;

    outline: none;
}

.jmec-search-box input:focus {
    border-color: var(--jmec-teal);

    background: #fff;
}

.jmec-search-box button {
    width: 46px;

    border: none;

    border-radius: 0 6px 6px 0;

    background: var(--jmec-navy);

    color: #ffffff;

    font-size: 21px;

    cursor: pointer;

    transition: background .2s ease;
}

.jmec-search-box button:hover {
    background: var(--jmec-teal);
}


/* MENU */

.jmec-menu {
    display: flex;
    flex-direction: column;
}

.jmec-menu a {
    display: flex;

    justify-content: space-between;
    align-items: center;

    padding: 10px 3px;

    border-bottom: 1px solid #EDF0F2;

    color: var(--jmec-text);

    text-decoration: none !important;

    font-size: 13px;

    transition:
        color .2s ease,
        padding-left .2s ease;
}

.jmec-menu a:last-child {
    border-bottom: none;
}

.jmec-menu a b {
    color: var(--jmec-gold);

    font-size: 20px;

    font-weight: 400;

    line-height: 1;
}

.jmec-menu a:hover {
    color: var(--jmec-teal);

    padding-left: 8px;
}


/* SUBMIT CARD */

.jmec-submit-card {
    position: relative;

    overflow: hidden;

    display: flex;

    gap: 14px;

    padding: 21px;

    border-radius: 11px;

    background:
        linear-gradient(
            135deg,
            #071B2E 0%,
            #102A43 100%
        );

    color: #ffffff;

    box-shadow:
        0 8px 25px rgba(7, 27, 46, .15);
}

.jmec-submit-card::after {
    content: "";

    position: absolute;

    width: 130px;
    height: 130px;

    right: -55px;
    bottom: -65px;

    border: 1px solid rgba(230,207,120,.25);

    border-radius: 50%;
}

.jmec-submit-icon {
    flex: 0 0 43px;

    width: 43px;
    height: 43px;

    display: flex;

    justify-content: center;
    align-items: center;

    border-radius: 50%;

    background: var(--jmec-gold);

    color: #ffffff;

    font-size: 20px;
}

.jmec-submit-content {
    position: relative;
    z-index: 2;
}

.jmec-small-label {
    margin-bottom: 3px;

    color: var(--jmec-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.3px;
}

.jmec-submit-content h3 {
    margin: 0 0 6px;

    color: #ffffff;

    font-size: 17px;
}

.jmec-submit-content p {
    margin: 0 0 13px;

    color: #D5E0E7;

    font-size: 11px;

    line-height: 1.55;
}

.jmec-submit-button {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 8px 13px;

    border-radius: 5px;

    background: var(--jmec-gold);

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 11px;

    font-weight: 700;

    transition: background .2s ease;
}

.jmec-submit-button:hover {
    background: #D7B332;
}

.jmec-submit-button span {
    font-size: 15px;
}


/* JOURNAL INFORMATION */

.jmec-info-item {
    display: flex;

    align-items: center;

    gap: 12px;

    padding: 12px 0;

    border-bottom: 1px solid #EDF0F2;
}

.jmec-info-item:last-child {
    border-bottom: none;

    padding-bottom: 0;
}

.jmec-info-icon {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background: var(--jmec-navy);

    color: #ffffff;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .4px;
}

.jmec-info-icon.jmec-teal {
    background: var(--jmec-teal);
}

.jmec-info-icon.jmec-gold {
    background: var(--jmec-gold);
}

.jmec-info-item span {
    display: block;

    color: var(--jmec-muted);

    font-size: 10px;

    margin-bottom: 2px;
}

.jmec-info-item strong {
    display: block;

    color: var(--jmec-navy);

    font-size: 13px;
}


/* OPEN ACCESS */

.jmec-open-access {
    display: flex;

    align-items: center;

    gap: 12px;

    padding: 15px;

    border-radius: 9px;

    background: #F2F8F8;

    border: 1px solid #D8E9EA;
}

.jmec-oa-circle {
    width: 43px;
    height: 43px;

    flex: 0 0 43px;

    display: flex;

    justify-content: center;
    align-items: center;

    border-radius: 50%;

    background: var(--jmec-teal);

    color: #ffffff;

    font-size: 11px;

    font-weight: 800;
}

.jmec-open-access strong {
    display: block;

    color: var(--jmec-navy);

    font-size: 13px;

    margin-bottom: 2px;
}

.jmec-open-access p {
    margin: 0;

    color: var(--jmec-muted);

    font-size: 10px;

    line-height: 1.5;
}


/* PUBLISHER */

.jmec-publisher-card {
    position: relative;

    overflow: hidden;

    padding: 20px;

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            #071B2E,
            #102A43
        );

    color: #ffffff;

    border: 1px solid #193850;
}

.jmec-publisher-card::before {
    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    right: -50px;
    top: -50px;

    border: 1px solid rgba(201,162,39,.3);

    border-radius: 50%;
}

.jmec-publisher-label {
    color: var(--jmec-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.4px;
}

.jmec-publisher-card h3 {
    margin: 7px 0 10px;

    color: #ffffff;

    font-size: 16px;
}

.jmec-publisher-divider {
    width: 38px;
    height: 3px;

    margin-bottom: 11px;

    background: var(--jmec-gold);

    border-radius: 4px;
}

.jmec-publisher-card p {
    margin: 0;

    color: #D5E0E7;

    font-size: 11px;

    line-height: 1.65;
}


/* CONTACT */

.jmec-contact-card p {
    margin: 0 0 13px;

    color: var(--jmec-muted);

    font-size: 11px;

    line-height: 1.65;
}

.jmec-contact-link {
    color: var(--jmec-teal) !important;

    text-decoration: none !important;

    font-size: 11px;

    font-weight: 700;
}

.jmec-contact-link:hover {
    color: var(--jmec-navy) !important;
}


/* RESPONSIVE */

@media (max-width: 991px) {

    .jmec-sidebar {
        max-width: 100%;
    }

}


@media (max-width: 575px) {

    .jmec-side-card {
        padding: 16px;
    }

    .jmec-submit-card {
        padding: 18px;
    }

}

/* =========================================================
   JMEC COPYRIGHT & LICENSING
   CC BY-NC 4.0
   OJS 3.4.0.10
   ========================================================= */

.jmec-copyright-page {

    --jmec-navy: #102A43;
    --jmec-dark: #071B2E;
    --jmec-blue: #1F4E79;
    --jmec-teal: #167D8D;
    --jmec-gold: #C9A227;
    --jmec-gold-light: #E6CF78;

    --jmec-text: #263746;
    --jmec-muted: #687887;
    --jmec-border: #DCE3E8;
    --jmec-light: #F6F8FA;

    color: var(--jmec-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    line-height: 1.7;
}


/* =========================================================
   HERO
   ========================================================= */

.jmec-copyright-hero {

    position: relative;

    overflow: hidden;

    margin-bottom: 50px;

    padding: 60px 55px;

    border-radius: 14px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #071B2E 0%,
            #102A43 55%,
            #1F4E79 100%
        );

    box-shadow:
        0 12px 35px rgba(7,27,46,.16);
}


.jmec-copyright-hero::before {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -120px;
    top: -150px;

    border:
        1px solid
        rgba(230,207,120,.25);

    border-radius: 50%;
}


.jmec-copyright-hero::after {

    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    right: 100px;
    bottom: -120px;

    border:
        1px solid
        rgba(22,125,141,.35);

    border-radius: 50%;
}


.jmec-copyright-hero-content {

    position: relative;

    z-index: 2;

    max-width: 850px;
}


.jmec-copyright-label {

    margin-bottom: 10px;

    color: var(--jmec-gold-light);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 2px;
}


.jmec-copyright-hero h1 {

    margin: 0 0 15px;

    color: #fff;

    font-size:
        clamp(30px, 5vw, 48px);

    line-height: 1.15;

    font-weight: 750;
}


.jmec-copyright-hero p {

    max-width: 760px;

    margin: 0;

    color: #D9E3E9;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   LICENSE BADGE
   ========================================================= */

.jmec-license-badge {

    display: inline-flex;

    align-items: center;

    gap: 14px;

    margin-top: 26px;

    padding: 10px 15px;

    border:
        1px solid
        rgba(255,255,255,.16);

    border-radius: 7px;

    background:
        rgba(255,255,255,.07);
}


.jmec-license-badge strong {

    color: var(--jmec-gold-light);

    font-size: 14px;

    letter-spacing: 1px;
}


.jmec-license-badge span {

    color: #D0DCE3;

    font-size: 10px;
}


/* =========================================================
   SECTION
   ========================================================= */

.jmec-copyright-section {

    max-width: 1050px;

    margin: 0 auto 55px;
}


.jmec-copyright-alt {

    padding: 38px;

    border:
        1px solid
        #E6EBEF;

    border-radius: 12px;

    background:
        var(--jmec-light);
}


/* =========================================================
   TITLE
   ========================================================= */

.jmec-copyright-title {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 27px;
}


.jmec-copyright-title > span {

    width: 5px;
    height: 48px;

    flex: 0 0 5px;

    border-radius: 5px;

    background:
        var(--jmec-gold);
}


.jmec-copyright-title small {

    display: block;

    margin-bottom: 3px;

    color:
        var(--jmec-teal);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-copyright-title h2 {

    margin: 0;

    color:
        var(--jmec-navy);

    font-size: 27px;

    line-height: 1.25;
}


/* =========================================================
   CONTENT
   ========================================================= */

.jmec-copyright-content {

    color:
        var(--jmec-text);

    font-size: 14px;
}


.jmec-copyright-content p {

    margin-bottom: 15px;
}


.jmec-copyright-content strong {

    color:
        var(--jmec-navy);
}


/* =========================================================
   LICENSE MAIN
   ========================================================= */

.jmec-license-section {

    display: flex;

    gap: 24px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 35px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );

    color: #fff;

    box-shadow:
        0 10px 30px
        rgba(7,27,46,.13);
}


.jmec-license-icon {

    width: 64px;
    height: 64px;

    flex:
        0 0 64px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    background:
        var(--jmec-gold);

    color: #fff;

    font-size: 16px;

    font-weight: 900;

    letter-spacing: 1px;
}


.jmec-license-main {

    flex: 1;
}


.jmec-license-small {

    color:
        var(--jmec-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.6px;
}


.jmec-license-main h2 {

    margin: 6px 0 15px;

    color: #fff;

    font-size: 25px;

    line-height: 1.35;
}


.jmec-license-main p {

    color: #D6E1E7;

    font-size: 13px;

    line-height: 1.75;
}


.jmec-license-main strong {

    color: #fff;
}


.jmec-cc-code {

    display: inline-block;

    margin-bottom: 12px;

    padding: 5px 10px;

    border:
        1px solid
        rgba(230,207,120,.35);

    border-radius: 5px;

    color:
        var(--jmec-gold-light);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================================================
   PERMISSIONS
   ========================================================= */

.jmec-permission-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 16px;
}


.jmec-permission {

    padding: 25px 20px;

    border:
        1px solid
        var(--jmec-border);

    border-radius: 9px;

    background: #fff;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.jmec-permission:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 10px 25px
        rgba(16,42,67,.07);
}


.jmec-permission-icon {

    width: 38px;
    height: 38px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 13px;

    border-radius: 7px;

    background:
        #EDF7F8;

    color:
        var(--jmec-teal);

    font-size: 12px;

    font-weight: 800;
}


.jmec-permission h3 {

    margin: 0 0 7px;

    color:
        var(--jmec-navy);

    font-size: 15px;
}


.jmec-permission p {

    margin: 0;

    color:
        var(--jmec-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   ATTRIBUTION
   ========================================================= */

.jmec-attribution {

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 30px;

    border-left:
        4px solid
        var(--jmec-gold);

    border-radius:
        0 10px 10px 0;

    background:
        #F8F7F1;
}


.jmec-attribution-label {

    display: inline-block;

    margin-bottom: 7px;

    color:
        #8A6D16;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-attribution h2 {

    margin: 0 0 10px;

    color:
        var(--jmec-navy);

    font-size: 22px;
}


.jmec-attribution > p {

    margin-bottom: 18px;

    color:
        var(--jmec-text);

    font-size: 13px;
}


.jmec-attribution-example {

    padding: 18px;

    border:
        1px solid
        #E5DEC1;

    border-radius: 7px;

    background:
        #fff;
}


.jmec-example-label {

    margin-bottom: 7px;

    color:
        var(--jmec-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.2px;
}


.jmec-attribution-example p {

    margin: 0;

    color:
        var(--jmec-muted);

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   RESTRICTIONS
   ========================================================= */

.jmec-restriction-section {

    max-width: 1050px;

    margin: 0 auto 55px;
}


.jmec-restriction-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 18px;
}


.jmec-restriction-grid > div {

    padding: 25px;

    border:
        1px solid
        var(--jmec-border);

    border-top:
        4px solid
        var(--jmec-teal);

    border-radius: 8px;

    background: #fff;
}


.jmec-restriction-grid > div:nth-child(2) {

    border-top-color:
        var(--jmec-gold);
}


.jmec-restriction-grid > div:nth-child(3) {

    border-top-color:
        var(--jmec-navy);
}


.jmec-restriction-grid span {

    display: block;

    margin-bottom: 9px;

    color:
        var(--jmec-muted);

    font-size: 11px;

    font-weight: 800;
}


.jmec-restriction-grid h3 {

    margin: 0 0 8px;

    color:
        var(--jmec-navy);

    font-size: 16px;
}


.jmec-restriction-grid p {

    margin: 0;

    color:
        var(--jmec-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   AUTHOR RIGHTS
   ========================================================= */

.jmec-author-rights {

    color:
        var(--jmec-text);

    font-size: 14px;
}


.jmec-author-rights ul {

    margin-top: 18px;

    padding-left: 20px;
}


.jmec-author-rights li {

    margin-bottom: 9px;

    color:
        var(--jmec-muted);

    font-size: 13px;
}


/* =========================================================
   LICENSE FOOTER
   ========================================================= */

.jmec-license-footer {

    display: flex;

    gap: 22px;

    max-width: 1050px;

    margin: 0 auto 30px;

    padding: 32px;

    border:
        1px solid
        #D5E7E9;

    border-radius: 11px;

    background:
        #F3F9F9;
}


.jmec-license-footer-mark {

    width: 60px;
    height: 60px;

    flex:
        0 0 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-teal);

    color: #fff;

    font-size: 14px;

    font-weight: 900;
}


.jmec-license-footer h2 {

    margin: 0 0 9px;

    color:
        var(--jmec-navy);

    font-size: 20px;

    line-height: 1.35;
}


.jmec-license-footer p {

    margin-bottom: 9px;

    color:
        var(--jmec-muted);

    font-size: 12px;
}


.jmec-license-footer a {

    color:
        var(--jmec-teal) !important;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none;
}


.jmec-license-footer a:hover {

    color:
        var(--jmec-navy) !important;

    text-decoration: underline;
}


/* =========================================================
   FINAL
   ========================================================= */

.jmec-copyright-final {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 15px;

    max-width: 1050px;

    margin: 0 auto;

    padding: 20px 0;

    border-top:
        1px solid
        var(--jmec-border);

    color:
        var(--jmec-muted);

    font-size: 11px;
}


.jmec-copyright-final strong {

    color:
        var(--jmec-navy);

    font-size: 12px;
}


.jmec-copyright-final span {

    text-align: right;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 950px) {

    .jmec-permission-grid {

        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 800px) {

    .jmec-restriction-grid {

        grid-template-columns:
            1fr;
    }

}


@media (max-width: 650px) {

    .jmec-copyright-hero {

        padding: 40px 25px;
    }


    .jmec-copyright-hero h1 {

        font-size: 32px;
    }


    .jmec-license-badge {

        align-items: flex-start;

        flex-direction: column;

        gap: 4px;
    }


    .jmec-license-section {

        flex-direction: column;

        padding: 27px;
    }


    .jmec-permission-grid {

        grid-template-columns:
            1fr;
    }


    .jmec-copyright-alt {

        padding: 27px 20px;
    }


    .jmec-license-footer {

        flex-direction: column;

        padding: 27px;
    }


    .jmec-copyright-final {

        align-items: flex-start;

        flex-direction: column;
    }


    .jmec-copyright-final span {

        text-align: left;
    }

}
/* =========================================================
   CV DIMAR JAYA
   ABOUT PAGE
   OJS 3.4.0.10
   ========================================================= */

.dimar-about-page {

    --dimar-navy: #102A43;
    --dimar-dark: #071B2E;
    --dimar-blue: #1F4E79;
    --dimar-teal: #167D8D;
    --dimar-gold: #C9A227;
    --dimar-gold-light: #E6CF78;

    --dimar-text: #263746;
    --dimar-muted: #687887;
    --dimar-border: #DCE3E8;
    --dimar-light: #F6F8FA;

    color: var(--dimar-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    line-height: 1.7;
}


/* =========================================================
   HERO
   ========================================================= */

.dimar-about-hero {

    position: relative;

    overflow: hidden;

    margin-bottom: 55px;

    padding: 70px 55px;

    border-radius: 15px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #071B2E 0%,
            #102A43 55%,
            #1F4E79 100%
        );

    box-shadow:
        0 14px 40px
        rgba(7,27,46,.16);
}


.dimar-about-hero::before {

    content: "";

    position: absolute;

    width: 330px;
    height: 330px;

    right: -130px;
    top: -170px;

    border:
        1px solid
        rgba(230,207,120,.27);

    border-radius: 50%;
}


.dimar-about-hero::after {

    content: "";

    position: absolute;

    width: 210px;
    height: 210px;

    right: 90px;
    bottom: -130px;

    border:
        1px solid
        rgba(22,125,141,.35);

    border-radius: 50%;
}


.dimar-about-hero-content {

    position: relative;

    z-index: 2;

    max-width: 800px;
}


.dimar-eyebrow {

    display: block;

    margin-bottom: 10px;

    color:
        var(--dimar-gold-light);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.dimar-about-hero h1 {

    margin: 0 0 12px;

    color: #fff;

    font-size:
        clamp(34px, 5vw, 52px);

    line-height: 1.1;

    font-weight: 750;
}


.dimar-about-hero p {

    margin: 0;

    color: #D9E3E9;

    font-size: 17px;
}


.dimar-hero-meta {

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 28px;
}


.dimar-hero-meta span {

    padding: 7px 12px;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 5px;

    background:
        rgba(255,255,255,.06);

    color: #D6E1E7;

    font-size: 10px;

    font-weight: 600;
}


/* =========================================================
   SECTION
   ========================================================= */

.dimar-about-section {

    max-width: 1050px;

    margin: 0 auto 60px;
}


.dimar-section-heading {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 28px;
}


.dimar-heading-line {

    width: 5px;
    height: 49px;

    flex: 0 0 5px;

    border-radius: 5px;

    background:
        var(--dimar-gold);
}


.dimar-section-heading span {

    display: block;

    margin-bottom: 3px;

    color:
        var(--dimar-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.dimar-section-heading h2 {

    margin: 0;

    color:
        var(--dimar-navy);

    font-size: 28px;

    line-height: 1.25;
}


/* =========================================================
   PROFILE
   ========================================================= */

.dimar-profile-content {

    max-width: 900px;

    font-size: 14px;
}


.dimar-profile-content p {

    margin-bottom: 15px;
}


.dimar-profile-content strong {

    color:
        var(--dimar-navy);
}


/* =========================================================
   LEGAL
   ========================================================= */

.dimar-legal-section {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 16px;

    max-width: 1050px;

    margin: 0 auto 60px;
}


.dimar-legal-card {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 23px;

    border:
        1px solid
        var(--dimar-border);

    border-radius: 9px;

    background: #fff;
}


.dimar-legal-icon {

    width: 46px;
    height: 46px;

    flex: 0 0 46px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background:
        #F1F7F8;

    color:
        var(--dimar-teal);

    font-size: 11px;

    font-weight: 900;
}


.dimar-legal-card span {

    display: block;

    color:
        var(--dimar-teal);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.3px;
}


.dimar-legal-card h3 {

    margin: 4px 0;

    color:
        var(--dimar-navy);

    font-size: 14px;
}


.dimar-legal-card p {

    margin: 0;

    color:
        var(--dimar-muted);

    font-size: 11px;
}


/* =========================================================
   LIGHT SECTION
   ========================================================= */

.dimar-light-section {

    max-width: none;

    padding: 55px max(25px, calc((100% - 1050px) / 2));

    background:
        var(--dimar-light);
}


/* =========================================================
   PUBLISHING
   ========================================================= */

.dimar-publishing-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 17px;
}


.dimar-publishing-card {

    padding: 25px 22px;

    border:
        1px solid
        var(--dimar-border);

    border-radius: 9px;

    background: #fff;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.dimar-publishing-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 12px 28px
        rgba(16,42,67,.08);
}


.dimar-card-number {

    margin-bottom: 13px;

    color:
        var(--dimar-gold);

    font-size: 11px;

    font-weight: 800;
}


.dimar-publishing-card h3 {

    margin: 0 0 8px;

    color:
        var(--dimar-navy);

    font-size: 16px;
}


.dimar-publishing-card p {

    margin: 0;

    color:
        var(--dimar-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   BOOKS
   ========================================================= */

.dimar-books-content {

    display: grid;

    grid-template-columns: 160px 1fr;

    gap: 35px;

    align-items: start;
}


.dimar-books-number {

    padding: 22px;

    border-radius: 9px;

    background:
        var(--dimar-navy);

    color:
        var(--dimar-gold-light);

    text-align: center;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 1px;
}


.dimar-books-content p {

    margin-bottom: 14px;

    font-size: 14px;
}


/* =========================================================
   LITERACY
   ========================================================= */

.dimar-literacy-section {

    display: flex;

    align-items: center;

    gap: 40px;

    max-width: 1050px;

    margin: 0 auto 60px;

    padding: 45px;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );

    color: #fff;
}


.dimar-literacy-content {

    flex: 1;
}


.dimar-literacy-content h2 {

    margin: 5px 0 13px;

    color: #fff;

    font-size: 29px;

    line-height: 1.25;
}


.dimar-literacy-content p {

    margin-bottom: 11px;

    color:
        #D5E0E6;

    font-size: 13px;

    line-height: 1.75;
}


.dimar-literacy-mark {

    width: 190px;
    height: 190px;

    flex: 0 0 190px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex-direction: column;

    border:
        1px solid
        rgba(230,207,120,.3);

    border-radius: 50%;

    color:
        var(--dimar-gold-light);

    text-align: center;
}


.dimar-literacy-mark span {

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 2px;
}


.dimar-literacy-mark strong {

    margin-top: 5px;

    color: #fff;

    font-size: 10px;

    letter-spacing: 1px;
}


/* =========================================================
   AUTHOR
   ========================================================= */

.dimar-author-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 16px;
}


.dimar-author-grid > div {

    padding: 22px;

    border:
        1px solid
        var(--dimar-border);

    border-top:
        3px solid
        var(--dimar-teal);

    border-radius: 8px;

    background: #fff;
}


.dimar-author-grid strong {

    display: block;

    margin-bottom: 7px;

    color:
        var(--dimar-navy);

    font-size: 15px;
}


.dimar-author-grid p {

    margin: 0;

    color:
        var(--dimar-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   VISION
   ========================================================= */

.dimar-vision-section {

    max-width: 1050px;

    margin: 0 auto 60px;

    padding: 45px;

    border-left:
        5px solid
        var(--dimar-gold);

    border-radius:
        0 12px 12px 0;

    background:
        #F8F7F1;
}


.dimar-vision-section > div {

    max-width: 800px;
}


.dimar-vision-section span {

    color:
        #8A6D16;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.dimar-vision-section h2 {

    margin: 6px 0 12px;

    color:
        var(--dimar-navy);

    font-size: 26px;
}


.dimar-vision-section p {

    margin: 0;

    color:
        var(--dimar-muted);

    font-size: 13px;
}


/* =========================================================
   CONTACT
   ========================================================= */

.dimar-contact-section {

    max-width: 1050px;

    margin: 0 auto 40px;

    padding: 35px;

    border-radius: 11px;

    background:
        var(--dimar-light);

    border:
        1px solid
        var(--dimar-border);
}


.dimar-contact-heading span {

    color:
        var(--dimar-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.dimar-contact-heading h2 {

    margin: 4px 0 25px;

    color:
        var(--dimar-navy);

    font-size: 25px;
}


.dimar-contact-grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 25px;
}


.dimar-contact-item {

    padding: 20px;

    border:
        1px solid
        var(--dimar-border);

    border-radius: 8px;

    background: #fff;
}


.dimar-contact-item span {

    display: block;

    margin-bottom: 5px;

    color:
        var(--dimar-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.2px;
}


.dimar-contact-item strong {

    display: block;

    color:
        var(--dimar-navy);

    font-size: 14px;
}


.dimar-contact-item p {

    margin: 4px 0 0;

    color:
        var(--dimar-muted);

    font-size: 12px;
}


/* =========================================================
   LEGAL DOCUMENT
   ========================================================= */

.dimar-document-section {

    display: flex;

    align-items: center;

    gap: 20px;

    max-width: 1050px;

    margin: 0 auto 35px;

    padding: 25px;

    border:
        1px solid
        #D5E7E9;

    border-radius: 10px;

    background:
        #F3F9F9;
}


.dimar-document-icon {

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background:
        var(--dimar-teal);

    color: #fff;

    font-size: 11px;

    font-weight: 900;
}


.dimar-document-section span {

    color:
        var(--dimar-teal);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.3px;
}


.dimar-document-section h3 {

    margin: 4px 0;

    color:
        var(--dimar-navy);

    font-size: 15px;
}


.dimar-document-section p {

    margin: 0 0 5px;

    color:
        var(--dimar-muted);

    font-size: 11px;
}


.dimar-document-section a {

    color:
        var(--dimar-teal) !important;

    font-size: 11px;

    font-weight: 700;

    text-decoration: none;
}


.dimar-document-section a:hover {

    text-decoration: underline;
}


/* =========================================================
   FOOTER
   ========================================================= */

.dimar-about-footer {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 15px;

    max-width: 1050px;

    margin: 0 auto;

    padding: 22px 0;

    border-top:
        1px solid
        var(--dimar-border);

    color:
        var(--dimar-muted);

    font-size: 11px;
}


.dimar-about-footer strong {

    color:
        var(--dimar-navy);

    font-size: 13px;
}


.dimar-about-footer span {

    letter-spacing: .5px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 950px) {

    .dimar-publishing-grid,
    .dimar-author-grid {

        grid-template-columns:
            repeat(2, 1fr);
    }

    .dimar-legal-section {

        grid-template-columns:
            1fr;
    }

}


@media (max-width: 700px) {

    .dimar-about-hero {

        padding: 45px 25px;
    }

    .dimar-about-hero h1 {

        font-size: 34px;
    }

    .dimar-books-content {

        grid-template-columns:
            1fr;
    }

    .dimar-literacy-section {

        flex-direction: column;

        align-items: flex-start;

        padding: 32px 25px;
    }

    .dimar-literacy-mark {

        width: 150px;
        height: 150px;
    }

    .dimar-contact-grid {

        grid-template-columns:
            1fr;
    }

}


@media (max-width: 520px) {

    .dimar-publishing-grid,
    .dimar-author-grid {

        grid-template-columns:
            1fr;
    }

    .dimar-about-footer {

        align-items: flex-start;

        flex-direction: column;
    }

    .dimar-document-section {

        align-items: flex-start;

        flex-direction: column;
    }

}


/* =========================================================
   JMEC OPEN ACCESS POLICY
   OJS 3.4.0.10
   ========================================================= */

.jmec-oap-page {

    --jmec-oap-navy: #102A43;
    --jmec-oap-dark: #071B2E;
    --jmec-oap-blue: #1F4E79;
    --jmec-oap-teal: #167D8D;

    --jmec-oap-gold: #C9A227;
    --jmec-oap-gold-light: #E6CF78;

    --jmec-oap-text: #263746;
    --jmec-oap-muted: #687887;
    --jmec-oap-border: #DCE3E8;
    --jmec-oap-light: #F6F8FA;

    color: var(--jmec-oap-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    line-height: 1.7;
}


/* =========================================================
   HERO
   ========================================================= */

.jmec-oap-hero {

    position: relative;

    overflow: hidden;

    margin-bottom: 55px;

    padding: 65px 55px;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #071B2E 0%,
            #102A43 55%,
            #1F4E79 100%
        );

    color: #fff;

    box-shadow:
        0 14px 40px
        rgba(7,27,46,.16);
}


.jmec-oap-hero::before {

    content: "";

    position: absolute;

    width: 330px;
    height: 330px;

    right: -140px;
    top: -170px;

    border:
        1px solid
        rgba(230,207,120,.25);

    border-radius: 50%;
}


.jmec-oap-hero::after {

    content: "";

    position: absolute;

    width: 210px;
    height: 210px;

    right: 80px;
    bottom: -130px;

    border:
        1px solid
        rgba(22,125,141,.35);

    border-radius: 50%;
}


.jmec-oap-hero-content {

    position: relative;

    z-index: 2;

    max-width: 820px;
}


.jmec-oap-eyebrow {

    display: block;

    margin-bottom: 10px;

    color:
        var(--jmec-oap-gold-light);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.jmec-oap-hero h1 {

    margin: 0 0 13px;

    color: #fff;

    font-size:
        clamp(34px, 5vw, 50px);

    line-height: 1.1;

    font-weight: 750;
}


.jmec-oap-hero p {

    max-width: 760px;

    margin: 0;

    color: #D8E3E9;

    font-size: 16px;

    line-height: 1.75;
}


.jmec-oap-badge {

    display: inline-flex;

    align-items: center;

    gap: 13px;

    margin-top: 25px;

    padding: 9px 14px;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 6px;

    background:
        rgba(255,255,255,.06);
}


.jmec-oap-badge strong {

    color:
        var(--jmec-oap-gold-light);

    font-size: 12px;

    letter-spacing: 1px;
}


.jmec-oap-badge span {

    color: #CFDCE3;

    font-size: 10px;
}


/* =========================================================
   SECTION
   ========================================================= */

.jmec-oap-section {

    max-width: 1050px;

    margin: 0 auto 55px;
}


/* =========================================================
   HEADING
   ========================================================= */

.jmec-oap-heading {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 27px;
}


.jmec-oap-heading-line {

    width: 5px;
    height: 48px;

    flex: 0 0 5px;

    border-radius: 5px;

    background:
        var(--jmec-oap-gold);
}


.jmec-oap-heading span {

    display: block;

    margin-bottom: 3px;

    color:
        var(--jmec-oap-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-oap-heading h2 {

    margin: 0;

    color:
        var(--jmec-oap-navy);

    font-size: 27px;

    line-height: 1.25;
}


/* =========================================================
   CONTENT
   ========================================================= */

.jmec-oap-content {

    max-width: 930px;

    font-size: 14px;
}


.jmec-oap-content p {

    margin-bottom: 15px;
}


.jmec-oap-content strong {

    color:
        var(--jmec-oap-navy);
}


/* =========================================================
   BOAI
   ========================================================= */

.jmec-oap-boai {

    display: flex;

    align-items: flex-start;

    gap: 24px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 35px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );

    color: #fff;

    box-shadow:
        0 10px 30px
        rgba(7,27,46,.13);
}


.jmec-oap-boai-mark {

    width: 65px;
    height: 65px;

    flex: 0 0 65px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-oap-gold);

    color: #fff;

    font-size: 15px;

    font-weight: 900;

    letter-spacing: 1px;
}


.jmec-oap-boai span {

    color:
        var(--jmec-oap-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-oap-boai h2 {

    margin: 6px 0 12px;

    color: #fff;

    font-size: 25px;
}


.jmec-oap-boai p {

    margin: 0;

    color: #D6E1E7;

    font-size: 13px;

    line-height: 1.75;
}


/* =========================================================
   ACCESS CARDS
   ========================================================= */

.jmec-oap-access-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 16px;
}


.jmec-oap-access-card {

    padding: 24px 20px;

    border:
        1px solid
        var(--jmec-oap-border);

    border-radius: 9px;

    background: #fff;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.jmec-oap-access-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 10px 25px
        rgba(16,42,67,.08);
}


.jmec-oap-access-icon {

    width: 39px;
    height: 39px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 13px;

    border-radius: 7px;

    background:
        #EDF7F8;

    color:
        var(--jmec-oap-teal);

    font-size: 13px;

    font-weight: 900;
}


.jmec-oap-access-card h3 {

    margin: 0 0 7px;

    color:
        var(--jmec-oap-navy);

    font-size: 15px;
}


.jmec-oap-access-card p {

    margin: 0;

    color:
        var(--jmec-oap-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   LIGHT SECTION
   ========================================================= */

.jmec-oap-light-section {

    padding: 55px 25px;

    background:
        var(--jmec-oap-light);
}


/* =========================================================
   READER RIGHTS
   ========================================================= */

.jmec-oap-rights {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 15px;
}


.jmec-oap-right-item {

    display: flex;

    gap: 17px;

    padding: 22px;

    border:
        1px solid
        var(--jmec-oap-border);

    border-radius: 9px;

    background: #fff;
}


.jmec-oap-right-item > strong {

    color:
        var(--jmec-oap-gold);

    font-size: 12px;
}


.jmec-oap-right-item h3 {

    margin: 0 0 5px;

    color:
        var(--jmec-oap-navy);

    font-size: 15px;
}


.jmec-oap-right-item p {

    margin: 0;

    color:
        var(--jmec-oap-muted);

    font-size: 12px;
}


/* =========================================================
   LICENSE
   ========================================================= */

.jmec-oap-license {

    display: flex;

    gap: 23px;

    padding: 32px;

    border:
        1px solid
        #D7E7E9;

    border-radius: 11px;

    background:
        #F3F9F9;
}


.jmec-oap-license-icon {

    width: 60px;
    height: 60px;

    flex: 0 0 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-oap-teal);

    color: #fff;

    font-size: 14px;

    font-weight: 900;
}


.jmec-oap-license-code {

    display: inline-block;

    margin-bottom: 7px;

    padding: 5px 9px;

    border-radius: 4px;

    background:
        #E5F2F3;

    color:
        var(--jmec-oap-teal);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1px;
}


.jmec-oap-license h3 {

    margin: 0 0 12px;

    color:
        var(--jmec-oap-navy);

    font-size: 20px;

    line-height: 1.4;
}


.jmec-oap-license p {

    color:
        var(--jmec-oap-muted);

    font-size: 12px;

    line-height: 1.7;
}


.jmec-oap-license a {

    color:
        var(--jmec-oap-teal) !important;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none;
}


.jmec-oap-license a:hover {

    text-decoration: underline;
}


/* =========================================================
   LIST
   ========================================================= */

.jmec-oap-list {

    margin-top: 20px;

    padding-left: 20px;
}


.jmec-oap-list li {

    margin-bottom: 9px;

    color:
        var(--jmec-oap-muted);

    font-size: 13px;
}


/* =========================================================
   NO EMBARGO
   ========================================================= */

.jmec-oap-no-embargo {

    display: flex;

    align-items: center;

    gap: 22px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 30px;

    border-left:
        4px solid
        var(--jmec-oap-gold);

    border-radius:
        0 10px 10px 0;

    background:
        #F8F7F1;
}


.jmec-oap-no-embargo-icon {

    width: 58px;
    height: 58px;

    flex: 0 0 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-oap-navy);

    color:
        var(--jmec-oap-gold-light);

    font-size: 22px;

    font-weight: 800;
}


.jmec-oap-no-embargo span {

    color:
        #8A6D16;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-oap-no-embargo h2 {

    margin: 4px 0 7px;

    color:
        var(--jmec-oap-navy);

    font-size: 22px;
}


.jmec-oap-no-embargo p {

    margin: 0;

    color:
        var(--jmec-oap-muted);

    font-size: 12px;
}


/* =========================================================
   BENEFITS
   ========================================================= */

.jmec-oap-benefit-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 16px;
}


.jmec-oap-benefit-grid > div {

    padding: 23px;

    border:
        1px solid
        var(--jmec-oap-border);

    border-top:
        3px solid
        var(--jmec-oap-teal);

    border-radius: 8px;

    background: #fff;
}


.jmec-oap-benefit-grid span {

    color:
        var(--jmec-oap-gold);

    font-size: 11px;

    font-weight: 800;
}


.jmec-oap-benefit-grid h3 {

    margin: 7px 0;

    color:
        var(--jmec-oap-navy);

    font-size: 15px;
}


.jmec-oap-benefit-grid p {

    margin: 0;

    color:
        var(--jmec-oap-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   RESPONSIBILITY
   ========================================================= */

.jmec-oap-responsibility {

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 40px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );
}


.jmec-oap-responsibility > div {

    max-width: 850px;
}


.jmec-oap-responsibility span {

    color:
        var(--jmec-oap-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-oap-responsibility h2 {

    margin: 5px 0 12px;

    color: #fff;

    font-size: 26px;
}


.jmec-oap-responsibility p {

    margin-bottom: 12px;

    color:
        #D6E1E7;

    font-size: 13px;

    line-height: 1.75;
}


/* =========================================================
   FINAL
   ========================================================= */

.jmec-oap-final {

    display: flex;

    align-items: center;

    gap: 17px;

    max-width: 1050px;

    margin: 0 auto;

    padding: 22px 0;

    border-top:
        1px solid
        var(--jmec-oap-border);
}


.jmec-oap-final-mark {

    width: 47px;
    height: 47px;

    flex: 0 0 47px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background:
        var(--jmec-oap-navy);

    color:
        var(--jmec-oap-gold-light);

    font-size: 11px;

    font-weight: 900;
}


.jmec-oap-final strong {

    display: block;

    color:
        var(--jmec-oap-navy);

    font-size: 12px;
}


.jmec-oap-final p {

    margin: 2px 0;

    color:
        var(--jmec-oap-muted);

    font-size: 10px;
}


.jmec-oap-final span {

    color:
        var(--jmec-oap-teal);

    font-size: 9px;

    font-weight: 700;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 950px) {

    .jmec-oap-access-grid,
    .jmec-oap-benefit-grid {

        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 700px) {

    .jmec-oap-hero {

        padding: 45px 25px;
    }

    .jmec-oap-hero h1 {

        font-size: 34px;
    }

    .jmec-oap-boai {

        flex-direction: column;

        padding: 28px 23px;
    }

    .jmec-oap-rights {

        grid-template-columns:
            1fr;
    }

    .jmec-oap-license {

        flex-direction: column;

        padding: 27px 22px;
    }

    .jmec-oap-no-embargo {

        align-items: flex-start;

        flex-direction: column;

        padding: 27px 22px;
    }

    .jmec-oap-responsibility {

        padding: 32px 23px;
    }

}


@media (max-width: 520px) {

    .jmec-oap-access-grid,
    .jmec-oap-benefit-grid {

        grid-template-columns:
            1fr;
    }

    .jmec-oap-final {

        align-items: flex-start;
    }

}

/*Plagiarism*/

/* =========================================================
   JMEC PLAGIARISM POLICY
   OJS 3.4.0.10
   Elegant Navy - Teal - Gold
   ========================================================= */

.jmec-plag-page {

    --jmec-plag-navy: #102A43;
    --jmec-plag-dark: #071B2E;
    --jmec-plag-blue: #1F4E79;
    --jmec-plag-teal: #167D8D;

    --jmec-plag-gold: #C9A227;
    --jmec-plag-gold-light: #E6CF78;

    --jmec-plag-text: #263746;
    --jmec-plag-muted: #687887;

    --jmec-plag-border: #DCE3E8;
    --jmec-plag-light: #F6F8FA;

    color: var(--jmec-plag-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    line-height: 1.7;
}


/* =========================================================
   HERO
   ========================================================= */

.jmec-plag-hero {

    position: relative;

    overflow: hidden;

    margin-bottom: 55px;

    padding: 65px 55px;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #071B2E 0%,
            #102A43 55%,
            #1F4E79 100%
        );

    color: #fff;

    box-shadow:
        0 14px 40px
        rgba(7,27,46,.16);
}


.jmec-plag-hero::before {

    content: "";

    position: absolute;

    width: 330px;
    height: 330px;

    right: -140px;
    top: -170px;

    border:
        1px solid
        rgba(230,207,120,.25);

    border-radius: 50%;
}


.jmec-plag-hero::after {

    content: "";

    position: absolute;

    width: 210px;
    height: 210px;

    right: 80px;
    bottom: -130px;

    border:
        1px solid
        rgba(22,125,141,.35);

    border-radius: 50%;
}


.jmec-plag-hero-content {

    position: relative;

    z-index: 2;

    max-width: 820px;
}


.jmec-plag-eyebrow {

    display: block;

    margin-bottom: 10px;

    color:
        var(--jmec-plag-gold-light);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.jmec-plag-hero h1 {

    margin: 0 0 13px;

    color: #fff;

    font-size:
        clamp(34px, 5vw, 50px);

    line-height: 1.1;

    font-weight: 750;
}


.jmec-plag-hero p {

    max-width: 760px;

    margin: 0;

    color: #D8E3E9;

    font-size: 16px;

    line-height: 1.75;
}


.jmec-plag-badge {

    display: inline-flex;

    align-items: center;

    gap: 13px;

    margin-top: 25px;

    padding: 9px 14px;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 6px;

    background:
        rgba(255,255,255,.06);
}


.jmec-plag-badge strong {

    color:
        var(--jmec-plag-gold-light);

    font-size: 12px;

    letter-spacing: 1px;
}


.jmec-plag-badge span {

    color: #CFDCE3;

    font-size: 10px;
}


/* =========================================================
   SECTION
   ========================================================= */

.jmec-plag-section {

    max-width: 1050px;

    margin: 0 auto 55px;
}


/* =========================================================
   HEADING
   ========================================================= */

.jmec-plag-heading {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 27px;
}


.jmec-plag-heading-line {

    width: 5px;
    height: 48px;

    flex: 0 0 5px;

    border-radius: 5px;

    background:
        var(--jmec-plag-gold);
}


.jmec-plag-heading span {

    display: block;

    margin-bottom: 3px;

    color:
        var(--jmec-plag-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-plag-heading h2 {

    margin: 0;

    color:
        var(--jmec-plag-navy);

    font-size: 27px;

    line-height: 1.25;
}


/* =========================================================
   CONTENT
   ========================================================= */

.jmec-plag-content {

    max-width: 930px;

    font-size: 14px;
}


.jmec-plag-content p {

    margin-bottom: 15px;
}


.jmec-plag-content strong {

    color:
        var(--jmec-plag-navy);
}


/* =========================================================
   DEFINITION
   ========================================================= */

.jmec-plag-definition {

    display: flex;

    align-items: flex-start;

    gap: 24px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 35px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );

    color: #fff;

    box-shadow:
        0 10px 30px
        rgba(7,27,46,.13);
}


.jmec-plag-definition-icon {

    width: 65px;
    height: 65px;

    flex: 0 0 65px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-plag-gold);

    color: #fff;

    font-size: 24px;

    font-weight: 900;
}


.jmec-plag-definition span {

    color:
        var(--jmec-plag-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-plag-definition h2 {

    margin: 6px 0 12px;

    color: #fff;

    font-size: 25px;
}


.jmec-plag-definition p {

    margin-bottom: 12px;

    color: #D6E1E7;

    font-size: 13px;

    line-height: 1.75;
}


/* =========================================================
   PLAGIARISM CARDS
   ========================================================= */

.jmec-plag-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 16px;
}


.jmec-plag-card {

    padding: 24px 21px;

    border:
        1px solid
        var(--jmec-plag-border);

    border-radius: 9px;

    background: #fff;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.jmec-plag-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 10px 25px
        rgba(16,42,67,.08);
}


.jmec-plag-number {

    margin-bottom: 12px;

    color:
        var(--jmec-plag-gold);

    font-size: 11px;

    font-weight: 800;
}


.jmec-plag-card h3 {

    margin: 0 0 8px;

    color:
        var(--jmec-plag-navy);

    font-size: 15px;
}


.jmec-plag-card p {

    margin: 0;

    color:
        var(--jmec-plag-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   LIGHT SECTION
   ========================================================= */

.jmec-plag-light-section {

    padding: 55px 25px;

    background:
        var(--jmec-plag-light);
}


/* =========================================================
   PROCESS
   ========================================================= */

.jmec-plag-process {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 16px;
}


.jmec-plag-process-item {

    display: flex;

    gap: 17px;

    padding: 23px;

    border:
        1px solid
        var(--jmec-plag-border);

    border-radius: 9px;

    background: #fff;
}


.jmec-plag-process-icon {

    width: 43px;
    height: 43px;

    flex: 0 0 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background:
        #EDF7F8;

    color:
        var(--jmec-plag-teal);

    font-size: 10px;

    font-weight: 900;
}


.jmec-plag-process-item h3 {

    margin: 0 0 5px;

    color:
        var(--jmec-plag-navy);

    font-size: 15px;
}


.jmec-plag-process-item p {

    margin: 0;

    color:
        var(--jmec-plag-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   SIMILARITY
   ========================================================= */

.jmec-plag-similarity {

    display: flex;

    align-items: flex-start;

    gap: 23px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 35px;

    border:
        1px solid
        #D7E7E9;

    border-radius: 11px;

    background:
        #F3F9F9;
}


.jmec-plag-similarity-mark {

    width: 60px;
    height: 60px;

    flex: 0 0 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-plag-teal);

    color: #fff;

    font-size: 20px;

    font-weight: 900;
}


.jmec-plag-similarity span {

    color:
        var(--jmec-plag-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-plag-similarity h2 {

    margin: 5px 0 11px;

    color:
        var(--jmec-plag-navy);

    font-size: 23px;
}


.jmec-plag-similarity p {

    margin-bottom: 11px;

    color:
        var(--jmec-plag-muted);

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   THRESHOLD
   ========================================================= */

.jmec-plag-threshold {

    display: flex;

    align-items: center;

    gap: 27px;

    padding: 30px;

    border-left:
        4px solid
        var(--jmec-plag-gold);

    border-radius:
        0 10px 10px 0;

    background:
        #F8F7F1;
}


.jmec-plag-threshold-number {

    font-size: 42px;

    font-weight: 800;

    color:
        var(--jmec-plag-navy);

    line-height: 1;
}


.jmec-plag-threshold h3 {

    margin: 0 0 6px;

    color:
        var(--jmec-plag-navy);

    font-size: 17px;
}


.jmec-plag-threshold p {

    margin: 0 0 8px;

    color:
        var(--jmec-plag-muted);

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   LIST
   ========================================================= */

.jmec-plag-list {

    margin-top: 20px;

    padding-left: 20px;
}


.jmec-plag-list li {

    margin-bottom: 9px;

    color:
        var(--jmec-plag-muted);

    font-size: 13px;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.jmec-plag-actions {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 16px;
}


.jmec-plag-action {

    padding: 25px;

    border:
        1px solid
        var(--jmec-plag-border);

    border-top:
        3px solid
        var(--jmec-plag-teal);

    border-radius: 8px;

    background: #fff;
}


.jmec-plag-action > span {

    color:
        var(--jmec-plag-gold);

    font-size: 11px;

    font-weight: 800;
}


.jmec-plag-action h3 {

    margin: 6px 0 7px;

    color:
        var(--jmec-plag-navy);

    font-size: 15px;
}


.jmec-plag-action p {

    margin: 0;

    color:
        var(--jmec-plag-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   REVIEWER
   ========================================================= */

.jmec-plag-reviewer {

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 40px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );
}


.jmec-plag-reviewer > div {

    max-width: 850px;
}


.jmec-plag-reviewer span {

    color:
        var(--jmec-plag-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-plag-reviewer h2 {

    margin: 5px 0 12px;

    color: #fff;

    font-size: 26px;
}


.jmec-plag-reviewer p {

    margin-bottom: 12px;

    color:
        #D6E1E7;

    font-size: 13px;

    line-height: 1.75;
}


/* =========================================================
   FINAL
   ========================================================= */

.jmec-plag-final {

    display: flex;

    align-items: center;

    gap: 17px;

    max-width: 1050px;

    margin: 0 auto;

    padding: 22px 0;

    border-top:
        1px solid
        var(--jmec-plag-border);
}


.jmec-plag-final-mark {

    width: 47px;
    height: 47px;

    flex: 0 0 47px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background:
        var(--jmec-plag-navy);

    color:
        var(--jmec-plag-gold-light);

    font-size: 16px;

    font-weight: 900;
}


.jmec-plag-final strong {

    display: block;

    color:
        var(--jmec-plag-navy);

    font-size: 12px;
}


.jmec-plag-final p {

    margin: 2px 0;

    color:
        var(--jmec-plag-muted);

    font-size: 10px;
}


.jmec-plag-final span {

    color:
        var(--jmec-plag-teal);

    font-size: 9px;

    font-weight: 700;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 950px) {

    .jmec-plag-grid {

        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 700px) {

    .jmec-plag-hero {

        padding: 45px 25px;
    }

    .jmec-plag-hero h1 {

        font-size: 34px;
    }

    .jmec-plag-definition {

        flex-direction: column;

        padding: 28px 23px;
    }

    .jmec-plag-process {

        grid-template-columns:
            1fr;
    }

    .jmec-plag-similarity {

        flex-direction: column;

        padding: 28px 23px;
    }

    .jmec-plag-threshold {

        align-items: flex-start;

        flex-direction: column;

        padding: 27px 22px;
    }

    .jmec-plag-actions {

        grid-template-columns:
            1fr;
    }

    .jmec-plag-reviewer {

        padding: 32px 23px;
    }

}


@media (max-width: 520px) {

    .jmec-plag-grid {

        grid-template-columns:
            1fr;
    }

    .jmec-plag-final {

        align-items: flex-start;
    }

}

/* Publication Frequency */

/* =========================================================
   JMEC PUBLICATION FREQUENCY
   OJS 3.4.0.10
   Navy - Teal - Gold
   ========================================================= */

.jmec-frequency-page {

    --jmec-freq-navy: #102A43;
    --jmec-freq-dark: #071B2E;
    --jmec-freq-blue: #1F4E79;
    --jmec-freq-teal: #167D8D;

    --jmec-freq-gold: #C9A227;
    --jmec-freq-gold-light: #E6CF78;

    --jmec-freq-text: #263746;
    --jmec-freq-muted: #687887;

    --jmec-freq-border: #DCE3E8;
    --jmec-freq-light: #F6F8FA;

    color: var(--jmec-freq-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    line-height: 1.7;
}


/* =========================================================
   HERO
   ========================================================= */

.jmec-frequency-hero {

    position: relative;

    overflow: hidden;

    margin-bottom: 55px;

    padding: 65px 55px;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #071B2E 0%,
            #102A43 55%,
            #1F4E79 100%
        );

    color: #fff;

    box-shadow:
        0 14px 40px
        rgba(7,27,46,.16);
}


.jmec-frequency-hero::before {

    content: "";

    position: absolute;

    width: 330px;
    height: 330px;

    right: -140px;
    top: -170px;

    border:
        1px solid
        rgba(230,207,120,.25);

    border-radius: 50%;
}


.jmec-frequency-hero::after {

    content: "";

    position: absolute;

    width: 210px;
    height: 210px;

    right: 80px;
    bottom: -130px;

    border:
        1px solid
        rgba(22,125,141,.35);

    border-radius: 50%;
}


.jmec-frequency-hero-content {

    position: relative;

    z-index: 2;

    max-width: 820px;
}


.jmec-frequency-eyebrow {

    display: block;

    margin-bottom: 10px;

    color:
        var(--jmec-freq-gold-light);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.jmec-frequency-hero h1 {

    margin: 0 0 13px;

    color: #fff;

    font-size:
        clamp(34px, 5vw, 50px);

    line-height: 1.1;

    font-weight: 750;
}


.jmec-frequency-hero p {

    max-width: 760px;

    margin: 0;

    color: #D8E3E9;

    font-size: 16px;

    line-height: 1.75;
}


.jmec-frequency-badge {

    display: inline-flex;

    align-items: center;

    gap: 13px;

    margin-top: 25px;

    padding: 9px 14px;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 6px;

    background:
        rgba(255,255,255,.06);
}


.jmec-frequency-badge strong {

    color:
        var(--jmec-freq-gold-light);

    font-size: 12px;

    letter-spacing: 1px;
}


.jmec-frequency-badge span {

    color: #CFDCE3;

    font-size: 10px;
}


/* =========================================================
   SECTION
   ========================================================= */

.jmec-frequency-section {

    max-width: 1050px;

    margin: 0 auto 55px;
}


/* =========================================================
   HEADING
   ========================================================= */

.jmec-frequency-heading {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 27px;
}


.jmec-frequency-heading-line {

    width: 5px;
    height: 48px;

    flex: 0 0 5px;

    border-radius: 5px;

    background:
        var(--jmec-freq-gold);
}


.jmec-frequency-heading span {

    display: block;

    margin-bottom: 3px;

    color:
        var(--jmec-freq-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-frequency-heading h2 {

    margin: 0;

    color:
        var(--jmec-freq-navy);

    font-size: 27px;

    line-height: 1.25;
}


/* =========================================================
   CONTENT
   ========================================================= */

.jmec-frequency-content {

    max-width: 930px;

    font-size: 14px;
}


.jmec-frequency-content p {

    margin-bottom: 15px;
}


.jmec-frequency-content strong {

    color:
        var(--jmec-freq-navy);
}


/* =========================================================
   SCHEDULE
   ========================================================= */

.jmec-frequency-schedule {

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 40px;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );

    box-shadow:
        0 12px 35px
        rgba(7,27,46,.14);
}


.jmec-frequency-schedule-top {

    margin-bottom: 30px;

    text-align: center;
}


.jmec-frequency-schedule-top span {

    color:
        var(--jmec-freq-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.7px;
}


.jmec-frequency-schedule-top h2 {

    margin: 6px 0 6px;

    color: #fff;

    font-size: 28px;
}


.jmec-frequency-schedule-top p {

    margin: 0;

    color: #C9D7DF;

    font-size: 12px;
}


/* =========================================================
   MONTH CARDS
   ========================================================= */

.jmec-frequency-months {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 15px;
}


.jmec-frequency-month {

    padding: 25px 22px;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius: 9px;

    background:
        rgba(255,255,255,.055);
}


.jmec-frequency-month-number {

    margin-bottom: 13px;

    color:
        var(--jmec-freq-gold-light);

    font-size: 11px;

    font-weight: 800;
}


.jmec-frequency-month-name {

    color: #fff;

    font-size: 25px;

    font-weight: 750;

    letter-spacing: 1px;
}


.jmec-frequency-month-label {

    display: inline-block;

    margin-top: 7px;

    padding: 4px 8px;

    border-radius: 4px;

    background:
        rgba(22,125,141,.22);

    color:
        #8ED0D7;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1px;
}


.jmec-frequency-month p {

    margin: 13px 0 0;

    color: #C8D5DC;

    font-size: 11px;

    line-height: 1.65;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.jmec-frequency-timeline {

    display: flex;

    align-items: flex-start;

    justify-content: center;
}


.jmec-frequency-timeline-item {

    width: 27%;

    text-align: center;
}


.jmec-frequency-timeline-dot {

    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin: 0 auto 13px;

    border-radius: 50%;

    background:
        var(--jmec-freq-navy);

    color:
        var(--jmec-freq-gold-light);

    font-size: 10px;

    font-weight: 900;

    border:
        2px solid
        var(--jmec-freq-gold);
}


.jmec-frequency-timeline-item strong {

    display: block;

    color:
        var(--jmec-freq-navy);

    font-size: 17px;
}


.jmec-frequency-timeline-item span {

    color:
        var(--jmec-freq-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1px;
}


.jmec-frequency-timeline-item p {

    margin: 7px 0 0;

    color:
        var(--jmec-freq-muted);

    font-size: 11px;
}


.jmec-frequency-timeline-line {

    width: 13%;

    height: 2px;

    margin-top: 24px;

    background:
        var(--jmec-freq-gold);
}


/* =========================================================
   INFO
   ========================================================= */

.jmec-frequency-info {

    display: flex;

    align-items: flex-start;

    gap: 22px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 32px;

    border-left:
        4px solid
        var(--jmec-freq-gold);

    border-radius:
        0 10px 10px 0;

    background:
        #F8F7F1;
}


.jmec-frequency-info-icon {

    width: 58px;
    height: 58px;

    flex: 0 0 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-freq-teal);

    color: #fff;

    font-size: 20px;

    font-weight: 900;
}


.jmec-frequency-info span {

    color:
        #8A6D16;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-frequency-info h2 {

    margin: 4px 0 8px;

    color:
        var(--jmec-freq-navy);

    font-size: 22px;
}


.jmec-frequency-info p {

    margin: 0;

    color:
        var(--jmec-freq-muted);

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   LIGHT SECTION
   ========================================================= */

.jmec-frequency-light {

    padding: 55px 25px;

    background:
        var(--jmec-freq-light);
}


/* =========================================================
   PROCESS
   ========================================================= */

.jmec-frequency-process {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 16px;
}


.jmec-frequency-process > div {

    padding: 23px;

    border:
        1px solid
        var(--jmec-freq-border);

    border-top:
        3px solid
        var(--jmec-freq-teal);

    border-radius: 8px;

    background: #fff;
}


.jmec-frequency-process span {

    color:
        var(--jmec-freq-gold);

    font-size: 11px;

    font-weight: 800;
}


.jmec-frequency-process h3 {

    margin: 7px 0;

    color:
        var(--jmec-freq-navy);

    font-size: 15px;
}


.jmec-frequency-process p {

    margin: 0;

    color:
        var(--jmec-freq-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   NOTE
   ========================================================= */

.jmec-frequency-note {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    max-width: 1050px;

    margin: 55px auto 0;

    padding: 24px 27px;

    border:
        1px solid
        var(--jmec-freq-border);

    border-radius: 9px;

    background: #fff;
}


.jmec-frequency-note strong {

    display: block;

    color:
        var(--jmec-freq-navy);

    font-size: 14px;
}


.jmec-frequency-note p {

    margin: 3px 0 0;

    color:
        var(--jmec-freq-muted);

    font-size: 11px;
}


.jmec-frequency-note-mark {

    font-size: 28px;

    font-weight: 800;

    color:
        var(--jmec-freq-gold);
}


/* =========================================================
   FOOTER
   ========================================================= */

.jmec-frequency-footer {

    max-width: 1050px;

    margin: 0 auto;

    padding: 25px 0;

    border-top:
        1px solid
        var(--jmec-freq-border);
}


.jmec-frequency-footer strong {

    display: block;

    color:
        var(--jmec-freq-navy);

    font-size: 12px;
}


.jmec-frequency-footer p {

    margin: 2px 0;

    color:
        var(--jmec-freq-muted);

    font-size: 10px;
}


.jmec-frequency-footer span {

    color:
        var(--jmec-freq-teal);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .5px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 950px) {

    .jmec-frequency-process {

        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 700px) {

    .jmec-frequency-hero {

        padding: 45px 25px;
    }

    .jmec-frequency-hero h1 {

        font-size: 34px;
    }

    .jmec-frequency-schedule {

        padding: 32px 22px;
    }

    .jmec-frequency-months {

        grid-template-columns:
            1fr;
    }

    .jmec-frequency-timeline {

        flex-direction: column;

        align-items: center;

        gap: 20px;
    }

    .jmec-frequency-timeline-item {

        width: 100%;
    }

    .jmec-frequency-timeline-line {

        width: 2px;

        height: 35px;

        margin: 0;
    }

    .jmec-frequency-info {

        align-items: flex-start;

        flex-direction: column;

        padding: 28px 22px;
    }

}


@media (max-width: 520px) {

    .jmec-frequency-process {

        grid-template-columns:
            1fr;
    }

    .jmec-frequency-badge {

        align-items: flex-start;

        flex-direction: column;

        gap: 3px;
    }

    .jmec-frequency-note {

        align-items: flex-start;
    }

}

/* =========================================================
   JMEC PRIVACY STATEMENT
   OJS 3.4.0.10
   Navy - Teal - Gold
   ========================================================= */

.jmec-privacy-page {

    --jmec-privacy-navy: #102A43;
    --jmec-privacy-dark: #071B2E;
    --jmec-privacy-blue: #1F4E79;
    --jmec-privacy-teal: #167D8D;

    --jmec-privacy-gold: #C9A227;
    --jmec-privacy-gold-light: #E6CF78;

    --jmec-privacy-text: #263746;
    --jmec-privacy-muted: #687887;

    --jmec-privacy-border: #DCE3E8;
    --jmec-privacy-light: #F6F8FA;

    color: var(--jmec-privacy-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    line-height: 1.7;
}


/* =========================================================
   HERO
   ========================================================= */

.jmec-privacy-hero {

    position: relative;

    overflow: hidden;

    margin-bottom: 55px;

    padding: 65px 55px;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #071B2E 0%,
            #102A43 55%,
            #1F4E79 100%
        );

    color: #fff;

    box-shadow:
        0 14px 40px
        rgba(7,27,46,.16);
}


.jmec-privacy-hero::before {

    content: "";

    position: absolute;

    width: 330px;
    height: 330px;

    right: -140px;
    top: -170px;

    border:
        1px solid
        rgba(230,207,120,.25);

    border-radius: 50%;
}


.jmec-privacy-hero::after {

    content: "";

    position: absolute;

    width: 210px;
    height: 210px;

    right: 80px;
    bottom: -130px;

    border:
        1px solid
        rgba(22,125,141,.35);

    border-radius: 50%;
}


.jmec-privacy-hero-content {

    position: relative;

    z-index: 2;

    max-width: 820px;
}


.jmec-privacy-eyebrow {

    display: block;

    margin-bottom: 10px;

    color:
        var(--jmec-privacy-gold-light);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.jmec-privacy-hero h1 {

    margin: 0 0 13px;

    color: #fff;

    font-size:
        clamp(34px, 5vw, 50px);

    line-height: 1.1;

    font-weight: 750;
}


.jmec-privacy-hero p {

    max-width: 760px;

    margin: 0;

    color: #D8E3E9;

    font-size: 16px;

    line-height: 1.75;
}


.jmec-privacy-badge {

    display: inline-flex;

    align-items: center;

    gap: 13px;

    margin-top: 25px;

    padding: 9px 14px;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 6px;

    background:
        rgba(255,255,255,.06);
}


.jmec-privacy-badge strong {

    color:
        var(--jmec-privacy-gold-light);

    font-size: 12px;

    letter-spacing: 1px;
}


.jmec-privacy-badge span {

    color: #CFDCE3;

    font-size: 10px;
}


/* =========================================================
   SECTION
   ========================================================= */

.jmec-privacy-section {

    max-width: 1050px;

    margin: 0 auto 55px;
}


/* =========================================================
   HEADING
   ========================================================= */

.jmec-privacy-heading {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 27px;
}


.jmec-privacy-heading-line {

    width: 5px;
    height: 48px;

    flex: 0 0 5px;

    border-radius: 5px;

    background:
        var(--jmec-privacy-gold);
}


.jmec-privacy-heading span {

    display: block;

    margin-bottom: 3px;

    color:
        var(--jmec-privacy-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-privacy-heading h2 {

    margin: 0;

    color:
        var(--jmec-privacy-navy);

    font-size: 27px;

    line-height: 1.25;
}


/* =========================================================
   CONTENT
   ========================================================= */

.jmec-privacy-content {

    max-width: 930px;

    font-size: 14px;
}


.jmec-privacy-content p {

    margin-bottom: 15px;
}


.jmec-privacy-content strong {

    color:
        var(--jmec-privacy-navy);
}


/* =========================================================
   LIGHT SECTION
   ========================================================= */

.jmec-privacy-light {

    padding: 55px 25px;

    background:
        var(--jmec-privacy-light);
}


/* =========================================================
   INFORMATION GRID
   ========================================================= */

.jmec-privacy-grid {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 17px;
}


.jmec-privacy-card {

    padding: 25px;

    border:
        1px solid
        var(--jmec-privacy-border);

    border-radius: 9px;

    background: #fff;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.jmec-privacy-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 10px 25px
        rgba(16,42,67,.08);
}


.jmec-privacy-card-icon {

    margin-bottom: 13px;

    color:
        var(--jmec-privacy-gold);

    font-size: 11px;

    font-weight: 900;
}


.jmec-privacy-card h3 {

    margin: 0 0 8px;

    color:
        var(--jmec-privacy-navy);

    font-size: 16px;
}


.jmec-privacy-card p {

    margin: 0;

    color:
        var(--jmec-privacy-muted);

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   USE OF INFORMATION
   ========================================================= */

.jmec-privacy-use {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 15px;
}


.jmec-privacy-use-item {

    display: flex;

    gap: 16px;

    padding: 22px;

    border:
        1px solid
        var(--jmec-privacy-border);

    border-radius: 8px;

    background: #fff;
}


.jmec-privacy-use-item > span {

    color:
        var(--jmec-privacy-gold);

    font-size: 11px;

    font-weight: 900;
}


.jmec-privacy-use-item h3 {

    margin: 0 0 5px;

    color:
        var(--jmec-privacy-navy);

    font-size: 15px;
}


.jmec-privacy-use-item p {

    margin: 0;

    color:
        var(--jmec-privacy-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   CONFIDENTIALITY
   ========================================================= */

.jmec-privacy-confidentiality {

    display: flex;

    align-items: flex-start;

    gap: 22px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 35px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );

    box-shadow:
        0 12px 35px
        rgba(7,27,46,.13);
}


.jmec-privacy-confidentiality-icon {

    width: 60px;
    height: 60px;

    flex: 0 0 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-privacy-gold);

    color: #fff;

    font-size: 20px;

    font-weight: 900;
}


.jmec-privacy-confidentiality span {

    color:
        var(--jmec-privacy-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-privacy-confidentiality h2 {

    margin: 5px 0 11px;

    color: #fff;

    font-size: 24px;
}


.jmec-privacy-confidentiality p {

    margin: 0;

    color: #D6E1E7;

    font-size: 12px;

    line-height: 1.75;
}


/* =========================================================
   COOKIE
   ========================================================= */

.jmec-privacy-cookie {

    display: flex;

    align-items: flex-start;

    gap: 22px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 32px;

    border-left:
        4px solid
        var(--jmec-privacy-teal);

    border-radius:
        0 10px 10px 0;

    background:
        #F3F9F9;
}


.jmec-privacy-cookie-icon {

    width: 56px;
    height: 56px;

    flex: 0 0 56px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-privacy-teal);

    color: #fff;

    font-size: 20px;

    font-weight: 800;
}


.jmec-privacy-cookie span {

    color:
        var(--jmec-privacy-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-privacy-cookie h2 {

    margin: 5px 0 9px;

    color:
        var(--jmec-privacy-navy);

    font-size: 22px;
}


.jmec-privacy-cookie p {

    margin-bottom: 10px;

    color:
        var(--jmec-privacy-muted);

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   SECURITY
   ========================================================= */

.jmec-privacy-security {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 16px;
}


.jmec-privacy-security > div {

    padding: 25px;

    border:
        1px solid
        var(--jmec-privacy-border);

    border-top:
        3px solid
        var(--jmec-privacy-teal);

    border-radius: 8px;

    background: #fff;
}


.jmec-privacy-security-number {

    margin-bottom: 10px;

    color:
        var(--jmec-privacy-gold);

    font-size: 11px;

    font-weight: 900;
}


.jmec-privacy-security h3 {

    margin: 0 0 7px;

    color:
        var(--jmec-privacy-navy);

    font-size: 15px;
}


.jmec-privacy-security p {

    margin: 0;

    color:
        var(--jmec-privacy-muted);

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   UPDATE
   ========================================================= */

.jmec-privacy-update {

    display: flex;

    align-items: flex-start;

    gap: 22px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 32px;

    border:
        1px solid
        var(--jmec-privacy-border);

    border-radius: 10px;

    background: #fff;
}


.jmec-privacy-update-icon {

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        #F8F7F1;

    color:
        var(--jmec-privacy-gold);

    font-size: 21px;

    font-weight: 900;
}


.jmec-privacy-update span {

    color:
        #8A6D16;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-privacy-update h2 {

    margin: 5px 0 8px;

    color:
        var(--jmec-privacy-navy);

    font-size: 22px;
}


.jmec-privacy-update p {

    margin: 0;

    color:
        var(--jmec-privacy-muted);

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   CONTACT
   ========================================================= */

.jmec-privacy-contact {

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 40px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );
}


.jmec-privacy-contact > div {

    max-width: 800px;
}


.jmec-privacy-contact > div > span {

    color:
        var(--jmec-privacy-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-privacy-contact h2 {

    margin: 5px 0 10px;

    color: #fff;

    font-size: 25px;
}


.jmec-privacy-contact p {

    margin-bottom: 20px;

    color:
        #D6E1E7;

    font-size: 12px;

    line-height: 1.7;
}


.jmec-privacy-contact-box {

    display: flex;

    flex-direction: column;

    gap: 4px;

    padding: 17px 20px;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius: 7px;

    background:
        rgba(255,255,255,.05);
}


.jmec-privacy-contact-box strong {

    color: #fff;

    font-size: 12px;
}


.jmec-privacy-contact-box span {

    color:
        #C6D4DC;

    font-size: 10px;
}


/* =========================================================
   FOOTER
   ========================================================= */

.jmec-privacy-footer {

    max-width: 1050px;

    margin: 0 auto;

    padding: 25px 0;

    border-top:
        1px solid
        var(--jmec-privacy-border);
}


.jmec-privacy-footer strong {

    display: block;

    color:
        var(--jmec-privacy-navy);

    font-size: 12px;
}


.jmec-privacy-footer p {

    margin: 2px 0;

    color:
        var(--jmec-privacy-muted);

    font-size: 10px;
}


.jmec-privacy-footer span {

    color:
        var(--jmec-privacy-teal);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .5px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 950px) {

    .jmec-privacy-security {

        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 700px) {

    .jmec-privacy-hero {

        padding: 45px 25px;
    }

    .jmec-privacy-hero h1 {

        font-size: 34px;
    }

    .jmec-privacy-grid,
    .jmec-privacy-use {

        grid-template-columns:
            1fr;
    }

    .jmec-privacy-confidentiality,
    .jmec-privacy-cookie,
    .jmec-privacy-update {

        flex-direction: column;

        padding: 28px 22px;
    }

    .jmec-privacy-contact {

        padding: 32px 23px;
    }

}


@media (max-width: 520px) {

    .jmec-privacy-security {

        grid-template-columns:
            1fr;
    }

    .jmec-privacy-badge {

        align-items: flex-start;

        flex-direction: column;

        gap: 3px;
    }

}

/* =========================================================
   JMEC ARTICLE PROCESSING CHARGE
   OJS 3.4.0.10
   Navy - Teal - Gold
   ========================================================= */

.jmec-apc-page {

    --jmec-apc-navy: #102A43;
    --jmec-apc-dark: #071B2E;
    --jmec-apc-blue: #1F4E79;
    --jmec-apc-teal: #167D8D;

    --jmec-apc-gold: #C9A227;
    --jmec-apc-gold-light: #E6CF78;

    --jmec-apc-text: #263746;
    --jmec-apc-muted: #687887;

    --jmec-apc-border: #DCE3E8;
    --jmec-apc-light: #F6F8FA;

    color: var(--jmec-apc-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    line-height: 1.7;
}


/* =========================================================
   HERO
   ========================================================= */

.jmec-apc-hero {

    position: relative;

    overflow: hidden;

    margin-bottom: 55px;

    padding: 65px 55px;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #071B2E 0%,
            #102A43 55%,
            #1F4E79 100%
        );

    color: #fff;

    box-shadow:
        0 14px 40px
        rgba(7,27,46,.16);
}


.jmec-apc-hero::before {

    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    right: -160px;
    top: -180px;

    border:
        1px solid
        rgba(230,207,120,.25);

    border-radius: 50%;
}


.jmec-apc-hero::after {

    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    right: 100px;
    bottom: -140px;

    border:
        1px solid
        rgba(22,125,141,.35);

    border-radius: 50%;
}


.jmec-apc-hero-content {

    position: relative;

    z-index: 2;

    max-width: 850px;
}


.jmec-apc-eyebrow {

    display: block;

    margin-bottom: 10px;

    color:
        var(--jmec-apc-gold-light);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.jmec-apc-hero h1 {

    margin: 0 0 14px;

    color: #fff;

    font-size:
        clamp(34px, 5vw, 50px);

    line-height: 1.1;

    font-weight: 750;
}


.jmec-apc-hero p {

    max-width: 730px;

    margin: 0;

    color: #D8E3E9;

    font-size: 15px;

    line-height: 1.75;
}


/* =========================================================
   PRICE
   ========================================================= */

.jmec-apc-price {

    display: inline-flex;

    align-items: center;

    gap: 13px;

    margin-top: 25px;

    padding: 12px 18px;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 7px;

    background:
        rgba(255,255,255,.06);
}


.jmec-apc-price span {

    color:
        var(--jmec-apc-gold-light);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1px;
}


.jmec-apc-price strong {

    color: #fff;

    font-size: 21px;
}


.jmec-apc-price small {

    color:
        #C9D6DD;

    font-size: 10px;
}


/* =========================================================
   SECTION
   ========================================================= */

.jmec-apc-section {

    max-width: 1050px;

    margin: 0 auto 55px;
}


/* =========================================================
   HEADING
   ========================================================= */

.jmec-apc-heading {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 27px;
}


.jmec-apc-heading-line {

    width: 5px;
    height: 48px;

    flex: 0 0 5px;

    border-radius: 5px;

    background:
        var(--jmec-apc-gold);
}


.jmec-apc-heading span {

    display: block;

    margin-bottom: 3px;

    color:
        var(--jmec-apc-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-apc-heading h2 {

    margin: 0;

    color:
        var(--jmec-apc-navy);

    font-size: 27px;

    line-height: 1.25;
}


/* =========================================================
   CONTENT
   ========================================================= */

.jmec-apc-content {

    max-width: 930px;

    font-size: 14px;
}


.jmec-apc-content p {

    margin-bottom: 15px;
}


.jmec-apc-content strong {

    color:
        var(--jmec-apc-navy);
}


/* =========================================================
   FEE SECTION
   ========================================================= */

.jmec-apc-fee-section {

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 45px 25px;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );

    box-shadow:
        0 13px 35px
        rgba(7,27,46,.15);
}


.jmec-apc-fee-card {

    max-width: 600px;

    margin: auto;

    text-align: center;
}


.jmec-apc-fee-label {

    color:
        var(--jmec-apc-gold-light);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.jmec-apc-fee-price {

    margin: 8px 0;

    color: #fff;

    font-size:
        clamp(40px, 7vw, 65px);

    line-height: 1;

    font-weight: 800;
}


.jmec-apc-fee-price span {

    margin-right: 5px;

    color:
        var(--jmec-apc-gold-light);

    font-size: 22px;

    vertical-align: middle;
}


.jmec-apc-fee-description {

    color:
        #CBD8DF;

    font-size: 12px;
}


.jmec-apc-fee-status {

    display: inline-block;

    margin-top: 15px;

    padding: 5px 10px;

    border-radius: 4px;

    background:
        rgba(22,125,141,.25);

    color:
        #8ED0D7;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================================================
   PROCESS
   ========================================================= */

.jmec-apc-process {

    display: grid;

    grid-template-columns:
        repeat(5, 1fr);

    gap: 13px;
}


.jmec-apc-process-item {

    padding: 21px;

    border:
        1px solid
        var(--jmec-apc-border);

    border-top:
        3px solid
        var(--jmec-apc-teal);

    border-radius: 8px;

    background: #fff;
}


.jmec-apc-process-number {

    margin-bottom: 10px;

    color:
        var(--jmec-apc-gold);

    font-size: 11px;

    font-weight: 900;
}


.jmec-apc-process-item h3 {

    margin: 0 0 8px;

    color:
        var(--jmec-apc-navy);

    font-size: 14px;
}


.jmec-apc-process-item p {

    margin: 0;

    color:
        var(--jmec-apc-muted);

    font-size: 11px;

    line-height: 1.65;
}


/* =========================================================
   NOTICE
   ========================================================= */

.jmec-apc-notice {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 32px;

    border-left:
        4px solid
        var(--jmec-apc-gold);

    border-radius:
        0 10px 10px 0;

    background:
        #F8F7F1;
}


.jmec-apc-notice-icon {

    width: 56px;
    height: 56px;

    flex: 0 0 56px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-apc-gold);

    color: #fff;

    font-size: 21px;

    font-weight: 900;
}


.jmec-apc-notice span {

    color:
        #8A6D16;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-apc-notice h2 {

    margin: 5px 0 8px;

    color:
        var(--jmec-apc-navy);

    font-size: 22px;
}


.jmec-apc-notice p {

    margin: 0;

    color:
        var(--jmec-apc-muted);

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   LIGHT
   ========================================================= */

.jmec-apc-light {

    padding: 55px 25px;

    background:
        var(--jmec-apc-light);
}


/* =========================================================
   APC GRID
   ========================================================= */

.jmec-apc-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 16px;
}


.jmec-apc-card {

    padding: 24px;

    border:
        1px solid
        var(--jmec-apc-border);

    border-radius: 8px;

    background: #fff;
}


.jmec-apc-card-number {

    margin-bottom: 11px;

    color:
        var(--jmec-apc-gold);

    font-size: 11px;

    font-weight: 900;
}


.jmec-apc-card h3 {

    margin: 0 0 8px;

    color:
        var(--jmec-apc-navy);

    font-size: 15px;
}


.jmec-apc-card p {

    margin: 0;

    color:
        var(--jmec-apc-muted);

    font-size: 11px;

    line-height: 1.65;
}


/* =========================================================
   NO FEE
   ========================================================= */

.jmec-apc-no-fee {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    max-width: 1050px;

    margin: 55px auto;

    padding: 32px;

    border:
        1px solid
        #D8E8E8;

    border-left:
        4px solid
        var(--jmec-apc-teal);

    border-radius:
        0 10px 10px 0;

    background:
        #F3F9F9;
}


.jmec-apc-no-fee-icon {

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-apc-teal);

    color: #fff;

    font-size: 20px;

    font-weight: 900;
}


.jmec-apc-no-fee span {

    color:
        var(--jmec-apc-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-apc-no-fee h2 {

    margin: 5px 0 8px;

    color:
        var(--jmec-apc-navy);

    font-size: 22px;
}


.jmec-apc-no-fee p {

    margin: 0;

    color:
        var(--jmec-apc-muted);

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   CONTACT
   ========================================================= */

.jmec-apc-contact {

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 40px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );
}


.jmec-apc-contact > div {

    max-width: 800px;
}


.jmec-apc-contact > div > span {

    color:
        var(--jmec-apc-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-apc-contact h2 {

    margin: 5px 0 10px;

    color: #fff;

    font-size: 25px;
}


.jmec-apc-contact p {

    margin-bottom: 20px;

    color:
        #D6E1E7;

    font-size: 12px;
}


.jmec-apc-contact-box {

    display: flex;

    flex-direction: column;

    gap: 4px;

    padding: 17px 20px;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius: 7px;

    background:
        rgba(255,255,255,.05);
}


.jmec-apc-contact-box strong {

    color: #fff;

    font-size: 12px;
}


.jmec-apc-contact-box span {

    color:
        #C6D4DC;

    font-size: 10px;
}


/* =========================================================
   FOOTER
   ========================================================= */

.jmec-apc-footer {

    max-width: 1050px;

    margin: 0 auto;

    padding: 25px 0;

    border-top:
        1px solid
        var(--jmec-apc-border);
}


.jmec-apc-footer strong {

    display: block;

    color:
        var(--jmec-apc-navy);

    font-size: 12px;
}


.jmec-apc-footer p {

    margin: 2px 0;

    color:
        var(--jmec-apc-muted);

    font-size: 10px;
}


.jmec-apc-footer span {

    color:
        var(--jmec-apc-teal);

    font-size: 9px;

    font-weight: 700;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

    .jmec-apc-process {

        grid-template-columns:
            repeat(3, 1fr);
    }

    .jmec-apc-grid {

        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 700px) {

    .jmec-apc-hero {

        padding: 45px 25px;
    }

    .jmec-apc-hero h1 {

        font-size: 34px;
    }

    .jmec-apc-process {

        grid-template-columns:
            repeat(2, 1fr);
    }

    .jmec-apc-notice,
    .jmec-apc-no-fee {

        flex-direction: column;

        padding: 27px 22px;
    }

    .jmec-apc-contact {

        padding: 32px 23px;
    }

}


@media (max-width: 520px) {

    .jmec-apc-process,
    .jmec-apc-grid {

        grid-template-columns:
            1fr;
    }

    .jmec-apc-price {

        align-items: flex-start;

        flex-direction: column;

        gap: 2px;
    }

}

/* =========================================================
   JMEC AUTHOR GUIDELINES
   OJS 3.4.0.10
   Elegant Responsive Design
   ========================================================= */

.jmec-guidelines-page {

    --jmec-guide-navy: #102A43;
    --jmec-guide-dark: #071B2E;
    --jmec-guide-blue: #1F4E79;

    --jmec-guide-teal: #167D8D;

    --jmec-guide-gold: #C9A227;
    --jmec-guide-gold-light: #E6CF78;

    --jmec-guide-text: #263746;
    --jmec-guide-muted: #687887;

    --jmec-guide-border: #DCE3E8;
    --jmec-guide-light: #F6F8FA;

    color: var(--jmec-guide-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    line-height: 1.7;
}


/* =========================================================
   HERO
   ========================================================= */

.jmec-guidelines-hero {

    position: relative;

    overflow: hidden;

    margin-bottom: 40px;

    padding: 60px 50px;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #071B2E 0%,
            #102A43 55%,
            #1F4E79 100%
        );

    color: #fff;

    box-shadow:
        0 14px 40px
        rgba(7,27,46,.15);
}


.jmec-guidelines-hero::before {

    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    right: -170px;
    top: -190px;

    border:
        1px solid
        rgba(230,207,120,.25);

    border-radius: 50%;
}


.jmec-guidelines-hero::after {

    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    right: 100px;
    bottom: -145px;

    border:
        1px solid
        rgba(22,125,141,.35);

    border-radius: 50%;
}


.jmec-guidelines-hero-content {

    position: relative;

    z-index: 2;

    max-width: 850px;
}


.jmec-guidelines-eyebrow {

    display: block;

    margin-bottom: 10px;

    color:
        var(--jmec-guide-gold-light);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.jmec-guidelines-hero h1 {

    margin: 0 0 13px;

    color: #fff;

    font-size:
        clamp(34px, 5vw, 50px);

    line-height: 1.1;

    font-weight: 750;
}


.jmec-guidelines-hero p {

    max-width: 750px;

    margin: 0;

    color: #D8E3E9;

    font-size: 15px;

    line-height: 1.75;
}


.jmec-guidelines-meta {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 23px;
}


.jmec-guidelines-meta span {

    padding: 6px 11px;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 5px;

    background:
        rgba(255,255,255,.06);

    color: #D5E1E7;

    font-size: 9px;

    font-weight: 700;
}


/* =========================================================
   QUICK INFO
   ========================================================= */

.jmec-guidelines-info {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 13px;

    max-width: 1050px;

    margin: 0 auto 55px;
}


.jmec-guidelines-info-card {

    padding: 21px 15px;

    text-align: center;

    border:
        1px solid
        var(--jmec-guide-border);

    border-radius: 8px;

    background: #fff;
}


.jmec-guidelines-info-card strong {

    display: block;

    color:
        var(--jmec-guide-navy);

    font-size: 21px;

    line-height: 1.2;
}


.jmec-guidelines-info-card span {

    display: block;

    margin-top: 5px;

    color:
        var(--jmec-guide-muted);

    font-size: 10px;

    text-transform: uppercase;

    letter-spacing: .7px;
}


/* =========================================================
   GENERAL SECTION
   ========================================================= */

.jmec-guidelines-section {

    max-width: 1050px;

    margin: 0 auto 55px;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.jmec-guidelines-heading {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 25px;
}


.jmec-guidelines-heading-line {

    width: 5px;
    height: 48px;

    flex: 0 0 5px;

    border-radius: 5px;

    background:
        var(--jmec-guide-gold);
}


.jmec-guidelines-heading span,
.jmec-guidelines-section-title > div > span {

    display: block;

    margin-bottom: 3px;

    color:
        var(--jmec-guide-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-guidelines-heading h2,
.jmec-guidelines-section-title h2 {

    margin: 0;

    color:
        var(--jmec-guide-navy);

    font-size: 27px;

    line-height: 1.3;
}


.jmec-guidelines-content {

    max-width: 900px;

    font-size: 14px;
}


.jmec-guidelines-content p {

    margin-bottom: 15px;
}


.jmec-guidelines-content strong {

    color:
        var(--jmec-guide-navy);
}


/* =========================================================
   SECTION TITLE A / B
   ========================================================= */

.jmec-guidelines-section-title {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-bottom: 30px;

    padding-bottom: 18px;

    border-bottom:
        1px solid
        var(--jmec-guide-border);
}


.jmec-guidelines-number {

    display: flex;

    align-items: center;
    justify-content: center;

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    border-radius: 10px;

    background:
        var(--jmec-guide-navy);

    color:
        var(--jmec-guide-gold-light);

    font-size: 22px;

    font-weight: 800;
}


/* =========================================================
   ARTICLE TYPE CARD
   ========================================================= */

.jmec-guidelines-type-card {

    display: flex;

    gap: 20px;

    margin-bottom: 16px;

    padding: 25px;

    border:
        1px solid
        var(--jmec-guide-border);

    border-left:
        4px solid
        var(--jmec-guide-teal);

    border-radius:
        0 9px 9px 0;

    background: #fff;
}


.jmec-guidelines-type-number {

    color:
        var(--jmec-guide-gold);

    font-size: 12px;

    font-weight: 900;
}


.jmec-guidelines-type-card h3 {

    margin: 0 0 6px;

    color:
        var(--jmec-guide-navy);

    font-size: 17px;
}


.jmec-guidelines-type-card p {

    margin: 0 0 13px;

    color:
        var(--jmec-guide-muted);

    font-size: 12px;
}


/* =========================================================
   ARTICLE STRUCTURE TAGS
   ========================================================= */

.jmec-guidelines-steps {

    display: flex;

    flex-wrap: wrap;

    gap: 7px;
}


.jmec-guidelines-steps span {

    padding: 6px 9px;

    border-radius: 5px;

    background:
        #F1F6F7;

    color:
        var(--jmec-guide-teal);

    font-size: 10px;

    font-weight: 700;
}


/* =========================================================
   FORMAT BOX
   ========================================================= */

.jmec-guidelines-format {

    display: flex;

    gap: 20px;

    margin-top: 20px;

    padding: 28px;

    border-radius: 10px;

    background:
        var(--jmec-guide-light);
}


.jmec-guidelines-format-icon {

    width: 60px;
    height: 60px;

    flex: 0 0 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background:
        var(--jmec-guide-gold);

    color: #fff;

    font-size: 12px;

    font-weight: 900;
}


.jmec-guidelines-format h3 {

    margin: 0 0 12px;

    color:
        var(--jmec-guide-navy);

    font-size: 17px;
}


.jmec-guidelines-format ul {

    margin: 0;

    padding-left: 20px;
}


.jmec-guidelines-format li {

    margin-bottom: 7px;

    color:
        var(--jmec-guide-muted);

    font-size: 12px;
}


/* =========================================================
   STYLE BOX
   ========================================================= */

.jmec-guidelines-style-box {

    display: flex;

    align-items: center;

    gap: 20px;

    margin-bottom: 35px;

    padding: 25px;

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            #F3F9F9,
            #F7F9FA
        );
}


.jmec-guidelines-style-icon {

    width: 60px;
    height: 60px;

    flex: 0 0 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-guide-teal);

    color: #fff;

    font-size: 13px;

    font-weight: 900;
}


.jmec-guidelines-style-box h3 {

    margin: 0 0 4px;

    color:
        var(--jmec-guide-navy);

    font-size: 17px;
}


.jmec-guidelines-style-box p {

    margin: 0;

    color:
        var(--jmec-guide-muted);

    font-size: 12px;
}


/* =========================================================
   REFERENCE ARTICLE
   ========================================================= */

.jmec-guidelines-reference {

    margin-bottom: 30px;

    padding: 28px;

    border:
        1px solid
        var(--jmec-guide-border);

    border-radius: 10px;

    background: #fff;

    box-shadow:
        0 5px 20px
        rgba(16,42,67,.035);
}


.jmec-guidelines-reference-title {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 22px;

    padding-bottom: 14px;

    border-bottom:
        1px solid
        var(--jmec-guide-border);
}


.jmec-guidelines-reference-title span {

    display: flex;

    align-items: center;
    justify-content: center;

    width: 33px;
    height: 33px;

    border-radius: 6px;

    background:
        var(--jmec-guide-navy);

    color:
        var(--jmec-guide-gold-light);

    font-size: 10px;

    font-weight: 900;
}


.jmec-guidelines-reference-title h3 {

    margin: 0;

    color:
        var(--jmec-guide-navy);

    font-size: 19px;
}


/* =========================================================
   EXAMPLE
   ========================================================= */

.jmec-guidelines-example {

    margin-bottom: 22px;
}


.jmec-guidelines-example:last-child {

    margin-bottom: 0;
}


.jmec-guidelines-example h4 {

    margin: 0 0 9px;

    color:
        var(--jmec-guide-teal);

    font-size: 11px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .8px;
}


/* =========================================================
   CITATION EXAMPLE
   ========================================================= */

.jmec-guidelines-code {

    margin-bottom: 9px;

    padding: 13px 16px;

    border-left:
        3px solid
        var(--jmec-guide-gold);

    border-radius:
        0 5px 5px 0;

    background:
        #F8FAFB;

    color:
        #465866;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 12px;

    line-height: 1.8;

    overflow-wrap: anywhere;
}


.jmec-guidelines-code em {

    color:
        var(--jmec-guide-navy);
}


/* =========================================================
   CHECKLIST
   ========================================================= */

.jmec-guidelines-checklist {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    max-width: 1050px;

    margin: 55px auto;

    padding: 35px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #071B2E
        );

    box-shadow:
        0 12px 35px
        rgba(7,27,46,.13);
}


.jmec-guidelines-check-icon {

    width: 58px;
    height: 58px;

    flex: 0 0 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--jmec-guide-gold);

    color: #fff;

    font-size: 22px;

    font-weight: 900;
}


.jmec-guidelines-checklist span {

    color:
        var(--jmec-guide-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-guidelines-checklist h2 {

    margin: 5px 0 12px;

    color: #fff;

    font-size: 24px;
}


.jmec-guidelines-checklist ul {

    margin: 0;

    padding-left: 19px;
}


.jmec-guidelines-checklist li {

    margin-bottom: 7px;

    color:
        #D6E1E7;

    font-size: 12px;
}


/* =========================================================
   FOOTER
   ========================================================= */

.jmec-guidelines-footer {

    max-width: 1050px;

    margin: 0 auto;

    padding: 25px 0;

    border-top:
        1px solid
        var(--jmec-guide-border);
}


.jmec-guidelines-footer strong {

    display: block;

    color:
        var(--jmec-guide-navy);

    font-size: 12px;
}


.jmec-guidelines-footer p {

    margin: 2px 0;

    color:
        var(--jmec-guide-muted);

    font-size: 10px;
}


.jmec-guidelines-footer span {

    color:
        var(--jmec-guide-teal);

    font-size: 9px;

    font-weight: 700;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .jmec-guidelines-info {

        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 700px) {

    .jmec-guidelines-hero {

        padding: 45px 25px;
    }

    .jmec-guidelines-hero h1 {

        font-size: 34px;
    }

    .jmec-guidelines-info {

        grid-template-columns:
            repeat(2, 1fr);

        padding: 0 15px;
    }

    .jmec-guidelines-section {

        padding: 0 15px;
    }

    .jmec-guidelines-reference {

        padding: 20px;
    }

    .jmec-guidelines-format,
    .jmec-guidelines-style-box,
    .jmec-guidelines-checklist {

        flex-direction: column;
    }

}


@media (max-width: 500px) {

    .jmec-guidelines-info {

        grid-template-columns:
            1fr;
    }

    .jmec-guidelines-meta {

        flex-direction: column;

        align-items: flex-start;
    }

    .jmec-guidelines-type-card {

        flex-direction: column;

        gap: 8px;
    }

    .jmec-guidelines-heading h2,
    .jmec-guidelines-section-title h2 {

        font-size: 22px;
    }

}

/* =========================================================
   JMEC CALL FOR PAPERS
   OJS 3.4.0.10
   Elegant / Responsive / Navy Teal Gold
   ========================================================= */

.jmec-cfp-page {

    --cfp-navy: #102A43;
    --cfp-dark: #071B2E;
    --cfp-blue: #1F4E79;
    --cfp-teal: #167D8D;
    --cfp-gold: #C9A227;
    --cfp-gold-light: #E6CF78;

    --cfp-text: #263746;
    --cfp-muted: #687887;

    --cfp-border: #DCE3E8;
    --cfp-light: #F6F8FA;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    color: var(--cfp-text);

    line-height: 1.7;
}


/* =========================================================
   HERO
   ========================================================= */

.jmec-cfp-hero {

    position: relative;

    overflow: hidden;

    margin-bottom: 50px;

    padding: 65px 55px;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            var(--cfp-dark),
            var(--cfp-navy) 55%,
            var(--cfp-blue)
        );

    color: #fff;

    box-shadow:
        0 15px 40px
        rgba(7,27,46,.16);
}


.jmec-cfp-hero::before {

    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    right: -180px;
    top: -190px;

    border:
        1px solid
        rgba(230,207,120,.25);

    border-radius: 50%;
}


.jmec-cfp-hero::after {

    content: "";

    position: absolute;

    width: 240px;
    height: 240px;

    right: 80px;
    bottom: -170px;

    border:
        1px solid
        rgba(22,125,141,.3);

    border-radius: 50%;
}


.jmec-cfp-hero-content {

    position: relative;

    z-index: 2;

    max-width: 900px;
}


.jmec-cfp-eyebrow {

    display: block;

    margin-bottom: 12px;

    color:
        var(--cfp-gold-light);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.jmec-cfp-hero h1 {

    max-width: 850px;

    margin: 0 0 15px;

    color: #fff;

    font-size:
        clamp(34px, 5vw, 52px);

    line-height: 1.12;

    font-weight: 750;
}


.jmec-cfp-subtitle {

    max-width: 780px;

    margin: 0;

    color: #D8E3E9;

    font-size: 15px;
}


.jmec-cfp-badges {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 25px;
}


.jmec-cfp-badges span {

    padding: 6px 11px;

    border:
        1px solid
        rgba(255,255,255,.17);

    border-radius: 5px;

    background:
        rgba(255,255,255,.06);

    color: #D8E3E9;

    font-size: 9px;

    font-weight: 700;
}


/* =========================================================
   SECTION
   ========================================================= */

.jmec-cfp-section {

    max-width: 1050px;

    margin: 0 auto 55px;
}


.jmec-cfp-heading {

    display: flex;

    gap: 14px;

    margin-bottom: 25px;
}


.jmec-cfp-heading-line {

    width: 5px;
    height: 48px;

    flex: 0 0 5px;

    border-radius: 5px;

    background:
        var(--cfp-gold);
}


.jmec-cfp-heading span {

    display: block;

    color:
        var(--cfp-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-cfp-heading h2 {

    margin: 3px 0 0;

    color:
        var(--cfp-navy);

    font-size: 27px;

    line-height: 1.3;
}


.jmec-cfp-text {

    max-width: 900px;

    font-size: 14px;
}


.jmec-cfp-text p {

    margin-bottom: 15px;
}


.jmec-cfp-text strong {

    color:
        var(--cfp-navy);
}


/* =========================================================
   SCOPE
   ========================================================= */

.jmec-cfp-scope-grid {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 15px;
}


.jmec-cfp-scope-card {

    padding: 27px;

    border:
        1px solid
        var(--cfp-border);

    border-radius: 10px;

    background: #fff;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.jmec-cfp-scope-card:hover {

    transform: translateY(-3px);

    box-shadow:
        0 10px 25px
        rgba(16,42,67,.08);
}


.jmec-cfp-scope-icon {

    width: 43px;
    height: 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 15px;

    border-radius: 8px;

    background:
        var(--cfp-navy);

    color:
        var(--cfp-gold-light);

    font-size: 15px;

    font-weight: 900;
}


.jmec-cfp-scope-card h3 {

    margin: 0 0 8px;

    color:
        var(--cfp-navy);

    font-size: 17px;
}


.jmec-cfp-scope-card p {

    margin: 0;

    color:
        var(--cfp-muted);

    font-size: 12px;

    line-height: 1.75;
}


/* =========================================================
   MANUSCRIPT TYPES
   ========================================================= */

.jmec-cfp-type-list {

    display: grid;

    gap: 14px;
}


.jmec-cfp-type {

    display: flex;

    gap: 20px;

    padding: 24px;

    border:
        1px solid
        var(--cfp-border);

    border-left:
        4px solid
        var(--cfp-teal);

    border-radius:
        0 9px 9px 0;

    background: #fff;
}


.jmec-cfp-type-number {

    color:
        var(--cfp-gold);

    font-size: 12px;

    font-weight: 900;
}


.jmec-cfp-type h3 {

    margin: 0 0 5px;

    color:
        var(--cfp-navy);

    font-size: 17px;
}


.jmec-cfp-type p {

    margin: 0;

    color:
        var(--cfp-muted);

    font-size: 12px;
}


/* =========================================================
   REQUIREMENTS
   ========================================================= */

.jmec-cfp-requirements {

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 38px;

    border-radius: 12px;

    background:
        var(--cfp-light);
}


.jmec-cfp-requirements-title span {

    color:
        var(--cfp-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-cfp-requirements-title h2 {

    margin: 3px 0 25px;

    color:
        var(--cfp-navy);

    font-size: 26px;
}


.jmec-cfp-requirements-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 12px;

    margin-bottom: 25px;
}


.jmec-cfp-requirement {

    padding: 20px 12px;

    text-align: center;

    border:
        1px solid
        var(--cfp-border);

    border-radius: 8px;

    background: #fff;
}


.jmec-cfp-requirement strong {

    display: block;

    color:
        var(--cfp-navy);

    font-size: 20px;
}


.jmec-cfp-requirement span {

    display: block;

    margin-top: 4px;

    color:
        var(--cfp-muted);

    font-size: 9px;

    line-height: 1.4;
}


.jmec-cfp-checklist {

    margin: 0;

    padding-left: 20px;
}


.jmec-cfp-checklist li {

    margin-bottom: 7px;

    color:
        var(--cfp-muted);

    font-size: 12px;
}


/* =========================================================
   PUBLICATION MONTHS
   ========================================================= */

.jmec-cfp-months {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 15px;

    margin-top: 25px;
}


.jmec-cfp-month {

    position: relative;

    overflow: hidden;

    padding: 27px;

    border-radius: 10px;

    background:
        var(--cfp-navy);

    color: #fff;

    text-align: center;
}


.jmec-cfp-month span {

    display: block;

    color:
        var(--cfp-gold-light);

    font-size: 10px;

    font-weight: 800;
}


.jmec-cfp-month strong {

    display: block;

    margin: 5px 0;

    color: #fff;

    font-size: 20px;

    letter-spacing: 1px;
}


.jmec-cfp-month small {

    color:
        #BFCED7;

    font-size: 10px;
}


/* =========================================================
   PEER REVIEW
   ========================================================= */

.jmec-cfp-review {

    display: flex;

    gap: 20px;

    max-width: 1050px;

    margin: 0 auto 55px;

    padding: 35px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            var(--cfp-dark),
            var(--cfp-navy)
        );

    box-shadow:
        0 12px 35px
        rgba(7,27,46,.13);
}


.jmec-cfp-review-icon {

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--cfp-gold);

    color: #fff;

    font-size: 21px;

    font-weight: 900;
}


.jmec-cfp-review span {

    color:
        var(--cfp-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-cfp-review h2 {

    margin: 5px 0 12px;

    color: #fff;

    font-size: 24px;
}


.jmec-cfp-review p {

    margin: 0 0 10px;

    color:
        #D5E0E6;

    font-size: 12px;
}


/* =========================================================
   ETHICS
   ========================================================= */

.jmec-cfp-ethics {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 14px;
}


.jmec-cfp-ethics > div {

    padding: 23px;

    border:
        1px solid
        var(--cfp-border);

    border-radius: 8px;

    background: #fff;
}


.jmec-cfp-ethics strong {

    color:
        var(--cfp-navy);

    font-size: 14px;
}


.jmec-cfp-ethics p {

    margin: 6px 0 0;

    color:
        var(--cfp-muted);

    font-size: 11px;
}


/* =========================================================
   SUBMIT CTA
   ========================================================= */

.jmec-cfp-submit {

    max-width: 1050px;

    margin: 60px auto 35px;

    padding: 50px 35px;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #102A43,
            #1F4E79
        );

    text-align: center;

    color: #fff;
}


.jmec-cfp-submit > span {

    color:
        var(--cfp-gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.jmec-cfp-submit h2 {

    margin: 8px 0;

    color: #fff;

    font-size: 29px;
}


.jmec-cfp-submit p {

    max-width: 650px;

    margin: 0 auto 23px;

    color:
        #D6E1E7;

    font-size: 12px;
}


.jmec-cfp-submit-buttons {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 10px;
}


.jmec-cfp-button {

    display: inline-block;

    padding: 11px 20px;

    border-radius: 5px;

    text-decoration: none !important;

    font-size: 10px;

    font-weight: 800;

    transition:
        transform .2s ease;
}


.jmec-cfp-button:hover {

    transform: translateY(-2px);
}


.jmec-cfp-button.primary {

    background:
        var(--cfp-gold);

    color: #fff !important;
}


.jmec-cfp-button.secondary {

    border:
        1px solid
        rgba(255,255,255,.35);

    color: #fff !important;

    background:
        rgba(255,255,255,.06);
}


/* =========================================================
   FOOTER
   ========================================================= */

.jmec-cfp-footer {

    max-width: 1050px;

    margin: 0 auto;

    padding: 25px 0;

    border-top:
        1px solid
        var(--cfp-border);
}


.jmec-cfp-footer strong {

    color:
        var(--cfp-navy);

    font-size: 12px;
}


.jmec-cfp-footer p {

    margin: 2px 0;

    color:
        var(--cfp-muted);

    font-size: 10px;
}


.jmec-cfp-footer span {

    color:
        var(--cfp-teal);

    font-size: 9px;

    font-weight: 700;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .jmec-cfp-requirements-grid {

        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 700px) {

    .jmec-cfp-hero {

        padding: 45px 25px;
    }

    .jmec-cfp-hero h1 {

        font-size: 34px;
    }

    .jmec-cfp-section,
    .jmec-cfp-review,
    .jmec-cfp-requirements,
    .jmec-cfp-submit,
    .jmec-cfp-footer {

        margin-left: 15px;
        margin-right: 15px;
    }

    .jmec-cfp-scope-grid,
    .jmec-cfp-ethics {

        grid-template-columns: 1fr;
    }

    .jmec-cfp-months {

        grid-template-columns: 1fr;
    }

    .jmec-cfp-review {

        flex-direction: column;
    }

}


@media (max-width: 500px) {

    .jmec-cfp-requirements-grid {

        grid-template-columns: 1fr;
    }

    .jmec-cfp-submit {

        padding: 40px 22px;
    }

    .jmec-cfp-submit h2 {

        font-size: 24px;
    }

}

/*Reviewer*/

/* =========================================================
   JMEC REVIEWER TEAM
   Journal of Management, Education and Communication
   OJS 3.4.0.10
   ========================================================= */

.jmec-reviewer-page {

    --navy: #102A43;
    --dark: #071B2E;
    --blue: #1F4E79;
    --teal: #167D8D;
    --gold: #C9A227;
    --gold-light: #E6CF78;

    --text: #263746;
    --muted: #687887;
    --border: #DCE3E8;
    --background: #F6F8FA;

    max-width: 1180px;

    margin: 0 auto;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    color: var(--text);

    line-height: 1.6;
}


/* =========================================================
   HERO
   ========================================================= */

.jmec-reviewer-hero {

    position: relative;

    overflow: hidden;

    margin-bottom: 50px;

    padding: 60px 55px;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            var(--dark),
            var(--navy) 60%,
            var(--blue)
        );

    color: #fff;

    box-shadow:
        0 15px 40px
        rgba(7,27,46,.15);
}


.jmec-reviewer-hero::before {

    content: "";

    position: absolute;

    width: 340px;
    height: 340px;

    right: -140px;
    top: -190px;

    border:
        1px solid
        rgba(230,207,120,.25);

    border-radius: 50%;
}


.jmec-reviewer-hero::after {

    content: "";

    position: absolute;

    width: 200px;
    height: 200px;

    right: 80px;
    bottom: -145px;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius: 50%;
}


.jmec-reviewer-hero-content {

    position: relative;

    z-index: 2;

    max-width: 850px;
}


.jmec-reviewer-hero span {

    display: block;

    margin-bottom: 10px;

    color: var(--gold-light);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;
}


.jmec-reviewer-hero h1 {

    margin: 0 0 13px;

    color: #fff;

    font-size:
        clamp(34px, 5vw, 48px);

    line-height: 1.15;
}


.jmec-reviewer-hero p {

    max-width: 750px;

    margin: 0;

    color: #D8E3E9;

    font-size: 13px;
}


/* =========================================================
   INTRO
   ========================================================= */

.jmec-reviewer-intro {

    max-width: 850px;

    margin: 0 auto 40px;

    text-align: center;
}


.jmec-reviewer-intro span {

    color: var(--teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;
}


.jmec-reviewer-intro h2 {

    margin: 5px 0 10px;

    color: var(--navy);

    font-size: 28px;
}


.jmec-reviewer-intro p {

    margin: 0;

    color: var(--muted);

    font-size: 12px;
}


/* =========================================================
   GRID
   ========================================================= */

.jmec-reviewer-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 18px;
}


/* =========================================================
   CARD
   ========================================================= */

.jmec-reviewer-card {

    position: relative;

    overflow: hidden;

    padding: 29px 25px 25px;

    border:
        1px solid
        var(--border);

    border-radius: 11px;

    background: #fff;

    box-shadow:
        0 5px 18px
        rgba(16,42,67,.045);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.jmec-reviewer-card:hover {

    transform: translateY(-5px);

    border-color:
        rgba(22,125,141,.4);

    box-shadow:
        0 15px 32px
        rgba(16,42,67,.11);
}


/* =========================================================
   NUMBER
   ========================================================= */

.jmec-reviewer-number {

    position: absolute;

    top: 13px;
    right: 17px;

    color:
        rgba(16,42,67,.08);

    font-size: 23px;

    font-weight: 900;
}


/* =========================================================
   AVATAR
   ========================================================= */

.jmec-reviewer-avatar {

    width: 62px;
    height: 62px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 15px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--navy),
            var(--teal)
        );

    color: #fff;

    font-size: 17px;

    font-weight: 800;

    box-shadow:
        0 7px 18px
        rgba(16,42,67,.16);
}


/* =========================================================
   REVIEWER LABEL
   ========================================================= */

.jmec-reviewer-label {

    display: inline-block;

    margin-bottom: 8px;

    padding: 4px 7px;

    border-radius: 3px;

    background:
        rgba(201,162,39,.10);

    color:
        #92700D;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: .8px;
}


/* =========================================================
   NAME
   ========================================================= */

.jmec-reviewer-card h3 {

    margin: 0 0 7px;

    padding-right: 20px;

    color:
        var(--navy);

    font-size: 16px;

    line-height: 1.4;
}


/* =========================================================
   AFFILIATION
   ========================================================= */

.jmec-reviewer-affiliation {

    margin-bottom: 12px;

    color:
        var(--teal);

    font-size: 10.5px;

    font-weight: 650;

    line-height: 1.6;
}


/* =========================================================
   EXPERTISE
   ========================================================= */

.jmec-reviewer-expertise {

    margin: 10px 0;

    padding: 8px 10px;

    border-left:
        2px solid
        var(--gold);

    background:
        var(--background);

    color:
        var(--muted);

    font-size: 10px;

    line-height: 1.6;
}


/* =========================================================
   PROFILE LINKS
   ========================================================= */

.jmec-reviewer-links {

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

    margin-top: 17px;
}


.jmec-reviewer-links a {

    display: inline-block;

    padding: 5px 8px;

    border:
        1px solid
        var(--border);

    border-radius: 4px;

    background:
        #F8FAFB;

    color:
        var(--navy) !important;

    text-decoration: none !important;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .2px;

    transition:
        all .2s ease;
}


.jmec-reviewer-links a:hover {

    border-color:
        var(--teal);

    background:
        var(--teal);

    color:
        #fff !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

.jmec-reviewer-footer {

    margin-top: 55px;

    padding: 25px 5px;

    border-top:
        1px solid
        var(--border);

    text-align: center;
}


.jmec-reviewer-footer strong {

    color:
        var(--navy);

    font-size: 13px;
}


.jmec-reviewer-footer p {

    margin: 3px 0;

    color:
        var(--muted);

    font-size: 10px;
}


.jmec-reviewer-footer span {

    color:
        var(--teal);

    font-size: 9px;

    font-weight: 700;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

    .jmec-reviewer-grid {

        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .jmec-reviewer-page {

        padding: 0 12px;
    }


    .jmec-reviewer-hero {

        padding: 42px 25px;

        border-radius: 11px;
    }


    .jmec-reviewer-hero h1 {

        font-size: 34px;
    }


    .jmec-reviewer-grid {

        grid-template-columns: 1fr;

        gap: 14px;
    }


    .jmec-reviewer-card {

        padding: 25px 22px;
    }


    .jmec-reviewer-intro h2 {

        font-size: 24px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 400px) {

    .jmec-reviewer-hero {

        padding: 35px 20px;
    }


    .jmec-reviewer-hero h1 {

        font-size: 29px;
    }


    .jmec-reviewer-links a {

        font-size: 7px;

        padding: 5px 7px;
    }

}

/*abstract dan Referensi */
section.item.abstract {
    text-align: justify;
	font-style: italic;
	display: inline-grid;
}
section.item.references {
    text-align: justify;
}
section.item.references p {
	text-indent: -36px; 
	padding-left: 36px; 
}