/* ============================================================
   SAER Journal — Professional Reset v18
   OJS 3.5 / native layout preserved
   ============================================================ */

:root{
  --saer-ink:#22272B;
  --saer-charcoal:#2C3136;
  --saer-warm:#B7A184;
  --saer-warm-dark:#9F896F;
  --saer-paper:#F6F4EF;
  --saer-white:#FFFFFF;
  --saer-text:#343A40;
  --saer-muted:#747B81;
  --saer-line:#E4DED5;
}

/* ---------- BASE ---------- */
html,body{
  background:var(--saer-paper);
  color:var(--saer-text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{
  color:var(--saer-ink);
  text-underline-offset:2px;
}
img{max-width:100%;height:auto;}
.pkp_structure_page{background:var(--saer-paper);}

/* ---------- GLOBAL WIDTH ---------- */
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user,
.pkp_structure_content,
.pkp_structure_footer,
.has_site_logo .pkp_head_wrapper{
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
}

/* ============================================================
   HEADER
   ============================================================ */
.pkp_structure_head{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--saer-white);
  border-top:2px solid var(--saer-warm);
  border-bottom:1px solid var(--saer-line);
  box-shadow:0 1px 0 rgba(34,39,43,.02);
}

.has_site_logo .pkp_head_wrapper{
  padding-top:0;
  padding-bottom:0;
  min-height:68px;
}

.pkp_site_name_wrapper{
  min-height:68px;
}

.pkp_site_name{
  min-height:68px;
  display:flex;
  align-items:center;
  background:var(--saer-white);
}

.pkp_site_name .is_img{
  padding:0;
}

.pkp_site_name .is_img img{
  display:block;
  width:auto;
  max-height:58px;
  max-width:330px;
}

/* Utility links */
@media (min-width:992px){
  .pkp_navigation_user_wrapper{
    top:17px;
  }

  .pkp_navigation_user{
    font-size:11.5px;
  }

  .pkp_navigation_user > li > a{
    padding:3px 5px;
    color:#70767C;
    font-weight:400;
    text-decoration:none;
  }

  .pkp_navigation_user > li > a:hover{
    color:var(--saer-ink);
  }
}

/* ============================================================
   PRIMARY NAVIGATION
   ============================================================ */
.pkp_navigation_primary_row{
  background:var(--saer-ink);
  min-height:40px;
  border:0;
}

.pkp_navigation_primary_wrapper{
  min-height:40px;
}

@media (min-width:992px){
  .pkp_navigation_primary_wrapper{
    display:flex;
    align-items:center;
  }

  .pkp_navigation_primary{
    display:flex;
    align-items:center;
    flex:1 1 auto;
    gap:0;
    margin:0;
    padding:0;
  }

  .pkp_navigation_primary > li{
    margin:0;
  }

  .pkp_navigation_primary > li > a{
    display:block;
    padding:11px 13px 10px;
    color:#F7F5F1;
    font-size:12.5px;
    font-weight:500;
    letter-spacing:.012em;
    line-height:1.1;
    text-decoration:none;
    border-bottom:1px solid transparent;
  }

  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li > a:focus{
    color:#fff;
    border-bottom-color:var(--saer-warm);
  }

  /* Only the first item = Makale Gönder */
  .pkp_navigation_primary > li:first-child > a{
    margin:4px 10px 4px 0;
    padding:7px 14px 6px;
    background:var(--saer-warm);
    border:1px solid var(--saer-warm);
    color:#1D2226 !important;
    font-weight:700;
    border-radius:1px;
  }

  .pkp_navigation_primary > li:first-child > a:hover,
  .pkp_navigation_primary > li:first-child > a:focus{
    background:var(--saer-warm-dark);
    border-color:var(--saer-warm-dark);
  }

  .pkp_navigation_search_wrapper{
    flex:0 0 auto;
    margin-left:auto;
  }

  .pkp_navigation_search_wrapper a{
    padding:10px 0;
    color:#E6E2DC;
    font-size:12px;
    font-weight:500;
    opacity:.9;
  }

  .pkp_navigation_search_wrapper a:hover{
    color:#fff;
    opacity:1;
  }
}

/* dropdown */
.pkp_navigation_primary ul{
  background:#fff;
  border:1px solid var(--saer-line);
  box-shadow:0 14px 30px rgba(25,28,31,.10);
  border-radius:2px;
}

.pkp_navigation_primary ul a{
  background:#fff;
  color:var(--saer-ink);
  font-size:13.5px;
}

.pkp_navigation_primary ul a:hover{
  background:#F7F4EF;
  border-left-color:var(--saer-warm);
}

/* ============================================================
   CONTENT
   ============================================================ */
.pkp_structure_content{
  padding-top:24px;
}

.pkp_structure_main{
  background:transparent;
}

.pkp_structure_main:before,
.pkp_structure_main:after{
  background:var(--saer-line);
}

/* ============================================================
   HOMEPAGE
   ============================================================ */
.pkp_page_index .homepage_image{
  margin:0 0 18px;
  background:#EEE9E2;
  border:1px solid var(--saer-line);
  overflow:hidden;
}

.pkp_page_index .homepage_image img{
  display:block;
  width:100%;
  height:260px;
  object-fit:cover;
  object-position:center;
}

.pkp_page_index .homepage_about{
  margin:0 0 20px;
  padding:30px 32px 32px;
  background:#fff;
  border:1px solid var(--saer-line);
  border-top:2px solid var(--saer-warm);
  box-shadow:0 1px 0 rgba(34,39,43,.02);
}

.pkp_page_index .homepage_about h2{
  margin:0 0 12px;
  font-family:Georgia,"Times New Roman",serif;
  color:var(--saer-ink);
  font-size:30px;
  line-height:1.15;
  font-weight:700;
}

.pkp_page_index .homepage_about p{
  max-width:860px;
  margin:0;
  color:#4A5055;
  font-size:15.5px;
  line-height:1.75;
}

/* Current issue / latest content */
.pkp_page_index .current_issue,
.pkp_page_index .latest_articles,
.pkp_page_index .additional_content{
  margin-top:20px;
  padding:26px 28px;
  background:#fff;
  border:1px solid var(--saer-line);
}

.pkp_page_index .current_issue > h2,
.pkp_page_index .latest_articles > h2{
  margin:0 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  color:var(--saer-ink);
  font-size:25px;
}

.obj_article_summary{
  padding:18px 0;
  border-top:1px solid var(--saer-line);
}

.obj_article_summary:first-child{
  border-top:0;
}

.obj_article_summary .title a{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--saer-ink);
  font-size:18px;
  line-height:1.4;
  font-weight:700;
  text-decoration:none;
}

.obj_article_summary .authors{
  color:var(--saer-muted);
  font-size:13.5px;
}

/* ============================================================
   INNER PAGES
   ============================================================ */
.pkp_structure_main .page > h1{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--saer-ink);
  font-size:32px;
  line-height:1.18;
}

.pkp_structure_main h2,
.pkp_structure_main h3{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--saer-ink);
}

.pkp_structure_main p,
.pkp_structure_main li{
  color:#444B50;
}

/* ============================================================
   SIDEBAR
   ============================================================ */
.pkp_structure_sidebar{
  background:transparent;
}

.pkp_block{
  padding-top:12px;
  padding-bottom:16px;
}

.pkp_block .title{
  margin-bottom:10px;
  color:var(--saer-ink);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.pkp_block .content,
.pkp_block .content a{
  color:#555D63;
  font-size:13px;
}

.pkp_block .content a{
  text-decoration:none;
}

.pkp_block .content a:hover{
  color:var(--saer-ink);
  text-decoration:underline;
}

.block_language_toggle .content ul{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.block_language_toggle .content li{
  padding:0;
}

/* Sidebar submission button */
.block_make_submission a{
  display:inline-block;
  padding:9px 13px;
  background:var(--saer-ink);
  border:1px solid var(--saer-ink);
  color:#fff !important;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  border-radius:1px;
}

.block_make_submission a:hover{
  background:var(--saer-warm);
  border-color:var(--saer-warm);
  color:#1D2226 !important;
}

/* ============================================================
   FORMS / BUTTONS
   ============================================================ */
.cmp_button,
.cmp_form .buttons button{
  background:var(--saer-ink);
  border:1px solid var(--saer-ink);
  border-radius:1px;
  color:#fff;
  box-shadow:none;
  font-weight:700;
}

/* ============================================================
   FOOTER
   ============================================================ */
.pkp_structure_footer_wrapper{
  margin-top:34px;
  background:var(--saer-ink);
  border-top:3px solid var(--saer-warm);
  color:#F1EEE9;
}

.pkp_structure_footer{
  padding-top:0;
  padding-bottom:0;
}

.pkp_footer_content{
  max-width:none;
  padding:30px 0 34px;
  color:#EDE9E3;
  font-size:12.5px;
  line-height:1.7;
}

.pkp_footer_content p{
  margin:0 0 8px;
}

.pkp_footer_content strong{
  color:#fff;
  font-weight:700;
}

.pkp_footer_content a{
  color:#fff;
  text-decoration-color:rgba(255,255,255,.4);
}

.pkp_brand_footer{
  display:none !important;
}

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width:991px){

  body{font-size:15px;}

  .pkp_structure_head{
    position:sticky;
    top:0;
    z-index:1000;
  }

  .pkp_site_name_wrapper{
    height:68px;
    min-height:68px;
    background:#fff;
  }

  .pkp_site_name{
    left:16px;
    right:70px;
    top:0;
    height:68px;
    min-height:68px;
    padding:0;
    display:flex;
    align-items:center;
  }

  .pkp_site_name .is_img img{
    max-width:215px;
    max-height:50px;
  }

  .pkp_site_nav_toggle{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    top:13px !important;
    right:14px !important;
    left:auto !important;
    width:42px !important;
    height:42px !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:9999 !important;
    border:1px solid #D8D2C9 !important;
    border-radius:2px !important;
    background:#fff !important;
    color:transparent !important;
  }

  .pkp_site_nav_toggle::before{
    content:"☰" !important;
    display:block !important;
    color:var(--saer-ink) !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:24px !important;
    line-height:1 !important;
  }

  .pkp_site_nav_toggle > span{
    display:none !important;
  }

  .pkp_site_nav_menu{
    width:100%;
    margin:0;
    padding:8px 18px 14px;
    background:var(--saer-ink);
    color:#fff;
    box-shadow:0 14px 28px rgba(0,0,0,.14);
  }

  .pkp_navigation_primary{
    display:block;
    margin:0;
    padding:0;
    text-align:left;
  }

  .pkp_navigation_primary > li{
    display:block;
    margin:0;
    border-bottom:1px solid rgba(255,255,255,.10);
  }

  .pkp_navigation_primary > li > a{
    display:block;
    margin:0;
    padding:11px 2px;
    color:#fff;
    font-size:14px;
    font-weight:600;
  }

  .pkp_navigation_primary > li:first-child > a{
    margin:10px 0;
    padding:11px 13px;
    background:var(--saer-warm);
    border:1px solid var(--saer-warm);
    color:#1D2226 !important;
    text-align:center;
  }

  .pkp_navigation_primary ul{
    position:static;
    width:100%;
    margin:0 0 7px;
    padding:0 0 4px 12px;
    background:transparent;
    border:0;
    box-shadow:none;
  }

  .pkp_navigation_primary ul a{
    display:block;
    padding:6px 0;
    background:transparent;
    color:#D9DDE0;
    font-size:13px;
  }

  .pkp_navigation_search_wrapper{
    float:none;
    margin:10px 0 0;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.12);
  }

  .pkp_navigation_search_wrapper a{
    margin:0;
    padding:7px 0;
    color:#fff;
    font-size:13px;
  }

  .pkp_navigation_user{
    margin-top:10px !important;
    padding-top:10px !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
    text-align:left;
  }

  .pkp_navigation_user > li{
    display:inline-block;
    margin-right:14px;
  }

  .pkp_navigation_user > li > a{
    color:#fff;
    font-size:13px;
  }

  .pkp_structure_content{
    padding-top:14px;
  }

  .pkp_structure_main:before,
  .pkp_structure_main:after{
    display:none;
  }

  .pkp_page_index .homepage_image{
    margin:0 0 12px;
  }

  .pkp_page_index .homepage_image img{
    height:170px;
    object-fit:cover;
  }

  .pkp_page_index .homepage_about{
    margin:0 0 14px;
    padding:20px 18px 21px;
  }

  .pkp_page_index .homepage_about h2{
    font-size:24px;
    margin-bottom:8px;
  }

  .pkp_page_index .homepage_about p{
    font-size:14px;
    line-height:1.62;
  }

  .pkp_structure_sidebar{
    margin-top:6px;
    border-top:1px solid var(--saer-line);
  }

  .pkp_structure_footer{
    padding-left:16px;
    padding-right:16px;
  }

  .pkp_footer_content{
    padding:24px 0 28px;
    font-size:12px;
  }
}

@media (max-width:380px){
  .pkp_site_name .is_img img{
    max-width:190px;
  }
}


/* ============================================================
   SAER v19 — PUBLISHER HOMEPAGE + FOOTER
   ============================================================ */

/* Homepage: remove the old OJS portal sidebar and use full width */
.pkp_page_index .pkp_structure_content.has_sidebar{
  max-width:1240px;
}

@media (min-width:992px){
  .pkp_page_index .pkp_structure_content.has_sidebar .pkp_structure_main{
    width:100% !important;
    max-width:none !important;
    float:none !important;
    padding-right:0 !important;
  }

  .pkp_page_index .pkp_structure_content.has_sidebar .pkp_structure_sidebar{
    display:none !important;
  }

  .pkp_page_index .pkp_structure_main:after{
    display:none !important;
  }
}

/* Keep the stock homepage image hidden: cleaner journal/publisher presentation */
.pkp_page_index .homepage_image{
  display:none !important;
}

/* Homepage about becomes a restrained editorial masthead */
.pkp_page_index .homepage_about{
  position:relative;
  margin:24px 0 28px;
  padding:52px 58px 50px;
  background:#fff;
  border:1px solid var(--saer-line);
  border-top:3px solid var(--saer-warm);
  box-shadow:none;
}

.pkp_page_index .homepage_about:before{
  content:"INTERNATIONAL • MULTIDISCIPLINARY • PEER-REVIEWED • OPEN ACCESS";
  display:block;
  margin-bottom:15px;
  color:var(--saer-warm-dark);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.14em;
}

.pkp_page_index .homepage_about h2{
  margin:0 0 16px;
  font-size:36px;
  line-height:1.12;
}

.pkp_page_index .homepage_about p{
  max-width:900px;
  font-size:16px;
  line-height:1.8;
}

/* ============================================================
   FOOTER — institutional publisher layout
   Requires the HTML snippet supplied with v19 in OJS footer field
   ============================================================ */

.pkp_structure_footer_wrapper{
  margin-top:46px;
  background:#20252A;
  border-top:3px solid var(--saer-warm);
}

.pkp_structure_footer{
  max-width:1240px;
  margin:0 auto;
}

.pkp_footer_content{
  padding:0 !important;
  max-width:none !important;
}

.saer-footer{
  color:#C9CED2;
  font-family:Arial,Helvetica,sans-serif;
}

.saer-footer-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr 1.25fr 1fr;
  gap:52px;
  padding:48px 0 40px;
}

.saer-footer-brand{
  margin:0 0 12px;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  font-weight:700;
  letter-spacing:.01em;
}

.saer-footer-intro{
  max-width:270px;
  margin:0 0 17px !important;
  color:#AEB5BA;
  font-size:12.5px;
  line-height:1.75;
}

.saer-footer-contact{
  margin:0 !important;
  color:#D9DDE0;
  font-size:12.5px;
}

.saer-footer-contact a{
  color:#fff;
  text-decoration:none;
}

.saer-footer-heading{
  margin:0 0 15px;
  color:#D8C7AF;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.saer-footer-links{
  list-style:none;
  margin:0 !important;
  padding:0 !important;
}

.saer-footer-links li{
  margin:0 0 7px;
  padding:0;
  color:#BFC5C9;
  font-size:12.5px;
  line-height:1.5;
}

.saer-footer-links a{
  color:#C9CED2;
  text-decoration:none;
  transition:color .15s ease;
}

.saer-footer-links a:hover{
  color:#fff;
  text-decoration:none;
}

.saer-footer-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 15px;
}

.saer-footer-badge{
  display:inline-block;
  padding:5px 8px;
  border:1px solid #4A5055;
  border-radius:2px;
  color:#E6E2DC;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.saer-footer-badge.accent{
  border-color:#8E7C65;
  color:#D8C7AF;
}

.saer-footer-meta{
  margin:0;
  padding:0;
  list-style:none;
}

.saer-footer-meta li{
  margin:0 0 7px;
  color:#AEB5BA;
  font-size:12px;
  line-height:1.55;
}

.saer-footer-meta strong{
  color:#DDE0E2;
  font-weight:600;
}

.saer-footer-feed{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
}

.saer-footer-feed a{
  display:inline-block;
  padding:4px 7px;
  border:1px solid #495057;
  border-radius:2px;
  color:#C9CED2;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.04em;
  text-decoration:none;
}

.saer-footer-feed a:hover{
  border-color:#8E7C65;
  color:#fff;
}

.saer-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:18px 0 20px;
  border-top:1px solid #3A4045;
  color:#8F979D;
  font-size:11px;
}

.saer-footer-bottom p{
  margin:0 !important;
}

.saer-footer-bottom a{
  color:#BFC5C9;
  text-decoration:none;
}

.saer-footer-bottom a:hover{
  color:#fff;
}

@media (max-width:991px){
  .pkp_page_index .homepage_about{
    margin:14px 0 18px;
    padding:30px 24px 31px;
  }

  .pkp_page_index .homepage_about:before{
    font-size:9px;
    line-height:1.6;
  }

  .pkp_page_index .homepage_about h2{
    font-size:28px;
  }

  .saer-footer-grid{
    grid-template-columns:1fr 1fr;
    gap:34px 30px;
    padding:36px 0 32px;
  }
}

@media (max-width:620px){
  .saer-footer-grid{
    grid-template-columns:1fr;
    gap:29px;
  }

  .saer-footer-bottom{
    display:block;
  }

  .saer-footer-bottom p + p{
    margin-top:7px !important;
  }
}

/* SAER v20 — refinement layer */
@media (min-width:992px){
.pkp_navigation_primary>li>a{position:relative;transition:color .18s ease,background-color .18s ease;border-bottom:0!important}
.pkp_navigation_primary>li:not(:first-child)>a::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:1px;background:var(--saer-warm);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.pkp_navigation_primary>li:not(:first-child)>a:hover,.pkp_navigation_primary>li:not(:first-child)>a:focus,.pkp_navigation_primary>li:not(:first-child)>a:active{color:#D8C7AF!important;background:transparent!important}
.pkp_navigation_primary>li:not(:first-child)>a:hover::after,.pkp_navigation_primary>li:not(:first-child)>a:focus::after,.pkp_navigation_primary>li:not(:first-child)>a:active::after{transform:scaleX(1)}
.pkp_navigation_primary ul a{text-decoration:none!important;border-left:2px solid transparent;transition:.16s ease}
.pkp_navigation_primary ul a:hover,.pkp_navigation_primary ul a:focus{color:var(--saer-ink)!important;background:#F5F1EB!important;border-left-color:var(--saer-warm)!important}
}
.saer-footer-grid{grid-template-columns:1.15fr .85fr 1.15fr .9fr;gap:46px;padding:38px 0 28px;align-items:start}
.saer-footer-brand{margin:0 0 10px;color:#F5F2ED;font-size:19px;line-height:1.15;font-weight:600}
.saer-footer-intro{max-width:245px;margin:0 0 12px!important;color:#B7BDC1;font-size:13px;line-height:1.62}
.saer-footer-contact,.saer-footer-contact a{font-size:13px;text-decoration:none!important}
.saer-footer-heading{margin:1px 0 12px;font-size:11px;line-height:1.2;letter-spacing:.12em}
.saer-footer-links li{margin:0 0 5px;font-size:13px;line-height:1.45}
.saer-footer a,.saer-footer-links a,.saer-footer-contact a,.saer-footer-bottom a{text-decoration:none!important}
.saer-footer-links a:hover,.saer-footer-links a:focus{color:#D8C7AF}
.saer-footer-bottom{padding:13px 0 15px;font-size:11px}
.saer-footer-social{display:flex;align-items:center;gap:12px;margin-top:14px}.saer-footer-social:empty{display:none}
.saer-footer-social a{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:#D0D4D7;border:1px solid #4A5055;border-radius:50%;text-decoration:none!important;transition:.16s ease}
.saer-footer-social a:hover{color:#D8C7AF;border-color:#8E7C65;transform:translateY(-1px)}
@media(max-width:620px){
.pkp_structure_footer_wrapper{margin-top:28px;border-top-width:2px}.pkp_structure_footer{padding-left:18px;padding-right:18px}
.saer-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 22px;padding:27px 0 22px}.saer-footer-grid>:first-child{grid-column:1/-1}
.saer-footer-brand{font-size:18px;margin-bottom:7px}.saer-footer-intro{max-width:330px;margin-bottom:8px!important;font-size:12.5px;line-height:1.5}
.saer-footer-heading{margin-bottom:9px;font-size:9.5px;letter-spacing:.11em}.saer-footer-links li{margin-bottom:5px;font-size:12.5px;line-height:1.35}
.saer-footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 0 14px;font-size:10.5px;line-height:1.45}.saer-footer-bottom p+p{margin-top:0!important}
}
@media(max-width:420px){.saer-footer-grid{grid-template-columns:1fr 1fr;gap:21px 16px}.saer-footer-grid>:last-child{grid-column:1/-1}}


/* ============================================================
   SAER v21 — FOOTER CLEANUP / CONSISTENCY PASS
   Fixes: bullet markers, alignment, spacing, color consistency,
   copyright proximity, and overall footer density.
   ============================================================ */

:root{
  --saer-footer-bg:#20252A;
  --saer-footer-text:#D2D6D8;
  --saer-footer-muted:#D2D6D8;
  --saer-footer-heading:#D8C7AF;
  --saer-footer-line:#3A4045;
}

/* Footer container: shorter, tighter, more editorial */
.pkp_structure_footer_wrapper{
  background:var(--saer-footer-bg) !important;
}

.saer-footer{
  color:var(--saer-footer-text) !important;
  font-family:Arial,Helvetica,sans-serif !important;
}

.saer-footer-grid{
  grid-template-columns:1.18fr .88fr 1.18fr .92fr !important;
  column-gap:54px !important;
  row-gap:0 !important;
  padding:30px 0 18px !important;
  align-items:start !important;
}

/* Brand block */
.saer-footer-brand{
  margin:0 0 8px !important;
  color:#F2EEE8 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:.015em !important;
}

.saer-footer-intro,
.saer-footer-contact,
.saer-footer-contact a{
  color:var(--saer-footer-text) !important;
  font-size:12.5px !important;
}

.saer-footer-intro{
  margin:0 0 9px !important;
  line-height:1.55 !important;
}

/* Column headings */
.saer-footer-heading{
  margin:0 0 11px !important;
  color:var(--saer-footer-heading) !important;
  font-size:10.5px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

/* Kill all bullets / markers / default indent */
.saer-footer ul,
.saer-footer ol,
.saer-footer-links,
.saer-footer-meta{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.saer-footer li{
  list-style:none !important;
  margin-left:0 !important;
  padding-left:0 !important;
}

.saer-footer li::marker{
  content:"" !important;
  font-size:0 !important;
}

.saer-footer-links{
  display:grid !important;
  gap:5px !important;
}

.saer-footer-links li{
  margin:0 !important;
  padding:0 !important;
  color:var(--saer-footer-text) !important;
  font-size:12.5px !important;
  line-height:1.42 !important;
}

.saer-footer-links a{
  display:inline-block !important;
  color:var(--saer-footer-text) !important;
  text-decoration:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.saer-footer-links a:hover,
.saer-footer-links a:focus{
  color:var(--saer-footer-heading) !important;
  text-decoration:none !important;
}

/* Publishing information: equal vertical rhythm */
.saer-footer-meta{
  display:grid !important;
  gap:6px !important;
}

.saer-footer-meta li{
  margin:0 !important;
  padding:0 !important;
  color:var(--saer-footer-text) !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
}

.saer-footer-meta strong{
  color:var(--saer-footer-text) !important;
  font-weight:600 !important;
}

/* If publishing facts are plain paragraphs, normalize those too */
.saer-footer-grid > div > p{
  margin-top:0 !important;
}

.saer-footer-grid > div:last-child p{
  margin-bottom:7px !important;
  color:var(--saer-footer-text) !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
}

.saer-footer-grid > div:last-child strong{
  color:var(--saer-footer-text) !important;
  font-weight:600 !important;
}

.saer-footer-feed{
  margin-top:10px !important;
  gap:8px !important;
}

.saer-footer-feed a{
  color:var(--saer-footer-text) !important;
  border-color:#50565B !important;
}

/* Copyright: immediately under divider, no dead area */
.saer-footer-bottom{
  margin:0 !important;
  padding:10px 0 12px !important;
  min-height:0 !important;
  border-top:1px solid var(--saer-footer-line) !important;
  color:var(--saer-footer-text) !important;
  font-size:10.5px !important;
  line-height:1.4 !important;
}

.saer-footer-bottom p,
.saer-footer-bottom a{
  color:var(--saer-footer-text) !important;
  margin:0 !important;
  text-decoration:none !important;
}

/* Mobile: keep compact and aligned, never revert to bullets */
@media (max-width:620px){
  .saer-footer-grid{
    grid-template-columns:1fr 1fr !important;
    column-gap:20px !important;
    row-gap:20px !important;
    padding:24px 0 16px !important;
  }

  .saer-footer-grid > :first-child{
    grid-column:1 / -1 !important;
  }

  .saer-footer-grid > :last-child{
    grid-column:1 / -1 !important;
  }

  .saer-footer-heading{
    margin-bottom:8px !important;
  }

  .saer-footer-links{
    gap:5px !important;
  }

  .saer-footer-bottom{
    padding:9px 0 11px !important;
  }
}


/* ============================================================
   SAER v23 — PRECISE PUBLISHING COLUMN FIX
   Based on v21. No flex conversion.
   ============================================================ */

/* Normalize every block in the Publishing column */
.saer-footer-grid > div:last-child > *{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Heading keeps only a small controlled separation */
.saer-footer-grid > div:last-child .saer-footer-heading{
  margin-bottom:10px !important;
}

/* Plain publishing lines: equal compact rhythm */
.saer-footer-grid > div:last-child > p{
  margin:0 0 5px !important;
  padding:0 !important;
  line-height:1.45 !important;
}

/* If metadata is rendered as a list, match the same rhythm */
.saer-footer-grid > div:last-child .saer-footer-meta{
  margin:0 !important;
  padding:0 !important;
}

.saer-footer-grid > div:last-child .saer-footer-meta li{
  margin:0 0 5px !important;
  padding:0 !important;
  line-height:1.45 !important;
}

/* Feed should sit directly under the metadata */
.saer-footer-grid > div:last-child .saer-footer-feed{
  margin-top:5px !important;
  margin-bottom:0 !important;
}


/* ============================================================
   SAER v24 — FINAL FOOTER REFINEMENT
   ============================================================ */

/* Refine footer headings */
.saer-footer-heading{
  font-size:10px !important;
  letter-spacing:.12em !important;
}

/* Ensure uniform publishing-info rhythm */
.saer-footer-meta{
  display:grid !important;
  gap:5px !important;
}

.saer-footer-meta li{
  margin:0 !important;
  padding:0 !important;
  color:var(--saer-footer-text) !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
}

.saer-footer-meta strong{
  color:var(--saer-footer-text) !important;
  font-weight:600 !important;
}

/* Footer support links */
.saer-footer-legal{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px;
  font-size:10.5px;
}

.saer-footer-legal a{
  color:var(--saer-footer-text) !important;
  text-decoration:none !important;
}

.saer-footer-legal a:hover,
.saer-footer-legal a:focus{
  color:var(--saer-footer-heading) !important;
}

/* Social icons */
.saer-footer-social{
  display:flex !important;
  gap:10px !important;
  margin-top:12px !important;
}

.saer-footer-social a{
  width:30px !important;
  height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #51585D !important;
  border-radius:50% !important;
  color:var(--saer-footer-text) !important;
  text-decoration:none !important;
  font-size:13px !important;
}

.saer-footer-social a:hover,
.saer-footer-social a:focus{
  color:var(--saer-footer-heading) !important;
  border-color:#8E7C65 !important;
  transform:translateY(-1px);
}

/* Copyright */
.saer-footer-bottom{
  padding:9px 0 11px !important;
}


/* ============================================================
   SAER v25 — PREMIUM FOOTER PASS
   Direction: Wiley restraint + SAGE density + SAER identity
   ============================================================ */

:root{
  --saer-footer-bg:#1E2327;
  --saer-footer-text:#D6D9DB;
  --saer-footer-muted:#AEB4B8;
  --saer-footer-heading:#D7C5AD;
  --saer-footer-line:#373D42;
  --saer-footer-accent:#B7A184;
}

/* Overall footer tone */
.pkp_structure_footer_wrapper{
  background:var(--saer-footer-bg) !important;
  border-top:2px solid var(--saer-footer-accent) !important;
}

.saer-footer{
  color:var(--saer-footer-text) !important;
  font-family:Arial,Helvetica,sans-serif !important;
}

/* More deliberate desktop proportions */
.saer-footer-grid{
  grid-template-columns:1.2fr .78fr 1.18fr 1.02fr !important;
  column-gap:68px !important;
  padding:36px 0 22px !important;
  align-items:start !important;
}

/* Brand block */
.saer-footer-brand{
  margin:0 0 10px !important;
  color:#F3EFEA !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:20px !important;
  line-height:1.1 !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
}

.saer-footer-intro{
  max-width:255px !important;
  margin:0 0 10px !important;
  color:var(--saer-footer-muted) !important;
  font-size:12.5px !important;
  line-height:1.58 !important;
}

.saer-footer-contact,
.saer-footer-contact a{
  color:var(--saer-footer-text) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  text-decoration:none !important;
}

/* Premium section labels */
.saer-footer-heading{
  margin:1px 0 12px !important;
  color:var(--saer-footer-heading) !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

/* Clean lists, no bullets */
.saer-footer ul,
.saer-footer ol,
.saer-footer-links,
.saer-footer-meta{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.saer-footer li,
.saer-footer li::marker{
  list-style:none !important;
}

.saer-footer-links{
  display:grid !important;
  gap:6px !important;
}

.saer-footer-links li{
  margin:0 !important;
  padding:0 !important;
  font-size:12.75px !important;
  line-height:1.35 !important;
}

.saer-footer-links a{
  color:var(--saer-footer-text) !important;
  text-decoration:none !important;
  border:0 !important;
  transition:color .16s ease, transform .16s ease !important;
}

.saer-footer-links a:hover,
.saer-footer-links a:focus{
  color:var(--saer-footer-heading) !important;
  transform:translateX(2px);
}

/* Publishing facts */
.saer-footer-meta{
  display:grid !important;
  gap:6px !important;
}

.saer-footer-meta li{
  margin:0 !important;
  padding:0 !important;
  color:var(--saer-footer-text) !important;
  font-size:12.5px !important;
  line-height:1.38 !important;
}

.saer-footer-meta strong{
  color:#E2E4E6 !important;
  font-weight:600 !important;
}

/* Social icons: understated, premium circles */
.saer-footer-social{
  display:flex !important;
  gap:9px !important;
  margin-top:14px !important;
}

.saer-footer-social a{
  width:30px !important;
  height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #4D5459 !important;
  border-radius:50% !important;
  color:#E3E5E6 !important;
  background:transparent !important;
  text-decoration:none !important;
  font-size:0 !important;
  line-height:1 !important;
  transition:border-color .16s ease, color .16s ease, transform .16s ease, background .16s ease !important;
}

.saer-footer-social a:hover,
.saer-footer-social a:focus{
  border-color:var(--saer-footer-accent) !important;
  color:var(--saer-footer-heading) !important;
  background:rgba(183,161,132,.06) !important;
  transform:translateY(-1px);
}

/* CSS-drawn icons: no external icon library needed */
.saer-footer-social a[aria-label="Instagram"]::before{
  content:"";
  width:13px;
  height:13px;
  border:1.6px solid currentColor;
  border-radius:4px;
  box-sizing:border-box;
  display:block;
  position:relative;
  box-shadow:inset 0 0 0 2.8px var(--saer-footer-bg);
}

.saer-footer-social a[aria-label="Instagram"]::after{
  content:"";
  position:absolute;
  width:2.6px;
  height:2.6px;
  border-radius:50%;
  background:currentColor;
  transform:translate(4px,-4px);
}

.saer-footer-social a[aria-label="YouTube"]::before{
  content:"";
  width:15px;
  height:10px;
  border:1.6px solid currentColor;
  border-radius:3px;
  box-sizing:border-box;
  display:block;
}

.saer-footer-social a[aria-label="YouTube"]::after{
  content:"";
  position:absolute;
  width:0;
  height:0;
  border-top:3px solid transparent;
  border-bottom:3px solid transparent;
  border-left:4px solid currentColor;
  transform:translateX(1px);
}

/* Legal links: compact and separated */
.saer-footer-legal{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:0 !important;
  margin-top:12px !important;
  font-size:10.5px !important;
}

.saer-footer-legal a{
  color:var(--saer-footer-muted) !important;
  text-decoration:none !important;
}

.saer-footer-legal a + a::before{
  content:"·";
  display:inline-block;
  margin:0 8px;
  color:#697177;
}

.saer-footer-legal a:hover,
.saer-footer-legal a:focus{
  color:var(--saer-footer-heading) !important;
}

/* Bottom bar */
.saer-footer-bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  margin:0 !important;
  padding:11px 0 13px !important;
  min-height:0 !important;
  border-top:1px solid var(--saer-footer-line) !important;
  color:#A5ACB1 !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

.saer-footer-bottom p{
  margin:0 !important;
  color:#A5ACB1 !important;
}

/* Mobile */
@media (max-width:620px){
  .saer-footer-grid{
    grid-template-columns:1fr 1fr !important;
    column-gap:24px !important;
    row-gap:22px !important;
    padding:26px 0 18px !important;
  }

  .saer-footer-grid > :first-child{
    grid-column:1 / -1 !important;
  }

  .saer-footer-grid > :last-child{
    grid-column:1 / -1 !important;
  }

  .saer-footer-brand{
    font-size:18px !important;
  }

  .saer-footer-intro{
    max-width:330px !important;
    font-size:12.5px !important;
  }

  .saer-footer-heading{
    margin-bottom:9px !important;
  }

  .saer-footer-links{
    gap:5px !important;
  }

  .saer-footer-bottom{
    display:block !important;
    padding:10px 0 12px !important;
    font-size:10.5px !important;
  }
}

/* ============================================================
   SAER v28 — PREMIUM POLICY HUB
   Direction: publisher-style policy landing page
   ============================================================ */

/* Make the policy page use the full content width */
body:has(.saer-policy-hub) .pkp_structure_content{
  max-width:1240px !important;
}

body:has(.saer-policy-hub) .pkp_structure_main{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  padding-right:0 !important;
}

body:has(.saer-policy-hub) .pkp_structure_sidebar{
  display:none !important;
}

body:has(.saer-policy-hub) .pkp_structure_main:after{
  display:none !important;
}

/* Hide the default duplicated OJS page title */
body:has(.saer-policy-hub) .page > h1{
  display:none !important;
}

.saer-policy-hub{
  max-width:1120px;
  margin:0 auto 46px;
  color:#2F3438;
}

.saer-policy-hero{
  margin:0 0 34px;
  padding:44px 48px 38px;
  background:#fff;
  border:1px solid var(--saer-line);
  border-top:3px solid var(--saer-warm);
}

.saer-policy-kicker{
  margin:0 0 11px;
  color:var(--saer-warm-dark);
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.saer-policy-hero h1{
  margin:0 0 14px;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:36px;
  line-height:1.12;
  font-weight:700;
}

.saer-policy-hero p{
  max-width:850px;
  margin:0;
  color:#555C61;
  font-size:15px;
  line-height:1.75;
}

.saer-policy-grid{
  display:block;
  background:#fff;
  border:1px solid var(--saer-line);
}

.saer-policy-card{
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  column-gap:42px;
  padding:30px 34px;
  border-top:1px solid #E9E3DA;
  background:#fff;
}

.saer-policy-card:first-child{
  border-top:0;
}

.saer-policy-card h2{
  margin:0 0 8px;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  line-height:1.3;
  font-weight:700;
}

.saer-policy-card-intro{
  margin:0;
  color:#7A8085;
  font-size:12.5px;
  line-height:1.55;
}

.saer-policy-card > .saer-policy-list{
  grid-column:2;
  grid-row:1 / span 2;
}

.saer-policy-list{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.saer-policy-list li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  border-top:1px solid #EEE9E2;
}

.saer-policy-list li:first-child{
  border-top:0;
}

.saer-policy-list a{
  position:relative;
  display:block;
  padding:11px 28px 11px 0;
  color:#2F3539 !important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13.5px;
  line-height:1.42;
  font-weight:500;
  text-decoration:none !important;
  transition:color .16s ease, padding-left .16s ease;
}

.saer-policy-list a::after{
  content:"→";
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  color:var(--saer-warm-dark);
  font-size:13px;
  opacity:.9;
}

.saer-policy-list a:hover,
.saer-policy-list a:focus{
  color:var(--saer-warm-dark) !important;
  padding-left:4px;
  text-decoration:none !important;
}

@media (max-width:760px){

  body:has(.saer-policy-hub) .pkp_structure_content{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .saer-policy-hub{
    margin-bottom:28px;
  }

  .saer-policy-hero{
    margin-bottom:18px;
    padding:28px 22px 26px;
  }

  .saer-policy-hero h1{
    font-size:29px;
  }

  .saer-policy-hero p{
    font-size:14px;
    line-height:1.62;
  }

  .saer-policy-card{
    display:block;
    padding:24px 20px 20px;
  }

  .saer-policy-card h2{
    font-size:18px;
  }

  .saer-policy-card-intro{
    margin-bottom:14px;
  }

  .saer-policy-list a{
    font-size:13px;
    padding:10px 24px 10px 0;
  }
}

/* ============================================================
   SAER v29 — POLICY HUB REFINEMENT
   Refinement over v28: tighter hierarchy, cleaner spacing,
   stronger hero, narrower left labels, lighter separators.
   ============================================================ */

.saer-policy-hub{
  max-width:1040px !important;
  margin:0 auto 40px !important;
}

/* Stronger but shorter hero */
.saer-policy-hero{
  margin:0 0 24px !important;
  padding:32px 36px 30px !important;
  border-top-width:2px !important;
}

.saer-policy-kicker{
  margin-bottom:8px !important;
  font-size:9.5px !important;
  letter-spacing:.15em !important;
}

.saer-policy-hero h1{
  display:block !important;
  margin:0 0 10px !important;
  font-size:31px !important;
  line-height:1.12 !important;
}

.saer-policy-hero p{
  max-width:760px !important;
  font-size:14px !important;
  line-height:1.65 !important;
  color:#555B60 !important;
}

/* Main policy panel */
.saer-policy-grid{
  border-color:#E5DED5 !important;
}

.saer-policy-card{
  grid-template-columns:235px minmax(0,1fr) !important;
  column-gap:34px !important;
  padding:24px 26px !important;
  border-top-color:#EEE8E1 !important;
}

.saer-policy-card h2{
  margin:0 0 7px !important;
  font-size:18px !important;
  line-height:1.28 !important;
}

.saer-policy-card-intro{
  max-width:205px !important;
  font-size:11.75px !important;
  line-height:1.5 !important;
  color:#7B8084 !important;
}

/* Right-side policy list */
.saer-policy-list li{
  border-top-color:#F0ECE7 !important;
}

.saer-policy-list a{
  padding:9px 24px 9px 0 !important;
  font-size:12.75px !important;
  line-height:1.36 !important;
  font-weight:500 !important;
}

.saer-policy-list a::after{
  content:"›" !important;
  right:1px !important;
  font-size:15px !important;
  color:#9F896F !important;
}

.saer-policy-list a:hover,
.saer-policy-list a:focus{
  padding-left:3px !important;
  color:#8F7A63 !important;
}

/* Subtle section emphasis without cardiness */
.saer-policy-card:nth-child(odd){
  background:#FFFEFC !important;
}

.saer-policy-card:nth-child(even){
  background:#FFFFFF !important;
}

/* Breadcrumb area feels calmer on this page */
body:has(.saer-policy-hub) .cmp_breadcrumbs{
  margin-bottom:18px !important;
  font-size:12px !important;
}

/* Mobile refinement */
@media (max-width:760px){

  .saer-policy-hub{
    max-width:none !important;
  }

  .saer-policy-hero{
    padding:24px 20px 22px !important;
  }

  .saer-policy-hero h1{
    font-size:27px !important;
  }

  .saer-policy-card{
    padding:20px 18px !important;
  }

  .saer-policy-card h2{
    font-size:17px !important;
  }

  .saer-policy-card-intro{
    max-width:none !important;
    margin-bottom:12px !important;
    font-size:11.5px !important;
  }

  .saer-policy-list a{
    font-size:12.5px !important;
    padding:9px 22px 9px 0 !important;
  }
}

/* ============================================================
   SAER v30 — AIMS & SCOPE
   Page-specific styling only
   ============================================================ */

/* Use full width only on Aims & Scope */
body:has(.saer-scope-page) .pkp_structure_content{
  max-width:1240px !important;
}

body:has(.saer-scope-page) .pkp_structure_main{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  padding-right:0 !important;
}

body:has(.saer-scope-page) .pkp_structure_sidebar{
  display:none !important;
}

body:has(.saer-scope-page) .pkp_structure_main:after{
  display:none !important;
}

/* Main page container */
.saer-scope-page{
  max-width:1080px;
  margin:0 auto 48px;
  color:#343A40;
}

/* Intro */
.saer-scope-page .saer-page-intro{
  position:relative;
  margin:0 0 34px;
  padding:34px 38px 32px;
  background:#FFFFFF;
  border:1px solid var(--saer-line);
  border-top:2px solid var(--saer-warm);
}

.saer-scope-page .saer-page-eyebrow{
  margin:0 0 10px;
  color:var(--saer-warm-dark);
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.saer-scope-page .saer-page-lead{
  max-width:880px;
  margin:0 0 15px;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  line-height:1.52;
  font-weight:400;
}

.saer-scope-page .saer-page-intro p:not(.saer-page-lead){
  max-width:900px;
  margin:0;
  color:#5C6368;
  font-size:14.5px;
  line-height:1.75;
}

/* Section headings */
.saer-scope-page .saer-section-heading{
  margin:0 0 22px;
}

.saer-scope-page .saer-section-heading > span{
  display:block;
  margin:0 0 7px;
  color:var(--saer-warm-dark);
  font-family:Arial,Helvetica,sans-serif;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.saer-scope-page .saer-section-heading h2{
  margin:0 0 8px;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:27px;
  line-height:1.2;
  font-weight:700;
}

.saer-scope-page .saer-section-heading p{
  max-width:820px;
  margin:0;
  color:#6A7176;
  font-size:14px;
  line-height:1.65;
}

/* Scope grid */
.saer-scope-page .saer-scope-section{
  margin:0 0 44px;
}

.saer-scope-page .saer-scope-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.saer-scope-page .saer-scope-card{
  position:relative;
  min-height:178px;
  padding:24px 26px 23px;
  background:#FFFFFF;
  border:1px solid var(--saer-line);
  box-shadow:none;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.saer-scope-page .saer-scope-card:hover{
  transform:translateY(-2px);
  border-color:#D5C6B2;
  box-shadow:0 10px 24px rgba(34,39,43,.05);
}

.saer-scope-page .saer-scope-index{
  display:block;
  margin:0 0 13px;
  color:var(--saer-warm-dark);
  font-family:Arial,Helvetica,sans-serif;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.08em;
}

.saer-scope-page .saer-scope-card h3{
  margin:0 0 9px;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1.32;
  font-weight:700;
}

.saer-scope-page .saer-scope-card p{
  margin:0;
  color:#62696E;
  font-size:13.5px;
  line-height:1.62;
}

/* Interdisciplinary block */
.saer-scope-page .saer-interdisciplinary{
  margin:0 0 44px;
  padding:31px 34px 30px;
  background:var(--saer-ink);
  border-top:2px solid var(--saer-warm);
}

.saer-scope-page .saer-interdisciplinary .saer-section-heading{
  margin-bottom:13px;
}

.saer-scope-page .saer-interdisciplinary .saer-section-heading > span{
  color:#CFBFA9;
}

.saer-scope-page .saer-interdisciplinary .saer-section-heading h2{
  color:#FFFFFF;
}

.saer-scope-page .saer-interdisciplinary p{
  max-width:900px;
  margin:0;
  color:#D7DADD;
  font-size:14px;
  line-height:1.72;
}

/* Article type tags */
.saer-scope-page .saer-article-types{
  margin:0 0 42px;
}

.saer-scope-page .saer-type-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.saer-scope-page .saer-type-list span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 11px;
  background:#F6F4EF;
  border:1px solid #E1DACE;
  color:#4E555A;
  font-size:12px;
  line-height:1.2;
  font-weight:600;
}

/* Final scope note */
.saer-scope-page .saer-scope-note{
  margin:0;
  padding:24px 27px;
  background:#FFFFFF;
  border-left:3px solid var(--saer-warm);
  border-top:1px solid var(--saer-line);
  border-right:1px solid var(--saer-line);
  border-bottom:1px solid var(--saer-line);
}

.saer-scope-page .saer-scope-note > strong{
  display:block;
  margin:0 0 6px;
  color:var(--saer-ink);
  font-size:13.5px;
  font-weight:700;
}

.saer-scope-page .saer-scope-note p{
  margin:0;
  color:#62696E;
  font-size:13.5px;
  line-height:1.65;
}

/* Default OJS page title refinement only on this page */
body:has(.saer-scope-page) .page > h1{
  margin-bottom:22px !important;
  color:var(--saer-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:34px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
}

/* Tablet */
@media (max-width:820px){
  .saer-scope-page{
    margin-bottom:34px;
  }

  .saer-scope-page .saer-scope-grid{
    grid-template-columns:1fr;
  }

  .saer-scope-page .saer-page-intro{
    padding:28px 24px 26px;
  }

  .saer-scope-page .saer-page-lead{
    font-size:19px;
  }

  .saer-scope-page .saer-section-heading h2{
    font-size:24px;
  }

  .saer-scope-page .saer-interdisciplinary{
    padding:27px 24px 26px;
  }
}

/* Mobile */
@media (max-width:520px){
  body:has(.saer-scope-page) .pkp_structure_content{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body:has(.saer-scope-page) .page > h1{
    font-size:29px !important;
    margin-bottom:17px !important;
  }

  .saer-scope-page .saer-page-intro{
    margin-bottom:28px;
    padding:23px 19px 22px;
  }

  .saer-scope-page .saer-page-eyebrow{
    font-size:9px;
    line-height:1.5;
  }

  .saer-scope-page .saer-page-lead{
    font-size:17.5px;
    line-height:1.5;
  }

  .saer-scope-page .saer-page-intro p:not(.saer-page-lead){
    font-size:13.5px;
    line-height:1.65;
  }

  .saer-scope-page .saer-scope-section{
    margin-bottom:34px;
  }

  .saer-scope-page .saer-scope-grid{
    gap:12px;
  }

  .saer-scope-page .saer-scope-card{
    min-height:0;
    padding:21px 19px 20px;
  }

  .saer-scope-page .saer-scope-card h3{
    font-size:16px;
  }

  .saer-scope-page .saer-scope-card p{
    font-size:13px;
  }

  .saer-scope-page .saer-interdisciplinary{
    margin-bottom:34px;
    padding:24px 20px 23px;
  }

  .saer-scope-page .saer-interdisciplinary p{
    font-size:13.5px;
  }

  .saer-scope-page .saer-article-types{
    margin-bottom:34px;
  }

  .saer-scope-page .saer-type-list{
    gap:6px;
  }

  .saer-scope-page .saer-type-list span{
    min-height:32px;
    padding:6px 9px;
    font-size:11.5px;
  }

  .saer-scope-page .saer-scope-note{
    padding:21px 18px;
  }
}


/* ============================================================
   SAER v31 — AIMS & SCOPE FINAL REFINEMENT
   Adds mission/vision cards and fixes low-contrast labels/tags.
   Scoped only to .saer-scope-page
   ============================================================ */

/* Mission / Vision */
.saer-scope-page .saer-mission-vision{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:0 0 42px !important;
}

.saer-scope-page .saer-mv-card{
  position:relative !important;
  padding:25px 27px 24px !important;
  background:#FFFFFF !important;
  border:1px solid var(--saer-line) !important;
  border-top:2px solid var(--saer-warm) !important;
}

.saer-scope-page .saer-mv-label{
  display:block !important;
  margin:0 0 8px !important;
  color:var(--saer-warm-dark) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:9.5px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

.saer-scope-page .saer-mv-card h2{
  margin:0 0 10px !important;
  color:var(--saer-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:21px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}

.saer-scope-page .saer-mv-card p{
  margin:0 !important;
  color:#62696E !important;
  font-size:13.5px !important;
  line-height:1.68 !important;
}

/* Guarantee section kicker visibility on light sections */
.saer-scope-page .saer-section-heading > span{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#8F7658 !important;
}

/* Guarantee visibility inside the dark interdisciplinary panel */
.saer-scope-page .saer-interdisciplinary .saer-section-heading > span{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#D8C7AF !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

.saer-scope-page .saer-interdisciplinary .saer-section-heading h2{
  color:#FFFFFF !important;
}

.saer-scope-page .saer-interdisciplinary p{
  color:#E0E2E3 !important;
}

/* Make manuscript/article types render as real tags even against OJS defaults */
.saer-scope-page .saer-type-list{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
}

.saer-scope-page .saer-type-list > span{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  min-height:34px !important;
  margin:0 !important;
  padding:7px 12px !important;
  background:#F4F0EA !important;
  border:1px solid #DCD3C7 !important;
  border-radius:2px !important;
  color:#41484D !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  white-space:normal !important;
}

/* Slightly stronger hierarchy for the scope section */
.saer-scope-page .saer-scope-card{
  border-color:#DDD6CC !important;
}

.saer-scope-page .saer-scope-card h3{
  color:#20262A !important;
}

.saer-scope-page .saer-scope-index{
  color:#9F896F !important;
}

/* Mobile */
@media (max-width:820px){
  .saer-scope-page .saer-mission-vision{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:520px){
  .saer-scope-page .saer-mv-card{
    padding:21px 19px 20px !important;
  }

  .saer-scope-page .saer-mv-card h2{
    font-size:19px !important;
  }

  .saer-scope-page .saer-type-list > span{
    min-height:32px !important;
    padding:6px 9px !important;
    font-size:11.5px !important;
  }
}

/* ============================================================
   SAER v32 — AIMS & SCOPE REFINEMENT 2
   Only refines the Aims & Scope page on top of v31
   ============================================================ */

/* General rhythm */
.saer-scope-page{
  max-width:1040px !important;
}

.saer-scope-page .saer-page-intro{
  margin:0 0 28px !important;
  padding:30px 32px 28px !important;
  background:#FCFBF8 !important;
  border:1px solid #DDD5CA !important;
  border-top:2px solid var(--saer-warm) !important;
}

.saer-scope-page .saer-page-lead{
  font-size:19px !important;
  line-height:1.45 !important;
}

.saer-scope-page .saer-page-intro p:not(.saer-page-lead){
  font-size:14px !important;
  line-height:1.7 !important;
}

/* Mission / Vision — elegant but not bulky */
.saer-scope-page .saer-mission-vision{
  gap:14px !important;
  margin:0 0 30px !important;
}

.saer-scope-page .saer-mv-card{
  padding:22px 24px 21px !important;
  background:#FFFFFF !important;
  border:1px solid #DDD5CA !important;
  border-top:2px solid #B7A184 !important;
  box-shadow:none !important;
}

.saer-scope-page .saer-mv-card h2{
  font-size:19px !important;
  line-height:1.28 !important;
  margin:0 0 8px !important;
}

.saer-scope-page .saer-mv-card p{
  font-size:13.5px !important;
  line-height:1.62 !important;
}

/* Section headings */
.saer-scope-page .saer-section-heading{
  margin:0 0 18px !important;
}

.saer-scope-page .saer-section-heading > span{
  font-size:10px !important;
  letter-spacing:.13em !important;
  margin:0 0 5px !important;
}

.saer-scope-page .saer-section-heading h2{
  font-size:30px !important;
  line-height:1.16 !important;
  margin:0 0 6px !important;
}

.saer-scope-page .saer-section-heading p{
  font-size:13.5px !important;
  line-height:1.62 !important;
}

/* Scope area cards — cleaner, less amateur */
.saer-scope-page .saer-scope-section{
  margin:0 0 34px !important;
}

.saer-scope-page .saer-scope-grid{
  gap:14px !important;
}

.saer-scope-page .saer-scope-card{
  min-height:145px !important;
  padding:20px 22px 19px 24px !important;
  background:#FFFFFF !important;
  border:1px solid #DED7CC !important;
  box-shadow:none !important;
}

.saer-scope-page .saer-scope-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#B7A184;
}

.saer-scope-page .saer-scope-card:hover{
  transform:none !important;
  border-color:#D3C6B6 !important;
  box-shadow:none !important;
}

.saer-scope-page .saer-scope-index{
  margin:0 0 8px !important;
  font-size:9px !important;
  letter-spacing:.16em !important;
  color:#9B8465 !important;
}

.saer-scope-page .saer-scope-card h3{
  margin:0 0 8px !important;
  font-size:18px !important;
  line-height:1.28 !important;
}

.saer-scope-page .saer-scope-card p{
  font-size:13px !important;
  line-height:1.58 !important;
  color:#5F666B !important;
}

/* Interdisciplinary block — make label visible */
.saer-scope-page .saer-interdisciplinary{
  margin:0 0 34px !important;
  padding:28px 30px 26px !important;
  background:linear-gradient(135deg,#22272B 0%,#2D3338 100%) !important;
  border-top:2px solid #B7A184 !important;
}

.saer-scope-page .saer-interdisciplinary .saer-section-heading{
  margin:0 0 10px !important;
}

.saer-scope-page .saer-interdisciplinary .saer-section-heading > span{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#E0D1BD !important;
  font-size:10px !important;
  letter-spacing:.12em !important;
  margin:0 0 6px !important;
}

.saer-scope-page .saer-interdisciplinary .saer-section-heading h2{
  font-size:28px !important;
  line-height:1.18 !important;
  margin:0 !important;
  color:#FFFFFF !important;
}

.saer-scope-page .saer-interdisciplinary p{
  font-size:13.5px !important;
  line-height:1.68 !important;
  color:#E3E5E7 !important;
}

/* Article types — must look like tags */
.saer-scope-page .saer-article-types{
  margin:0 0 30px !important;
}

.saer-scope-page .saer-type-list{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
}

.saer-scope-page .saer-type-list > span,
.saer-scope-page .saer-type-list > a{
  display:inline-flex !important;
  align-items:center !important;
  padding:7px 12px !important;
  min-height:34px !important;
  background:#F4F1EB !important;
  border:1px solid #DDD3C5 !important;
  border-radius:999px !important;
  color:#394046 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  text-decoration:none !important;
}

/* Scope note */
.saer-scope-page .saer-scope-note{
  margin-top:6px !important;
  padding:18px 21px !important;
  background:#FCFBF8 !important;
  border:1px solid #DED7CC !important;
  border-left:3px solid #B7A184 !important;
}

.saer-scope-page .saer-scope-note > strong{
  font-size:13px !important;
  margin:0 0 5px !important;
}

.saer-scope-page .saer-scope-note p{
  font-size:13px !important;
  line-height:1.6 !important;
}

/* Responsive */
@media (max-width:820px){
  .saer-scope-page .saer-page-intro{
    padding:24px 22px 22px !important;
  }

  .saer-scope-page .saer-section-heading h2{
    font-size:25px !important;
  }

  .saer-scope-page .saer-interdisciplinary{
    padding:24px 22px 22px !important;
  }
}

@media (max-width:520px){
  .saer-scope-page .saer-page-lead{
    font-size:17px !important;
  }

  .saer-scope-page .saer-scope-card,
  .saer-scope-page .saer-mv-card{
    padding:18px 18px 17px 20px !important;
  }

  .saer-scope-page .saer-interdisciplinary{
    padding:22px 18px 20px !important;
  }

  .saer-scope-page .saer-type-list > span,
  .saer-scope-page .saer-type-list > a{
    font-size:11.5px !important;
    padding:6px 10px !important;
  }
}

/* ============================================================
   SAER v33 — AIMS & SCOPE EDITORIAL REDESIGN
   Scope: Aims & Scope only. Removes the box-heavy look.
   ============================================================ */

body:has(.saer-scope-page) .pkp_structure_content{
  max-width:1240px !important;
}
body:has(.saer-scope-page) .pkp_structure_main{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  padding-right:0 !important;
}
body:has(.saer-scope-page) .pkp_structure_sidebar{
  display:none !important;
}
body:has(.saer-scope-page) .pkp_structure_main:after{
  display:none !important;
}

.saer-scope-page{
  max-width:1060px !important;
  margin:0 auto 52px !important;
}

/* Intro: editorial, open, no card */
.saer-scope-page .saer-page-intro{
  margin:0 0 38px !important;
  padding:4px 0 30px !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #D8D0C5 !important;
}
.saer-scope-page .saer-page-lead{
  max-width:900px !important;
  margin:0 0 14px !important;
  color:#20262A !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:22px !important;
  line-height:1.48 !important;
  font-weight:400 !important;
}
.saer-scope-page .saer-page-intro p:not(.saer-page-lead){
  max-width:900px !important;
  margin:0 !important;
  color:#62696E !important;
  font-size:14.5px !important;
  line-height:1.72 !important;
}

/* Mission/Vision: two editorial columns, not cards */
.saer-scope-page .saer-mission-vision{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 !important;
  margin:0 0 48px !important;
  border-top:1px solid #D8D0C5 !important;
  border-bottom:1px solid #D8D0C5 !important;
}
.saer-scope-page .saer-mv-card{
  padding:26px 30px 27px 0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.saer-scope-page .saer-mv-card + .saer-mv-card{
  padding-left:30px !important;
  padding-right:0 !important;
  border-left:1px solid #D8D0C5 !important;
}
.saer-scope-page .saer-mv-label{
  display:block !important;
  margin:0 0 8px !important;
  color:#9F896F !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
.saer-scope-page .saer-mv-card h2{
  margin:0 0 9px !important;
  color:#22272B !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:20px !important;
  line-height:1.3 !important;
}
.saer-scope-page .saer-mv-card p{
  margin:0 !important;
  color:#62696E !important;
  font-size:13.5px !important;
  line-height:1.65 !important;
}

/* Headings */
.saer-scope-page .saer-section-heading{
  margin:0 0 22px !important;
}
.saer-scope-page .saer-section-heading > span{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  margin:0 0 6px !important;
  color:#9F896F !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
.saer-scope-page .saer-section-heading h2{
  margin:0 0 8px !important;
  color:#22272B !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:31px !important;
  line-height:1.18 !important;
}
.saer-scope-page .saer-section-heading p{
  max-width:820px !important;
  margin:0 !important;
  color:#6B7277 !important;
  font-size:13.5px !important;
  line-height:1.65 !important;
}

/* Scope fields: no boxes; editorial two-column directory */
.saer-scope-page .saer-scope-section{
  margin:0 0 48px !important;
}
.saer-scope-page .saer-scope-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 46px !important;
  border-top:1px solid #D8D0C5 !important;
}
.saer-scope-page .saer-scope-card{
  position:relative !important;
  min-height:0 !important;
  padding:22px 0 23px 42px !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #E2DCD3 !important;
  box-shadow:none !important;
  transform:none !important;
}
.saer-scope-page .saer-scope-card::before{
  display:none !important;
}
.saer-scope-page .saer-scope-index{
  position:absolute !important;
  left:0 !important;
  top:23px !important;
  margin:0 !important;
  color:#A28A6D !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.1em !important;
}
.saer-scope-page .saer-scope-card h3{
  margin:0 0 7px !important;
  color:#22272B !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:17.5px !important;
  line-height:1.3 !important;
}
.saer-scope-page .saer-scope-card p{
  margin:0 !important;
  color:#62696E !important;
  font-size:13px !important;
  line-height:1.6 !important;
}

/* Interdisciplinary: keep one deliberate dark feature panel */
.saer-scope-page .saer-interdisciplinary{
  margin:0 0 48px !important;
  padding:31px 34px 30px !important;
  background:#22272B !important;
  border:0 !important;
  border-top:3px solid #B7A184 !important;
}
.saer-scope-page .saer-interdisciplinary .saer-section-heading{
  margin:0 0 12px !important;
}
.saer-scope-page .saer-interdisciplinary .saer-section-heading > span{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#D9C8B1 !important;
  font-size:10px !important;
  margin-bottom:6px !important;
}
.saer-scope-page .saer-interdisciplinary .saer-section-heading h2{
  margin:0 !important;
  color:#FFFFFF !important;
  font-size:27px !important;
}
.saer-scope-page .saer-interdisciplinary p{
  max-width:900px !important;
  margin:0 !important;
  color:#E1E3E4 !important;
  font-size:13.5px !important;
  line-height:1.7 !important;
}

/* Article types: robust semantic list instead of inline text */
.saer-scope-page .saer-article-types{
  margin:0 0 42px !important;
}
.saer-scope-page .saer-type-list{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 28px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  border-top:1px solid #D8D0C5 !important;
}
.saer-scope-page .saer-type-list li{
  position:relative !important;
  margin:0 !important;
  padding:12px 0 12px 18px !important;
  list-style:none !important;
  border-bottom:1px solid #E2DCD3 !important;
  color:#444B50 !important;
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
}
.saer-scope-page .saer-type-list li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:18px !important;
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:#B7A184 !important;
}
.saer-scope-page .saer-type-list li::marker{
  content:"" !important;
}

/* Final note: editorial footnote, not another box */
.saer-scope-page .saer-scope-note{
  margin:0 !important;
  padding:20px 0 0 !important;
  background:transparent !important;
  border:0 !important;
  border-top:1px solid #D8D0C5 !important;
}
.saer-scope-page .saer-scope-note > strong{
  display:block !important;
  margin:0 0 5px !important;
  color:#22272B !important;
  font-size:12.5px !important;
  font-weight:700 !important;
}
.saer-scope-page .saer-scope-note p{
  max-width:900px !important;
  margin:0 !important;
  color:#747B81 !important;
  font-size:12.5px !important;
  line-height:1.62 !important;
}

@media (max-width:820px){
  .saer-scope-page .saer-mission-vision{
    grid-template-columns:1fr !important;
  }
  .saer-scope-page .saer-mv-card,
  .saer-scope-page .saer-mv-card + .saer-mv-card{
    padding:22px 0 !important;
    border-left:0 !important;
  }
  .saer-scope-page .saer-mv-card + .saer-mv-card{
    border-top:1px solid #D8D0C5 !important;
  }
  .saer-scope-page .saer-scope-grid{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  .saer-scope-page .saer-type-list{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:520px){
  .saer-scope-page .saer-page-lead{
    font-size:18px !important;
  }
  .saer-scope-page .saer-section-heading h2{
    font-size:25px !important;
  }
  .saer-scope-page .saer-scope-card{
    padding:18px 0 19px 36px !important;
  }
  .saer-scope-page .saer-scope-index{
    top:19px !important;
  }
  .saer-scope-page .saer-interdisciplinary{
    padding:24px 20px 23px !important;
  }
  .saer-scope-page .saer-type-list{
    grid-template-columns:1fr !important;
  }
}

/* ============================================================
   SAER v34 — AIMS & SCOPE / CORPORATE PUBLISHER LAYOUT
   Visual direction: editorial publisher, no cards, fine rules,
   four-column scope index, one abstract emblem.
   Scoped ONLY to .saer-scope-page
   ============================================================ */

body:has(.saer-scope-page) .pkp_structure_main{
  overflow:visible !important;
}

.saer-scope-page{
  position:relative !important;
  max-width:1120px !important;
  margin:0 auto 52px !important;
  color:#2C3237 !important;
}

/* ---------- opening editorial area ---------- */
.saer-scope-page .saer-page-intro{
  position:relative !important;
  min-height:215px !important;
  margin:0 0 0 !important;
  padding:22px 300px 34px 0 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #D8D0C5 !important;
  overflow:hidden !important;
}

/* single abstract SAER-style emblem */
.saer-scope-page .saer-page-intro::after{
  content:"S" !important;
  position:absolute !important;
  right:22px !important;
  top:-48px !important;
  width:220px !important;
  height:250px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#B7A184 !important;
  opacity:.12 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:240px !important;
  line-height:1 !important;
  font-weight:700 !important;
  font-style:italic !important;
  transform:rotate(-6deg) scaleX(.86) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.saer-scope-page .saer-page-intro::before{
  content:"INTERNATIONAL  •  MULTIDISCIPLINARY  •  PEER-REVIEWED  •  OPEN ACCESS" !important;
  display:block !important;
  position:relative !important;
  z-index:1 !important;
  margin:0 0 18px !important;
  color:#9F896F !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:9.5px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
  letter-spacing:.15em !important;
}

.saer-scope-page .saer-page-lead{
  position:relative !important;
  z-index:1 !important;
  max-width:760px !important;
  margin:0 0 14px !important;
  color:#253039 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:20px !important;
  line-height:1.52 !important;
  font-weight:400 !important;
}

.saer-scope-page .saer-page-intro p:not(.saer-page-lead){
  position:relative !important;
  z-index:1 !important;
  max-width:760px !important;
  margin:0 !important;
  color:#596168 !important;
  font-size:14px !important;
  line-height:1.7 !important;
}

/* ---------- mission / vision: no cards ---------- */
.saer-scope-page .saer-mission-vision{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 !important;
  margin:0 !important;
  padding:26px 0 30px !important;
  border-bottom:1px solid #D8D0C5 !important;
}

.saer-scope-page .saer-mv-card{
  position:relative !important;
  margin:0 !important;
  padding:0 38px 0 0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.saer-scope-page .saer-mv-card + .saer-mv-card{
  padding:0 0 0 38px !important;
  border-left:1px solid #D8D0C5 !important;
}

.saer-scope-page .saer-mv-card::before{
  content:"" !important;
  display:block !important;
  width:30px !important;
  height:2px !important;
  margin:0 0 10px !important;
  background:#B7A184 !important;
}

.saer-scope-page .saer-mv-label{
  margin:0 0 5px !important;
  color:#9F896F !important;
  font-size:9px !important;
  letter-spacing:.14em !important;
}

.saer-scope-page .saer-mv-card h2{
  margin:0 0 7px !important;
  color:#24303A !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

.saer-scope-page .saer-mv-card p{
  max-width:455px !important;
  margin:0 !important;
  color:#596168 !important;
  font-size:13.5px !important;
  line-height:1.65 !important;
}

/* ---------- scope title ---------- */
.saer-scope-page .saer-scope-section{
  margin:0 !important;
  padding:28px 0 26px !important;
  border-bottom:1px solid #D8D0C5 !important;
}

.saer-scope-page .saer-section-heading{
  margin:0 0 21px !important;
}

.saer-scope-page .saer-section-heading > span{
  display:block !important;
  margin:0 0 5px !important;
  color:#9F896F !important;
  font-size:9px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.saer-scope-page .saer-section-heading h2{
  margin:0 0 6px !important;
  color:#24303A !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:29px !important;
  line-height:1.17 !important;
  font-weight:700 !important;
}

.saer-scope-page .saer-section-heading p{
  max-width:820px !important;
  margin:0 !important;
  color:#667078 !important;
  font-size:13px !important;
  line-height:1.6 !important;
}

/* ---------- scope index: 4 columns, thin rules ---------- */
.saer-scope-page .saer-scope-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
  margin:0 !important;
  border-top:1px solid #E2DBD1 !important;
}

.saer-scope-page .saer-scope-card{
  position:relative !important;
  min-height:145px !important;
  margin:0 !important;
  padding:21px 24px 18px !important;
  background:transparent !important;
  border:0 !important;
  border-right:1px solid #E2DBD1 !important;
  border-bottom:1px solid #E2DBD1 !important;
  box-shadow:none !important;
  transform:none !important;
}

.saer-scope-page .saer-scope-card:nth-child(4n){
  border-right:0 !important;
}

.saer-scope-page .saer-scope-card:nth-last-child(-n+4){
  border-bottom:0 !important;
}

.saer-scope-page .saer-scope-card::before{
  content:"" !important;
  display:block !important;
  position:static !important;
  width:24px !important;
  height:2px !important;
  margin:0 0 11px !important;
  background:#B7A184 !important;
}

.saer-scope-page .saer-scope-index{
  display:none !important;
}

.saer-scope-page .saer-scope-card h3{
  margin:0 0 8px !important;
  color:#28333C !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:16px !important;
  line-height:1.32 !important;
  font-weight:700 !important;
}

.saer-scope-page .saer-scope-card p{
  margin:0 !important;
  color:#697178 !important;
  font-size:12.5px !important;
  line-height:1.58 !important;
}

.saer-scope-page .saer-scope-card:hover{
  background:transparent !important;
  border-color:#E2DBD1 !important;
  box-shadow:none !important;
  transform:none !important;
}

/* ---------- interdisciplinary: editorial feature, no dark box ---------- */
.saer-scope-page .saer-interdisciplinary{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 230px !important;
  column-gap:54px !important;
  margin:0 !important;
  padding:28px 0 29px 28px !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #D8D0C5 !important;
}

.saer-scope-page .saer-interdisciplinary::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:28px !important;
  bottom:29px !important;
  width:2px !important;
  background:#B7A184 !important;
}

.saer-scope-page .saer-interdisciplinary::after{
  content:"Farklı disiplinler, daha geniş ufuklar." !important;
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
  padding-left:34px !important;
  border-left:1px solid #D8D0C5 !important;
  color:#9F896F !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:19px !important;
  line-height:1.45 !important;
  font-style:italic !important;
}

.saer-scope-page .saer-interdisciplinary .saer-section-heading{
  grid-column:1 !important;
  margin:0 0 7px !important;
}

.saer-scope-page .saer-interdisciplinary .saer-section-heading > span{
  display:none !important;
}

.saer-scope-page .saer-interdisciplinary .saer-section-heading h2{
  margin:0 !important;
  color:#24303A !important;
  font-size:25px !important;
  line-height:1.2 !important;
}

.saer-scope-page .saer-interdisciplinary p{
  grid-column:1 !important;
  max-width:760px !important;
  margin:0 !important;
  color:#596168 !important;
  font-size:13.5px !important;
  line-height:1.68 !important;
}

/* ---------- article types: clean publisher strip ---------- */
.saer-scope-page .saer-article-types{
  margin:0 !important;
  padding:28px 0 20px !important;
}

.saer-scope-page .saer-article-types .saer-section-heading{
  margin-bottom:15px !important;
}

.saer-scope-page .saer-type-list{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  border-top:1px solid #E2DBD1 !important;
  border-bottom:1px solid #E2DBD1 !important;
}

.saer-scope-page .saer-type-list li{
  position:relative !important;
  flex:1 1 170px !important;
  margin:0 !important;
  padding:12px 18px 12px 0 !important;
  color:#505960 !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  list-style:none !important;
  border:0 !important;
  background:transparent !important;
}

.saer-scope-page .saer-type-list li:not(:last-child)::after{
  content:"" !important;
  position:absolute !important;
  right:10px !important;
  top:10px !important;
  bottom:10px !important;
  width:1px !important;
  background:#D9D0C4 !important;
}

.saer-scope-page .saer-type-list li::before,
.saer-scope-page .saer-type-list li::marker{
  content:none !important;
  display:none !important;
}

/* ---------- final note as a real footnote ---------- */
.saer-scope-page .saer-scope-note{
  position:relative !important;
  margin:0 !important;
  padding:0 0 0 28px !important;
  background:transparent !important;
  border:0 !important;
}

.saer-scope-page .saer-scope-note::before{
  content:"i" !important;
  position:absolute !important;
  left:0 !important;
  top:1px !important;
  width:16px !important;
  height:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #B7A184 !important;
  border-radius:50% !important;
  color:#9F896F !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:10px !important;
  font-style:italic !important;
}

.saer-scope-page .saer-scope-note > strong{
  display:none !important;
}

.saer-scope-page .saer-scope-note p{
  max-width:900px !important;
  margin:0 !important;
  color:#777F85 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:12px !important;
  line-height:1.55 !important;
  font-style:italic !important;
}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .saer-scope-page .saer-page-intro{
    padding-right:225px !important;
  }

  .saer-scope-page .saer-page-intro::after{
    right:0 !important;
    font-size:190px !important;
  }

  .saer-scope-page .saer-scope-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .saer-scope-page .saer-scope-card:nth-child(4n){
    border-right:1px solid #E2DBD1 !important;
  }

  .saer-scope-page .saer-scope-card:nth-child(2n){
    border-right:0 !important;
  }

  .saer-scope-page .saer-scope-card:nth-last-child(-n+4){
    border-bottom:1px solid #E2DBD1 !important;
  }

  .saer-scope-page .saer-scope-card:nth-last-child(-n+2){
    border-bottom:0 !important;
  }
}

@media (max-width:760px){
  .saer-scope-page .saer-page-intro{
    min-height:0 !important;
    padding:18px 0 28px !important;
  }

  .saer-scope-page .saer-page-intro::after{
    display:none !important;
  }

  .saer-scope-page .saer-page-intro::before{
    font-size:8.5px !important;
    line-height:1.55 !important;
  }

  .saer-scope-page .saer-mission-vision{
    grid-template-columns:1fr !important;
    padding:22px 0 24px !important;
  }

  .saer-scope-page .saer-mv-card,
  .saer-scope-page .saer-mv-card + .saer-mv-card{
    padding:0 !important;
    border-left:0 !important;
  }

  .saer-scope-page .saer-mv-card + .saer-mv-card{
    margin-top:23px !important;
    padding-top:23px !important;
    border-top:1px solid #E2DBD1 !important;
  }

  .saer-scope-page .saer-interdisciplinary{
    display:block !important;
    padding:24px 0 24px 22px !important;
  }

  .saer-scope-page .saer-interdisciplinary::before{
    top:24px !important;
    bottom:24px !important;
  }

  .saer-scope-page .saer-interdisciplinary::after{
    display:block !important;
    margin-top:16px !important;
    padding:12px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid #E2DBD1 !important;
    font-size:16px !important;
  }
}

@media (max-width:520px){
  .saer-scope-page .saer-scope-grid{
    grid-template-columns:1fr !important;
  }

  .saer-scope-page .saer-scope-card,
  .saer-scope-page .saer-scope-card:nth-child(2n),
  .saer-scope-page .saer-scope-card:nth-child(4n),
  .saer-scope-page .saer-scope-card:nth-last-child(-n+4),
  .saer-scope-page .saer-scope-card:nth-last-child(-n+2){
    border-right:0 !important;
    border-bottom:1px solid #E2DBD1 !important;
  }

  .saer-scope-page .saer-scope-card:last-child{
    border-bottom:0 !important;
  }

  .saer-scope-page .saer-scope-card{
    min-height:0 !important;
    padding:18px 0 !important;
  }

  .saer-scope-page .saer-scope-card::before{
    margin-bottom:9px !important;
  }

  .saer-scope-page .saer-type-list{
    display:block !important;
  }

  .saer-scope-page .saer-type-list li{
    padding:10px 0 !important;
    border-bottom:1px solid #EEE8DF !important;
  }

  .saer-scope-page .saer-type-list li:last-child{
    border-bottom:0 !important;
  }

  .saer-scope-page .saer-type-list li::after{
    display:none !important;
  }
}

/* ============================================================
   SAER v35 — PUBLISHING MODEL
   Page-specific layer; preserves all previous styling
   ============================================================ */

body:has(.saer-publishing-model) .pkp_structure_content{
  max-width:1240px !important;
}

body:has(.saer-publishing-model) .pkp_structure_main{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  padding-right:0 !important;
}

body:has(.saer-publishing-model) .pkp_structure_sidebar{
  display:none !important;
}

body:has(.saer-publishing-model) .pkp_structure_main:after{
  display:none !important;
}

.saer-publishing-model{
  max-width:1040px;
  margin:0 auto 48px;
  color:#343A40;
}

.saer-publishing-model .saer-model-intro{
  position:relative;
  padding:8px 180px 26px 0;
  margin:0 0 26px;
  border-bottom:1px solid #D8D0C4;
}

.saer-publishing-model .saer-model-intro::after{
  content:"S";
  position:absolute;
  right:10px;
  top:-30px;
  color:rgba(183,161,132,.12);
  font-family:Georgia,"Times New Roman",serif;
  font-size:180px;
  line-height:1;
  font-weight:700;
  pointer-events:none;
}

.saer-publishing-model .saer-model-kicker{
  margin:0 0 10px;
  color:var(--saer-warm-dark);
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.saer-publishing-model .saer-model-lead{
  max-width:760px;
  margin:0 0 12px;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  line-height:1.5;
}

.saer-publishing-model .saer-model-intro p:last-child{
  max-width:820px;
  margin:0;
  color:#5D6469;
  font-size:14px;
  line-height:1.72;
}

.saer-publishing-model .saer-model-facts{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin:0 0 38px;
  padding:18px 0;
  border-top:1px solid #D8D0C4;
  border-bottom:1px solid #D8D0C4;
}

.saer-publishing-model .saer-model-fact{
  padding:0 20px;
  border-left:1px solid #DED6CB;
}

.saer-publishing-model .saer-model-fact:first-child{
  padding-left:0;
  border-left:0;
}

.saer-publishing-model .saer-model-fact:last-child{
  padding-right:0;
}

.saer-publishing-model .saer-model-fact span{
  display:block;
  margin-bottom:5px;
  color:#8F7658;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.saer-publishing-model .saer-model-fact strong{
  display:block;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.25;
}

.saer-publishing-model .saer-model-section{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:34px;
  padding:28px 0;
  border-bottom:1px solid #DED7CC;
}

.saer-publishing-model .saer-model-section:first-of-type{
  border-top:1px solid #DED7CC;
}

.saer-publishing-model .saer-model-section-heading{
  position:relative;
  padding-top:10px;
}

.saer-publishing-model .saer-model-section-heading::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:28px;
  height:2px;
  background:var(--saer-warm);
}

.saer-publishing-model .saer-model-section-heading span{
  display:block;
  margin-bottom:5px;
  color:#927A5E;
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.saer-publishing-model .saer-model-section-heading h2{
  margin:0;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  line-height:1.22;
}

.saer-publishing-model .saer-model-section-body p{
  margin:0 0 12px;
  color:#51585D;
  font-size:14px;
  line-height:1.72;
}

.saer-publishing-model .saer-model-section-body p:last-child{
  margin-bottom:0;
}

.saer-publishing-model .saer-quarter-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:16px 0 18px;
  border-top:1px solid #E0D8CD;
  border-bottom:1px solid #E0D8CD;
}

.saer-publishing-model .saer-quarter-list span{
  padding:10px 12px;
  text-align:center;
  border-left:1px solid #E0D8CD;
  color:#3E454A;
  font-size:12.5px;
  font-weight:600;
}

.saer-publishing-model .saer-quarter-list span:first-child{
  border-left:0;
}

.saer-publishing-model .saer-model-highlight{
  margin-top:18px;
  padding:18px 0 18px 20px;
  border-left:3px solid var(--saer-warm);
  color:#384046;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.55;
}

.saer-publishing-model .saer-model-links{
  display:flex;
  flex-wrap:wrap;
  gap:14px 22px;
  margin-top:12px;
}

.saer-publishing-model .saer-model-links a{
  position:relative;
  color:#31383D !important;
  font-size:12.5px;
  font-weight:600;
  text-decoration:none !important;
}

.saer-publishing-model .saer-model-links a::after{
  content:"→";
  margin-left:6px;
  color:var(--saer-warm-dark);
}

.saer-publishing-model .saer-model-links a:hover{
  color:var(--saer-warm-dark) !important;
}

.saer-publishing-model .saer-model-note{
  margin-top:30px;
  padding:16px 0 0;
  border-top:1px solid #D8D0C4;
  color:#6A7176;
  font-size:12.5px;
  line-height:1.62;
  font-style:italic;
}

body:has(.saer-publishing-model) .page > h1{
  margin-bottom:20px !important;
  color:var(--saer-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:34px !important;
  line-height:1.15 !important;
}

@media (max-width:900px){
  .saer-publishing-model .saer-model-intro{
    padding-right:120px;
  }

  .saer-publishing-model .saer-model-intro::after{
    font-size:130px;
    top:-8px;
  }

  .saer-publishing-model .saer-model-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .saer-publishing-model .saer-model-fact{
    padding:12px 16px;
    border-top:1px solid #E2DBD1;
  }

  .saer-publishing-model .saer-model-fact:nth-child(1),
  .saer-publishing-model .saer-model-fact:nth-child(2){
    border-top:0;
  }

  .saer-publishing-model .saer-model-fact:nth-child(odd){
    border-left:0;
    padding-left:0;
  }

  .saer-publishing-model .saer-model-section{
    grid-template-columns:1fr;
    gap:14px;
  }

  .saer-publishing-model .saer-quarter-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .saer-publishing-model .saer-quarter-list span:nth-child(3){
    border-left:0;
    border-top:1px solid #E0D8CD;
  }

  .saer-publishing-model .saer-quarter-list span:nth-child(4){
    border-top:1px solid #E0D8CD;
  }
}

@media (max-width:520px){
  body:has(.saer-publishing-model) .pkp_structure_content{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .saer-publishing-model .saer-model-intro{
    padding:4px 0 22px;
  }

  .saer-publishing-model .saer-model-intro::after{
    display:none;
  }

  .saer-publishing-model .saer-model-lead{
    font-size:18px;
  }

  .saer-publishing-model .saer-model-facts{
    grid-template-columns:1fr;
  }

  .saer-publishing-model .saer-model-fact,
  .saer-publishing-model .saer-model-fact:nth-child(odd){
    padding:10px 0;
    border-left:0;
    border-top:1px solid #E2DBD1;
  }

  .saer-publishing-model .saer-model-fact:first-child{
    border-top:0;
  }

  .saer-publishing-model .saer-model-section{
    padding:24px 0;
  }

  .saer-publishing-model .saer-model-section-heading h2{
    font-size:20px;
  }

  .saer-publishing-model .saer-quarter-list{
    grid-template-columns:1fr;
  }

  .saer-publishing-model .saer-quarter-list span,
  .saer-publishing-model .saer-quarter-list span:nth-child(3),
  .saer-publishing-model .saer-quarter-list span:nth-child(4){
    border-left:0;
    border-top:1px solid #E0D8CD;
  }

  .saer-publishing-model .saer-quarter-list span:first-child{
    border-top:0;
  }
}

/* ============================================================
   SAER v36 — PUBLICATION PROCESS
   Publisher-style process page only
   ============================================================ */

body:has(.saer-publication-process) .pkp_structure_content{
  max-width:1240px !important;
}

body:has(.saer-publication-process) .pkp_structure_main{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  padding-right:0 !important;
}

body:has(.saer-publication-process) .pkp_structure_sidebar{
  display:none !important;
}

body:has(.saer-publication-process) .pkp_structure_main:after{
  display:none !important;
}

.saer-publication-process{
  max-width:1040px;
  margin:0 auto 48px;
  color:#343A40;
}

/* Intro */
.saer-publication-process .saer-process-intro{
  position:relative;
  padding:5px 155px 28px 0;
  margin:0 0 8px;
  border-bottom:1px solid #D8D0C4;
  overflow:hidden;
}

.saer-publication-process .saer-process-intro::after{
  content:"07";
  position:absolute;
  right:0;
  top:-28px;
  color:rgba(183,161,132,.11);
  font-family:Georgia,"Times New Roman",serif;
  font-size:160px;
  line-height:1;
  font-weight:400;
  pointer-events:none;
}

.saer-publication-process .saer-process-kicker{
  margin:0 0 9px;
  color:var(--saer-warm-dark);
  font-size:10px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.saer-publication-process .saer-process-lead{
  max-width:780px;
  margin:0 0 12px;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  line-height:1.5;
}

.saer-publication-process .saer-process-intro > p:not(.saer-process-lead){
  max-width:790px;
  margin:0;
  color:#62696E;
  font-size:14px;
  line-height:1.7;
}

/* Process summary line */
.saer-publication-process .saer-process-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0 0 34px;
  padding:18px 0;
  border-bottom:1px solid #D8D0C4;
}

.saer-publication-process .saer-process-summary-item{
  padding:0 20px;
  border-left:1px solid #DDD5CA;
}

.saer-publication-process .saer-process-summary-item:first-child{
  border-left:0;
  padding-left:0;
}

.saer-publication-process .saer-process-summary-item span{
  display:block;
  margin-bottom:4px;
  color:#8D765A;
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.saer-publication-process .saer-process-summary-item strong{
  display:block;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1.3;
  font-weight:700;
}

/* Timeline */
.saer-publication-process .saer-process-flow{
  position:relative;
  margin:0 0 38px;
}

.saer-publication-process .saer-process-flow::before{
  content:"";
  position:absolute;
  left:23px;
  top:13px;
  bottom:15px;
  width:1px;
  background:#D6CCBF;
}

.saer-publication-process .saer-process-step{
  position:relative;
  display:grid;
  grid-template-columns:74px 250px minmax(0,1fr);
  column-gap:24px;
  padding:0 0 34px;
}

.saer-publication-process .saer-process-step:last-child{
  padding-bottom:0;
}

.saer-publication-process .saer-step-number{
  position:relative;
  z-index:2;
  display:flex;
  width:46px;
  height:46px;
  align-items:center;
  justify-content:center;
  background:var(--saer-paper);
  border:1px solid #BDA98D;
  border-radius:50%;
  color:#8D765A;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}

.saer-publication-process .saer-step-heading{
  padding-top:2px;
}

.saer-publication-process .saer-step-heading .saer-step-label{
  display:block;
  margin:0 0 6px;
  color:#9F896F;
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.saer-publication-process .saer-step-heading h2{
  margin:0;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  line-height:1.25;
  font-weight:700;
}

.saer-publication-process .saer-step-body{
  padding:2px 0 30px;
  border-bottom:1px solid #E0D9CF;
}

.saer-publication-process .saer-process-step:last-child .saer-step-body{
  border-bottom:0;
  padding-bottom:0;
}

.saer-publication-process .saer-step-body p{
  margin:0 0 10px;
  color:#5D6469;
  font-size:13.5px;
  line-height:1.68;
}

.saer-publication-process .saer-step-body p:last-child{
  margin-bottom:0;
}

.saer-publication-process .saer-step-body strong{
  color:#2A3034;
}

/* Inline detail row */
.saer-publication-process .saer-step-meta{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin-top:14px;
}

.saer-publication-process .saer-step-meta span{
  position:relative;
  padding:0 13px;
  color:#6A7176;
  font-size:12px;
  line-height:1.4;
}

.saer-publication-process .saer-step-meta span:first-child{
  padding-left:0;
}

.saer-publication-process .saer-step-meta span + span::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  bottom:2px;
  width:1px;
  background:#D8D0C4;
}

/* Closing statement */
.saer-publication-process .saer-process-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:46px;
  align-items:center;
  margin-top:42px;
  padding:26px 0 0;
  border-top:1px solid #CFC5B8;
}

.saer-publication-process .saer-process-closing h2{
  margin:0 0 8px;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  line-height:1.2;
}

.saer-publication-process .saer-process-closing p{
  margin:0;
  color:#62696E;
  font-size:13.5px;
  line-height:1.66;
}

.saer-publication-process .saer-process-closing-quote{
  padding-left:22px;
  border-left:2px solid var(--saer-warm);
  color:#9F896F;
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1.45;
  font-style:italic;
}

body:has(.saer-publication-process) .page > h1{
  margin-bottom:20px !important;
  color:var(--saer-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:34px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
}

@media (max-width:900px){
  .saer-publication-process .saer-process-intro{
    padding-right:105px;
  }

  .saer-publication-process .saer-process-intro::after{
    font-size:120px;
    top:-12px;
  }

  .saer-publication-process .saer-process-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .saer-publication-process .saer-process-summary-item{
    padding:10px 16px;
    border-top:1px solid #E0D9CF;
  }

  .saer-publication-process .saer-process-summary-item:nth-child(1),
  .saer-publication-process .saer-process-summary-item:nth-child(2){
    border-top:0;
  }

  .saer-publication-process .saer-process-summary-item:nth-child(odd){
    border-left:0;
    padding-left:0;
  }

  .saer-publication-process .saer-process-step{
    grid-template-columns:64px 210px minmax(0,1fr);
    column-gap:18px;
  }

  .saer-publication-process .saer-process-closing{
    grid-template-columns:1fr;
    gap:20px;
  }
}

@media (max-width:680px){
  .saer-publication-process .saer-process-intro{
    padding:4px 0 22px;
  }

  .saer-publication-process .saer-process-intro::after{
    display:none;
  }

  .saer-publication-process .saer-process-lead{
    font-size:18px;
  }

  .saer-publication-process .saer-process-flow::before{
    left:20px;
  }

  .saer-publication-process .saer-process-step{
    grid-template-columns:50px minmax(0,1fr);
    column-gap:14px;
    padding-bottom:28px;
  }

  .saer-publication-process .saer-step-number{
    width:40px;
    height:40px;
  }

  .saer-publication-process .saer-step-heading,
  .saer-publication-process .saer-step-body{
    grid-column:2;
  }

  .saer-publication-process .saer-step-heading{
    margin-bottom:10px;
  }

  .saer-publication-process .saer-step-heading h2{
    font-size:19px;
  }

  .saer-publication-process .saer-step-body{
    padding-bottom:24px;
  }
}

@media (max-width:520px){
  body:has(.saer-publication-process) .pkp_structure_content{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .saer-publication-process .saer-process-summary{
    grid-template-columns:1fr;
  }

  .saer-publication-process .saer-process-summary-item,
  .saer-publication-process .saer-process-summary-item:nth-child(odd){
    padding:9px 0;
    border-left:0;
    border-top:1px solid #E0D9CF;
  }

  .saer-publication-process .saer-process-summary-item:first-child{
    border-top:0;
  }

  .saer-publication-process .saer-step-body p{
    font-size:13px;
  }

  .saer-publication-process .saer-step-meta{
    display:block;
  }

  .saer-publication-process .saer-step-meta span{
    display:block;
    padding:3px 0;
  }

  .saer-publication-process .saer-step-meta span + span::before{
    display:none;
  }

  .saer-publication-process .saer-process-closing{
    margin-top:32px;
  }
}

/* ============================================================
   SAER v37 — AUTHOR GUIDELINES
   Publisher-style author guidance page; scoped only to .saer-author-guide
   ============================================================ */

body:has(.saer-author-guide) .pkp_structure_content{
  max-width:1240px !important;
}

body:has(.saer-author-guide) .pkp_structure_main{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  padding-right:0 !important;
}

body:has(.saer-author-guide) .pkp_structure_sidebar{
  display:none !important;
}

body:has(.saer-author-guide) .pkp_structure_main:after{
  display:none !important;
}

.saer-author-guide{
  max-width:1040px;
  margin:0 auto 48px;
  color:#343A40;
}

.saer-author-guide .saer-author-intro{
  position:relative;
  margin:0 0 28px;
  padding:0 0 24px;
  border-bottom:1px solid var(--saer-line);
}

.saer-author-guide .saer-author-kicker{
  margin:0 0 8px;
  color:var(--saer-warm-dark);
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.saer-author-guide .saer-author-lead{
  max-width:900px;
  margin:0 0 12px;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  line-height:1.48;
}

.saer-author-guide .saer-author-intro p:last-child{
  max-width:900px;
  margin:0;
  color:#5F666B;
  font-size:14px;
  line-height:1.7;
}

.saer-author-guide .saer-author-essential{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0 0 38px;
  border-top:1px solid var(--saer-line);
  border-bottom:1px solid var(--saer-line);
}

.saer-author-guide .saer-author-essential > div{
  padding:16px 18px 15px;
  border-left:1px solid var(--saer-line);
}

.saer-author-guide .saer-author-essential > div:first-child{
  border-left:0;
}

.saer-author-guide .saer-author-essential span{
  display:block;
  margin-bottom:4px;
  color:#8D765A;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.saer-author-guide .saer-author-essential strong{
  display:block;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  line-height:1.35;
}

.saer-author-guide .saer-author-section{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  column-gap:42px;
  padding:27px 0;
  border-top:1px solid #E5DED4;
}

.saer-author-guide .saer-author-section:first-of-type{
  border-top:0;
}

.saer-author-guide .saer-author-section-heading .saer-author-number{
  display:block;
  margin:0 0 6px;
  color:#9F896F;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
}

.saer-author-guide .saer-author-section-heading h2{
  margin:0;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  line-height:1.25;
}

.saer-author-guide .saer-author-section-body p{
  margin:0 0 11px;
  color:#555D62;
  font-size:13.8px;
  line-height:1.7;
}

.saer-author-guide .saer-author-section-body p:last-child{
  margin-bottom:0;
}

.saer-author-guide .saer-author-list{
  margin:10px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 24px;
}

.saer-author-guide .saer-author-list li{
  position:relative;
  margin:0 !important;
  padding:0 0 0 14px !important;
  color:#4F565B;
  font-size:13px;
  line-height:1.5;
}

.saer-author-guide .saer-author-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:5px;
  height:1px;
  background:#B7A184;
}

.saer-author-guide .saer-author-links{
  margin-top:11px;
  border-top:1px solid #E7E0D6;
}

.saer-author-guide .saer-author-links a{
  position:relative;
  display:block;
  padding:10px 26px 10px 0;
  border-bottom:1px solid #E7E0D6;
  color:#2F3539 !important;
  font-size:13px;
  font-weight:600;
  line-height:1.45;
  text-decoration:none !important;
}

.saer-author-guide .saer-author-links a::after{
  content:"→";
  position:absolute;
  right:2px;
  color:#9F896F;
}

.saer-author-guide .saer-author-links a:hover,
.saer-author-guide .saer-author-links a:focus{
  color:#8E7659 !important;
}

.saer-author-guide .saer-author-checklist{
  margin-top:34px;
  padding:26px 0 0;
  border-top:2px solid var(--saer-warm);
}

.saer-author-guide .saer-author-checklist h2{
  margin:0 0 15px;
  color:var(--saer-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:26px;
}

.saer-author-guide .saer-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 28px;
}

.saer-author-guide .saer-check-item{
  position:relative;
  padding:8px 0 8px 22px;
  border-bottom:1px solid #ECE6DD;
  color:#4F565B;
  font-size:13px;
  line-height:1.5;
}

.saer-author-guide .saer-check-item::before{
  content:"✓";
  position:absolute;
  left:0;
  top:8px;
  color:#9F896F;
  font-weight:700;
}

.saer-author-guide .saer-author-cta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
  margin-top:34px;
  padding:24px 0;
  border-top:1px solid var(--saer-line);
  border-bottom:1px solid var(--saer-line);
}

.saer-author-guide .saer-author-cta h2{
  margin:0 0 5px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  color:var(--saer-ink);
}

.saer-author-guide .saer-author-cta p{
  margin:0;
  color:#62696E;
  font-size:13px;
}

.saer-author-guide .saer-author-cta a{
  display:inline-block;
  padding:10px 16px;
  background:var(--saer-ink);
  color:#fff !important;
  font-size:12.5px;
  font-weight:700;
  text-decoration:none !important;
}

.saer-author-guide .saer-author-cta a:hover{
  background:var(--saer-warm-dark);
}

@media(max-width:820px){
  .saer-author-guide .saer-author-essential{
    grid-template-columns:1fr 1fr;
  }
  .saer-author-guide .saer-author-essential > div:nth-child(3){
    border-left:0;
    border-top:1px solid var(--saer-line);
  }
  .saer-author-guide .saer-author-essential > div:nth-child(4){
    border-top:1px solid var(--saer-line);
  }
  .saer-author-guide .saer-author-section{
    grid-template-columns:1fr;
    gap:10px;
  }
}

@media(max-width:520px){
  body:has(.saer-author-guide) .pkp_structure_content{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .saer-author-guide .saer-author-lead{
    font-size:18px;
  }
  .saer-author-guide .saer-author-essential{
    grid-template-columns:1fr;
  }
  .saer-author-guide .saer-author-essential > div{
    border-left:0 !important;
    border-top:1px solid var(--saer-line);
  }
  .saer-author-guide .saer-author-essential > div:first-child{
    border-top:0;
  }
  .saer-author-guide .saer-author-list,
  .saer-author-guide .saer-check-grid{
    grid-template-columns:1fr;
  }
  .saer-author-guide .saer-author-cta{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   SAER Journal — v38
   International Publisher Field Pages
   Applies to all .saer-field-page pages only
   ========================================================= */

body:has(.saer-field-page) .pkp_structure_content,
body:has(.saer-field-page) .pkp_structure_main {
  width: 100% !important;
  max-width: none !important;
}

body:has(.saer-field-page) .pkp_structure_main {
  float: none !important;
  padding-right: 0 !important;
}

body:has(.saer-field-page) .pkp_structure_sidebar,
body:has(.saer-field-page) .pkp_structure_main:after {
  display: none !important;
}

body:has(.saer-field-page) .page.page_static > h1,
body:has(.saer-field-page) .page.page_static > .cmp_breadcrumbs,
body:has(.saer-field-page) .page.page_static > .breadcrumbs,
body:has(.saer-field-page) .page.page_static .cmp_breadcrumbs {
  display: none !important;
}

.saer-field-page {
  --field-ink: #24292d;
  --field-muted: #6b7175;
  --field-line: #ddd8cf;
  --field-accent: #a68e70;
  --field-soft: #f8f6f1;
  --field-deep: #2e3439;
  width: min(1120px, calc(100% - 48px));
  margin: 44px auto 88px;
  color: var(--field-ink);
  font-family: inherit;
}

.saer-field-page * {
  box-sizing: border-box;
}

.saer-field-intro {
  position: relative;
  max-width: 960px;
  padding: 18px 0 40px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--field-line);
}

.saer-field-intro:after {
  content: "S";
  position: absolute;
  right: -18px;
  top: -42px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(130px, 18vw, 230px);
  line-height: .8;
  font-weight: 700;
  color: rgba(166,142,112,.055);
  pointer-events: none;
  user-select: none;
}

.saer-field-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--field-accent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.saer-field-kicker:before {
  content: "";
  width: 34px;
  height: 1px;
  background: var(--field-accent);
}

.saer-field-lead {
  max-width: 900px;
  margin: 0 0 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(25px, 3vw, 38px);
  line-height: 1.24;
  letter-spacing: -.02em;
  color: var(--field-deep);
}

.saer-field-lead strong {
  font-weight: 700;
}

.saer-field-intro > p:not(.saer-field-lead) {
  max-width: 850px;
  margin: 0;
  color: var(--field-muted);
  font-size: 16px;
  line-height: 1.85;
}

.saer-field-section {
  display: grid;
  grid-template-columns: 255px minmax(0, 1fr);
  gap: 62px;
  padding: 42px 0;
  margin: 0;
  border-bottom: 1px solid var(--field-line);
}

.saer-field-section-heading {
  position: relative;
  padding-top: 2px;
}

.saer-field-section-heading > span {
  display: block;
  margin-bottom: 11px;
  color: var(--field-accent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
}

.saer-field-section-heading h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  color: var(--field-deep);
  font-size: 24px;
  line-height: 1.22;
  letter-spacing: -.015em;
  font-weight: 700;
}

.saer-field-section-body {
  min-width: 0;
}

.saer-field-section-body p {
  margin: 0 0 18px;
  color: #4f565a;
  font-size: 15.5px;
  line-height: 1.82;
}

.saer-field-section-body p:last-child {
  margin-bottom: 0;
}

.saer-field-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 34px;
  row-gap: 0;
  margin: 22px 0 4px !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 1px solid var(--field-line);
}

.saer-field-list li {
  position: relative;
  margin: 0 !important;
  padding: 12px 8px 12px 20px !important;
  border-bottom: 1px solid #ece8e1;
  color: #353b3f;
  font-size: 14.5px;
  line-height: 1.45;
}

.saer-field-list li:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 19px;
  width: 6px;
  height: 6px;
  border: 1px solid var(--field-accent);
  transform: rotate(45deg);
}

.saer-field-section:nth-of-type(even) .saer-field-section-heading:after {
  content: "";
  display: block;
  width: 46px;
  height: 1px;
  margin-top: 18px;
  background: var(--field-accent);
  opacity: .65;
}

.saer-field-footer-note {
  position: relative;
  margin-top: 44px;
  padding: 22px 0 0 24px;
  max-width: 920px;
  border-top: 1px solid var(--field-line);
  color: #676d71;
  font-size: 14.5px;
  line-height: 1.75;
}

.saer-field-footer-note:before {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  width: 3px;
  height: 44px;
  background: var(--field-accent);
}

.saer-field-footer-note strong {
  color: var(--field-deep);
}

.saer-field-page a {
  color: inherit;
}

@media (max-width: 900px) {
  .saer-field-page {
    width: min(100% - 32px, 1120px);
    margin-top: 28px;
  }

  .saer-field-intro:after {
    right: 0;
    top: -10px;
    font-size: 140px;
  }

  .saer-field-section {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 34px 0;
  }

  .saer-field-section-heading {
    max-width: 620px;
  }

  .saer-field-section-heading h2 {
    font-size: 22px;
  }
}

@media (max-width: 640px) {
  .saer-field-page {
    width: min(100% - 24px, 1120px);
    margin-bottom: 64px;
  }

  .saer-field-intro {
    padding-top: 8px;
    padding-bottom: 28px;
  }

  .saer-field-kicker {
    font-size: 10px;
    letter-spacing: .12em;
  }

  .saer-field-lead {
    font-size: 25px;
    line-height: 1.3;
  }

  .saer-field-intro > p:not(.saer-field-lead),
  .saer-field-section-body p {
    font-size: 15px;
    line-height: 1.75;
  }

  .saer-field-list {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .saer-field-section {
    padding: 28px 0;
  }

  .saer-field-intro:after {
    font-size: 110px;
    top: 4px;
    right: 2px;
  }
}

/* =========================================================
   SAER Journal — v39
   Field Pages Mobile Refinement
   Keeps v38 desktop design intact; improves mobile density,
   hierarchy, duplicate title handling, and menu icon rendering.
   ========================================================= */

/* More robust duplicate OJS title removal on field pages */
body:has(.saer-field-page) .pkp_structure_main .page > h1,
body:has(.saer-field-page) .pkp_structure_main .page > header > h1 {
  display: none !important;
}

/* Fix mojibake hamburger icon without relying on a glyph */
@media (max-width: 991px) {
  .pkp_site_nav_toggle::before {
    content: "" !important;
    width: 20px !important;
    height: 14px !important;
    display: block !important;
    background:
      linear-gradient(currentColor,currentColor) 0 0 / 100% 2px no-repeat,
      linear-gradient(currentColor,currentColor) 0 6px / 100% 2px no-repeat,
      linear-gradient(currentColor,currentColor) 0 12px / 100% 2px no-repeat !important;
    color: var(--saer-ink) !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
}

@media (max-width: 640px) {

  body:has(.saer-field-page) .pkp_structure_content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body:has(.saer-field-page) .pkp_structure_main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .saer-field-page {
    width: calc(100% - 40px) !important;
    margin: 18px auto 52px !important;
  }

  .saer-field-intro {
    max-width: none !important;
    padding: 4px 0 24px !important;
    margin-bottom: 0 !important;
  }

  .saer-field-intro:after {
    font-size: 76px !important;
    top: 18px !important;
    right: -2px !important;
    color: rgba(166,142,112,.04) !important;
  }

  .saer-field-kicker {
    gap: 8px !important;
    margin-bottom: 12px !important;
    font-size: 9px !important;
    line-height: 1.45 !important;
    letter-spacing: .13em !important;
  }

  .saer-field-kicker:before {
    width: 24px !important;
  }

  .saer-field-lead {
    max-width: none !important;
    margin: 0 0 14px !important;
    font-size: 20px !important;
    line-height: 1.42 !important;
    letter-spacing: -.012em !important;
  }

  .saer-field-lead strong {
    font-weight: 700 !important;
  }

  .saer-field-intro > p:not(.saer-field-lead) {
    max-width: none !important;
    font-size: 14.5px !important;
    line-height: 1.68 !important;
  }

  .saer-field-section {
    display: block !important;
    padding: 24px 0 !important;
    border-bottom: 1px solid var(--field-line) !important;
  }

  .saer-field-section-heading {
    max-width: none !important;
    margin: 0 0 14px !important;
    padding-top: 0 !important;
  }

  .saer-field-section-heading > span {
    margin-bottom: 5px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
  }

  .saer-field-section-heading h2 {
    margin: 0 !important;
    font-size: 21px !important;
    line-height: 1.24 !important;
    letter-spacing: -.012em !important;
  }

  .saer-field-section:nth-of-type(even) .saer-field-section-heading:after {
    width: 30px !important;
    margin-top: 10px !important;
  }

  .saer-field-section-body p {
    margin: 0 0 13px !important;
    font-size: 14.5px !important;
    line-height: 1.68 !important;
  }

  .saer-field-list {
    display: block !important;
    margin: 14px 0 2px !important;
    border-top: 1px solid var(--field-line) !important;
  }

  .saer-field-list li {
    min-height: 0 !important;
    padding: 10px 2px 10px 18px !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  .saer-field-list li:before {
    left: 1px !important;
    top: 17px !important;
    width: 5px !important;
    height: 5px !important;
  }

  .saer-field-footer-note {
    margin-top: 28px !important;
    padding: 16px 0 0 17px !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
  }

  .saer-field-footer-note:before {
    top: 17px !important;
    width: 2px !important;
    height: 34px !important;
  }
}

@media (max-width: 390px) {
  .saer-field-page {
    width: calc(100% - 32px) !important;
  }

  .saer-field-lead {
    font-size: 19px !important;
  }

  .saer-field-section-heading h2 {
    font-size: 20px !important;
  }

  .saer-field-intro > p:not(.saer-field-lead),
  .saer-field-section-body p {
    font-size: 14px !important;
  }

  .saer-field-list li {
    font-size: 13.75px !important;
  }
}

/* =========================================================
   SAER Journal — v40
   Field Pages Editorial Refinement
   Cleaner international publisher composition, no cards
   ========================================================= */

@media (min-width: 901px) {
  body:has(.saer-field-page) .pkp_structure_content {
    padding-top: 18px !important;
  }

  .saer-field-page {
    width: min(1080px, calc(100% - 72px)) !important;
    margin: 28px auto 78px !important;
  }

  .saer-field-intro {
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr) !important;
    column-gap: 68px !important;
    row-gap: 14px !important;
    max-width: none !important;
    padding: 30px 0 42px !important;
    margin: 0 0 6px !important;
    border-top: 1px solid var(--field-line) !important;
    border-bottom: 1px solid var(--field-line) !important;
  }

  .saer-field-kicker {
    grid-column: 1 / -1 !important;
    margin: 0 0 6px !important;
    font-size: 10.5px !important;
    letter-spacing: .15em !important;
  }

  .saer-field-lead {
    grid-column: 1 !important;
    max-width: 680px !important;
    margin: 0 !important;
    font-size: 29px !important;
    line-height: 1.26 !important;
    letter-spacing: -.018em !important;
  }

  .saer-field-intro > p:not(.saer-field-lead) {
    grid-column: 2 !important;
    align-self: end !important;
    max-width: 360px !important;
    margin: 0 0 2px !important;
    padding-left: 24px !important;
    border-left: 1px solid var(--field-line) !important;
    color: #62686d !important;
    font-size: 14.5px !important;
    line-height: 1.75 !important;
  }

  .saer-field-intro:after {
    right: 10px !important;
    top: -6px !important;
    font-size: 165px !important;
    color: rgba(166,142,112,.04) !important;
    z-index: 0 !important;
  }

  .saer-field-intro > * {
    position: relative !important;
    z-index: 1 !important;
  }

  .saer-field-section {
    grid-template-columns: 215px minmax(0, 1fr) !important;
    gap: 46px !important;
    padding: 34px 0 !important;
  }

  .saer-field-section-heading > span {
    margin-bottom: 8px !important;
    font-size: 10px !important;
    letter-spacing: .15em !important;
  }

  .saer-field-section-heading h2 {
    font-size: 21px !important;
    line-height: 1.24 !important;
  }

  .saer-field-section-body p {
    max-width: 760px !important;
    margin-bottom: 15px !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
  }

  .saer-field-list {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    column-gap: 30px !important;
    margin-top: 18px !important;
  }

  .saer-field-list li {
    padding: 9px 6px 9px 18px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .saer-field-list li:before {
    top: 15px !important;
    width: 5px !important;
    height: 5px !important;
  }

  .saer-field-section:nth-of-type(even) .saer-field-section-heading:after {
    width: 34px !important;
    margin-top: 13px !important;
  }

  .saer-field-footer-note {
    max-width: 820px !important;
    margin-top: 34px !important;
    padding: 18px 0 0 20px !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
  }
}

@media (max-width: 900px) {
  .saer-field-page {
    width: calc(100% - 36px) !important;
    margin: 20px auto 54px !important;
  }

  .saer-field-intro {
    padding: 16px 0 26px !important;
    margin-bottom: 0 !important;
  }

  .saer-field-kicker {
    margin-bottom: 12px !important;
  }

  .saer-field-lead {
    font-size: 21px !important;
    line-height: 1.38 !important;
  }

  .saer-field-intro > p:not(.saer-field-lead) {
    font-size: 14.25px !important;
    line-height: 1.66 !important;
  }

  .saer-field-intro:after {
    font-size: 86px !important;
    right: 0 !important;
    top: 6px !important;
    opacity: .65 !important;
  }

  .saer-field-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 24px 0 !important;
  }

  .saer-field-section-heading {
    margin-bottom: 0 !important;
  }

  .saer-field-section-heading h2 {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  .saer-field-section-body p {
    font-size: 14.25px !important;
    line-height: 1.64 !important;
  }

  .saer-field-list {
    margin-top: 12px !important;
  }

  .saer-field-list li {
    padding: 8px 2px 8px 17px !important;
    font-size: 13.8px !important;
    line-height: 1.38 !important;
  }

  .saer-field-list li:before {
    top: 13px !important;
  }

  .saer-field-footer-note {
    margin-top: 24px !important;
  }
}

/* =========================================================
   SAER Journal — v41
   Field Pages Breadcrumb / Top Spacing Fix
   ========================================================= */

/* OJS renders breadcrumbs outside the static-page content wrapper on some
   routes. Hide every breadcrumb variant only when a SAER field page exists. */
body:has(.saer-field-page) .cmp_breadcrumbs,
body:has(.saer-field-page) .breadcrumbs,
body:has(.saer-field-page) nav.cmp_breadcrumbs,
body:has(.saer-field-page) .pkp_structure_main > .cmp_breadcrumbs,
body:has(.saer-field-page) .pkp_structure_main > .breadcrumbs {
  display: none !important;
}

/* Remove the empty top band left behind by the native breadcrumb area. */
body:has(.saer-field-page) .pkp_structure_content {
  padding-top: 0 !important;
}

body:has(.saer-field-page) .pkp_structure_main {
  padding-top: 0 !important;
}

.saer-field-page {
  margin-top: 34px !important;
}

@media (max-width: 900px) {
  .saer-field-page {
    margin-top: 22px !important;
  }
}

@media (max-width: 640px) {
  .saer-field-page {
    margin-top: 18px !important;
  }
}


/* =========================================================
   SAER Journal — v42
   Professional Publisher Redesign for Field Pages
   Refines all .saer-field-page pages only
   ========================================================= */

body:has(.saer-field-page) .pkp_structure_content{
  max-width:1240px !important;
  padding-top:0 !important;
}

body:has(.saer-field-page) .page.page_static{
  margin:0 !important;
  padding:0 !important;
}

.saer-field-page{
  --field-ink:#1f2529;
  --field-muted:#5f676d;
  --field-line:#ddd8cf;
  --field-accent:#b09a7b;
  --field-accent-dark:#8f7759;
  --field-soft:#f8f6f1;
  --field-soft-2:#f3efe8;
  --field-deep:#252b30;
  width:min(1180px,calc(100% - 56px)) !important;
  margin:34px auto 80px !important;
}

.saer-field-intro{
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr) !important;
  gap:56px !important;
  align-items:end !important;
  max-width:none !important;
  margin:0 0 24px !important;
  padding:48px 0 44px !important;
  border-top:1px solid var(--field-line) !important;
  border-bottom:1px solid var(--field-line) !important;
  overflow:hidden;
}

.saer-field-intro::before{
  content:"FIELD OF RESEARCH";
  position:absolute;
  left:0;
  top:14px;
  color:var(--field-accent-dark);
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.saer-field-kicker{
  grid-column:1 / -1;
  margin:0 0 2px !important;
  padding-top:0 !important;
  color:var(--field-accent-dark) !important;
  font-size:10.5px !important;
  letter-spacing:.15em !important;
}

.saer-field-kicker::before{
  width:26px !important;
  background:var(--field-accent) !important;
}

.saer-field-lead{
  grid-column:1;
  margin:0 !important;
  max-width:760px !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:31px !important;
  line-height:1.22 !important;
  letter-spacing:-.024em !important;
  color:var(--field-deep) !important;
}

.saer-field-intro > p:not(.saer-field-lead){
  grid-column:2;
  align-self:end;
  max-width:none !important;
  margin:0 !important;
  padding-left:26px !important;
  border-left:1px solid var(--field-line);
  color:#5f666b !important;
  font-size:14.5px !important;
  line-height:1.8 !important;
}

.saer-field-intro::after{
  content:"S" !important;
  right:8px !important;
  top:10px !important;
  font-size:190px !important;
  color:rgba(176,154,123,.055) !important;
}

.saer-field-section{
  display:grid !important;
  grid-template-columns:220px minmax(0,1fr) !important;
  gap:48px !important;
  padding:34px 0 !important;
  border-bottom:1px solid var(--field-line) !important;
}

.saer-field-section-heading{
  position:sticky;
  top:118px;
  align-self:start;
  padding-top:0 !important;
}

.saer-field-section-heading > span{
  margin:0 0 10px !important;
  color:var(--field-accent-dark) !important;
  font-size:11px !important;
  letter-spacing:.12em !important;
}

.saer-field-section-heading h2{
  margin:0 !important;
  max-width:190px;
  font-size:22px !important;
  line-height:1.18 !important;
  letter-spacing:-.015em !important;
}

.saer-field-section-heading::after{
  content:"" !important;
  display:block !important;
  width:34px !important;
  height:1px !important;
  margin-top:15px !important;
  background:var(--field-accent) !important;
  opacity:.8 !important;
}

.saer-field-section-body{
  min-width:0;
}

.saer-field-section-body p{
  max-width:860px;
  margin:0 0 16px !important;
  color:#525a60 !important;
  font-size:14.8px !important;
  line-height:1.78 !important;
}

.saer-field-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px 10px !important;
  margin:20px 0 4px !important;
  padding:0 !important;
  border:0 !important;
}

.saer-field-list li{
  position:relative;
  display:flex;
  align-items:center;
  min-height:42px;
  margin:0 !important;
  padding:10px 34px 10px 42px !important;
  border:1px solid #e5e0d8 !important;
  background:rgba(255,255,255,.35);
  color:#30363a !important;
  font-size:13.5px !important;
  line-height:1.35 !important;
  transition:border-color .16s ease,background-color .16s ease,transform .16s ease;
}

.saer-field-list li::before{
  left:16px !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  transform:translateY(-50%) rotate(45deg) !important;
  border-color:var(--field-accent) !important;
  background:transparent;
}

.saer-field-list li::after{
  content:"›";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:#aa9477;
  font-size:18px;
  line-height:1;
  opacity:.75;
}

.saer-field-list li:hover{
  border-color:#d6cbbd !important;
  background:#fbfaf7;
  transform:translateX(2px);
}

.saer-field-footer-note{
  max-width:920px !important;
  margin:36px 0 0 268px !important;
  padding:18px 0 0 20px !important;
  border-top:1px solid var(--field-line) !important;
  color:#697076 !important;
  font-size:13.5px !important;
  line-height:1.7 !important;
}

.saer-field-footer-note::before{
  top:19px !important;
  height:34px !important;
  width:2px !important;
}

@media (max-width:980px){
  .saer-field-page{
    width:min(100% - 36px,1180px) !important;
    margin-top:24px !important;
  }

  .saer-field-intro{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:42px 0 32px !important;
  }

  .saer-field-kicker,
  .saer-field-lead,
  .saer-field-intro > p:not(.saer-field-lead){
    grid-column:1 !important;
  }

  .saer-field-lead{
    max-width:780px !important;
    font-size:27px !important;
  }

  .saer-field-intro > p:not(.saer-field-lead){
    max-width:760px !important;
    padding-left:0 !important;
    border-left:0 !important;
  }

  .saer-field-intro::after{
    font-size:135px !important;
    top:8px !important;
  }

  .saer-field-section{
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:28px 0 !important;
  }

  .saer-field-section-heading{
    position:static !important;
  }

  .saer-field-section-heading h2{
    max-width:none !important;
    font-size:21px !important;
  }

  .saer-field-footer-note{
    margin-left:0 !important;
  }
}

@media (max-width:640px){
  body:has(.saer-field-page) .pkp_structure_content{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .saer-field-page{
    width:calc(100% - 30px) !important;
    margin:18px auto 48px !important;
  }

  .saer-field-intro{
    padding:36px 0 26px !important;
    margin-bottom:10px !important;
  }

  .saer-field-intro::before{
    top:10px;
    font-size:8.5px;
    letter-spacing:.15em;
  }

  .saer-field-kicker{
    font-size:9px !important;
    letter-spacing:.11em !important;
    margin-bottom:0 !important;
  }

  .saer-field-lead{
    font-size:20px !important;
    line-height:1.28 !important;
    letter-spacing:-.015em !important;
  }

  .saer-field-intro > p:not(.saer-field-lead){
    font-size:14px !important;
    line-height:1.68 !important;
  }

  .saer-field-intro::after{
    font-size:92px !important;
    right:-2px !important;
    top:18px !important;
  }

  .saer-field-section{
    padding:24px 0 !important;
  }

  .saer-field-section-heading > span{
    font-size:10px !important;
    margin-bottom:6px !important;
  }

  .saer-field-section-heading h2{
    font-size:20px !important;
    line-height:1.18 !important;
  }

  .saer-field-section-body p{
    font-size:14px !important;
    line-height:1.66 !important;
  }

  .saer-field-list{
    grid-template-columns:1fr !important;
    gap:6px !important;
    margin-top:16px !important;
  }

  .saer-field-list li{
    min-height:40px !important;
    padding:9px 30px 9px 38px !important;
    font-size:13.2px !important;
  }

  .saer-field-list li::before{
    left:14px !important;
  }

  .saer-field-list li::after{
    right:12px !important;
  }

  .saer-field-footer-note{
    margin-top:28px !important;
    padding-top:16px !important;
    font-size:13px !important;
  }
}

/* Fix corrupted mobile menu glyph from earlier layers */
@media (max-width:991px){
  .pkp_site_nav_toggle::before{
    content:"" !important;
    width:18px !important;
    height:12px !important;
    display:block !important;
    background:
      linear-gradient(var(--saer-ink),var(--saer-ink)) 0 0/100% 2px no-repeat,
      linear-gradient(var(--saer-ink),var(--saer-ink)) 0 50%/100% 2px no-repeat,
      linear-gradient(var(--saer-ink),var(--saer-ink)) 0 100%/100% 2px no-repeat !important;
  }
}

/* ============================================================
   SAER v43 — FIELD PAGES / TRUE PUBLISHER REDESIGN
   CSS-only redesign built on v42. Applies only to .saer-field-page.
   Direction: international academic publisher, editorial hero,
   structured scope index, restrained premium visual language.
   ============================================================ */

body:has(.saer-field-page){
  background:#F6F3ED !important;
}

body:has(.saer-field-page) .pkp_structure_content{
  max-width:none !important;
  padding-top:0 !important;
}

body:has(.saer-field-page) .pkp_structure_main{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body:has(.saer-field-page) .page.page_static > h1,
body:has(.saer-field-page) .cmp_breadcrumbs,
body:has(.saer-field-page) .breadcrumbs,
body:has(.saer-field-page) nav.cmp_breadcrumbs{
  display:none !important;
}

.saer-field-page{
  --fp-ink:#18252D;
  --fp-copy:#4C555B;
  --fp-muted:#737A7F;
  --fp-accent:#AE9370;
  --fp-accent-dark:#8D7456;
  --fp-line:#DDD6CB;
  --fp-paper:#FBFAF7;
  --fp-soft:#F1ECE3;
  width:min(1180px, calc(100% - 64px)) !important;
  margin:42px auto 90px !important;
  color:var(--fp-ink) !important;
}

/* ---------- HERO ---------- */
.saer-field-intro{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr) !important;
  column-gap:74px !important;
  align-items:end !important;
  max-width:none !important;
  min-height:330px !important;
  margin:0 0 0 !important;
  padding:54px 50px 50px !important;
  overflow:hidden !important;
  border:0 !important;
  border-top:1px solid var(--fp-line) !important;
  border-bottom:1px solid var(--fp-line) !important;
  background:
    radial-gradient(circle at 84% 44%, rgba(174,147,112,.14) 0 1px, transparent 1px 100%),
    linear-gradient(112deg, rgba(255,255,255,.68), rgba(247,244,238,.92)) !important;
}

.saer-field-intro::before{
  content:"" !important;
  position:absolute !important;
  right:54px !important;
  top:34px !important;
  width:210px !important;
  height:210px !important;
  border:1px solid rgba(174,147,112,.16) !important;
  border-radius:50% !important;
  box-shadow:
    -42px 34px 0 -1px rgba(174,147,112,.045),
    -84px 68px 0 -1px rgba(174,147,112,.028) !important;
  pointer-events:none !important;
}

.saer-field-intro::after{
  content:"S" !important;
  position:absolute !important;
  right:88px !important;
  top:48px !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:180px !important;
  line-height:.9 !important;
  font-weight:700 !important;
  color:rgba(174,147,112,.075) !important;
  pointer-events:none !important;
}

.saer-field-kicker{
  grid-column:1 / -1 !important;
  align-self:start !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 32px !important;
  color:var(--fp-accent-dark) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10.5px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:.19em !important;
  text-transform:uppercase !important;
}

.saer-field-kicker::before{
  content:"" !important;
  width:44px !important;
  height:1px !important;
  flex:0 0 44px !important;
  background:var(--fp-accent) !important;
}

.saer-field-lead{
  grid-column:1 !important;
  max-width:760px !important;
  margin:0 !important;
  padding-right:12px !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:30px !important;
  line-height:1.27 !important;
  letter-spacing:-.018em !important;
  color:var(--fp-ink) !important;
  text-wrap:balance !important;
}

.saer-field-lead strong{
  color:var(--fp-ink) !important;
  font-weight:700 !important;
}

.saer-field-intro > p:not(.saer-field-lead){
  grid-column:2 !important;
  max-width:360px !important;
  margin:0 !important;
  padding:3px 0 3px 24px !important;
  border-left:1px solid var(--fp-line) !important;
  color:#596269 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  line-height:1.78 !important;
}

/* ---------- SECTIONS ---------- */
.saer-field-section{
  position:relative !important;
  display:grid !important;
  grid-template-columns:235px minmax(0,1fr) !important;
  gap:56px !important;
  margin:0 !important;
  padding:50px 50px !important;
  border:0 !important;
  border-bottom:1px solid var(--fp-line) !important;
  background:rgba(255,255,255,.28) !important;
}

.saer-field-section:nth-of-type(even){
  background:rgba(248,246,241,.58) !important;
}

.saer-field-section-heading{
  position:relative !important;
  max-width:none !important;
  padding:0 8px 0 0 !important;
}

.saer-field-section-heading > span{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 12px !important;
  color:var(--fp-accent-dark) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
}

.saer-field-section-heading > span::after{
  content:"" !important;
  width:32px !important;
  height:1px !important;
  background:var(--fp-accent) !important;
}

.saer-field-section-heading h2{
  margin:0 !important;
  color:var(--fp-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:25px !important;
  line-height:1.16 !important;
  letter-spacing:-.012em !important;
  font-weight:700 !important;
}

.saer-field-section-heading::after{
  display:none !important;
}

.saer-field-section-body{
  min-width:0 !important;
}

.saer-field-section-body > p{
  max-width:820px !important;
  margin:0 0 20px !important;
  color:var(--fp-copy) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14.5px !important;
  line-height:1.76 !important;
}

/* ---------- SUBJECT / TOPIC LISTS ---------- */
.saer-field-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px 12px !important;
  margin:24px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  list-style:none !important;
}

.saer-field-list li{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-height:46px !important;
  margin:0 !important;
  padding:10px 34px 10px 42px !important;
  border:1px solid #E4DED4 !important;
  background:rgba(255,255,255,.72) !important;
  color:#313A40 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13.5px !important;
  line-height:1.35 !important;
  transition:border-color .18s ease, background .18s ease, transform .18s ease !important;
}

.saer-field-list li::before{
  content:"" !important;
  position:absolute !important;
  left:17px !important;
  top:50% !important;
  width:9px !important;
  height:9px !important;
  margin-top:-5px !important;
  border:1.5px solid var(--fp-accent) !important;
  border-radius:50% !important;
  transform:none !important;
  box-sizing:border-box !important;
}

.saer-field-list li::after{
  content:"›" !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  transform:translateY(-52%) !important;
  color:var(--fp-accent-dark) !important;
  font-size:17px !important;
  line-height:1 !important;
}

@media (hover:hover){
  .saer-field-list li:hover{
    border-color:#CDBEA9 !important;
    background:#fff !important;
    transform:translateY(-1px) !important;
  }
}

/* Sections without lists should read like editorial essays */
.saer-field-section:not(:has(.saer-field-list)) .saer-field-section-body{
  max-width:820px !important;
}

.saer-field-section:not(:has(.saer-field-list)) .saer-field-section-body p:first-child{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:18px !important;
  line-height:1.6 !important;
  color:#354149 !important;
}

/* ---------- FINAL NOTE ---------- */
.saer-field-footer-note{
  position:relative !important;
  max-width:none !important;
  margin:0 !important;
  padding:26px 50px 28px 84px !important;
  border:0 !important;
  border-bottom:1px solid var(--fp-line) !important;
  background:#EEE9E1 !important;
  color:#626A6F !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.65 !important;
}

.saer-field-footer-note::before{
  content:"i" !important;
  position:absolute !important;
  left:50px !important;
  top:26px !important;
  width:20px !important;
  height:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid var(--fp-accent) !important;
  border-radius:50% !important;
  background:transparent !important;
  color:var(--fp-accent-dark) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:13px !important;
  font-style:italic !important;
  line-height:1 !important;
}

.saer-field-footer-note strong{
  color:var(--fp-ink) !important;
}

/* ---------- TABLET ---------- */
@media (max-width:980px){
  .saer-field-page{
    width:min(100% - 36px,1180px) !important;
    margin-top:28px !important;
  }

  .saer-field-intro{
    grid-template-columns:1fr !important;
    min-height:0 !important;
    padding:42px 34px 38px !important;
  }

  .saer-field-lead,
  .saer-field-intro > p:not(.saer-field-lead){
    grid-column:1 !important;
  }

  .saer-field-lead{
    max-width:760px !important;
    font-size:28px !important;
  }

  .saer-field-intro > p:not(.saer-field-lead){
    max-width:680px !important;
    margin-top:24px !important;
    padding:18px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid var(--fp-line) !important;
  }

  .saer-field-section{
    grid-template-columns:200px minmax(0,1fr) !important;
    gap:34px !important;
    padding:42px 34px !important;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width:700px){
  body:has(.saer-field-page) .pkp_structure_content{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .saer-field-page{
    width:100% !important;
    margin:0 auto 46px !important;
  }

  .saer-field-intro{
    display:block !important;
    padding:30px 22px 28px !important;
    background:linear-gradient(135deg,#FBFAF7,#F4F0E9) !important;
  }

  .saer-field-intro::before{
    right:-36px !important;
    top:16px !important;
    width:150px !important;
    height:150px !important;
  }

  .saer-field-intro::after{
    right:4px !important;
    top:30px !important;
    font-size:108px !important;
  }

  .saer-field-kicker{
    margin-bottom:22px !important;
    font-size:8.5px !important;
    letter-spacing:.16em !important;
  }

  .saer-field-kicker::before{
    width:30px !important;
    flex-basis:30px !important;
  }

  .saer-field-lead{
    position:relative !important;
    z-index:1 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:21px !important;
    line-height:1.38 !important;
    letter-spacing:-.012em !important;
  }

  .saer-field-intro > p:not(.saer-field-lead){
    position:relative !important;
    z-index:1 !important;
    max-width:none !important;
    margin-top:19px !important;
    padding:17px 0 0 !important;
    border-top:1px solid rgba(174,147,112,.28) !important;
    font-size:13.5px !important;
    line-height:1.7 !important;
  }

  .saer-field-section{
    display:block !important;
    padding:30px 22px 32px !important;
    background:rgba(255,255,255,.22) !important;
  }

  .saer-field-section:nth-of-type(even){
    background:#F4F1EB !important;
  }

  .saer-field-section-heading{
    margin-bottom:20px !important;
    padding:0 !important;
  }

  .saer-field-section-heading > span{
    margin-bottom:10px !important;
    font-size:9px !important;
  }

  .saer-field-section-heading h2{
    max-width:320px !important;
    font-size:22px !important;
    line-height:1.16 !important;
  }

  .saer-field-section-body > p{
    margin-bottom:16px !important;
    font-size:13.5px !important;
    line-height:1.7 !important;
  }

  .saer-field-list{
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin-top:20px !important;
  }

  .saer-field-list li{
    min-height:43px !important;
    padding:9px 31px 9px 38px !important;
    font-size:13px !important;
    line-height:1.34 !important;
  }

  .saer-field-list li::before{
    left:15px !important;
    width:8px !important;
    height:8px !important;
    margin-top:-4px !important;
  }

  .saer-field-list li::after{
    right:12px !important;
    font-size:15px !important;
  }

  .saer-field-section:not(:has(.saer-field-list)) .saer-field-section-body p:first-child{
    font-size:16.5px !important;
    line-height:1.58 !important;
  }

  .saer-field-footer-note{
    padding:22px 22px 23px 54px !important;
    font-size:12.5px !important;
    line-height:1.6 !important;
  }

  .saer-field-footer-note::before{
    left:22px !important;
    top:22px !important;
    width:19px !important;
    height:19px !important;
  }

  /* Permanent encoding-safe mobile menu icon */
  .pkp_site_nav_toggle::before{
    content:"" !important;
    width:18px !important;
    height:12px !important;
    display:block !important;
    background:linear-gradient(
      to bottom,
      var(--saer-ink) 0 2px,
      transparent 2px 5px,
      var(--saer-ink) 5px 7px,
      transparent 7px 10px,
      var(--saer-ink) 10px 12px
    ) !important;
    font-size:0 !important;
  }
}

@media (max-width:390px){
  .saer-field-intro{
    padding-left:19px !important;
    padding-right:19px !important;
  }
  .saer-field-section{
    padding-left:19px !important;
    padding-right:19px !important;
  }
  .saer-field-lead{
    font-size:20px !important;
  }
  .saer-field-section-heading h2{
    font-size:21px !important;
  }
}

/* ============================================================
   SAER v44 — EDITORIAL PUBLISHER FIELD TEMPLATE
   New template classes: .saer-field-shell / .saer-field-hero
   Inspired by premium international academic publisher subject pages.
   Does not alter legacy field pages until their HTML uses this shell.
   ============================================================ */

body:has(.saer-field-shell) .pkp_structure_content,
body:has(.saer-field-shell) .pkp_structure_main{
  width:100% !important;
  max-width:none !important;
}
body:has(.saer-field-shell) .pkp_structure_main{
  float:none !important;
  padding-right:0 !important;
}
body:has(.saer-field-shell) .pkp_structure_sidebar,
body:has(.saer-field-shell) .pkp_structure_main:after,
body:has(.saer-field-shell) .page.page_static > h1,
body:has(.saer-field-shell) .page.page_static > .cmp_breadcrumbs,
body:has(.saer-field-shell) .page.page_static > .breadcrumbs,
body:has(.saer-field-shell) .page.page_static .cmp_breadcrumbs{
  display:none !important;
}
body:has(.saer-field-shell) .pkp_structure_content{
  padding-top:0 !important;
}

.saer-field-shell{
  --fsp-ink:#22282d;
  --fsp-text:#50585e;
  --fsp-muted:#7a8085;
  --fsp-line:#e3ddd3;
  --fsp-accent:#aa9272;
  --fsp-accent-dark:#8d7558;
  --fsp-paper:#f7f4ee;
  --fsp-white:#fff;
  width:min(1180px,calc(100% - 48px));
  margin:30px auto 70px;
  color:var(--fsp-text);
}
.saer-field-shell *{box-sizing:border-box;}

/* HERO */
.saer-field-hero{
  position:relative;
  min-height:350px;
  padding:54px 46px 44px;
  overflow:hidden;
  border-top:1px solid var(--fsp-line);
  border-bottom:1px solid var(--fsp-line);
  background:
    radial-gradient(circle at 82% 42%,rgba(170,146,114,.10),transparent 31%),
    linear-gradient(90deg,#fbfaf7 0%,#fbfaf7 62%,#f4f0e8 100%);
}
.saer-field-hero:before{
  content:"S";
  position:absolute;
  right:68px;
  top:10px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:280px;
  line-height:1;
  font-weight:700;
  color:rgba(170,146,114,.075);
  pointer-events:none;
}
.saer-field-hero:after{
  content:"";
  position:absolute;
  right:-70px;
  top:-95px;
  width:390px;
  height:390px;
  border:1px solid rgba(170,146,114,.16);
  border-radius:50%;
  box-shadow:-72px 105px 0 -70px rgba(170,146,114,.10),-120px 170px 0 -118px rgba(170,146,114,.09);
  pointer-events:none;
}
.saer-field-hero-inner{position:relative;z-index:2;max-width:760px;}
.saer-field-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
  color:var(--fsp-accent-dark);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.saer-field-eyebrow:after{content:"";width:72px;height:1px;background:var(--fsp-accent);}
.saer-field-hero h1{
  margin:0 0 20px !important;
  max-width:760px;
  color:var(--fsp-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:48px !important;
  line-height:1.05 !important;
  letter-spacing:-.028em !important;
  font-weight:700 !important;
}
.saer-field-hero-lead{
  max-width:760px;
  margin:0 !important;
  color:#4d555b !important;
  font-size:16px !important;
  line-height:1.78 !important;
}
.saer-field-hero-lead strong{color:var(--fsp-ink);font-weight:700;}

.saer-field-values{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:790px;
  margin-top:34px;
  border-top:1px solid rgba(170,146,114,.25);
}
.saer-field-value{
  position:relative;
  min-height:72px;
  padding:17px 22px 6px 36px;
  border-right:1px solid var(--fsp-line);
}
.saer-field-value:last-child{border-right:0;}
.saer-field-value:before{
  content:"";
  position:absolute;
  left:4px;
  top:25px;
  width:17px;
  height:17px;
  border:1.5px solid var(--fsp-accent);
  transform:rotate(45deg);
}
.saer-field-value span{display:block;color:var(--fsp-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;}
.saer-field-value strong{display:block;margin-top:4px;color:var(--fsp-ink);font-size:13.5px;line-height:1.35;font-weight:600;}

/* TABS */
.saer-field-tabs{
  display:flex;
  align-items:center;
  gap:34px;
  min-height:56px;
  padding:0 10px;
  border-bottom:1px solid var(--fsp-line);
  overflow-x:auto;
  scrollbar-width:none;
  background:rgba(255,255,255,.36);
}
.saer-field-tabs::-webkit-scrollbar{display:none;}
.saer-field-tabs a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:56px;
  white-space:nowrap;
  color:#6c7378 !important;
  font-size:12.5px;
  font-weight:600;
  text-decoration:none !important;
}
.saer-field-tabs a:first-child{color:var(--fsp-accent-dark) !important;}
.saer-field-tabs a:first-child:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:2px;background:var(--fsp-accent);
}

/* BODY LAYOUT */
.saer-field-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 285px;
  gap:48px;
  padding-top:36px;
}
.saer-field-main{min-width:0;}
.saer-field-section-pro{
  margin:0;
  padding:0 0 38px;
  border-bottom:1px solid var(--fsp-line);
}
.saer-field-section-pro + .saer-field-section-pro{padding-top:38px;}
.saer-field-section-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px;
}
.saer-field-section-no{
  flex:0 0 auto;
  padding-top:5px;
  color:var(--fsp-accent-dark);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}
.saer-field-section-no:after{content:"";display:inline-block;width:36px;height:1px;margin:0 0 3px 10px;background:var(--fsp-accent);}
.saer-field-section-head h2{
  margin:0 !important;
  color:var(--fsp-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:29px !important;
  line-height:1.18 !important;
  letter-spacing:-.02em !important;
}
.saer-field-section-pro > p,
.saer-field-section-copy p{
  margin:0 0 16px !important;
  color:#5b6267 !important;
  font-size:14.5px !important;
  line-height:1.78 !important;
}

/* DISCIPLINE ROW GRID */
.saer-field-discipline-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 10px;
  margin-top:22px;
}
.saer-field-discipline{
  position:relative;
  display:flex;
  align-items:center;
  min-height:50px;
  padding:11px 34px 11px 42px;
  background:rgba(255,255,255,.58);
  border:1px solid #e9e4dc;
  color:#3d454a;
  font-size:13px;
  line-height:1.35;
}
.saer-field-discipline:before{
  content:"";
  position:absolute;
  left:16px;
  width:13px;
  height:13px;
  border:1.4px solid var(--fsp-accent);
  border-radius:50%;
}
.saer-field-discipline:after{
  content:"›";
  position:absolute;
  right:14px;
  color:var(--fsp-accent-dark);
  font-size:18px;
  line-height:1;
}

/* TOPIC LIST */
.saer-field-topic-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 34px;
  margin:20px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
  border-top:1px solid var(--fsp-line);
}
.saer-field-topic-list li{
  position:relative;
  margin:0 !important;
  padding:11px 6px 11px 18px !important;
  border-bottom:1px solid #eee9e2;
  color:#444c51 !important;
  font-size:13.5px !important;
  line-height:1.45 !important;
  list-style:none !important;
}
.saer-field-topic-list li:before{
  content:"";
  position:absolute;
  left:1px;
  top:18px;
  width:5px;height:5px;
  border:1px solid var(--fsp-accent);
  transform:rotate(45deg);
}

/* METHOD / TYPE STRIP */
.saer-field-methods{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:22px;
  border-top:1px solid var(--fsp-line);
  border-bottom:1px solid var(--fsp-line);
}
.saer-field-method{
  position:relative;
  min-height:86px;
  padding:19px 16px 16px 38px;
  border-right:1px solid var(--fsp-line);
}
.saer-field-method:nth-child(3n){border-right:0;}
.saer-field-method:before{
  content:"";
  position:absolute;
  left:10px;
  top:22px;
  width:15px;height:15px;
  border:1.3px solid var(--fsp-accent);
}
.saer-field-method strong{display:block;color:var(--fsp-ink);font-size:12.5px;line-height:1.35;font-weight:600;}
.saer-field-method span{display:block;margin-top:4px;color:var(--fsp-muted);font-size:11.5px;line-height:1.4;}

/* SIDEBAR */
.saer-field-aside{position:relative;}
.saer-field-aside-inner{position:sticky;top:120px;}
.saer-field-aside-block{
  padding:22px 20px;
  background:rgba(255,255,255,.52);
  border-top:1px solid var(--fsp-line);
}
.saer-field-aside-block + .saer-field-aside-block{margin-top:18px;}
.saer-field-aside-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  color:var(--fsp-ink);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.saer-field-aside-title:before{
  content:"";
  width:17px;height:21px;
  border:1.4px solid var(--fsp-accent);
}
.saer-field-aside-block p{margin:0 0 13px !important;color:#656c71 !important;font-size:12.5px !important;line-height:1.65 !important;}
.saer-field-aside-block strong{color:var(--fsp-ink);}
.saer-field-aside-links{margin:0;padding:0;list-style:none;}
.saer-field-aside-links li{margin:0 !important;padding:0 !important;border-top:1px solid #e8e3dc;list-style:none !important;}
.saer-field-aside-links a{position:relative;display:block;padding:10px 20px 10px 0;color:#444b50 !important;font-size:12.5px;text-decoration:none !important;}
.saer-field-aside-links a:after{content:"›";position:absolute;right:2px;color:var(--fsp-accent-dark);font-size:16px;}
.saer-field-aside-quote{padding-top:18px !important;border-left:2px solid var(--fsp-accent);font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#565c60 !important;font-size:16px !important;line-height:1.55 !important;}

.saer-field-bottom-note{
  margin-top:34px;
  padding:16px 0 0;
  border-top:1px solid var(--fsp-line);
  color:#767c80;
  font-size:12.5px;
  line-height:1.65;
}

/* MOBILE */
@media(max-width:900px){
  .saer-field-shell{width:min(100% - 28px,1180px);margin-top:16px;}
  .saer-field-hero{min-height:0;padding:38px 28px 30px;}
  .saer-field-hero:before{right:10px;top:40px;font-size:190px;}
  .saer-field-hero:after{display:none;}
  .saer-field-hero-inner{max-width:680px;}
  .saer-field-hero h1{font-size:38px !important;}
  .saer-field-values{grid-template-columns:1fr 1fr 1fr;}
  .saer-field-value{padding-right:12px;}
  .saer-field-body{grid-template-columns:1fr;gap:30px;}
  .saer-field-aside-inner{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .saer-field-aside-block + .saer-field-aside-block{margin-top:0;}
}

@media(max-width:640px){
  body:has(.saer-field-shell) .pkp_structure_content{padding-left:0 !important;padding-right:0 !important;}
  .saer-field-shell{width:100%;margin:0 auto 48px;}
  .saer-field-hero{padding:28px 20px 24px;background:linear-gradient(180deg,#fbfaf7 0%,#f7f4ee 100%);}
  .saer-field-hero:before{right:10px;top:38px;font-size:120px;color:rgba(170,146,114,.06);}
  .saer-field-eyebrow{font-size:9px;margin-bottom:15px;}
  .saer-field-hero h1{max-width:92%;font-size:31px !important;line-height:1.08 !important;margin-bottom:14px !important;}
  .saer-field-hero-lead{font-size:14.5px !important;line-height:1.68 !important;}
  .saer-field-values{grid-template-columns:1fr;margin-top:24px;border-top:1px solid var(--fsp-line);}
  .saer-field-value{min-height:0;padding:12px 0 12px 28px;border-right:0;border-bottom:1px solid var(--fsp-line);}
  .saer-field-value:before{left:3px;top:17px;width:11px;height:11px;}
  .saer-field-value span{font-size:9px;}
  .saer-field-value strong{font-size:12.5px;}
  .saer-field-tabs{gap:24px;min-height:48px;padding:0 18px;}
  .saer-field-tabs a{min-height:48px;font-size:11.5px;}
  .saer-field-body{padding:24px 18px 0;}
  .saer-field-section-pro{padding-bottom:28px;}
  .saer-field-section-pro + .saer-field-section-pro{padding-top:28px;}
  .saer-field-section-head{display:block;margin-bottom:12px;}
  .saer-field-section-no{display:block;margin-bottom:7px;padding:0;}
  .saer-field-section-no:after{width:26px;}
  .saer-field-section-head h2{font-size:23px !important;line-height:1.18 !important;}
  .saer-field-section-pro > p,.saer-field-section-copy p{font-size:14px !important;line-height:1.68 !important;}
  .saer-field-discipline-grid{grid-template-columns:1fr;gap:5px;}
  .saer-field-discipline{min-height:44px;padding:9px 30px 9px 38px;font-size:12.5px;}
  .saer-field-discipline:before{left:14px;width:11px;height:11px;}
  .saer-field-topic-list{grid-template-columns:1fr;gap:0;}
  .saer-field-topic-list li{font-size:12.5px !important;padding-top:9px !important;padding-bottom:9px !important;}
  .saer-field-methods{grid-template-columns:1fr 1fr;}
  .saer-field-method{min-height:74px;border-right:1px solid var(--fsp-line);border-bottom:1px solid var(--fsp-line);}
  .saer-field-method:nth-child(3n){border-right:1px solid var(--fsp-line);}
  .saer-field-method:nth-child(2n){border-right:0;}
  .saer-field-aside-inner{grid-template-columns:1fr;}
  .saer-field-aside-block{padding:18px 16px;}
}

/* Stable mobile hamburger — avoids mojibake from legacy content */
@media(max-width:991px){
  .pkp_site_nav_toggle::before{
    content:"" !important;
    width:18px !important;
    height:12px !important;
    display:block !important;
    background:linear-gradient(to bottom,var(--saer-ink) 0 2px,transparent 2px 5px,var(--saer-ink) 5px 7px,transparent 7px 10px,var(--saer-ink) 10px 12px) !important;
    font-size:0 !important;
  }
}

/* ================================================================
   SAER v45 — FIELD PAGES / PUBLISHER RESPONSIVE REBUILD
   Desktop + mobile correction layer for .saer-field-shell
   ================================================================ */

body:has(.saer-field-shell) .cmp_breadcrumbs,
body:has(.saer-field-shell) .breadcrumbs,
body:has(.saer-field-shell) nav.cmp_breadcrumbs,
body:has(.saer-field-shell) .page_breadcrumbs,
body:has(.saer-field-shell) .pkp_structure_main > .page > h1:first-child,
body:has(.saer-field-shell) .pkp_structure_main > h1:first-child,
body:has(.saer-field-shell) #pkp_content_main > h1:first-child{
  display:none !important;
}
body:has(.saer-field-shell) .pkp_structure_main,
body:has(.saer-field-shell) .pkp_structure_content,
body:has(.saer-field-shell) #pkp_content_main{
  padding-top:0 !important;
}

.saer-field-shell{
  --fsp-ink:#252a2d;
  --fsp-muted:#62696d;
  --fsp-accent:#b39a76;
  --fsp-accent-dark:#8d7454;
  --fsp-line:#ded8cf;
  --fsp-paper:#f7f4ee;
  --fsp-white:#fffdfa;
  width:min(1180px,calc(100% - 48px)) !important;
  max-width:1180px !important;
  margin:34px auto 70px !important;
  color:var(--fsp-ink);
}

.saer-field-hero{
  position:relative !important;
  min-height:330px !important;
  padding:54px 390px 38px 54px !important;
  overflow:hidden !important;
  border:1px solid var(--fsp-line) !important;
  background:linear-gradient(112deg,#fffdfa 0%,#fbf8f2 68%,#f4eee5 100%) !important;
}
.saer-field-hero:before{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  right:54px !important;
  top:48px !important;
  width:245px !important;
  height:245px !important;
  opacity:.13 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  /* restrained health/life sciences emblem: heart + pulse */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160' fill='none'%3E%3Cpath d='M80 132S26 101 26 58c0-22 15-36 34-36 11 0 20 5 26 14 6-9 15-14 26-14 19 0 34 14 34 36 0 43-54 74-66 74Z' stroke='%238d7454' stroke-width='4'/%3E%3Cpath d='M36 78h25l8-18 14 39 11-28 8 7h22' stroke='%238d7454' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  font-size:0 !important;
  color:transparent !important;
}
.saer-field-hero:after{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:340px !important;
  background:radial-gradient(circle at 68% 44%,rgba(179,154,118,.11),transparent 54%) !important;
  pointer-events:none !important;
}
.saer-field-hero-inner{max-width:none !important;position:relative !important;z-index:2 !important;}
.saer-field-eyebrow{font-size:11px !important;letter-spacing:.19em !important;margin-bottom:17px !important;color:var(--fsp-accent-dark) !important;}
.saer-field-hero h1{font-size:44px !important;line-height:1.06 !important;letter-spacing:-.025em !important;margin:0 0 18px !important;max-width:680px !important;}
.saer-field-hero-lead{font-size:16px !important;line-height:1.72 !important;max-width:700px !important;margin:0 !important;color:#535a5e !important;}

.saer-field-values{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  margin-top:30px !important;
  border-top:1px solid var(--fsp-line) !important;
  max-width:700px !important;
}
.saer-field-value{position:relative !important;padding:17px 18px 0 0 !important;min-height:65px !important;border-right:0 !important;}
.saer-field-value + .saer-field-value{padding-left:22px !important;border-left:1px solid var(--fsp-line) !important;}
.saer-field-value:before{display:none !important;}
.saer-field-value span{font-size:10px !important;letter-spacing:.11em !important;color:#777d80 !important;}
.saer-field-value strong{font-size:12.5px !important;line-height:1.35 !important;margin-top:4px !important;}

.saer-field-tabs{
  display:flex !important;
  align-items:center !important;
  gap:34px !important;
  min-height:54px !important;
  padding:0 28px !important;
  border:1px solid var(--fsp-line) !important;
  border-top:0 !important;
  background:#fffdfa !important;
  overflow-x:auto !important;
}
.saer-field-tabs a{font-size:11px !important;white-space:nowrap !important;min-height:54px !important;}

.saer-field-body{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 270px !important;
  gap:44px !important;
  align-items:start !important;
  margin-top:38px !important;
}
.saer-field-main{min-width:0 !important;}
.saer-field-section-pro{padding:0 0 38px !important;margin:0 !important;border-bottom:1px solid var(--fsp-line) !important;}
.saer-field-section-pro + .saer-field-section-pro{padding-top:38px !important;}
.saer-field-section-head{display:flex !important;align-items:flex-start !important;gap:16px !important;margin-bottom:13px !important;}
.saer-field-section-no{flex:0 0 38px !important;font-size:11px !important;letter-spacing:.08em !important;color:var(--fsp-accent-dark) !important;padding-top:7px !important;}
.saer-field-section-no:after{display:none !important;}
.saer-field-section-head h2{font-size:27px !important;line-height:1.15 !important;margin:0 !important;letter-spacing:-.015em !important;}
.saer-field-section-pro > p,.saer-field-section-copy p{font-size:14px !important;line-height:1.72 !important;color:#5c6367 !important;}

.saer-field-discipline-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 18px !important;margin-top:20px !important;border-top:1px solid var(--fsp-line) !important;}
.saer-field-discipline{
  position:relative !important;
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  padding:10px 28px 10px 28px !important;
  border:0 !important;
  border-bottom:1px solid #e8e3dc !important;
  background:transparent !important;
  font-size:13px !important;
  line-height:1.4 !important;
  box-shadow:none !important;
}
.saer-field-discipline:before{
  content:"" !important;
  position:absolute !important;
  left:3px !important;
  top:50% !important;
  width:9px !important;
  height:9px !important;
  margin-top:-5px !important;
  border:1.5px solid var(--fsp-accent) !important;
  border-radius:50% !important;
  background:transparent !important;
}
.saer-field-discipline:after{content:"›" !important;position:absolute !important;right:4px !important;color:var(--fsp-accent-dark) !important;font-size:16px !important;}

.saer-field-topic-list{grid-template-columns:1fr 1fr !important;column-gap:24px !important;margin-top:18px !important;}
.saer-field-topic-list li{font-size:13px !important;line-height:1.5 !important;padding:10px 4px 10px 18px !important;border-bottom:1px solid #e8e3dc !important;}
.saer-field-topic-list li:before{width:5px !important;height:5px !important;transform:rotate(45deg) !important;left:2px !important;top:17px !important;}

.saer-field-methods{display:grid !important;grid-template-columns:repeat(3,1fr) !important;margin-top:20px !important;border-top:1px solid var(--fsp-line) !important;border-left:0 !important;}
.saer-field-method{position:relative !important;min-height:112px !important;padding:20px 16px 18px 30px !important;border-right:1px solid var(--fsp-line) !important;border-bottom:1px solid var(--fsp-line) !important;background:transparent !important;}
.saer-field-method:nth-child(3n){border-right:0 !important;}
.saer-field-method:before{left:4px !important;top:23px !important;width:10px !important;height:10px !important;border:1.5px solid var(--fsp-accent) !important;background:transparent !important;}
.saer-field-method strong{font-size:13px !important;line-height:1.35 !important;}
.saer-field-method span{font-size:12.5px !important;line-height:1.55 !important;margin-top:6px !important;}

.saer-field-aside-inner{position:sticky !important;top:105px !important;display:block !important;}
.saer-field-aside-block{padding:20px 20px !important;border:1px solid var(--fsp-line) !important;background:rgba(255,253,250,.72) !important;box-shadow:none !important;}
.saer-field-aside-block + .saer-field-aside-block{margin-top:16px !important;}
.saer-field-aside-title{font-size:10px !important;letter-spacing:.13em !important;}
.saer-field-aside-title:before{border-radius:50% !important;width:9px !important;height:9px !important;}
.saer-field-aside-block p,.saer-field-aside-links a{font-size:12px !important;line-height:1.6 !important;}
.saer-field-aside-quote{font-size:14px !important;}

/* MOBILE — intentionally rebuilt rather than shrinking desktop */
@media(max-width:767px){
  body:has(.saer-field-shell) .cmp_breadcrumbs,
  body:has(.saer-field-shell) .breadcrumbs,
  body:has(.saer-field-shell) .page_breadcrumbs,
  body:has(.saer-field-shell) .pkp_structure_main > .page > h1:first-child,
  body:has(.saer-field-shell) #pkp_content_main > h1:first-child{display:none !important;}

  body:has(.saer-field-shell) .pkp_structure_main,
  body:has(.saer-field-shell) .pkp_structure_content,
  body:has(.saer-field-shell) #pkp_content_main{padding-top:0 !important;margin-top:0 !important;}

  .saer-field-shell{
    width:100% !important;
    max-width:none !important;
    margin:0 auto 46px !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
  }
  .saer-field-hero{
    min-height:0 !important;
    padding:30px 22px 22px !important;
    border-left:0 !important;
    border-right:0 !important;
    background:linear-gradient(135deg,#fffdfa 0%,#f8f4ed 100%) !important;
  }
  .saer-field-hero:before{
    right:16px !important;
    top:28px !important;
    width:92px !important;
    height:92px !important;
    opacity:.11 !important;
  }
  .saer-field-hero:after{display:none !important;}
  .saer-field-eyebrow{font-size:9px !important;letter-spacing:.16em !important;margin-bottom:12px !important;}
  .saer-field-hero h1{font-size:30px !important;line-height:1.06 !important;max-width:78% !important;margin:0 0 15px !important;}
  .saer-field-hero-lead{font-size:15px !important;line-height:1.62 !important;color:#565d61 !important;}

  .saer-field-values{
    grid-template-columns:1fr 1fr 1fr !important;
    gap:0 !important;
    margin-top:22px !important;
  }
  .saer-field-value{min-height:0 !important;padding:13px 10px 2px 0 !important;}
  .saer-field-value + .saer-field-value{padding-left:10px !important;}
  .saer-field-value span{font-size:8px !important;letter-spacing:.08em !important;}
  .saer-field-value strong{font-size:10px !important;line-height:1.3 !important;margin-top:3px !important;}

  .saer-field-tabs{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 !important;
    min-height:0 !important;
    padding:0 !important;
    overflow:visible !important;
    border-left:0 !important;
    border-right:0 !important;
  }
  .saer-field-tabs a{
    display:flex !important;
    align-items:center !important;
    min-height:42px !important;
    padding:8px 10px !important;
    font-size:10px !important;
    line-height:1.25 !important;
    white-space:normal !important;
    border-bottom:1px solid #ebe5dc !important;
  }
  .saer-field-tabs a:nth-child(odd){border-right:1px solid #ebe5dc !important;}
  .saer-field-tabs a:after{display:none !important;}

  .saer-field-body{display:block !important;margin-top:26px !important;}
  .saer-field-section-pro{padding-bottom:28px !important;}
  .saer-field-section-pro + .saer-field-section-pro{padding-top:28px !important;}
  .saer-field-section-head{gap:10px !important;margin-bottom:12px !important;}
  .saer-field-section-no{flex:0 0 28px !important;font-size:9px !important;padding-top:5px !important;}
  .saer-field-section-head h2{font-size:23px !important;line-height:1.12 !important;}
  .saer-field-section-pro > p,.saer-field-section-copy p{font-size:14px !important;line-height:1.65 !important;}

  .saer-field-discipline-grid{grid-template-columns:1fr !important;gap:0 !important;margin-top:16px !important;}
  .saer-field-discipline{min-height:44px !important;padding:9px 24px 9px 24px !important;font-size:13px !important;background:transparent !important;}
  .saer-field-discipline:before{left:2px !important;width:8px !important;height:8px !important;margin-top:-4px !important;}
  .saer-field-discipline:after{right:2px !important;}

  .saer-field-topic-list{grid-template-columns:1fr !important;column-gap:0 !important;margin-top:14px !important;}
  .saer-field-topic-list li{font-size:13px !important;line-height:1.45 !important;padding:9px 3px 9px 16px !important;}

  .saer-field-methods{grid-template-columns:1fr !important;margin-top:15px !important;}
  .saer-field-method,
  .saer-field-method:nth-child(2n),
  .saer-field-method:nth-child(3n){
    min-height:0 !important;
    padding:13px 8px 13px 25px !important;
    border-right:0 !important;
  }
  .saer-field-method:before{left:2px !important;top:17px !important;width:8px !important;height:8px !important;}
  .saer-field-method strong{font-size:13px !important;}
  .saer-field-method span{font-size:12.5px !important;line-height:1.45 !important;margin-top:3px !important;}

  .saer-field-aside{margin-top:28px !important;}
  .saer-field-aside-inner{position:static !important;display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}
  .saer-field-aside-block,.saer-field-aside-block + .saer-field-aside-block{margin:0 !important;padding:16px !important;}
  .saer-field-bottom-note{font-size:11.5px !important;line-height:1.6 !important;padding-top:18px !important;}
}

@media(min-width:768px) and (max-width:1100px){
  .saer-field-shell{width:min(960px,calc(100% - 36px)) !important;}
  .saer-field-hero{padding-right:300px !important;}
  .saer-field-hero:before{right:35px !important;width:205px !important;height:205px !important;}
  .saer-field-body{grid-template-columns:minmax(0,1fr) 235px !important;gap:28px !important;}
}

/* ================================================================
   SAER v46 — TYPOGRAPHY / SECTION RHYTHM / ICON REFINEMENT
   Refines v45 field-page template without altering other site pages.
   ================================================================ */

/* More editorial desktop type scale */
.saer-field-hero h1{
  font-size:42px !important;
  line-height:1.08 !important;
  letter-spacing:-.022em !important;
  font-weight:700 !important;
}
.saer-field-hero-lead{
  font-size:15.5px !important;
  line-height:1.78 !important;
  max-width:720px !important;
}
.saer-field-section-head{
  display:grid !important;
  grid-template-columns:30px minmax(0,1fr) !important;
  align-items:start !important;
  gap:8px !important;
  margin-bottom:14px !important;
}
.saer-field-section-no{
  flex:none !important;
  width:auto !important;
  padding-top:6px !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.11em !important;
  font-weight:700 !important;
  color:var(--fsp-accent-dark) !important;
}
.saer-field-section-no:after{
  content:"" !important;
  display:block !important;
  width:18px !important;
  height:1px !important;
  margin-top:7px !important;
  background:var(--fsp-accent) !important;
  opacity:.95 !important;
}
.saer-field-section-head h2{
  font-size:26px !important;
  line-height:1.16 !important;
  letter-spacing:-.013em !important;
}
.saer-field-section-pro > p,
.saer-field-section-copy p{
  font-size:14.5px !important;
  line-height:1.76 !important;
  color:#555d61 !important;
}

/* Scope rows: remove faux-button icons/arrows; use a restrained publisher marker */
.saer-field-discipline{
  min-height:46px !important;
  padding:10px 8px 10px 20px !important;
  font-size:13.5px !important;
  line-height:1.42 !important;
}
.saer-field-discipline:before{
  content:"" !important;
  left:2px !important;
  top:50% !important;
  width:9px !important;
  height:1px !important;
  margin-top:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--fsp-accent) !important;
  transform:none !important;
  opacity:.95 !important;
}
.saer-field-discipline:after{
  display:none !important;
  content:none !important;
}

/* Research topics: same visual language, no diamonds */
.saer-field-topic-list li{
  font-size:13.25px !important;
  line-height:1.5 !important;
  padding:10px 4px 10px 18px !important;
}
.saer-field-topic-list li:before{
  width:8px !important;
  height:1px !important;
  left:2px !important;
  top:20px !important;
  border:0 !important;
  background:var(--fsp-accent) !important;
  transform:none !important;
}

/* Method cards: remove square checkbox feel */
.saer-field-method{
  min-height:106px !important;
  padding:19px 16px 17px 20px !important;
}
.saer-field-method:before{
  content:"" !important;
  left:0 !important;
  top:21px !important;
  width:3px !important;
  height:24px !important;
  border:0 !important;
  background:var(--fsp-accent) !important;
}
.saer-field-method strong{
  font-size:13.25px !important;
  line-height:1.35 !important;
}
.saer-field-method span{
  font-size:12.75px !important;
  line-height:1.52 !important;
}

/* Sidebar typography */
.saer-field-aside-title{
  font-size:9.5px !important;
  letter-spacing:.16em !important;
}
.saer-field-aside-title:before{
  width:12px !important;
  height:1px !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--fsp-accent) !important;
}
.saer-field-aside-block p,
.saer-field-aside-links a{
  font-size:12.25px !important;
  line-height:1.62 !important;
}

/* Health/life sciences emblem: scientific life-line motif, not a heart symbol */
.saer-field-hero:before{
  width:230px !important;
  height:230px !important;
  opacity:.11 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none'%3E%3Ccircle cx='90' cy='90' r='66' stroke='%238d7454' stroke-width='2.6'/%3E%3Cpath d='M47 92h24l8-20 15 39 11-30 9 11h19' stroke='%238d7454' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M66 54c11-12 37-12 48 0M66 126c11 12 37 12 48 0' stroke='%238d7454' stroke-width='2.2' stroke-linecap='round' opacity='.75'/%3E%3Ccircle cx='66' cy='54' r='3' fill='%238d7454'/%3E%3Ccircle cx='114' cy='54' r='3' fill='%238d7454'/%3E%3Ccircle cx='66' cy='126' r='3' fill='%238d7454'/%3E%3Ccircle cx='114' cy='126' r='3' fill='%238d7454'/%3E%3C/svg%3E") !important;
}

@media(max-width:767px){
  .saer-field-hero h1{
    font-size:28px !important;
    line-height:1.08 !important;
    max-width:82% !important;
  }
  .saer-field-hero-lead{
    font-size:14.5px !important;
    line-height:1.66 !important;
  }
  .saer-field-section-head{
    grid-template-columns:24px minmax(0,1fr) !important;
    gap:7px !important;
    margin-bottom:11px !important;
  }
  .saer-field-section-no{
    padding-top:5px !important;
    font-size:8.5px !important;
  }
  .saer-field-section-no:after{
    width:14px !important;
    margin-top:6px !important;
  }
  .saer-field-section-head h2{
    font-size:22px !important;
    line-height:1.14 !important;
  }
  .saer-field-section-pro > p,
  .saer-field-section-copy p{
    font-size:13.75px !important;
    line-height:1.65 !important;
  }
  .saer-field-discipline{
    min-height:42px !important;
    padding:9px 4px 9px 18px !important;
    font-size:12.75px !important;
  }
  .saer-field-discipline:before{
    width:8px !important;
    left:1px !important;
  }
  .saer-field-topic-list li{
    font-size:12.75px !important;
    padding:9px 3px 9px 16px !important;
  }
  .saer-field-topic-list li:before{
    width:7px !important;
    top:18px !important;
  }
  .saer-field-method{
    padding:12px 7px 12px 18px !important;
  }
  .saer-field-method:before{
    left:0 !important;
    top:14px !important;
    width:2px !important;
    height:20px !important;
  }
  .saer-field-method strong{font-size:12.75px !important;}
  .saer-field-method span{font-size:12.25px !important;}
  .saer-field-hero:before{
    width:86px !important;
    height:86px !important;
    right:14px !important;
    top:28px !important;
    opacity:.09 !important;
  }
}


/* =========================================================
   SAER Journal — v47
   Field Page System Reset / Publisher Standard
   - clean anchors with sticky-header offset
   - no decorative pseudo-icons in lists/aside
   - editorial sidebar with contact + submission CTA
   - responsive desktop/mobile hierarchy
   ========================================================= */

/* Page-level cleanup */
body:has(.saer-field-shell) .page.page_static > h1,
body:has(.saer-field-shell) .cmp_breadcrumbs,
body:has(.saer-field-shell) .breadcrumbs,
body:has(.saer-field-shell) nav.cmp_breadcrumbs {
  display:none !important;
}

body:has(.saer-field-shell) .pkp_structure_content{
  max-width:1240px !important;
  padding-top:22px !important;
}
body:has(.saer-field-shell) .pkp_structure_main{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  padding:0 !important;
}
body:has(.saer-field-shell) .pkp_structure_sidebar{display:none !important;}

.saer-field-shell{
  --fsp-ink:#23282c;
  --fsp-text:#4e555a;
  --fsp-muted:#70777c;
  --fsp-accent:#b39a79;
  --fsp-accent-dark:#907657;
  --fsp-line:#ded8cf;
  --fsp-paper:#f7f4ee;
  --fsp-panel:#fbfaf7;
  --fsp-white:#fff;
  width:min(1180px,calc(100% - 40px)) !important;
  margin:12px auto 72px !important;
  color:var(--fsp-ink) !important;
}
.saer-field-shell *{box-sizing:border-box;}

/* Hero */
.saer-field-hero{
  position:relative !important;
  overflow:hidden !important;
  margin:0 !important;
  border:1px solid var(--fsp-line) !important;
  background:linear-gradient(90deg,#fbfaf7 0%,#fbfaf7 69%,#f3eee6 100%) !important;
}
.saer-field-hero-inner{
  position:relative !important;
  z-index:2 !important;
  width:69% !important;
  padding:52px 54px 38px !important;
}
.saer-field-eyebrow{
  margin:0 0 17px !important;
  color:var(--fsp-accent-dark) !important;
  font:700 10px/1.2 Arial,Helvetica,sans-serif !important;
  letter-spacing:.19em !important;
  text-transform:uppercase !important;
}
.saer-field-hero h1{
  margin:0 0 18px !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:42px !important;
  line-height:1.07 !important;
  letter-spacing:-.025em !important;
  font-weight:700 !important;
  color:var(--fsp-ink) !important;
}
.saer-field-hero-lead{
  max-width:760px !important;
  margin:0 0 28px !important;
  color:#50575b !important;
  font:400 15px/1.78 Arial,Helvetica,sans-serif !important;
}
.saer-field-hero-lead strong{color:var(--fsp-ink) !important;font-weight:700 !important;}

/* Real field emblem lives in HTML, not pseudo content */
.saer-field-emblem{
  position:absolute !important;
  z-index:1 !important;
  right:42px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:250px !important;
  height:250px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--fsp-accent-dark) !important;
  opacity:.16 !important;
  pointer-events:none !important;
}
.saer-field-emblem svg{width:100% !important;height:100% !important;display:block !important;}
.saer-field-hero::before,
.saer-field-hero::after,
.saer-health-page .saer-field-hero::before,
.saer-health-page .saer-field-hero::after{content:none !important;display:none !important;}

.saer-field-values{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  max-width:760px !important;
  margin:0 !important;
  border-top:1px solid var(--fsp-line) !important;
}
.saer-field-value{
  min-width:0 !important;
  padding:15px 20px 0 0 !important;
  margin-top:0 !important;
  border-right:1px solid var(--fsp-line) !important;
}
.saer-field-value + .saer-field-value{padding-left:20px !important;}
.saer-field-value:last-child{border-right:0 !important;}
.saer-field-value::before,.saer-field-value::after{content:none !important;display:none !important;}
.saer-field-value span{
  display:block !important;
  margin:0 0 4px !important;
  color:var(--fsp-muted) !important;
  font:600 10px/1.25 Arial,Helvetica,sans-serif !important;
  letter-spacing:.05em !important;
}
.saer-field-value strong{
  display:block !important;
  color:#33383c !important;
  font:600 12px/1.4 Arial,Helvetica,sans-serif !important;
}

/* In-page nav: exact anchors, no fake underline markers */
.saer-field-tabs{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  min-height:54px !important;
  margin:0 !important;
  padding:0 28px !important;
  overflow-x:auto !important;
  border:1px solid var(--fsp-line) !important;
  border-top:0 !important;
  background:rgba(255,255,255,.56) !important;
  scrollbar-width:none !important;
}
.saer-field-tabs::-webkit-scrollbar{display:none !important;}
.saer-field-tabs a{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-height:54px !important;
  padding:0 17px !important;
  color:#666d71 !important;
  font:600 11.5px/1.2 Arial,Helvetica,sans-serif !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.saer-field-tabs a:first-child{color:var(--fsp-accent-dark) !important;}
.saer-field-tabs a::before,.saer-field-tabs a::after{content:none !important;display:none !important;}
.saer-field-tabs a:hover,.saer-field-tabs a:focus{color:var(--fsp-ink) !important;}

/* Sticky-header anchor compensation */
.saer-field-section-pro[id]{
  scroll-margin-top:128px !important;
}

/* Main two-column publisher layout */
.saer-field-body{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 258px !important;
  gap:42px !important;
  align-items:start !important;
  padding:58px 0 0 !important;
}
.saer-field-main{min-width:0 !important;}
.saer-field-section-pro{
  padding:0 0 42px !important;
  margin:0 0 42px !important;
  border-bottom:1px solid var(--fsp-line) !important;
}
.saer-field-section-pro:last-of-type{margin-bottom:0 !important;}
.saer-field-section-head{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:start !important;
  margin:0 0 14px !important;
}
.saer-field-section-no{
  display:block !important;
  padding-top:7px !important;
  color:var(--fsp-accent-dark) !important;
  font:700 10px/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:.08em !important;
}
.saer-field-section-no::before,.saer-field-section-no::after{content:none !important;display:none !important;}
.saer-field-section-head h2{
  margin:0 !important;
  color:var(--fsp-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:28px !important;
  line-height:1.12 !important;
  letter-spacing:-.018em !important;
  font-weight:700 !important;
}
.saer-field-section-pro > p,
.saer-field-section-copy p{
  margin:0 0 14px !important;
  color:var(--fsp-text) !important;
  font:400 14.5px/1.78 Arial,Helvetica,sans-serif !important;
}

/* Discipline rows: no circles, no chevrons, no fake icons */
.saer-field-discipline-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 24px !important;
  margin:20px 0 0 !important;
  padding:0 !important;
  border-top:1px solid var(--fsp-line) !important;
}
.saer-field-discipline{
  position:relative !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:10px 8px 10px 22px !important;
  border:0 !important;
  border-bottom:1px solid #e9e4dc !important;
  background:transparent !important;
  color:#3d4448 !important;
  font:400 13.5px/1.4 Arial,Helvetica,sans-serif !important;
  box-shadow:none !important;
}
.saer-field-discipline::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:9px !important;
  height:1px !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--fsp-accent) !important;
}
.saer-field-discipline::after{content:none !important;display:none !important;}

/* Topics */
.saer-field-topic-list{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 24px !important;
  margin:18px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
  border-top:1px solid var(--fsp-line) !important;
}
.saer-field-topic-list li{
  position:relative !important;
  margin:0 !important;
  padding:10px 8px 10px 22px !important;
  border-bottom:1px solid #e9e4dc !important;
  color:#444b50 !important;
  font:400 13.25px/1.45 Arial,Helvetica,sans-serif !important;
  list-style:none !important;
}
.saer-field-topic-list li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:18px !important;
  width:8px !important;
  height:1px !important;
  border:0 !important;
  transform:none !important;
  background:var(--fsp-accent) !important;
}

/* Methods: editorial columns, not checkbox cards */
.saer-field-methods{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  margin:20px 0 0 !important;
  padding:0 !important;
  border-top:1px solid var(--fsp-line) !important;
  border-left:0 !important;
}
.saer-field-method,
.saer-field-method:nth-child(2n),
.saer-field-method:nth-child(3n){
  position:relative !important;
  min-height:104px !important;
  padding:18px 20px !important;
  border:0 !important;
  border-right:1px solid var(--fsp-line) !important;
  border-bottom:1px solid var(--fsp-line) !important;
  background:transparent !important;
}
.saer-field-method:nth-child(3n){border-right:0 !important;}
.saer-field-method::before,.saer-field-method::after{content:none !important;display:none !important;}
.saer-field-method strong{
  display:block !important;
  margin:0 0 7px !important;
  color:var(--fsp-ink) !important;
  font:700 12.75px/1.35 Arial,Helvetica,sans-serif !important;
}
.saer-field-method span{
  display:block !important;
  margin:0 !important;
  color:#697075 !important;
  font:400 12.25px/1.55 Arial,Helvetica,sans-serif !important;
}

/* Sidebar: useful, professional, conversion-aware */
.saer-field-aside{position:relative !important;}
.saer-field-aside-inner{
  position:sticky !important;
  top:108px !important;
  display:block !important;
}
.saer-field-aside-block{
  margin:0 !important;
  padding:20px 20px 18px !important;
  border:1px solid var(--fsp-line) !important;
  background:rgba(255,255,255,.58) !important;
  box-shadow:none !important;
}
.saer-field-aside-block + .saer-field-aside-block{margin-top:14px !important;}
.saer-field-aside-title{
  margin:0 0 16px !important;
  padding:0 !important;
  color:#343a3e !important;
  font:700 10px/1.25 Arial,Helvetica,sans-serif !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
.saer-field-aside-title::before,.saer-field-aside-title::after{content:none !important;display:none !important;}
.saer-field-aside-block p{
  margin:0 0 12px !important;
  color:#656c71 !important;
  font:400 12px/1.58 Arial,Helvetica,sans-serif !important;
}
.saer-field-aside-block p:last-child{margin-bottom:0 !important;}
.saer-field-aside-block strong{color:#30363a !important;font-weight:700 !important;}

.saer-field-contact{
  margin-top:16px !important;
  padding-top:15px !important;
  border-top:1px solid #e7e1d8 !important;
}
.saer-field-contact a{
  color:var(--fsp-ink) !important;
  font-weight:600 !important;
  text-decoration:none !important;
  overflow-wrap:anywhere !important;
}
.saer-field-contact a:hover{text-decoration:underline !important;text-decoration-color:var(--fsp-accent) !important;}

.saer-field-submit{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:42px !important;
  margin:16px 0 0 !important;
  padding:10px 14px !important;
  border:1px solid var(--fsp-ink) !important;
  background:var(--fsp-ink) !important;
  color:#fff !important;
  font:700 12px/1.2 Arial,Helvetica,sans-serif !important;
  text-decoration:none !important;
  letter-spacing:.015em !important;
  transition:background .16s ease,border-color .16s ease,color .16s ease !important;
}
.saer-field-submit:hover,.saer-field-submit:focus{
  background:var(--fsp-accent) !important;
  border-color:var(--fsp-accent) !important;
  color:#1f2428 !important;
  text-decoration:none !important;
}

.saer-field-aside-links{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.saer-field-aside-links li{
  margin:0 !important;
  padding:0 !important;
  border-top:1px solid #e8e3dc !important;
  list-style:none !important;
}
.saer-field-aside-links a{
  display:block !important;
  padding:9px 0 !important;
  color:#4d5458 !important;
  font:400 12px/1.45 Arial,Helvetica,sans-serif !important;
  text-decoration:none !important;
}
.saer-field-aside-links a::before,.saer-field-aside-links a::after{content:none !important;display:none !important;}
.saer-field-aside-links a:hover{color:var(--fsp-accent-dark) !important;}

/* Remove old gimmicky 'why important' quote styling if legacy HTML survives */
.saer-field-aside-quote{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-style:normal !important;
  font-size:12px !important;
  line-height:1.58 !important;
}

.saer-field-bottom-note{
  margin:0 !important;
  padding:20px 0 0 !important;
  border-top:1px solid var(--fsp-line) !important;
  color:#747a7f !important;
  font:400 11.75px/1.65 Arial,Helvetica,sans-serif !important;
}
.saer-field-bottom-note strong{color:#555c61 !important;}

/* Tablet */
@media (max-width:980px){
  .saer-field-shell{width:min(100% - 28px,1180px) !important;}
  .saer-field-hero-inner{width:76% !important;padding:42px 38px 32px !important;}
  .saer-field-emblem{right:18px !important;width:210px !important;height:210px !important;opacity:.12 !important;}
  .saer-field-body{grid-template-columns:1fr !important;gap:30px !important;padding-top:42px !important;}
  .saer-field-aside-inner{position:static !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important;}
  .saer-field-aside-block + .saer-field-aside-block{margin-top:0 !important;}
}

/* Mobile */
@media (max-width:640px){
  body:has(.saer-field-shell) .pkp_structure_content{padding-top:0 !important;}
  .saer-field-shell{
    width:100% !important;
    margin:0 auto 42px !important;
  }
  .saer-field-hero{
    border-left:0 !important;
    border-right:0 !important;
    background:#faf8f4 !important;
  }
  .saer-field-hero-inner{
    width:100% !important;
    padding:30px 24px 24px !important;
  }
  .saer-field-emblem{
    right:10px !important;
    top:54px !important;
    transform:none !important;
    width:112px !important;
    height:112px !important;
    opacity:.075 !important;
  }
  .saer-field-eyebrow{font-size:8.5px !important;letter-spacing:.16em !important;margin-bottom:12px !important;}
  .saer-field-hero h1{max-width:86% !important;font-size:31px !important;line-height:1.08 !important;margin-bottom:15px !important;}
  .saer-field-hero-lead{font-size:14px !important;line-height:1.66 !important;margin-bottom:22px !important;}
  .saer-field-values{
    grid-template-columns:1fr !important;
    border-top:1px solid var(--fsp-line) !important;
  }
  .saer-field-value,
  .saer-field-value + .saer-field-value{
    padding:10px 0 !important;
    border-right:0 !important;
    border-bottom:1px solid #e8e2d9 !important;
  }
  .saer-field-value:last-child{border-bottom:0 !important;}
  .saer-field-value span{font-size:9px !important;}
  .saer-field-value strong{font-size:11.5px !important;}

  .saer-field-tabs{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    padding:0 !important;
    min-height:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    overflow:visible !important;
  }
  .saer-field-tabs a{
    min-height:44px !important;
    padding:9px 12px !important;
    justify-content:flex-start !important;
    border-bottom:1px solid #e8e2d9 !important;
    font-size:10.5px !important;
    white-space:normal !important;
  }
  .saer-field-tabs a:nth-child(odd){border-right:1px solid #e8e2d9 !important;}

  .saer-field-section-pro[id]{scroll-margin-top:96px !important;}
  .saer-field-body{display:block !important;padding:34px 24px 0 !important;}
  .saer-field-section-pro{padding-bottom:30px !important;margin-bottom:30px !important;}
  .saer-field-section-head{
    grid-template-columns:28px minmax(0,1fr) !important;
    gap:7px !important;
    margin-bottom:12px !important;
  }
  .saer-field-section-no{padding-top:5px !important;font-size:9.5px !important;}
  .saer-field-section-head h2{font-size:25px !important;line-height:1.12 !important;}
  .saer-field-section-pro > p,.saer-field-section-copy p{font-size:14px !important;line-height:1.68 !important;}

  .saer-field-discipline-grid,
  .saer-field-topic-list{
    grid-template-columns:1fr !important;
    gap:0 !important;
    margin-top:16px !important;
  }
  .saer-field-discipline{min-height:42px !important;padding:9px 4px 9px 18px !important;font-size:13px !important;}
  .saer-field-discipline::before{width:7px !important;}
  .saer-field-topic-list li{padding:9px 4px 9px 18px !important;font-size:13px !important;}
  .saer-field-topic-list li::before{width:7px !important;top:17px !important;}

  .saer-field-methods{grid-template-columns:1fr !important;margin-top:16px !important;}
  .saer-field-method,
  .saer-field-method:nth-child(2n),
  .saer-field-method:nth-child(3n){
    min-height:0 !important;
    padding:14px 0 !important;
    border-right:0 !important;
  }
  .saer-field-method strong{font-size:13px !important;margin-bottom:4px !important;}
  .saer-field-method span{font-size:12.5px !important;line-height:1.48 !important;}

  .saer-field-aside{margin-top:26px !important;}
  .saer-field-aside-inner{display:block !important;}
  .saer-field-aside-block,.saer-field-aside-block + .saer-field-aside-block{margin:0 0 12px !important;padding:18px !important;}
  .saer-field-submit{min-height:44px !important;font-size:12.5px !important;}
  .saer-field-bottom-note{font-size:11.5px !important;line-height:1.58 !important;padding-top:16px !important;}
}

/* ============================================================
   SAER v48 — HERO RESTORE / DESKTOP PROPORTION FIX
   Keeps v47 body, sidebar, submit/contact and anchor fixes.
   Restores the compact editorial hero proportions from the
   stronger v45/v46 direction and prevents inherited height/width
   rules from stretching the top area.
   ============================================================ */

@media (min-width:981px){
  .saer-field-shell{
    width:min(1180px,calc(100% - 48px)) !important;
    margin:28px auto 72px !important;
  }

  .saer-field-hero{
    min-height:0 !important;
    height:auto !important;
    display:block !important;
    overflow:hidden !important;
    background:linear-gradient(90deg,#fbfaf7 0%,#fbfaf7 70%,#f3eee6 100%) !important;
  }

  .saer-field-hero-inner{
    width:calc(100% - 315px) !important;
    max-width:none !important;
    min-height:0 !important;
    padding:42px 48px 32px !important;
  }

  .saer-field-eyebrow{
    margin:0 0 14px !important;
    font-size:9.5px !important;
    letter-spacing:.18em !important;
  }

  .saer-field-hero h1{
    max-width:760px !important;
    margin:0 0 14px !important;
    font-size:39px !important;
    line-height:1.06 !important;
    letter-spacing:-.024em !important;
    white-space:normal !important;
  }

  .saer-field-hero-lead{
    max-width:720px !important;
    margin:0 0 24px !important;
    font-size:14.5px !important;
    line-height:1.72 !important;
  }

  .saer-field-values{
    max-width:720px !important;
    margin:0 !important;
  }

  .saer-field-value{
    min-height:64px !important;
    padding:13px 18px 0 0 !important;
  }

  .saer-field-value + .saer-field-value{
    padding-left:18px !important;
  }

  .saer-field-value span{
    font-size:9.5px !important;
  }

  .saer-field-value strong{
    font-size:11.75px !important;
    line-height:1.35 !important;
  }

  .saer-field-emblem{
    right:38px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:220px !important;
    height:220px !important;
    opacity:.13 !important;
  }

  .saer-field-tabs{
    min-height:50px !important;
    padding:0 26px !important;
  }

  .saer-field-tabs a{
    min-height:50px !important;
    padding:0 15px !important;
    font-size:11px !important;
  }
}

/* ============================================================
   SAER v49 — FIELD PAGE REBALANCE
   Goal: restore generous desktop hero, keep emblem visible,
   remove cramped proportions, and rebuild mobile from scratch.
   ============================================================ */

/* Strong cleanup of OJS wrapper elements on field pages */
body:has(.saer-field-shell) .page.page_static > h1,
body:has(.saer-field-shell) .cmp_breadcrumbs,
body:has(.saer-field-shell) .breadcrumbs,
body:has(.saer-field-shell) nav.cmp_breadcrumbs,
body:has(.saer-field-shell) .page > .cmp_breadcrumbs{
  display:none !important;
}

body:has(.saer-field-shell) .pkp_structure_content{
  padding-top:0 !important;
}

/* ---------- DESKTOP: open the hero back up ---------- */
@media (min-width:981px){
  .saer-field-shell{
    width:min(1180px,calc(100% - 56px)) !important;
    margin:34px auto 78px !important;
  }

  .saer-field-hero{
    position:relative !important;
    min-height:370px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 330px !important;
    align-items:stretch !important;
    overflow:hidden !important;
    background:linear-gradient(90deg,#fbfaf7 0%,#fbfaf7 69%,#f4efe7 100%) !important;
  }

  .saer-field-hero-inner{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    padding:50px 48px 38px !important;
    align-self:center !important;
  }

  .saer-field-eyebrow{
    margin:0 0 15px !important;
    font-size:9.5px !important;
    letter-spacing:.18em !important;
  }

  .saer-field-hero h1{
    max-width:760px !important;
    margin:0 0 17px !important;
    font-size:40px !important;
    line-height:1.06 !important;
    letter-spacing:-.025em !important;
  }

  .saer-field-hero-lead{
    max-width:760px !important;
    margin:0 0 27px !important;
    font-size:15px !important;
    line-height:1.72 !important;
  }

  .saer-field-values{
    max-width:760px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    margin:0 !important;
  }

  .saer-field-value{
    min-height:66px !important;
    padding:13px 18px 0 0 !important;
  }

  .saer-field-value + .saer-field-value{
    padding-left:20px !important;
  }

  .saer-field-emblem{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    width:100% !important;
    height:100% !important;
    min-height:370px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#ab9477 !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  .saer-field-emblem::before{
    content:"" !important;
    position:absolute !important;
    width:265px !important;
    height:265px !important;
    border:1px solid rgba(171,148,119,.20) !important;
    border-radius:50% !important;
  }

  .saer-field-emblem svg{
    display:block !important;
    width:205px !important;
    height:205px !important;
    color:#ab9477 !important;
    opacity:.28 !important;
    position:relative !important;
    z-index:1 !important;
  }

  .saer-field-tabs{
    min-height:50px !important;
    padding:0 28px !important;
    gap:4px !important;
  }

  .saer-field-tabs a{
    min-height:50px !important;
    padding:0 13px !important;
    font-size:10.75px !important;
  }

  /* Keep section number visually attached to heading */
  .saer-field-section-head{
    grid-template-columns:36px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:start !important;
  }

  .saer-field-section-no{
    padding-top:7px !important;
    font-size:9px !important;
  }
}

/* ---------- TABLET ---------- */
@media (min-width:641px) and (max-width:980px){
  .saer-field-shell{
    width:min(100% - 32px,920px) !important;
    margin:22px auto 56px !important;
  }

  .saer-field-hero{
    position:relative !important;
    min-height:0 !important;
    display:block !important;
    overflow:hidden !important;
  }

  .saer-field-hero-inner{
    width:72% !important;
    padding:38px 34px 30px !important;
  }

  .saer-field-emblem{
    display:flex !important;
    right:20px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:180px !important;
    height:180px !important;
    color:#ab9477 !important;
    opacity:.22 !important;
  }

  .saer-field-emblem svg{width:100% !important;height:100% !important;display:block !important;}
}

/* ---------- MOBILE: rebuilt for readable editorial rhythm ---------- */
@media (max-width:640px){
  body:has(.saer-field-shell) .pkp_structure_content,
  body:has(.saer-field-shell) .pkp_structure_main{
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .saer-field-shell{
    width:100% !important;
    margin:0 auto 40px !important;
  }

  .saer-field-hero{
    position:relative !important;
    display:block !important;
    min-height:0 !important;
    overflow:hidden !important;
    border-left:0 !important;
    border-right:0 !important;
    background:linear-gradient(180deg,#fbfaf7 0%,#f7f2ea 100%) !important;
  }

  .saer-field-hero-inner{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:none !important;
    padding:28px 22px 24px !important;
  }

  .saer-field-eyebrow{
    margin:0 0 12px !important;
    font-size:8px !important;
    letter-spacing:.17em !important;
  }

  .saer-field-hero h1{
    max-width:76% !important;
    margin:0 0 14px !important;
    font-size:29px !important;
    line-height:1.07 !important;
    letter-spacing:-.02em !important;
  }

  .saer-field-hero-lead{
    max-width:100% !important;
    margin:0 0 20px !important;
    padding-right:0 !important;
    font-size:13.5px !important;
    line-height:1.62 !important;
  }

  /* Visible health/life-sciences emblem without competing with text */
  .saer-field-emblem{
    display:block !important;
    position:absolute !important;
    right:10px !important;
    top:34px !important;
    width:92px !important;
    height:92px !important;
    transform:none !important;
    color:#ab9477 !important;
    opacity:.15 !important;
    z-index:1 !important;
  }

  .saer-field-emblem svg{
    width:100% !important;
    height:100% !important;
    display:block !important;
  }

  /* Three facts: compact horizontal strip, not three tall blocks */
  .saer-field-values{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
    margin:0 !important;
    border-top:1px solid var(--fsp-line) !important;
    border-bottom:1px solid var(--fsp-line) !important;
  }

  .saer-field-value,
  .saer-field-value + .saer-field-value{
    min-height:64px !important;
    padding:10px 9px !important;
    border-bottom:0 !important;
    border-right:1px solid #e5ded4 !important;
  }
  .saer-field-value:last-child{border-right:0 !important;}
  .saer-field-value span{font-size:7.5px !important;letter-spacing:.08em !important;}
  .saer-field-value strong{font-size:9.5px !important;line-height:1.3 !important;}

  /* Mobile section nav: horizontally scrollable like a publisher site */
  .saer-field-tabs{
    display:flex !important;
    grid-template-columns:none !important;
    min-height:44px !important;
    padding:0 14px !important;
    gap:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    white-space:nowrap !important;
  }
  .saer-field-tabs::-webkit-scrollbar{display:none !important;}
  .saer-field-tabs a,
  .saer-field-tabs a:nth-child(odd){
    flex:0 0 auto !important;
    min-height:44px !important;
    padding:0 13px !important;
    border-right:0 !important;
    border-bottom:0 !important;
    font-size:9.75px !important;
    white-space:nowrap !important;
  }

  .saer-field-body{
    display:block !important;
    padding:30px 22px 0 !important;
  }

  .saer-field-section-pro[id]{scroll-margin-top:88px !important;}

  .saer-field-section-pro{
    padding-bottom:28px !important;
    margin-bottom:28px !important;
  }

  .saer-field-section-head{
    display:grid !important;
    grid-template-columns:26px minmax(0,1fr) !important;
    gap:7px !important;
    align-items:start !important;
    margin-bottom:11px !important;
  }

  .saer-field-section-no{
    padding-top:5px !important;
    font-size:8.5px !important;
    line-height:1 !important;
  }

  .saer-field-section-head h2{
    margin:0 !important;
    font-size:23px !important;
    line-height:1.11 !important;
    letter-spacing:-.015em !important;
  }

  .saer-field-section-pro > p,
  .saer-field-section-copy p{
    font-size:13.5px !important;
    line-height:1.64 !important;
  }

  /* Discipline/topic lists: one clean editorial list */
  .saer-field-discipline-grid,
  .saer-field-topic-list{
    grid-template-columns:1fr !important;
    gap:0 !important;
    margin-top:14px !important;
    border-top:1px solid #dfd8ce !important;
  }

  .saer-field-discipline,
  .saer-field-topic-list li{
    min-height:0 !important;
    padding:10px 2px 10px 14px !important;
    font-size:12.75px !important;
    line-height:1.42 !important;
    border-bottom:1px solid #e8e2da !important;
    background:transparent !important;
  }

  .saer-field-discipline::before,
  .saer-field-topic-list li::before{
    left:0 !important;
    top:17px !important;
    width:6px !important;
    height:1px !important;
    border:0 !important;
    background:var(--fsp-accent) !important;
    transform:none !important;
  }

  .saer-field-discipline::after,
  .saer-field-topic-list li::after{display:none !important;content:none !important;}

  /* Methods: stacked editorial rows, no cards/check boxes */
  .saer-field-methods{
    display:block !important;
    margin-top:14px !important;
    border-top:1px solid #dfd8ce !important;
  }

  .saer-field-method,
  .saer-field-method:nth-child(2n),
  .saer-field-method:nth-child(3n){
    position:relative !important;
    display:grid !important;
    grid-template-columns:124px minmax(0,1fr) !important;
    gap:12px !important;
    min-height:0 !important;
    padding:12px 0 !important;
    border-right:0 !important;
    border-bottom:1px solid #e8e2da !important;
    background:transparent !important;
  }

  .saer-field-method::before{display:none !important;content:none !important;}
  .saer-field-method strong{margin:0 !important;font-size:12px !important;line-height:1.35 !important;}
  .saer-field-method span{font-size:12px !important;line-height:1.45 !important;}

  /* Aside moves after the article and becomes compact */
  .saer-field-aside{margin-top:18px !important;}
  .saer-field-aside-inner{display:block !important;}
  .saer-field-aside-block,
  .saer-field-aside-block + .saer-field-aside-block{
    margin:0 0 12px !important;
    padding:17px 16px !important;
  }
  .saer-field-aside-title{font-size:9px !important;letter-spacing:.14em !important;}
  .saer-field-aside-block p{font-size:12px !important;line-height:1.55 !important;}
  .saer-field-submit{width:100% !important;min-height:43px !important;font-size:12px !important;}
  .saer-field-aside-links a{font-size:11.75px !important;padding:8px 0 !important;}

  .saer-field-bottom-note{
    padding-top:15px !important;
    font-size:11px !important;
    line-height:1.55 !important;
  }
}

@media (max-width:380px){
  .saer-field-hero-inner{padding-left:18px !important;padding-right:18px !important;}
  .saer-field-hero h1{font-size:27px !important;max-width:78% !important;}
  .saer-field-emblem{width:80px !important;height:80px !important;right:7px !important;top:38px !important;}
  .saer-field-body{padding-left:18px !important;padding-right:18px !important;}
  .saer-field-method{grid-template-columns:108px minmax(0,1fr) !important;gap:10px !important;}
}

/* ============================================================
   SAER v50 — ELEGANT COMPACT FIELD PAGE REFINEMENT
   Based on v49. Keeps the established field-page system,
   reduces hero height, restores the right-side emblem,
   tightens tables/lists and refines typography.
   ============================================================ */

@media (min-width:981px){
  .saer-field-shell{
    width:min(1180px,calc(100% - 56px)) !important;
    margin:30px auto 70px !important;
  }

  .saer-field-hero{
    min-height:292px !important;
    grid-template-columns:minmax(0,1fr) 276px !important;
    background:linear-gradient(90deg,#fbfaf7 0%,#fbfaf7 72%,#f5f0e8 100%) !important;
  }

  .saer-field-hero-inner{
    padding:32px 38px 26px !important;
    align-self:center !important;
  }

  .saer-field-eyebrow{
    margin:0 0 11px !important;
    font-size:8.5px !important;
    letter-spacing:.19em !important;
    line-height:1.2 !important;
  }

  .saer-field-hero h1{
    max-width:820px !important;
    margin:0 0 12px !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:35px !important;
    line-height:1.04 !important;
    letter-spacing:-.024em !important;
    font-weight:700 !important;
  }

  .saer-field-hero-lead{
    max-width:835px !important;
    margin:0 0 18px !important;
    font-size:14.25px !important;
    line-height:1.63 !important;
    letter-spacing:.002em !important;
    color:#555b5f !important;
  }

  .saer-field-hero-lead strong{
    color:#2f3438 !important;
    font-weight:700 !important;
  }

  .saer-field-values{
    max-width:820px !important;
    border-top:1px solid #ddd6cc !important;
  }

  .saer-field-value{
    min-height:50px !important;
    padding:9px 16px 7px 0 !important;
  }

  .saer-field-value + .saer-field-value{
    padding-left:16px !important;
  }

  .saer-field-value span{
    font-size:8px !important;
    letter-spacing:.09em !important;
    margin-bottom:3px !important;
  }

  .saer-field-value strong{
    font-size:10.5px !important;
    line-height:1.32 !important;
    font-weight:600 !important;
  }

  /* Right-side subject emblem — visible but understated */
  .saer-field-emblem{
    display:flex !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:100% !important;
    min-height:292px !important;
    align-items:center !important;
    justify-content:center !important;
    opacity:1 !important;
    color:#ad9678 !important;
  }

  .saer-field-emblem::before{
    content:"" !important;
    position:absolute !important;
    width:205px !important;
    height:205px !important;
    border:1px solid rgba(173,150,120,.18) !important;
    border-radius:50% !important;
  }

  .saer-field-emblem svg{
    display:block !important;
    width:158px !important;
    height:158px !important;
    opacity:.31 !important;
    color:#ad9678 !important;
    position:relative !important;
    z-index:1 !important;
  }

  .saer-field-tabs{
    min-height:42px !important;
    padding:0 30px !important;
    gap:2px !important;
  }

  .saer-field-tabs a{
    min-height:42px !important;
    padding:0 12px !important;
    font-size:9.75px !important;
    font-weight:600 !important;
    letter-spacing:.005em !important;
  }

  /* Content typography: quieter, publication-like hierarchy */
  .saer-field-section-head{
    grid-template-columns:27px minmax(0,1fr) !important;
    gap:7px !important;
    margin-bottom:10px !important;
  }

  .saer-field-section-no{
    padding-top:6px !important;
    font-size:8px !important;
    letter-spacing:.1em !important;
  }

  .saer-field-section-head h2{
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:24px !important;
    line-height:1.12 !important;
    letter-spacing:-.015em !important;
  }

  .saer-field-section-pro > p,
  .saer-field-section-copy p{
    font-size:13.5px !important;
    line-height:1.64 !important;
    color:#555b5f !important;
  }

  /* Tighter discipline/topic rows — ~half the previous vertical rhythm */
  .saer-field-discipline,
  .saer-field-topic-list li{
    min-height:0 !important;
    padding-top:7px !important;
    padding-bottom:7px !important;
    font-size:12.75px !important;
    line-height:1.35 !important;
  }

  .saer-field-discipline-grid,
  .saer-field-topic-list{
    margin-top:12px !important;
  }

  .saer-field-methods{
    margin-top:12px !important;
  }

  .saer-field-method{
    min-height:0 !important;
    padding:10px 12px !important;
  }

  .saer-field-method strong{
    font-size:11.5px !important;
    line-height:1.3 !important;
  }

  .saer-field-method span{
    font-size:11.5px !important;
    line-height:1.42 !important;
  }

  .saer-field-section-pro{
    padding-bottom:30px !important;
    margin-bottom:30px !important;
  }

  .saer-field-aside-block{
    padding:18px 18px !important;
  }
}

/* Tablet: preserve the same compact editorial proportions */
@media (min-width:641px) and (max-width:980px){
  .saer-field-hero-inner{
    width:70% !important;
    padding:30px 28px 24px !important;
  }

  .saer-field-hero h1{
    font-size:32px !important;
    margin-bottom:11px !important;
  }

  .saer-field-hero-lead{
    font-size:13.5px !important;
    line-height:1.62 !important;
    margin-bottom:17px !important;
  }

  .saer-field-emblem{
    display:flex !important;
    right:18px !important;
    width:160px !important;
    height:160px !important;
    opacity:.23 !important;
  }

  .saer-field-emblem svg{
    display:block !important;
    width:100% !important;
    height:100% !important;
  }
}

/* Mobile: compact, readable and deliberately different from desktop */
@media (max-width:640px){
  .saer-field-hero-inner{
    padding:22px 20px 18px !important;
  }

  .saer-field-eyebrow{
    margin-bottom:9px !important;
    font-size:7.5px !important;
  }

  .saer-field-hero h1{
    max-width:78% !important;
    margin-bottom:10px !important;
    font-size:27px !important;
    line-height:1.04 !important;
  }

  .saer-field-hero-lead{
    margin-bottom:15px !important;
    font-size:12.75px !important;
    line-height:1.56 !important;
  }

  .saer-field-emblem{
    display:block !important;
    right:9px !important;
    top:27px !important;
    width:82px !important;
    height:82px !important;
    opacity:.16 !important;
  }

  .saer-field-values{
    margin-top:2px !important;
  }

  .saer-field-value,
  .saer-field-value + .saer-field-value{
    min-height:52px !important;
    padding:8px 7px !important;
  }

  .saer-field-value span{
    font-size:7px !important;
    margin-bottom:2px !important;
  }

  .saer-field-value strong{
    font-size:8.75px !important;
    line-height:1.25 !important;
  }

  .saer-field-tabs{
    min-height:40px !important;
  }

  .saer-field-tabs a,
  .saer-field-tabs a:nth-child(odd){
    min-height:40px !important;
    padding:0 11px !important;
    font-size:9px !important;
  }

  .saer-field-body{
    padding:24px 20px 0 !important;
  }

  .saer-field-section-head{
    grid-template-columns:23px minmax(0,1fr) !important;
    gap:6px !important;
    margin-bottom:9px !important;
  }

  .saer-field-section-head h2{
    font-size:21.5px !important;
    line-height:1.1 !important;
  }

  .saer-field-section-pro > p,
  .saer-field-section-copy p{
    font-size:12.75px !important;
    line-height:1.58 !important;
  }

  .saer-field-discipline,
  .saer-field-topic-list li{
    padding:8px 2px 8px 12px !important;
    font-size:12px !important;
    line-height:1.34 !important;
  }

  .saer-field-method,
  .saer-field-method:nth-child(2n),
  .saer-field-method:nth-child(3n){
    grid-template-columns:108px minmax(0,1fr) !important;
    gap:10px !important;
    padding:9px 0 !important;
  }

  .saer-field-method strong,
  .saer-field-method span{
    font-size:11.25px !important;
  }

  .saer-field-section-pro{
    padding-bottom:23px !important;
    margin-bottom:23px !important;
  }
}

@media (max-width:380px){
  .saer-field-hero-inner{padding-left:17px !important;padding-right:17px !important;}
  .saer-field-hero h1{font-size:25px !important;}
  .saer-field-emblem{width:72px !important;height:72px !important;right:6px !important;top:29px !important;}
  .saer-field-body{padding-left:17px !important;padding-right:17px !important;}
}

/* ============================================================
   SAER v51 — EDITORIAL TUNING / FINAL BASE SYSTEM
   Refines hero spacing, title width, lead width, values, tabs,
   section rhythm, health emblem and research-method presentation.
   ============================================================ */

@media (min-width:981px){
  /* Hero: shorter, higher, wider and more editorial */
  .saer-field-hero{
    min-height:252px !important;
    grid-template-columns:minmax(0,1fr) 300px !important;
    background:linear-gradient(90deg,#fbfaf7 0%,#fbfaf7 74%,#f3eee6 100%) !important;
  }

  .saer-field-hero-inner{
    padding:20px 34px 18px !important;
    align-self:center !important;
  }

  .saer-field-eyebrow{
    margin:0 0 7px !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9.25px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:.18em !important;
    color:#987f61 !important;
  }

  .saer-field-hero h1{
    max-width:none !important;
    width:auto !important;
    margin:0 0 9px !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:38px !important;
    line-height:1.02 !important;
    letter-spacing:-.028em !important;
    white-space:nowrap !important;
    color:#22272b !important;
  }

  .saer-field-hero-lead{
    max-width:920px !important;
    width:100% !important;
    margin:0 0 13px !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:14.15px !important;
    line-height:1.56 !important;
    letter-spacing:0 !important;
    color:#51585d !important;
  }

  .saer-field-hero-lead strong{
    color:#24292d !important;
    font-weight:700 !important;
  }

  /* Values: smaller, cleaner, journal-metadata style */
  .saer-field-values{
    max-width:900px !important;
    margin-top:0 !important;
    border-top:1px solid #d9d2c8 !important;
  }

  .saer-field-value,
  .saer-field-value + .saer-field-value{
    min-height:43px !important;
    padding:7px 14px 6px !important;
  }

  .saer-field-value:first-child{padding-left:0 !important;}

  .saer-field-value span{
    margin:0 0 2px !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:7.25px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    letter-spacing:.13em !important;
    color:#8d765d !important;
  }

  .saer-field-value strong{
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:10.25px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
    color:#30363a !important;
  }

  /* Health emblem: large, faded and unmistakably subject-specific */
  .saer-health-page .saer-field-emblem{
    display:flex !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:100% !important;
    min-height:252px !important;
    align-items:center !important;
    justify-content:center !important;
    color:#a99173 !important;
    opacity:1 !important;
  }

  .saer-health-page .saer-field-emblem::before{
    content:"" !important;
    position:absolute !important;
    width:218px !important;
    height:218px !important;
    border:1px solid rgba(169,145,115,.17) !important;
    border-radius:50% !important;
    background:radial-gradient(circle,rgba(169,145,115,.025) 0%,rgba(169,145,115,0) 70%) !important;
  }

  .saer-health-page .saer-field-emblem svg{
    display:block !important;
    width:172px !important;
    height:172px !important;
    position:relative !important;
    z-index:1 !important;
    opacity:.34 !important;
    color:#a99173 !important;
  }

  /* Tabs: closer to hero and body */
  .saer-field-tabs{
    min-height:38px !important;
    padding:0 26px !important;
    gap:0 !important;
    margin:0 !important;
  }

  .saer-field-tabs a{
    min-height:38px !important;
    padding:0 11px !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9.25px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.005em !important;
  }

  .saer-field-body{
    padding-top:24px !important;
  }

  /* Section heads: tighter 01 → heading relationship */
  .saer-field-section-head{
    grid-template-columns:20px minmax(0,1fr) !important;
    gap:5px !important;
    margin-bottom:8px !important;
    align-items:start !important;
  }

  .saer-field-section-no{
    padding-top:5px !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:7.5px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.10em !important;
    color:#9b8264 !important;
  }

  .saer-field-section-head h2{
    margin:0 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:25px !important;
    line-height:1.08 !important;
    letter-spacing:-.018em !important;
    font-weight:700 !important;
    color:#22272b !important;
  }

  .saer-field-section-pro > p,
  .saer-field-section-copy p{
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13.25px !important;
    line-height:1.56 !important;
    color:#545b60 !important;
  }

  .saer-field-section-pro{
    padding-bottom:22px !important;
    margin-bottom:22px !important;
  }

  .saer-field-discipline-grid,
  .saer-field-topic-list,
  .saer-field-methods{
    margin-top:9px !important;
  }

  .saer-field-discipline,
  .saer-field-topic-list li{
    padding-top:5px !important;
    padding-bottom:5px !important;
    font-size:12.5px !important;
    line-height:1.3 !important;
  }

  /* Research approaches: dark publisher panel, refined typography */
  .saer-field-methods{
    background:#24292d !important;
    border:1px solid #24292d !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .saer-field-method,
  .saer-field-method:nth-child(2n),
  .saer-field-method:nth-child(3n){
    min-height:84px !important;
    padding:13px 15px !important;
    background:#24292d !important;
    border-color:#3d4347 !important;
    color:#f4f1ec !important;
  }

  .saer-field-method strong{
    display:block !important;
    margin-bottom:4px !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:12px !important;
    line-height:1.24 !important;
    font-weight:600 !important;
    color:#d5c1a7 !important;
  }

  .saer-field-method span{
    display:block !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11.6px !important;
    line-height:1.42 !important;
    color:#e4e6e7 !important;
  }

  /* Aside: cleaner vertical rhythm; one dark CTA block */
  .saer-field-aside-block{
    padding:16px 17px !important;
  }

  .saer-field-aside-block + .saer-field-aside-block{
    margin-top:10px !important;
  }

  .saer-field-aside-block:nth-child(2){
    background:#24292d !important;
    border-color:#24292d !important;
    color:#eef0f1 !important;
  }

  .saer-field-aside-block:nth-child(2) .saer-field-aside-title,
  .saer-field-aside-block:nth-child(2) p,
  .saer-field-aside-block:nth-child(2) strong,
  .saer-field-aside-block:nth-child(2) a:not(.saer-field-submit){
    color:#eef0f1 !important;
  }

  .saer-field-aside-block:nth-child(2) .saer-field-submit{
    background:#b7a184 !important;
    border-color:#b7a184 !important;
    color:#20252a !important;
  }
}

/* Tablet */
@media (min-width:641px) and (max-width:980px){
  .saer-field-hero{min-height:240px !important;}
  .saer-field-hero-inner{padding:22px 26px 18px !important;}
  .saer-field-hero h1{font-size:33px !important;line-height:1.04 !important;max-width:92% !important;}
  .saer-field-hero-lead{max-width:92% !important;font-size:13.25px !important;line-height:1.56 !important;}
  .saer-health-page .saer-field-emblem{display:flex !important;right:16px !important;width:150px !important;height:150px !important;opacity:.30 !important;}
  .saer-health-page .saer-field-emblem svg{width:128px !important;height:128px !important;opacity:.34 !important;}
  .saer-field-tabs{margin:0 !important;}
  .saer-field-body{padding-top:24px !important;}
}

/* Mobile — separate editorial composition, not a shrunk desktop */
@media (max-width:640px){
  .saer-field-shell{
    width:100% !important;
    margin:0 auto 36px !important;
  }

  .saer-field-hero{
    position:relative !important;
    min-height:0 !important;
    display:block !important;
    overflow:hidden !important;
  }

  .saer-field-hero-inner{
    width:100% !important;
    padding:16px 18px 14px !important;
  }

  .saer-field-eyebrow{
    margin-bottom:6px !important;
    font-size:7.25px !important;
    letter-spacing:.15em !important;
  }

  .saer-field-hero h1{
    max-width:76% !important;
    margin:0 0 8px !important;
    font-size:28px !important;
    line-height:1.02 !important;
    letter-spacing:-.025em !important;
  }

  .saer-field-hero-lead{
    max-width:100% !important;
    margin:0 0 11px !important;
    padding-right:0 !important;
    font-size:12.6px !important;
    line-height:1.5 !important;
  }

  .saer-health-page .saer-field-emblem{
    display:block !important;
    position:absolute !important;
    right:8px !important;
    top:20px !important;
    width:78px !important;
    height:78px !important;
    color:#a99173 !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  .saer-health-page .saer-field-emblem::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border:1px solid rgba(169,145,115,.16) !important;
    border-radius:50% !important;
  }

  .saer-health-page .saer-field-emblem svg{
    width:64px !important;
    height:64px !important;
    margin:7px !important;
    opacity:.30 !important;
    color:#a99173 !important;
  }

  .saer-field-values{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    margin-top:0 !important;
  }

  .saer-field-value,
  .saer-field-value + .saer-field-value{
    min-height:44px !important;
    padding:6px 6px !important;
  }

  .saer-field-value:first-child{padding-left:0 !important;}

  .saer-field-value span{
    font-size:6.5px !important;
    letter-spacing:.10em !important;
  }

  .saer-field-value strong{
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:8.4px !important;
    line-height:1.18 !important;
  }

  .saer-field-tabs{
    min-height:36px !important;
    padding:0 12px !important;
    gap:0 !important;
    margin:0 !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
    display:flex !important;
  }

  .saer-field-tabs a,
  .saer-field-tabs a:nth-child(odd){
    flex:0 0 auto !important;
    min-height:36px !important;
    padding:0 9px !important;
    font-size:8.5px !important;
    border-right:0 !important;
  }

  .saer-field-body{
    padding:18px 18px 0 !important;
  }

  .saer-field-section-head{
    grid-template-columns:18px minmax(0,1fr) !important;
    gap:4px !important;
    margin-bottom:7px !important;
  }

  .saer-field-section-no{
    padding-top:4px !important;
    font-size:7px !important;
  }

  .saer-field-section-head h2{
    font-size:21px !important;
    line-height:1.08 !important;
  }

  .saer-field-section-pro > p,
  .saer-field-section-copy p{
    font-size:12.3px !important;
    line-height:1.5 !important;
  }

  .saer-field-section-pro{
    padding-bottom:18px !important;
    margin-bottom:18px !important;
  }

  .saer-field-discipline-grid,
  .saer-field-topic-list,
  .saer-field-methods{
    margin-top:8px !important;
  }

  .saer-field-discipline,
  .saer-field-topic-list li{
    padding-top:6px !important;
    padding-bottom:6px !important;
    font-size:11.8px !important;
    line-height:1.3 !important;
  }

  .saer-field-methods{
    display:block !important;
    background:#24292d !important;
    border:1px solid #24292d !important;
  }

  .saer-field-method,
  .saer-field-method:nth-child(2n),
  .saer-field-method:nth-child(3n){
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:10px !important;
    min-height:0 !important;
    padding:9px 11px !important;
    background:#24292d !important;
    border:0 !important;
    border-bottom:1px solid #3d4347 !important;
  }

  .saer-field-method:last-child{border-bottom:0 !important;}

  .saer-field-method strong{
    margin:0 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:10.8px !important;
    line-height:1.25 !important;
    color:#d5c1a7 !important;
  }

  .saer-field-method span{
    font-size:10.8px !important;
    line-height:1.35 !important;
    color:#e3e6e7 !important;
  }

  .saer-field-aside-block{
    padding:14px 15px !important;
  }

  .saer-field-aside-block + .saer-field-aside-block{
    margin-top:9px !important;
  }

  .saer-field-aside-block:nth-child(2){
    background:#24292d !important;
    border-color:#24292d !important;
    color:#eef0f1 !important;
  }

  .saer-field-aside-block:nth-child(2) .saer-field-aside-title,
  .saer-field-aside-block:nth-child(2) p,
  .saer-field-aside-block:nth-child(2) strong,
  .saer-field-aside-block:nth-child(2) a:not(.saer-field-submit){
    color:#eef0f1 !important;
  }

  .saer-field-aside-block:nth-child(2) .saer-field-submit{
    background:#b7a184 !important;
    border-color:#b7a184 !important;
    color:#20252a !important;
  }
}

@media (max-width:380px){
  .saer-field-hero-inner{padding-left:16px !important;padding-right:16px !important;}
  .saer-field-hero h1{font-size:26px !important;max-width:75% !important;}
  .saer-health-page .saer-field-emblem{width:70px !important;height:70px !important;right:5px !important;top:22px !important;}
  .saer-health-page .saer-field-emblem svg{width:56px !important;height:56px !important;}
  .saer-field-body{padding-left:16px !important;padding-right:16px !important;}
}

/* ============================================================
   SAER v52 — DESKTOP HERO LOCK
   Desktop only (>=981px). Mobile/tablet untouched.
   Goal: restore wide editorial hero, stronger typography,
   visible subject emblem, and larger navigation labels.
   ============================================================ */

@media (min-width:981px){

  /* Keep the hero compact vertically, but use its width properly */
  .saer-field-hero{
    min-height:228px !important;
    grid-template-columns:minmax(0,1fr) 292px !important;
    align-items:stretch !important;
    background:linear-gradient(90deg,#fbfaf7 0%,#fbfaf7 75%,#f4f0e9 100%) !important;
  }

  /* Move editorial content upward and give it more horizontal room */
  .saer-field-hero-inner{
    align-self:start !important;
    padding:27px 34px 20px !important;
    max-width:none !important;
    width:100% !important;
  }

  .saer-field-eyebrow{
    margin:0 0 8px !important;
    font-size:10px !important;
    line-height:1.2 !important;
    letter-spacing:.17em !important;
    font-weight:700 !important;
  }

  .saer-field-eyebrow::after{
    width:58px !important;
    margin-left:13px !important;
  }

  /* Main field title: wide, one-line where room permits */
  .saer-field-hero h1{
    margin:0 0 10px !important;
    max-width:850px !important;
    width:auto !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:40px !important;
    line-height:1.02 !important;
    letter-spacing:-.03em !important;
    font-weight:700 !important;
    white-space:normal !important;
  }

  /* Broader editorial paragraph — no narrow newspaper column */
  .saer-field-hero-lead{
    max-width:780px !important;
    width:100% !important;
    margin:0 0 14px !important;
    font-size:14.6px !important;
    line-height:1.58 !important;
    letter-spacing:0 !important;
  }

  /* Approach / Scope / Focus: readable publication metadata */
  .saer-field-values{
    max-width:780px !important;
    margin-top:0 !important;
    border-top:1px solid #d8d1c7 !important;
  }

  .saer-field-value,
  .saer-field-value + .saer-field-value{
    min-height:48px !important;
    padding:8px 18px 7px !important;
  }

  .saer-field-value:first-child{
    padding-left:0 !important;
  }

  .saer-field-value span{
    margin:0 0 3px !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:8.7px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    letter-spacing:.11em !important;
    color:#8d765d !important;
  }

  .saer-field-value strong{
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:11.7px !important;
    line-height:1.28 !important;
    font-weight:600 !important;
    color:#2f3539 !important;
  }

  /* Health & Life Sciences emblem: large, faded, actually visible */
  .saer-health-page .saer-field-emblem{
    display:flex !important;
    position:relative !important;
    inset:auto !important;
    width:292px !important;
    height:228px !important;
    min-height:228px !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    opacity:1 !important;
    color:#a99173 !important;
  }

  .saer-health-page .saer-field-emblem::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    width:205px !important;
    height:205px !important;
    border:1px solid rgba(169,145,115,.18) !important;
    border-radius:50% !important;
    background:radial-gradient(circle,rgba(169,145,115,.035) 0%,rgba(169,145,115,0) 70%) !important;
  }

  .saer-health-page .saer-field-emblem svg{
    display:block !important;
    position:relative !important;
    z-index:2 !important;
    width:164px !important;
    height:164px !important;
    opacity:.33 !important;
    color:#a99173 !important;
  }

  /* Bottom navigation: larger and easier to read on desktop */
  .saer-field-tabs{
    min-height:43px !important;
    padding:0 25px !important;
    margin:0 !important;
    gap:0 !important;
    align-items:stretch !important;
  }

  .saer-field-tabs a,
  .saer-field-tabs a:nth-child(odd){
    min-height:43px !important;
    padding:0 15px !important;
    display:inline-flex !important;
    align-items:center !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:10.8px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.005em !important;
  }

  /* Pull body slightly closer to the navigation */
  .saer-field-body{
    padding-top:20px !important;
  }
}

/* ============================================================
   SAER v53 — DEFINITIVE DESKTOP FIELD PAGE RESET
   Desktop only. Mobile/tablet rules intentionally untouched.
   This block explicitly resets the accumulated v44–v52 hero/layout
   rules so the first field page can be locked before replication.
   ============================================================ */
@media (min-width:981px){

  body:has(.saer-field-shell) .pkp_structure_content{
    padding-top:0 !important;
  }

  .saer-field-shell{
    width:min(1180px,calc(100% - 48px)) !important;
    margin:26px auto 64px !important;
  }

  /* HERO — explicit grid reset (critical: previous grid columns had no grid display) */
  .saer-field-hero{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 330px !important;
    align-items:stretch !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    border:1px solid #ded8ce !important;
    background:linear-gradient(90deg,#fbfaf7 0%,#fbfaf7 73%,#f4efe7 100%) !important;
  }

  .saer-field-hero::before,
  .saer-field-hero::after{
    content:none !important;
    display:none !important;
  }

  .saer-field-hero-inner{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    align-self:auto !important;
    padding:34px 44px 28px !important;
  }

  .saer-field-eyebrow{
    display:flex !important;
    align-items:center !important;
    margin:0 0 10px !important;
    color:#947b5e !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
  }

  .saer-field-eyebrow::after{
    content:"" !important;
    display:block !important;
    width:52px !important;
    height:1px !important;
    margin-left:14px !important;
    background:#aa9272 !important;
  }

  .saer-field-hero h1{
    display:block !important;
    width:auto !important;
    max-width:none !important;
    margin:0 0 12px !important;
    color:#22282d !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:38px !important;
    line-height:1.06 !important;
    font-weight:700 !important;
    letter-spacing:-.025em !important;
    white-space:nowrap !important;
  }

  .saer-field-hero-lead{
    width:100% !important;
    max-width:760px !important;
    margin:0 0 18px !important;
    padding:0 !important;
    color:#555c61 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:14px !important;
    line-height:1.68 !important;
    letter-spacing:0 !important;
  }

  .saer-field-hero-lead strong{
    color:#252b2f !important;
    font-weight:700 !important;
  }

  /* Health emblem — real inline SVG from HTML */
  .saer-health-page .saer-field-emblem{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    display:flex !important;
    width:330px !important;
    height:auto !important;
    min-height:246px !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    color:#a78e70 !important;
    opacity:1 !important;
    background:
      radial-gradient(circle at 50% 50%,rgba(167,142,112,.06),rgba(167,142,112,0) 58%) !important;
  }

  .saer-health-page .saer-field-emblem::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    width:224px !important;
    height:224px !important;
    border:1px solid rgba(167,142,112,.20) !important;
    border-radius:50% !important;
    background:transparent !important;
  }

  .saer-health-page .saer-field-emblem svg{
    display:block !important;
    position:relative !important;
    z-index:2 !important;
    width:170px !important;
    height:170px !important;
    margin:0 !important;
    color:#a78e70 !important;
    opacity:.34 !important;
  }

  /* Editorial metadata row */
  .saer-field-values{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:720px !important;
    margin:0 !important;
    border-top:1px solid #d9d2c8 !important;
  }

  .saer-field-value,
  .saer-field-value + .saer-field-value{
    display:block !important;
    min-width:0 !important;
    min-height:52px !important;
    margin:0 !important;
    padding:10px 18px 7px !important;
    border-right:1px solid #ddd6cc !important;
  }

  .saer-field-value:first-child{padding-left:0 !important;}
  .saer-field-value:last-child{border-right:0 !important;}

  .saer-field-value span{
    display:block !important;
    margin:0 0 4px !important;
    color:#806a51 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
  }

  .saer-field-value strong{
    display:block !important;
    margin:0 !important;
    color:#30363a !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:12px !important;
    line-height:1.3 !important;
    font-weight:600 !important;
  }

  /* Tabs: larger, tighter, journal-navigation feel */
  .saer-field-tabs{
    display:flex !important;
    align-items:center !important;
    min-height:46px !important;
    margin:0 !important;
    padding:0 28px !important;
    gap:4px !important;
    border:1px solid #ded8ce !important;
    border-top:0 !important;
    background:#fff !important;
    overflow:visible !important;
    white-space:normal !important;
  }

  .saer-field-tabs a,
  .saer-field-tabs a:nth-child(odd){
    display:inline-flex !important;
    align-items:center !important;
    min-height:46px !important;
    margin:0 !important;
    padding:0 14px !important;
    color:#5a6166 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    border:0 !important;
    text-decoration:none !important;
  }

  .saer-field-tabs a:first-child{
    color:#8d7558 !important;
  }

  /* Body closer to tabs */
  .saer-field-body{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 258px !important;
    gap:36px !important;
    align-items:start !important;
    padding:26px 0 0 !important;
  }

  .saer-field-main{min-width:0 !important;}

  .saer-field-section-pro{
    padding:0 0 26px !important;
    margin:0 0 26px !important;
    border-bottom:1px solid #ded8ce !important;
  }

  .saer-field-section-head{
    display:flex !important;
    align-items:baseline !important;
    gap:10px !important;
    margin:0 0 9px !important;
  }

  .saer-field-section-no{
    flex:0 0 auto !important;
    width:auto !important;
    padding:0 !important;
    color:#9a8061 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
  }

  .saer-field-section-no::before,
  .saer-field-section-no::after{
    content:none !important;
    display:none !important;
  }

  .saer-field-section-head h2{
    margin:0 !important;
    color:#22282d !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:25px !important;
    line-height:1.12 !important;
    font-weight:700 !important;
    letter-spacing:-.015em !important;
  }

  .saer-field-section-pro > p,
  .saer-field-section-copy p{
    margin:0 0 12px !important;
    color:#555d62 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:14px !important;
    line-height:1.67 !important;
  }

  /* Discipline grid: refined line list, no circles/arrows */
  .saer-field-discipline-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:28px !important;
    row-gap:0 !important;
    margin:12px 0 0 !important;
    border-top:1px solid #ded8ce !important;
  }

  .saer-field-discipline{
    position:relative !important;
    min-height:0 !important;
    margin:0 !important;
    padding:8px 6px 8px 14px !important;
    color:#343a3e !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13.2px !important;
    line-height:1.35 !important;
    border:0 !important;
    border-bottom:1px solid #e8e3db !important;
    background:transparent !important;
  }

  .saer-field-discipline::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:6px !important;
    height:1px !important;
    transform:translateY(-50%) !important;
    background:#aa9272 !important;
  }
  .saer-field-discipline::after{content:none !important;display:none !important;}

  /* Topic list: aligned separators, no floating pseudo dashes */
  .saer-field-topic-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:28px !important;
    row-gap:0 !important;
    margin:12px 0 0 !important;
    padding:0 !important;
    list-style:none !important;
    border-top:1px solid #ded8ce !important;
  }

  .saer-field-topic-list li{
    position:relative !important;
    margin:0 !important;
    padding:8px 4px 8px 14px !important;
    color:#3f464b !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13.2px !important;
    line-height:1.35 !important;
    border-bottom:1px solid #e8e3db !important;
    list-style:none !important;
  }
  .saer-field-topic-list li::marker{content:"" !important;}
  .saer-field-topic-list li::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:6px !important;
    height:1px !important;
    transform:translateY(-50%) !important;
    background:#aa9272 !important;
  }
  .saer-field-topic-list li::after{content:none !important;display:none !important;}

  /* Research approaches: back to light editorial table */
  .saer-field-methods{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    margin:12px 0 0 !important;
    padding:0 !important;
    background:#fff !important;
    border:1px solid #ded8ce !important;
  }

  .saer-field-method,
  .saer-field-method:nth-child(2n),
  .saer-field-method:nth-child(3n){
    display:block !important;
    min-height:92px !important;
    margin:0 !important;
    padding:15px 16px 13px !important;
    background:#fff !important;
    border:0 !important;
    border-right:1px solid #e3ddd3 !important;
    border-bottom:1px solid #e3ddd3 !important;
  }
  .saer-field-method:nth-child(3n){border-right:0 !important;}
  .saer-field-method:nth-last-child(-n+3){border-bottom:0 !important;}

  .saer-field-method::before,
  .saer-field-method::after{content:none !important;display:none !important;}

  .saer-field-method strong{
    display:block !important;
    margin:0 0 6px !important;
    color:#2b3034 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:13px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
  }

  .saer-field-method span{
    display:block !important;
    color:#555c61 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13px !important;
    line-height:1.48 !important;
  }

  /* Aside rhythm; only submission/contact stays dark */
  .saer-field-aside-block,
  .saer-field-aside-block + .saer-field-aside-block{
    margin-top:0 !important;
    margin-bottom:12px !important;
    padding:18px 18px !important;
  }

  .saer-field-aside-block:nth-child(1),
  .saer-field-aside-block:nth-child(3){
    background:#fff !important;
    border:1px solid #ded8ce !important;
    color:#4f565a !important;
  }

  .saer-field-aside-block:nth-child(2){
    background:#24292d !important;
    border:1px solid #24292d !important;
    color:#eef0f1 !important;
  }

  .saer-field-aside-block:nth-child(2) .saer-field-aside-title,
  .saer-field-aside-block:nth-child(2) p,
  .saer-field-aside-block:nth-child(2) strong,
  .saer-field-aside-block:nth-child(2) a:not(.saer-field-submit){
    color:#eef0f1 !important;
  }

  .saer-field-aside-block:nth-child(2) .saer-field-submit{
    display:block !important;
    margin-top:14px !important;
    padding:11px 12px !important;
    background:#b7a184 !important;
    border:1px solid #b7a184 !important;
    color:#20252a !important;
    font-size:12.5px !important;
    font-weight:700 !important;
    text-align:center !important;
    text-decoration:none !important;
  }

  .saer-field-section-pro[id]{scroll-margin-top:112px !important;}
}

/* =========================================================
   SAER Journal — v54 Desktop Refinement
   Scope: desktop field pages only. Mobile untouched.
   Fixes: topic dash alignment, methods readability, hero visual,
   section number-heading relationship, light submission/contact card.
   ========================================================= */
@media (min-width: 992px){
  /* 1) Research topics: remove short pseudo dashes entirely */
  .saer-field-topic-list li{
    padding-left:0 !important;
  }
  .saer-field-topic-list li::before,
  .saer-field-topic-list li::after{
    content:none !important;
    display:none !important;
  }

  /* 2) Research approaches: light, readable, editorial */
  .saer-field-methods{
    background:#fff !important;
    border:1px solid #ddd7cd !important;
    box-shadow:none !important;
  }
  .saer-field-method,
  .saer-field-method:nth-child(2n),
  .saer-field-method:nth-child(3n){
    min-height:84px !important;
    padding:13px 15px 12px !important;
    background:#fff !important;
    border-right:1px solid #e5e0d8 !important;
    border-bottom:1px solid #e5e0d8 !important;
  }
  .saer-field-method strong{
    margin-bottom:5px !important;
    color:#272c30 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:13.5px !important;
    line-height:1.22 !important;
    font-weight:700 !important;
  }
  .saer-field-method span{
    color:#555c61 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12.9px !important;
    line-height:1.45 !important;
    opacity:1 !important;
  }

  /* 3) Hero visual: remove empty circle treatment and show the actual SVG */
  .saer-field-hero-visual{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:330px !important;
    min-width:330px !important;
    height:250px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }
  .saer-field-hero-visual::before,
  .saer-field-hero-visual::after{
    content:none !important;
    display:none !important;
  }
  .saer-field-hero-visual svg{
    display:block !important;
    width:230px !important;
    height:230px !important;
    max-width:none !important;
    opacity:.16 !important;
    color:#9f896f !important;
    stroke:currentColor !important;
    fill:none !important;
  }
  .saer-field-hero-visual svg *{
    stroke:currentColor !important;
    fill:none !important;
  }

  /* 4) Section numbers + headings: one coherent editorial line */
  .saer-field-section-pro > .saer-field-section-heading,
  .saer-field-section-pro .saer-field-section-heading{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 0 10px !important;
    padding:0 !important;
    max-width:none !important;
  }
  .saer-field-section-heading > span{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    flex:0 0 auto !important;
    margin:0 !important;
    color:#9f896f !important;
    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.10em !important;
  }
  .saer-field-section-heading > span::after{
    content:"" !important;
    display:block !important;
    width:28px !important;
    height:1px !important;
    background:#b7a184 !important;
  }
  .saer-field-section-heading h2{
    margin:0 !important;
    color:#22272b !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:27px !important;
    line-height:1.12 !important;
    letter-spacing:-.012em !important;
    font-weight:700 !important;
  }

  /* 5) Submission/contact card: return to light publisher style */
  .saer-field-aside-block:nth-child(2){
    background:#fff !important;
    border:1px solid #ddd7cd !important;
    color:#4d5459 !important;
    box-shadow:none !important;
  }
  .saer-field-aside-block:nth-child(2) .saer-field-aside-title,
  .saer-field-aside-block:nth-child(2) p,
  .saer-field-aside-block:nth-child(2) strong,
  .saer-field-aside-block:nth-child(2) a:not(.saer-field-submit){
    color:#3e454a !important;
  }
  .saer-field-aside-block:nth-child(2) .saer-field-submit{
    display:block !important;
    margin-top:14px !important;
    padding:10px 12px !important;
    background:#b7a184 !important;
    border:1px solid #b7a184 !important;
    color:#20252a !important;
    font-size:12.5px !important;
    font-weight:700 !important;
    text-align:center !important;
    text-decoration:none !important;
  }
}
/* SAER v55 – Desktop readability + hero icon fix
   Apply AFTER the previous field-page CSS.
   Desktop-only refinements for Sağlık ve Yaşam Bilimleri page system. */

@media (min-width: 1025px) {
  /* Base shell */
  .saer-field-shell {
    max-width: 1360px;
    margin: 0 auto;
  }

  /* Hero: restore editorial layout, make it wider and more elegant */
  .saer-field-hero {
    display: grid !important;
    grid-template-columns: minmax(700px, 1.28fr) minmax(260px, 0.72fr) !important;
    align-items: center;
    gap: 52px !important;
    padding: 58px 60px 34px !important;
    min-height: auto !important;
    background: #f7f4ef !important;
    border: 1px solid #ddd5c8 !important;
    position: relative;
    overflow: hidden;
  }

  .saer-field-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0));
  }

  .saer-field-hero-inner {
    max-width: 820px !important;
    position: relative;
    z-index: 2;
  }

  .saer-field-eyebrow {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 0 16px !important;
    color: #9b7d58 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase;
  }

  .saer-field-eyebrow::after {
    content: "";
    width: 74px;
    height: 1px;
    background: #b89f79;
    display: block;
  }

  .saer-field-hero h1 {
    margin: 0 0 20px !important;
    max-width: 780px !important;
    color: #1f252c !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 4.2rem !important;
    line-height: 0.98 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
  }

  .saer-field-hero-lead {
    max-width: 760px !important;
    margin: 0 !important;
    color: #4a525b !important;
    font-size: 1.18rem !important;
    line-height: 1.78 !important;
    font-weight: 400 !important;
  }

  .saer-field-hero-lead strong {
    color: #20262c !important;
    font-weight: 700 !important;
  }

  .saer-field-values {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 !important;
    max-width: 760px !important;
    margin-top: 34px !important;
    padding-top: 0 !important;
    border-top: 1px solid #d4cabc !important;
  }

  .saer-field-value {
    padding: 16px 18px 0 0 !important;
    min-height: 98px;
    border-right: 1px solid #d4cabc !important;
  }

  .saer-field-value:last-child { border-right: 0 !important; }

  .saer-field-value span {
    display: block;
    margin-bottom: 10px !important;
    color: #4a4d52 !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
  }

  .saer-field-value strong {
    display: block;
    color: #1f252c !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.08rem !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  /* Right emblem: show the actual health icon clearly */
  .saer-health-page .saer-field-emblem {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 300px;
    position: relative;
    z-index: 1;
    color: rgba(184, 159, 121, 0.88) !important;
  }

  .saer-health-page .saer-field-emblem::before {
    content: "";
    position: absolute;
    width: 372px;
    height: 372px;
    border-radius: 50%;
    border: 1px solid rgba(200, 184, 163, 0.52);
    background:
      radial-gradient(circle at 50% 50%, rgba(255,255,255,0.88) 0%, rgba(250,247,242,0.72) 45%, rgba(242,236,227,0.24) 100%);
  }

  .saer-health-page .saer-field-emblem svg {
    position: relative;
    width: 260px !important;
    height: 260px !important;
    overflow: visible;
    z-index: 2;
  }

  .saer-health-page .saer-field-emblem svg circle {
    stroke: rgba(198, 182, 160, 0.44) !important;
    stroke-width: 1.8 !important;
  }

  .saer-health-page .saer-field-emblem svg path {
    stroke: rgba(177, 151, 114, 0.92) !important;
  }

  /* Tabs: slightly larger and closer to next content */
  .saer-field-tabs {
    margin-top: 0 !important;
    border: 1px solid #ddd5c8 !important;
    border-top: 0 !important;
    background: #fbfaf7 !important;
    padding: 0 28px !important;
    display: flex !important;
    gap: 26px !important;
    align-items: center;
    min-height: 56px !important;
  }

  .saer-field-tabs a {
    display: inline-flex !important;
    align-items: center;
    height: 56px !important;
    color: #55606a !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 2px solid transparent !important;
  }

  .saer-field-tabs a:hover,
  .saer-field-tabs a:focus {
    color: #1f252c !important;
    border-bottom-color: #b89f79 !important;
  }

  .saer-field-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1.72fr) minmax(290px, 0.62fr) !important;
    gap: 46px !important;
    margin-top: 28px !important;
    align-items: start;
  }

  .saer-field-main { min-width: 0; }

  /* Section headings */
  .saer-field-section-pro {
    margin-bottom: 44px !important;
    padding-bottom: 8px;
    border-bottom: 1px solid #dfd7cb;
  }

  .saer-field-section-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
  }

  .saer-field-section-no {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    min-width: 44px;
    color: #a58156 !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1;
  }

  .saer-field-section-no::after {
    content: "";
    width: 26px;
    height: 1px;
    background: #b89f79;
    display: inline-block;
  }

  .saer-field-section-head h2 {
    margin: 0 !important;
    color: #1f252c !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 2.32rem !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
  }

  .saer-field-section-pro > p,
  .saer-field-section-copy p,
  .saer-field-bottom-note {
    color: #4b5560 !important;
    font-size: 1.07rem !important;
    line-height: 1.78 !important;
  }

  /* Discipline list */
  .saer-field-discipline-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 22px !important;
    margin-top: 16px !important;
  }

  .saer-field-discipline {
    position: relative;
    padding: 13px 28px 13px 22px !important;
    border-bottom: 1px solid #ddd5c8 !important;
    color: #26303a !important;
    font-size: 1.02rem !important;
    line-height: 1.48 !important;
    background: transparent !important;
  }

  .saer-field-discipline::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 9px;
    height: 9px;
    margin-top: -4.5px;
    border: 1.6px solid #b2966f;
    border-radius: 50%;
    box-sizing: border-box;
  }

  .saer-field-discipline::after {
    content: "›";
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    color: #a7875b;
    font-size: 1.28rem;
    line-height: 1;
  }

  /* Topic list: fix misaligned dashes */
  .saer-field-topic-list {
    list-style: none !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px !important;
  }

  .saer-field-topic-list li {
    position: relative;
    margin: 0 !important;
    padding: 12px 0 12px 18px !important;
    color: #25303a !important;
    font-size: 1rem !important;
    line-height: 1.52 !important;
    border-bottom: 1px solid #ddd5c8 !important;
  }

  .saer-field-topic-list li::before {
    content: "" !important;
    position: absolute;
    left: 0;
    top: 22px;
    width: 8px;
    height: 1px;
    background: #b89f79;
  }

  /* Methods: restore readability */
  .saer-field-methods {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 !important;
    margin-top: 16px !important;
    border: 1px solid #d8d0c3 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    background: #fff !important;
  }

  .saer-field-method {
    min-height: 174px;
    padding: 22px 20px 20px !important;
    border-right: 1px solid #d8d0c3 !important;
    border-bottom: 1px solid #d8d0c3 !important;
    background: #fff !important;
    color: #1f252c !important;
  }

  .saer-field-method strong {
    display: block !important;
    margin-bottom: 10px !important;
    color: #1f252c !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.08rem !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
  }

  .saer-field-method span {
    display: block !important;
    color: #394550 !important;
    opacity: 1 !important;
    font-size: 1.04rem !important;
    line-height: 1.62 !important;
    font-weight: 400 !important;
  }

  /* Aside blocks remain white and cleaner */
  .saer-field-aside-inner {
    display: grid;
    gap: 18px;
  }

  .saer-field-aside-block {
    background: #fff !important;
    border: 1px solid #d9d2c6 !important;
    padding: 24px 22px !important;
    color: #28313a !important;
  }

  .saer-field-aside-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px !important;
    color: #2a3137 !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.16em;
  }

  .saer-field-aside-title::before {
    content: "";
    width: 9px;
    height: 9px;
    border: 1.5px solid #b4976d;
    border-radius: 50%;
    box-sizing: border-box;
  }

  .saer-field-aside-block p,
  .saer-field-aside-links a,
  .saer-field-contact a {
    color: #404a54 !important;
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
  }

  .saer-field-contact strong,
  .saer-field-aside-block p strong {
    color: #1f252c !important;
  }

  .saer-field-aside-links {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .saer-field-aside-links li {
    margin: 0;
    border-top: 1px solid #e1d9cd;
  }

  .saer-field-aside-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    text-decoration: none;
  }

  .saer-field-aside-links a::after {
    content: "›";
    color: #a7875b;
    font-size: 1.1rem;
  }

  .saer-field-submit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    margin-top: 8px !important;
    background: #c3ad8a !important;
    color: #1f252c !important;
    font-weight: 700 !important;
    text-decoration: none;
    border: 1px solid #c3ad8a !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  }

  .saer-field-submit:hover,
  .saer-field-submit:focus {
    background: #b69c74 !important;
    border-color: #b69c74 !important;
    color: #151a1f !important;
  }

  .saer-field-bottom-note {
    margin-top: 8px !important;
    padding-top: 14px !important;
    border-top: 1px solid #ddd5c8;
  }
}

/* END SAER v56 FULL */

/* =========================================================
   SAER Journal v58 — Subject Page Master Template
   Reference-matched publisher layout
   ========================================================= */
body:has(.saer-subject-page) .pkp_structure_content,
body:has(.saer-subject-page) .pkp_structure_main {
  width: 100% !important;
  max-width: none !important;
}
body:has(.saer-subject-page) .pkp_structure_main {
  float: none !important;
  padding-right: 0 !important;
}
body:has(.saer-subject-page) .pkp_structure_sidebar,
body:has(.saer-subject-page) .pkp_structure_main:after,
body:has(.saer-subject-page) .page.page_static > h1,
body:has(.saer-subject-page) .page.page_static > .cmp_breadcrumbs,
body:has(.saer-subject-page) .page.page_static > .breadcrumbs,
body:has(.saer-subject-page) .page.page_static .cmp_breadcrumbs {
  display: none !important;
}

.saer-subject-page {
  --sp-ink:#20262c;
  --sp-text:#515b64;
  --sp-muted:#737b82;
  --sp-line:#ddd5c9;
  --sp-accent:#a9875e;
  --sp-accent-dark:#8e6f4d;
  --sp-paper:#f7f4ef;
  --sp-white:#fffdfa;
  width:min(1360px,calc(100% - 56px));
  margin:34px auto 80px;
  color:var(--sp-ink);
  font-family:Arial,Helvetica,sans-serif;
}
.saer-subject-page *{box-sizing:border-box}

.saer-subject-hero{
  display:grid;
  grid-template-columns:minmax(0,1.48fr) minmax(420px,.86fr);
  min-height:360px;
  border:1px solid var(--sp-line);
  background:var(--sp-paper);
  overflow:hidden;
}
.saer-subject-hero-copy{
  padding:48px 44px 32px;
  align-self:center;
}
.saer-subject-kicker{
  display:flex;align-items:center;gap:16px;
  margin:0 0 14px;
  color:var(--sp-accent-dark);
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
}
.saer-subject-kicker:after{content:"";width:56px;height:1px;background:var(--sp-accent)}
.saer-subject-hero h1{
  margin:0 0 16px;
  color:var(--sp-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,4.1vw,64px);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:700;
  white-space:nowrap;
}
.saer-subject-lead{
  max-width:760px;
  margin:0;
  color:var(--sp-text);
  font-size:15.5px;
  line-height:1.75;
}
.saer-subject-lead strong{color:var(--sp-ink)}
.saer-subject-highlights{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:740px;
  margin-top:28px;
}
.saer-subject-highlights>div{
  padding:0 26px 0 18px;
  border-left:1px solid #cdbfac;
}
.saer-subject-highlights>div:first-child{padding-left:0;border-left:0}
.saer-subject-highlights span{
  display:block;margin-bottom:5px;
  color:var(--sp-accent-dark);
  font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
}
.saer-subject-highlights strong{
  display:block;color:#31373c;
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;line-height:1.25;font-weight:700;
}
.saer-subject-hero-media{position:relative;margin:0;min-height:360px;overflow:hidden;background:#e9e4dc}
.saer-subject-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.saer-subject-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,244,239,.48) 0%,rgba(247,244,239,.06) 34%,rgba(0,0,0,0) 68%);pointer-events:none}
.saer-subject-hero-media figcaption{
  position:absolute;z-index:2;left:34px;top:50%;transform:translateY(-50%);
  width:150px;color:#725d47;font-family:Georgia,"Times New Roman",serif;
  font-size:22px;line-height:1.18;font-style:italic;
}

.saer-subject-tabs{
  display:flex;align-items:center;gap:42px;
  min-height:58px;padding:0 44px;
  border:1px solid var(--sp-line);border-top:0;background:#fffdfa;
}
.saer-subject-tabs a{
  position:relative;display:flex;align-items:center;height:58px;
  color:#59636b;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;
}
.saer-subject-tabs a:first-child{color:var(--sp-accent-dark);font-weight:700}
.saer-subject-tabs a:first-child:after,.saer-subject-tabs a:hover:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sp-accent)
}

.saer-subject-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 300px;
  gap:28px;margin-top:18px;align-items:start;
}
.saer-subject-main{min-width:0}
.saer-subject-section{
  padding:24px 28px 26px;
  border:1px solid var(--sp-line);
  background:rgba(255,253,250,.86);
  scroll-margin-top:110px;
}
.saer-subject-section+ .saer-subject-section{margin-top:16px}
.saer-subject-heading-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}
.saer-subject-heading-row>div{display:flex;align-items:center;gap:15px}
.saer-subject-no{color:var(--sp-accent);font-family:Georgia,"Times New Roman",serif;font-size:15px;line-height:1;font-weight:700}
.saer-subject-heading-row h2{
  margin:0;color:var(--sp-ink);font-family:Georgia,"Times New Roman",serif;
  font-size:29px;line-height:1.15;letter-spacing:-.02em;font-weight:700;
}
.saer-subject-intro,.saer-subject-section>p,.saer-subject-text p{margin:0;color:var(--sp-text);font-size:14px;line-height:1.68}

.saer-subject-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.saer-subject-feature-card{margin:0;padding:0;background:transparent}
.saer-subject-feature-card img{width:100%;aspect-ratio:1.65/1;display:block;object-fit:cover;border:1px solid #e1dbd1}
.saer-subject-feature-card h3{margin:8px 0 4px;color:#22292f;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.2}
.saer-subject-feature-card p{margin:0;color:#667078;font-size:12px;line-height:1.5}
.saer-subject-extra-fields{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 18px;
  margin-top:18px;padding-top:12px;border-top:1px solid var(--sp-line);
}
.saer-subject-extra-fields span{padding:8px 0;border-bottom:1px solid #e7e1d8;color:#59636c;font-size:11.5px;line-height:1.35}

.saer-subject-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.saer-subject-two-col .saer-subject-section{margin-top:0}
.saer-subject-list{list-style:none;margin:12px 0 0;padding:0}
.saer-subject-list li{position:relative;padding:8px 0 8px 22px;border-bottom:1px solid #e6dfd5;color:#58626b;font-size:12.5px;line-height:1.42}
.saer-subject-list li:before{content:"";position:absolute;left:0;top:50%;width:9px;height:1px;background:var(--sp-accent);transform:translateY(-50%)}

.saer-subject-text{margin-top:16px}
.saer-subject-text .saer-subject-heading-row h2{font-size:25px}

.saer-subject-aside{min-width:0}
.saer-subject-aside-card,.saer-subject-quote{
  margin:0 0 14px;padding:20px 18px;background:#fffdfa;border:1px solid var(--sp-line)
}
.saer-subject-aside-card h3{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#252b31;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.15}
.saer-subject-aside-card h3:after{content:"";width:38px;height:1px;background:#b79a74}
.saer-subject-aside-card dl{margin:0}
.saer-subject-aside-card dl>div{padding:8px 0;border-bottom:1px solid #e5ded4}
.saer-subject-aside-card dt{margin:0 0 3px;color:#30373d;font-size:11px;font-weight:700}
.saer-subject-aside-card dd{margin:0;color:#6b747b;font-size:11.5px;line-height:1.5}
.saer-subject-submit{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:14px;padding:12px 14px;background:#aa855c;color:#fff !important;
  text-decoration:none;font-size:12px;font-weight:700;border:1px solid #aa855c
}
.saer-subject-submit:hover{background:#91704d;border-color:#91704d}
.saer-subject-aside-card ul{list-style:none;margin:0;padding:0}
.saer-subject-aside-card li{margin:0;border-bottom:1px solid #e5ded4}
.saer-subject-aside-card li:last-child{border-bottom:0}
.saer-subject-aside-card li a{display:flex;justify-content:space-between;gap:12px;padding:9px 0;color:#59636b;text-decoration:none;font-size:11.5px}
.saer-subject-contact p{margin:0 0 10px;color:#697279;font-size:11.5px;line-height:1.55}
.saer-subject-contact>a{color:#8f704e;font-size:12px;font-weight:700;text-decoration:none}
.saer-subject-quote{min-height:128px;background:linear-gradient(135deg,#f1ece4 0%,#faf8f4 70%);display:flex;flex-direction:column;justify-content:center}
.saer-subject-quote p{margin:0 0 14px;color:#8d6f4e;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.3;font-style:italic}
.saer-subject-quote span{color:#9c876e;font-size:9px;font-weight:700;letter-spacing:.2em}

@media (max-width:1100px){
  .saer-subject-page{width:min(100% - 32px,1360px)}
  .saer-subject-hero{grid-template-columns:minmax(0,1.35fr) minmax(330px,.85fr)}
  .saer-subject-hero h1{font-size:44px}
  .saer-subject-tabs{gap:26px;padding:0 28px;overflow-x:auto}
  .saer-subject-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}
}

@media (max-width:820px){
  .saer-subject-page{width:100%;margin:0 auto 50px}
  .saer-subject-hero{display:block;border-left:0;border-right:0;min-height:0}
  .saer-subject-hero-copy{padding:30px 24px 24px}
  .saer-subject-hero h1{white-space:normal;font-size:36px;line-height:1.05}
  .saer-subject-lead{font-size:14.5px;line-height:1.7}
  .saer-subject-highlights{grid-template-columns:1fr;gap:0;margin-top:22px;border-top:1px solid #d8cec0}
  .saer-subject-highlights>div{padding:10px 0;border-left:0;border-bottom:1px solid #e4ddd2}
  .saer-subject-hero-media{min-height:220px}
  .saer-subject-hero-media figcaption{font-size:18px;width:120px;left:24px}
  .saer-subject-tabs{padding:0 20px;gap:24px;border-left:0;border-right:0;min-height:52px;overflow-x:auto}
  .saer-subject-tabs a{height:52px;font-size:12px}
  .saer-subject-layout{display:block;margin-top:12px}
  .saer-subject-main{padding:0 14px}
  .saer-subject-section{padding:20px 16px}
  .saer-subject-heading-row>div{gap:10px}
  .saer-subject-heading-row h2{font-size:24px}
  .saer-subject-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .saer-subject-extra-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
  .saer-subject-two-col{grid-template-columns:1fr;gap:12px}
  .saer-subject-aside{padding:12px 14px 0}
}

/* ============================================================
   SAER v59 — SUBJECT PAGE MASTER SYSTEM
   Final master for field pages. Exact selectors match the new
   .saer-subject-* HTML supplied in chat.
   Desktop / tablet / mobile are intentionally separated.
   ============================================================ */

/* ---------- Subject page isolation ---------- */
body:has(.saer-subject-page) .pkp_structure_content,
body:has(.saer-subject-page) .pkp_structure_main{
  width:100%!important;
  max-width:none!important;
}
body:has(.saer-subject-page) .pkp_structure_main{
  float:none!important;
  padding:0!important;
}
body:has(.saer-subject-page) .pkp_structure_sidebar,
body:has(.saer-subject-page) .page.page_static > h1,
body:has(.saer-subject-page) .page.page_static > .cmp_breadcrumbs,
body:has(.saer-subject-page) .page.page_static > .breadcrumbs,
body:has(.saer-subject-page) .page.page_static .cmp_breadcrumbs{
  display:none!important;
}
body:has(.saer-subject-page) .page.page_static{
  margin:0!important;
  padding:0!important;
}

.saer-subject-page{
  --sj-ink:#21272d;
  --sj-text:#4f5962;
  --sj-muted:#727a82;
  --sj-line:#dfd8cd;
  --sj-line-strong:#d1c7b9;
  --sj-accent:#a8865e;
  --sj-accent-dark:#876845;
  --sj-paper:#f7f4ef;
  --sj-paper-2:#fbf9f5;
  --sj-white:#fff;
  width:min(1380px,calc(100% - 48px));
  margin:28px auto 78px;
  color:var(--sj-ink);
  font-family:Arial,Helvetica,sans-serif;
}
.saer-subject-page *{box-sizing:border-box}
.saer-subject-page img{display:block;max-width:100%}

/* ---------- HERO ---------- */
.saer-subject-hero{
  display:grid;
  grid-template-columns:minmax(0,1.23fr) minmax(420px,.77fr);
  min-height:330px;
  overflow:hidden;
  border:1px solid var(--sj-line);
  background:var(--sj-paper);
}
.saer-subject-hero-copy{
  position:relative;
  z-index:2;
  align-self:center;
  padding:42px 46px 36px;
}
.saer-subject-kicker{
  display:flex;
  align-items:center;
  gap:16px;
  margin:0 0 13px;
  color:var(--sj-accent-dark);
  font-size:10.5px;
  line-height:1;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.saer-subject-kicker::after{
  content:"";
  width:54px;
  height:1px;
  flex:0 0 54px;
  background:var(--sj-accent);
}
.saer-subject-hero h1{
  margin:0 0 15px!important;
  max-width:none!important;
  color:var(--sj-ink)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:48px!important;
  line-height:1.01!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
  white-space:nowrap;
}
.saer-subject-lead{
  max-width:760px;
  margin:0!important;
  color:var(--sj-text)!important;
  font-size:14.5px!important;
  line-height:1.68!important;
  font-weight:400!important;
}
.saer-subject-lead strong{
  color:var(--sj-ink)!important;
  font-weight:700!important;
}
.saer-subject-hero-note{
  display:flex;
  align-items:center;
  gap:15px;
  margin-top:18px;
  color:#886d4e;
}
.saer-subject-hero-note > span{
  width:34px;
  height:1px;
  flex:0 0 34px;
  background:var(--sj-accent);
}
.saer-subject-hero-note em{
  font-family:Georgia,"Times New Roman",serif;
  font-size:14px;
  line-height:1.35;
  color:#8b7255;
}
.saer-subject-hero-media{
  position:relative;
  min-height:330px;
  overflow:hidden;
  background:#e8e3da;
}
.saer-subject-hero-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(247,244,239,.42) 0%,rgba(247,244,239,.12) 24%,rgba(247,244,239,0) 50%);
}
.saer-subject-hero-media img{
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
  object-position:center;
}

/* ---------- PAGE NAV ---------- */
.saer-subject-nav{
  display:flex;
  align-items:center;
  gap:38px;
  min-height:54px;
  padding:0 44px;
  margin:0;
  border:1px solid var(--sj-line);
  border-top:0;
  background:#fff;
  overflow-x:auto;
  scrollbar-width:none;
}
.saer-subject-nav::-webkit-scrollbar{display:none}
.saer-subject-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  height:54px;
  flex:0 0 auto;
  color:#59636c;
  font-size:12.5px;
  font-weight:500;
  text-decoration:none!important;
  white-space:nowrap;
}
.saer-subject-nav a:first-child{
  color:var(--sj-accent-dark);
  font-weight:700;
}
.saer-subject-nav a:first-child::after,
.saer-subject-nav a:hover::after,
.saer-subject-nav a:focus::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--sj-accent);
}

/* ---------- MAIN LAYOUT ---------- */
.saer-subject-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 292px;
  gap:24px;
  align-items:start;
  margin-top:20px;
}
.saer-subject-main{min-width:0}
.saer-subject-sidebar{min-width:0}

/* ---------- SECTIONS ---------- */
.saer-subject-section{
  margin:0;
  padding:24px 26px 26px;
  border:1px solid var(--sj-line);
  background:rgba(255,255,255,.72);
  scroll-margin-top:112px;
}
.saer-subject-section + .saer-subject-section{margin-top:14px}
.saer-subject-section-header{margin:0 0 10px}
.saer-subject-section-header > div{
  display:flex;
  align-items:center;
  gap:12px;
}
.saer-subject-number{
  display:inline-flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
  color:var(--sj-accent-dark);
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  line-height:1;
  font-weight:700;
}
.saer-subject-number::after{
  content:"";
  width:24px;
  height:1px;
  background:var(--sj-accent);
}
.saer-subject-section-header h2{
  margin:0!important;
  color:var(--sj-ink)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:27px!important;
  line-height:1.13!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
}
.saer-subject-section-intro,
.saer-subject-text p,
.saer-subject-scope-note p{
  margin:0;
  color:var(--sj-text);
  font-size:13.5px;
  line-height:1.68;
}
.saer-subject-text p + p{margin-top:10px}

/* ---------- FEATURE / IMAGE CARDS ---------- */
.saer-subject-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  margin-top:18px;
}
.saer-subject-feature{
  margin:0;
  padding:0;
  background:transparent;
}
.saer-subject-feature-image{
  overflow:hidden;
  background:#ebe6de;
  border:1px solid #e1dad0;
}
.saer-subject-feature-image img{
  width:100%;
  aspect-ratio:1.68/1;
  object-fit:cover;
  transition:transform .25s ease;
}
.saer-subject-feature:hover .saer-subject-feature-image img{transform:scale(1.018)}
.saer-subject-feature h3{
  margin:9px 0 4px!important;
  color:#252c32!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.saer-subject-feature p{
  margin:0;
  color:#68717a;
  font-size:11.8px;
  line-height:1.5;
}

/* ---------- EXTRA DISCIPLINES ---------- */
.saer-subject-discipline-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 22px;
  margin-top:18px;
  border-top:1px solid var(--sj-line);
}
.saer-subject-discipline-list > div{
  padding:9px 2px;
  color:#59636c;
  font-size:11.8px;
  line-height:1.35;
  border-bottom:1px solid #e8e2d9;
}

/* ---------- 02 + 03 TWO-COLUMN ---------- */
.saer-subject-dual-section{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.saer-subject-dual-section .saer-subject-section{margin-top:0}
.saer-subject-list{
  list-style:none!important;
  margin:12px 0 0!important;
  padding:0!important;
}
.saer-subject-list li{
  position:relative;
  margin:0!important;
  padding:8px 0 8px 18px!important;
  color:#59636c!important;
  font-size:12.1px!important;
  line-height:1.42!important;
  border-bottom:1px solid #e8e2d9!important;
}
.saer-subject-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:8px;
  height:1px;
  transform:translateY(-50%);
  background:var(--sj-accent);
}

/* ---------- SCOPE NOTE ---------- */
.saer-subject-scope-note{
  margin-top:14px;
  padding:16px 18px;
  border-top:1px solid var(--sj-line-strong);
  border-bottom:1px solid var(--sj-line);
  background:rgba(255,255,255,.35);
}
.saer-subject-scope-note strong{
  display:block;
  margin-bottom:5px;
  color:#343b42;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* ---------- SIDEBAR ---------- */
.saer-subject-sidebar{
  position:relative;
}
.saer-subject-sidebox,
.saer-subject-side-note{
  margin:0 0 14px;
  padding:18px 18px 17px;
  border:1px solid var(--sj-line);
  background:#fff;
}
.saer-subject-sidebox-title{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 13px;
  color:#252c32;
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  line-height:1.15;
  font-weight:700;
}
.saer-subject-sidebox-title::after{
  content:"";
  width:36px;
  height:1px;
  background:var(--sj-accent);
}
.saer-subject-facts{
  margin:0;
}
.saer-subject-facts > div{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:8px;
  padding:8px 0;
  border-bottom:1px solid #e8e2d9;
}
.saer-subject-facts > div:last-child{border-bottom:0}
.saer-subject-facts dt{
  margin:0;
  color:#3c454d;
  font-size:10.8px;
  line-height:1.4;
  font-weight:700;
}
.saer-subject-facts dd{
  margin:0;
  color:#68717a;
  font-size:10.8px;
  line-height:1.45;
}
.saer-subject-submission p{
  margin:0 0 12px;
  color:#68717a;
  font-size:11.3px;
  line-height:1.55;
}
.saer-subject-submit-button{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:42px;
  padding:10px 13px;
  margin:0 0 10px;
  color:#fff!important;
  background:#a88359;
  border:1px solid #a88359;
  text-decoration:none!important;
  font-size:11.6px;
  font-weight:700;
  transition:background .2s ease,border-color .2s ease;
}
.saer-subject-submit-button:hover,
.saer-subject-submit-button:focus{
  background:#8f6d48;
  border-color:#8f6d48;
}
.saer-subject-email{
  display:inline-block;
  color:#826849!important;
  font-size:11.2px;
  font-weight:700;
  text-decoration:none!important;
}
.saer-subject-related{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.saer-subject-related li{
  margin:0!important;
  border-bottom:1px solid #e8e2d9;
}
.saer-subject-related li:last-child{border-bottom:0}
.saer-subject-related a{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  color:#59636c!important;
  text-decoration:none!important;
  font-size:11.4px;
  line-height:1.35;
}
.saer-subject-related a span:last-child{color:#a78359}
.saer-subject-side-note{
  min-height:116px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(135deg,#f1ece4 0%,#faf8f4 72%);
}
.saer-subject-side-note em{
  display:block;
  margin-bottom:13px;
  color:#8b6d4e;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.38;
}
.saer-subject-side-note span{
  color:#9a846b;
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.2em;
}

/* ============================================================
   DESKTOP — LOCKED SEPARATELY
   ============================================================ */
@media (min-width:992px){
  .saer-subject-hero h1{
    font-size:48px!important;
    white-space:nowrap!important;
  }
  .saer-subject-layout{
    grid-template-columns:minmax(0,1fr) 292px!important;
  }
  .saer-subject-sidebar{
    position:sticky;
    top:118px;
  }
}

/* ============================================================
   TABLET — INDEPENDENT
   ============================================================ */
@media (min-width:768px) and (max-width:991px){
  .saer-subject-page{
    width:min(100% - 28px,960px);
    margin:20px auto 60px;
  }
  .saer-subject-hero{
    grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
    min-height:292px;
  }
  .saer-subject-hero-copy{padding:32px 30px 28px}
  .saer-subject-hero h1{
    font-size:36px!important;
    white-space:normal!important;
  }
  .saer-subject-lead{font-size:13.4px!important}
  .saer-subject-hero-media,
  .saer-subject-hero-media img{min-height:292px}
  .saer-subject-nav{gap:26px;padding:0 26px}
  .saer-subject-layout{
    grid-template-columns:minmax(0,1fr) 250px;
    gap:16px;
  }
  .saer-subject-section{padding:21px 20px}
  .saer-subject-section-header h2{font-size:24px!important}
  .saer-subject-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .saer-subject-discipline-list{grid-template-columns:1fr}
  .saer-subject-dual-section{grid-template-columns:1fr}
}

/* ============================================================
   MOBILE — SEPARATE DESIGN, DOES NOT REUSE DESKTOP SIZING
   ============================================================ */
@media (max-width:767px){
  body:has(.saer-subject-page) .pkp_structure_content{
    padding-top:0!important;
  }
  .saer-subject-page{
    width:100%;
    margin:0 auto 44px;
  }
  .saer-subject-hero{
    display:block;
    min-height:0;
    border-left:0;
    border-right:0;
  }
  .saer-subject-hero-copy{
    padding:24px 20px 22px;
  }
  .saer-subject-kicker{
    margin-bottom:10px;
    font-size:9px;
    gap:10px;
    letter-spacing:.18em;
  }
  .saer-subject-kicker::after{
    width:34px;
    flex-basis:34px;
  }
  .saer-subject-hero h1{
    margin-bottom:12px!important;
    font-size:31px!important;
    line-height:1.04!important;
    letter-spacing:-.025em!important;
    white-space:normal!important;
  }
  .saer-subject-lead{
    max-width:none;
    font-size:13.6px!important;
    line-height:1.65!important;
  }
  .saer-subject-hero-note{
    margin-top:14px;
  }
  .saer-subject-hero-note em{
    font-size:12.5px;
  }
  .saer-subject-hero-media,
  .saer-subject-hero-media img{
    min-height:200px;
    height:200px;
  }
  .saer-subject-hero-media img{
    object-position:center 40%;
  }
  .saer-subject-hero-media::before{
    background:linear-gradient(180deg,rgba(247,244,239,.14) 0%,rgba(247,244,239,0) 38%);
  }

  .saer-subject-nav{
    min-height:48px;
    padding:0 18px;
    gap:24px;
    border-left:0;
    border-right:0;
  }
  .saer-subject-nav a{
    height:48px;
    font-size:11.5px;
  }

  .saer-subject-layout{
    display:block;
    margin-top:12px;
  }
  .saer-subject-main{
    padding:0 12px;
  }
  .saer-subject-sidebar{
    padding:12px 12px 0;
  }
  .saer-subject-section{
    padding:18px 15px 20px;
    border-left:0;
    border-right:0;
    scroll-margin-top:92px;
  }
  .saer-subject-section-header > div{
    gap:9px;
  }
  .saer-subject-number{
    font-size:11px;
    gap:7px;
  }
  .saer-subject-number::after{
    width:18px;
  }
  .saer-subject-section-header h2{
    font-size:22px!important;
    line-height:1.12!important;
  }
  .saer-subject-section-intro,
  .saer-subject-text p,
  .saer-subject-scope-note p{
    font-size:13px;
    line-height:1.62;
  }

  .saer-subject-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 10px;
  }
  .saer-subject-feature h3{
    font-size:14.5px!important;
  }
  .saer-subject-feature p{
    font-size:11.2px;
  }

  .saer-subject-discipline-list{
    grid-template-columns:1fr;
    gap:0;
  }
  .saer-subject-discipline-list > div{
    padding:8px 0;
    font-size:11.7px;
  }

  .saer-subject-dual-section{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:12px;
  }
  .saer-subject-list li{
    padding:8px 0 8px 16px!important;
    font-size:11.8px!important;
    line-height:1.4!important;
  }

  .saer-subject-scope-note{
    margin:12px 0 0;
    padding:14px 15px;
  }

  .saer-subject-sidebox,
  .saer-subject-side-note{
    margin-bottom:12px;
    padding:16px;
  }
  .saer-subject-sidebox-title{
    font-size:18px;
  }
  .saer-subject-facts > div{
    grid-template-columns:96px minmax(0,1fr);
  }
  .saer-subject-submit-button{
    min-height:44px;
  }
}

/* ============================================================================
   SAER JOURNAL — v60 SUBJECT MASTER / DESKTOP REFINEMENT
   Health & Life Sciences master page
   Purpose: editorial hierarchy, lighter content blocks, compact sidebar,
   image-first hero. Desktop layer only; mobile rules from v59 remain intact.
   ============================================================================ */

@media (min-width:1025px){

  /* --- OJS static-page chrome: custom subject page is the only page title --- */
  body:has(.saer-subject-page) .page.page_static > h1,
  body:has(.saer-subject-page) .page.page_static > .cmp_breadcrumbs,
  body:has(.saer-subject-page) .page.page_static > .breadcrumbs,
  body:has(.saer-subject-page) .page.page_static .cmp_breadcrumbs,
  body:has(.saer-subject-page) .page.page_static nav.cmp_breadcrumbs{
    display:none!important;
  }

  /* --- overall page proportions --- */
  .saer-subject-page{
    width:min(1360px,calc(100% - 56px));
    margin-top:24px;
    margin-bottom:84px;
  }

  /* --- hero: image-led, compact, editorial --- */
  .saer-subject-hero{
    grid-template-columns:minmax(0,1.22fr) minmax(430px,.78fr);
    min-height:318px;
    border-color:#ddd5c9;
    background:#f7f4ef;
  }
  .saer-subject-hero-copy{
    padding:40px 46px 34px;
  }
  .saer-subject-kicker{
    margin-bottom:14px;
    font-size:10.25px;
    letter-spacing:.21em;
  }
  .saer-subject-hero h1{
    margin-bottom:14px!important;
    font-size:45px!important;
    line-height:1.02!important;
    letter-spacing:-.032em!important;
    white-space:nowrap!important;
  }
  .saer-subject-lead{
    max-width:760px;
    font-size:14.25px!important;
    line-height:1.67!important;
  }
  .saer-subject-hero-note{
    margin-top:16px;
  }
  .saer-subject-hero-note em{
    font-size:13.2px;
  }
  .saer-subject-hero-media{
    min-height:318px;
    background:#e7e2da;
  }
  .saer-subject-hero-media img{
    min-height:318px;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .saer-subject-hero-media::before{
    background:linear-gradient(90deg,rgba(247,244,239,.34) 0%,rgba(247,244,239,.08) 25%,rgba(247,244,239,0) 48%);
  }

  /* --- in-page navigation: thinner and quieter --- */
  .saer-subject-nav{
    min-height:50px;
    height:50px;
    padding:0 42px;
    gap:34px;
    border-color:#e2dcd2;
  }
  .saer-subject-nav a{
    height:50px;
    font-size:12px;
  }

  /* --- main / sidebar balance --- */
  .saer-subject-layout{
    grid-template-columns:minmax(0,1fr) 272px;
    gap:24px;
    margin-top:22px;
  }

  /* --- editorial sections: remove the heavy card feeling --- */
  .saer-subject-main > .saer-subject-section,
  .saer-subject-dual-section > .saer-subject-section{
    padding:24px 4px 28px!important;
    border:0!important;
    border-top:1px solid #ddd5ca!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .saer-subject-main > .saer-subject-section:first-child{
    padding-top:6px!important;
    border-top:0!important;
  }
  .saer-subject-section + .saer-subject-section{
    margin-top:4px!important;
  }
  .saer-subject-dual-section{
    gap:30px;
    margin-top:0;
    border-top:1px solid #ddd5ca;
  }
  .saer-subject-dual-section > .saer-subject-section{
    border-top:0!important;
    margin:0!important;
    padding-top:24px!important;
  }
  .saer-subject-dual-section > .saer-subject-section + .saer-subject-section{
    position:relative;
  }
  .saer-subject-dual-section > .saer-subject-section + .saer-subject-section::before{
    content:"";
    position:absolute;
    top:24px;
    bottom:28px;
    left:-15px;
    width:1px;
    background:#e6dfd5;
  }

  /* --- section headings: number / rule / title system --- */
  .saer-subject-section-header{
    margin-bottom:12px;
  }
  .saer-subject-section-header > div{
    gap:11px;
  }
  .saer-subject-number{
    color:#aa8a66;
    font-size:13px;
    letter-spacing:.02em;
  }
  .saer-subject-number::after{
    width:27px;
    background:#b79a78;
  }
  .saer-subject-section-header h2{
    font-size:26px!important;
    line-height:1.15!important;
    letter-spacing:-.016em!important;
  }
  .saer-subject-section-intro,
  .saer-subject-text p,
  .saer-subject-scope-note p{
    font-size:13.5px;
    line-height:1.68;
  }

  /* --- four scope images: less card-like, slightly wider cinematic crop --- */
  .saer-subject-feature-grid{
    gap:17px;
    margin-top:20px;
  }
  .saer-subject-feature-image{
    border:0;
    background:#ebe6de;
    box-shadow:inset 0 0 0 1px rgba(60,52,43,.06);
  }
  .saer-subject-feature-image img{
    aspect-ratio:1.72 / 1;
  }
  .saer-subject-feature h3{
    margin-top:10px!important;
    margin-bottom:4px!important;
    font-size:16.2px!important;
  }
  .saer-subject-feature p{
    font-size:11.85px;
    line-height:1.5;
  }

  /* --- discipline rows: quiet reference-list treatment --- */
  .saer-subject-discipline-list{
    margin-top:20px;
    gap:0 28px;
    border-top-color:#ded7cd;
  }
  .saer-subject-discipline-list > div{
    padding:9px 1px;
    color:#56616a;
    font-size:11.9px;
    border-bottom-color:#e9e3db;
  }

  /* --- topic / approach lists --- */
  .saer-subject-list{
    margin-top:13px!important;
  }
  .saer-subject-list li{
    padding:8px 0!important;
    color:#56616a!important;
    font-size:12.15px!important;
    line-height:1.43!important;
    border-bottom:1px solid #e9e3db!important;
  }
  .saer-subject-list li::before{
    display:none!important;
  }

  /* --- scope assessment: editorial note, not a box --- */
  .saer-subject-scope-note{
    margin-top:4px;
    padding:17px 4px 4px;
    border:0;
    border-top:1px solid #d9d1c5;
    background:transparent;
  }
  .saer-subject-scope-note strong{
    margin-bottom:7px;
    color:#866c4d;
    font-size:10.5px;
    letter-spacing:.10em;
  }

  /* --- SIDEBAR: smaller, lighter, more publisher-like --- */
  .saer-subject-sidebar{
    padding-top:0;
  }
  .saer-subject-sidebox{
    margin-bottom:12px;
    padding:15px 15px 14px;
    border:1px solid #dfd8ce;
    background:#fff;
    box-shadow:none;
  }
  .saer-subject-sidebox-title{
    gap:9px;
    margin-bottom:10px;
    font-size:16.5px;
    line-height:1.2;
  }
  .saer-subject-sidebox-title::after{
    width:26px;
    background:#b59672;
  }

  /* Field Information: compact two-column facts */
  .saer-subject-facts > div{
    grid-template-columns:76px minmax(0,1fr);
    gap:8px;
    padding:7px 0;
    border-bottom-color:#ebe5dc;
  }
  .saer-subject-facts dt{
    color:#3f474e;
    font-size:10.1px;
    line-height:1.35;
    font-weight:700;
  }
  .saer-subject-facts dd{
    color:#6a7279;
    font-size:10.15px;
    line-height:1.4;
  }

  /* Submission & contact: compact CTA */
  .saer-subject-submission p{
    margin-bottom:10px;
    font-size:10.8px;
    line-height:1.48;
  }
  .saer-subject-submit-button{
    min-height:39px;
    padding:8px 11px;
    margin-bottom:8px;
    font-size:10.9px;
  }
  .saer-subject-email{
    font-size:10.7px;
    line-height:1.3;
  }

  /* Related pages: slightly denser */
  .saer-subject-related a{
    padding:7.5px 0;
    font-size:10.9px;
  }

  /* Legacy quote card is intentionally suppressed in the new master HTML. */
  .saer-subject-side-note{
    display:none!important;
  }
}

/* ============================================================================
   END v60 DESKTOP REFINEMENT
   ============================================================================ */

/* ========================================================================== 
   SAER v61 — FINAL DESKTOP MICRO-TUNE
   Scope: only hero horizontal balance + compact sidebar typography.
   Everything else from v60 remains unchanged.
   ========================================================================== */
@media (min-width: 1025px){

  /* Move the hero editorial block slightly inward from the left edge. */
  .saer-subject-page .saer-subject-hero-copy{
    padding-left:68px!important;
    padding-right:42px!important;
  }

  /* Sidebar: lighter visual hierarchy and genuinely compact type. */
  .saer-subject-page .saer-subject-sidebar .saer-subject-sidebox{
    padding:13px 14px 12px!important;
    margin-bottom:11px!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-sidebox-title{
    margin:0 0 8px!important;
    gap:8px!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:700!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-sidebox-title::after{
    width:24px!important;
  }

  /* Field information: enforce two clean columns and prevent joined text. */
  .saer-subject-page .saer-subject-sidebar .saer-subject-facts{
    margin:0!important;
    padding:0!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-facts > div{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    column-gap:10px!important;
    align-items:start!important;
    padding:6px 0!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-facts dt,
  .saer-subject-page .saer-subject-sidebar .saer-subject-facts dd{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-facts dt{
    color:#414950!important;
    font-size:9.7px!important;
    line-height:1.35!important;
    font-weight:700!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-facts dd{
    color:#68717a!important;
    font-size:9.85px!important;
    line-height:1.38!important;
    font-weight:400!important;
  }

  /* Submission block */
  .saer-subject-page .saer-subject-sidebar .saer-subject-submission p{
    margin:0 0 9px!important;
    font-size:9.7px!important;
    line-height:1.45!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-submit-button{
    min-height:36px!important;
    padding:7px 10px!important;
    margin-bottom:7px!important;
    font-size:9.9px!important;
    line-height:1.2!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-email{
    font-size:9.55px!important;
    line-height:1.25!important;
  }

  /* Related pages */
  .saer-subject-page .saer-subject-sidebar .saer-subject-related a{
    padding:6px 0!important;
    font-size:9.7px!important;
    line-height:1.3!important;
  }
}

/* ========================================================================== 
   SAER v62 — OJS DUPLICATE HEADER + SIDEBAR FINAL BALANCE
   Full file: v61 preserved above. This layer only corrects the two remaining
   desktop issues without altering the approved main-content design.
   ========================================================================== */

/* Hide OJS' native breadcrumb + duplicated static-page title ONLY on pages
   using the SAER subject master. The custom hero remains untouched. */
body:has(.saer-subject-page) .page.page_static > .cmp_breadcrumbs,
body:has(.saer-subject-page) .page.page_static > .page_title,
body:has(.saer-subject-page) .page.page_static > h1,
body:has(.saer-subject-page) .pkp_structure_main > .page.page_static > .cmp_breadcrumbs,
body:has(.saer-subject-page) .pkp_structure_main > .page.page_static > .page_title,
body:has(.saer-subject-page) .pkp_structure_main > .page.page_static > h1 {
  display:none!important;
}

/* Remove the empty spacing left by the native OJS page header. */
body:has(.saer-subject-page) .page.page_static {
  padding-top:0!important;
  margin-top:0!important;
}

@media (min-width:1025px){
  /* Keep the approved hero positioning. */
  .saer-subject-page{
    margin-top:18px!important;
  }

  /* Sidebar container rhythm. */
  .saer-subject-page .saer-subject-sidebar{
    gap:12px!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-sidebox{
    padding:15px 15px 14px!important;
    margin:0!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-sidebox-title{
    margin:0 0 10px!important;
    font-size:15px!important;
    line-height:1.18!important;
    font-weight:700!important;
  }

  /* New robust fact-row HTML. CKEditor/OJS cannot collapse labels into values. */
  .saer-subject-page .saer-subject-facts-clean{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }

  .saer-subject-page .saer-subject-fact-row{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    padding:7px 0!important;
    border-top:1px solid rgba(183,161,132,.30)!important;
  }

  .saer-subject-page .saer-subject-fact-row:first-child{
    border-top:0!important;
    padding-top:0!important;
  }

  .saer-subject-page .saer-subject-fact-label,
  .saer-subject-page .saer-subject-fact-value{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }

  .saer-subject-page .saer-subject-fact-label{
    color:#30363b!important;
    font-size:10.7px!important;
    line-height:1.38!important;
    font-weight:700!important;
  }

  .saer-subject-page .saer-subject-fact-value{
    color:#5f6870!important;
    font-size:10.8px!important;
    line-height:1.42!important;
    font-weight:400!important;
  }

  /* Submission/contact: larger than v61, still compact and editorial. */
  .saer-subject-page .saer-subject-sidebar .saer-subject-submission p{
    margin:0 0 10px!important;
    color:#626a70!important;
    font-size:10.8px!important;
    line-height:1.48!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-submit-button{
    min-height:39px!important;
    padding:8px 11px!important;
    margin:0 0 9px!important;
    font-size:10.8px!important;
    line-height:1.2!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-email{
    display:inline-block!important;
    margin-top:1px!important;
    font-size:10.4px!important;
    line-height:1.3!important;
    font-weight:600!important;
  }

  .saer-subject-page .saer-subject-sidebar .saer-subject-related a{
    padding:7px 0!important;
    font-size:10.5px!important;
    line-height:1.32!important;
  }
}

/* Mobile gets its own readable scale; desktop rules above stay isolated. */
@media (max-width:1024px){
  .saer-subject-facts-clean{display:block!important;margin:0!important;padding:0!important;}
  .saer-subject-fact-row{
    display:grid!important;
    grid-template-columns:minmax(100px,38%) minmax(0,1fr)!important;
    gap:12px!important;
    padding:9px 0!important;
    border-top:1px solid rgba(183,161,132,.30)!important;
  }
  .saer-subject-fact-row:first-child{border-top:0!important;}
  .saer-subject-fact-label{font-weight:700!important;}
  .saer-subject-fact-label,
  .saer-subject-fact-value{font-size:12.5px!important;line-height:1.45!important;}
}

/* ========================================================================== 
   END SAER v62
   ========================================================================== */

/* ========================================================================== 
   SAER v63 FINAL TUNE
   Only two approved changes:
   1) Hide OJS breadcrumb + duplicated static-page title on subject pages.
   2) Add breathing room between sidebar boxes and slightly open internal rows.
   ========================================================================== */

/* 1) OJS breadcrumb + duplicated page title: remove only on SAER subject pages */
body:has(.saer-subject-page) .cmp_breadcrumbs,
body:has(.saer-subject-page) .page.page_static > h1,
body:has(.saer-subject-page) .page_static > h1,
body:has(.saer-subject-page) .page_title {
  display:none!important;
}

/* 2) Sidebar spacing: structure, sizing and typography otherwise unchanged */
.saer-subject-page .saer-subject-sidebar {
  gap:16px!important;
}

.saer-subject-page .saer-subject-sidebox {
  margin:0!important;
}

.saer-subject-page .saer-subject-sidebox-title {
  margin-bottom:14px!important;
}

.saer-subject-page .saer-subject-fact-row {
  padding-top:9px!important;
  padding-bottom:9px!important;
}

.saer-subject-page .saer-subject-related li a {
  padding-top:9px!important;
  padding-bottom:9px!important;
}

/* ========================================================================== 
   END SAER v63 FINAL TUNE
   ========================================================================== */

/* =========================================================
   SAER v64 — TÜM ALAN SAYFALARI / ALAN BİLGİSİ KOMPAKT DÜZELTME
   Yalnız ortak sidebar bilgi tipografisini düzenler.
   ========================================================= */
.saer-subject-facts {
  margin: 0 !important;
}

.saer-subject-facts > div {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  align-items: start !important;
  padding: 8px 0 !important;
}

.saer-subject-facts dt {
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  color: #25292d !important;
}

.saer-subject-facts dd {
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: #4f565a !important;
}

.saer-subject-sidebox-title {
  font-size: 15px !important;
}


/* ==========================================================================
   SAER v66 — LANGUAGE SWITCHER FIX + AMAÇ/KAPSAM
   IMPORTANT:
   - Existing stylesheet above is untouched.
   - Replaces the failed v65 language positioning approach.
   - Native OJS language links are placed at the TOP-RIGHT OF CONTENT,
     not fixed to the viewport and not left in the sidebar.
   ========================================================================== */

/* ---------- LANGUAGE SWITCHER / DESKTOP ---------- */
@media (min-width:992px){

  /* Make the whole content shell the positioning reference. */
  .pkp_structure_content{
    position:relative !important;
  }

  /* The native sidebar must not become the positioning reference. */
  .pkp_structure_sidebar{
    position:static !important;
  }

  /* Move only the OJS language block to a compact top-right utility position. */
  .block_language_toggle{
    position:absolute !important;
    top:16px !important;
    right:26px !important;
    z-index:50 !important;

    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .block_language_toggle .title{
    display:none !important;
  }

  .block_language_toggle .content{
    margin:0 !important;
    padding:0 !important;
  }

  .block_language_toggle .content ul{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  .block_language_toggle .content li{
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  .block_language_toggle .content li + li::before{
    content:"/" !important;
    margin:0 7px !important;
    color:#B59A76 !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  .block_language_toggle .content a{
    display:inline-block !important;
    margin:0 !important;
    padding:3px 0 !important;

    color:#626A70 !important;
    background:transparent !important;
    border:0 !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    letter-spacing:.02em !important;
    text-decoration:none !important;
  }

  .block_language_toggle .content a:hover,
  .block_language_toggle .content a:focus{
    color:#20262B !important;
    text-decoration:none !important;
  }

  /* If the OJS sidebar contains ONLY Language, collapse its column completely. */
  .pkp_structure_sidebar:has(> .block_language_toggle):not(:has(> .pkp_block:not(.block_language_toggle))){
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    flex:0 0 0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:visible !important;
  }
}


/* ---------- AMAÇ VE KAPSAM / .saer-aims-v8 ---------- */

body:has(.saer-aims-v8) .pkp_structure_content{
  max-width:1240px !important;
}

body:has(.saer-aims-v8) .pkp_structure_main{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  padding-right:0 !important;
}

body:has(.saer-aims-v8) .pkp_structure_sidebar{
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  flex:0 0 0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:visible !important;
}

.saer-aims-v8{
  width:min(1120px,calc(100% - 48px)) !important;
  max-width:none !important;
  margin:0 auto 72px !important;
  color:#4F575D !important;
}

.saer-aims-v8 > div{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 300px !important;
  gap:42px !important;
  align-items:start !important;
}

/* Avoid repeating "Amaç ve Kapsam" inside the custom content. */
.saer-aims-v8 main > section:first-child > div:first-child{
  display:none !important;
}

.saer-aims-v8 main > section:first-child{
  padding:4px 0 36px !important;
  border-bottom:1px solid #D9D2C8 !important;
}

.saer-aims-v8 main > section:first-child > p:first-of-type{
  max-width:820px !important;
  margin:0 0 17px !important;
  color:#273038 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:22px !important;
  line-height:1.52 !important;
}

.saer-aims-v8 main > section:first-child > p:last-of-type{
  max-width:835px !important;
  margin:0 !important;
  color:#61696F !important;
  font-size:13.5px !important;
  line-height:1.76 !important;
}

/* Mission/Vision: one restrained editorial white panel. */
.saer-aims-v8 > div > aside{
  position:static !important;
  top:auto !important;
  align-self:start !important;
}

.saer-aims-v8 > div > aside > section{
  margin:0 !important;
  padding:25px 25px 22px !important;
  background:#FFF !important;
  border:1px solid #D9D2C8 !important;
  border-top:2px solid #B59672 !important;
  box-shadow:none !important;
}

.saer-aims-v8 > div > aside > section > div{
  color:#94795A !important;
  font-size:9px !important;
  font-weight:700 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.saer-aims-v8 > div > aside h3{
  margin:0 0 10px !important;
  color:#262C31 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:18px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}

.saer-aims-v8 > div > aside p{
  margin:0 !important;
  color:#697176 !important;
  font-size:11.5px !important;
  line-height:1.67 !important;
}

.saer-aims-v8 > div > aside a{
  color:#8C704F !important;
  font-size:11.5px !important;
  text-decoration:none !important;
}

/* Publication fields: academic reference-list treatment, not cards. */
.saer-aims-v8 main > section:nth-child(2){
  padding:40px 0 42px !important;
  border-bottom:1px solid #D9D2C8 !important;
}

.saer-aims-v8 main > section:nth-child(2) > div:last-child{
  border-top:1px solid #D9D2C8 !important;
}

.saer-aims-v8 main > section:nth-child(2) > div:last-child > a{
  display:grid !important;
  grid-template-columns:minmax(220px,260px) minmax(0,1fr) 22px !important;
  gap:20px !important;
  align-items:center !important;
  min-height:70px !important;
  padding:13px 4px !important;
  border:0 !important;
  border-bottom:1px solid #E4DED6 !important;
  background:transparent !important;
  color:inherit !important;
  text-decoration:none !important;
}

.saer-aims-v8 main > section:nth-child(2) > div:last-child > a:hover{
  padding-left:12px !important;
  padding-right:12px !important;
  background:#F4F0EA !important;
}

.saer-aims-v8 main > section:nth-child(2) > div:last-child strong{
  color:#262C31 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:15px !important;
  line-height:1.3 !important;
}

.saer-aims-v8 main > section:nth-child(2) > div:last-child span{
  color:#747C81 !important;
  font-size:10.5px !important;
  line-height:1.45 !important;
}

/* Publication types */
.saer-aims-v8 main > section:nth-child(3){
  padding:34px 0 12px !important;
}

.saer-aims-v8 main > section:nth-child(3) > div:last-child{
  border-top:1px solid #D9D2C8 !important;
}

.saer-aims-v8 main > section:nth-child(3) > div:last-child > span{
  color:#454D52 !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
  border-bottom:1px solid #E4DED6 !important;
}


/* ---------- TABLET / MOBILE ---------- */
@media (max-width:991px){

  /* Do not force desktop relocation on mobile. */
  .block_language_toggle{
    position:static !important;
    width:auto !important;
    margin:0 !important;
  }

  .saer-aims-v8{
    width:min(100% - 30px,1120px) !important;
  }

  .saer-aims-v8 > div{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
}

@media (max-width:620px){

  .saer-aims-v8 main > section:first-child > p:first-of-type{
    font-size:19px !important;
  }

  .saer-aims-v8 main > section:nth-child(2) > div:last-child > a{
    grid-template-columns:1fr 22px !important;
    gap:6px 12px !important;
  }

  .saer-aims-v8 main > section:nth-child(2) > div:last-child > a > span:nth-child(2){
    grid-column:1 !important;
  }

  .saer-aims-v8 main > section:nth-child(2) > div:last-child > a > span:last-child{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
  }

  .saer-aims-v8 main > section:nth-child(3) > div:last-child > span{
    width:100% !important;
  }
}

/* ==========================================================================
   END SAER v66
   ========================================================================== */

/* ==========================================================================
   SAER v72 — HEADER MASTER CLEAN
   IMPORTANT
   - Built directly from the last clean master ending at v66.
   - v67–v71 are NOT included in this file.
   - Desktop header has one final authority layer only.
   - Mobile/tablet OJS header structure is intentionally left untouched.
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-h72-ink:#20262B;
    --saer-h72-muted:#646B70;
    --saer-h72-paper:#F3F0EA;
    --saer-h72-white:#FFFFFF;
    --saer-h72-line:#DED7CD;
    --saer-h72-gold:#B69468;
    --saer-h72-gold-dark:#9B7952;
    --saer-h72-max:1240px;
    --saer-h72-top:30px;
    --saer-h72-main:80px;
  }

  /* ==========================================================
     HEADER SHELL
     ========================================================== */
  .pkp_structure_head{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
    min-height:calc(var(--saer-h72-top) + var(--saer-h72-main)) !important;
    background:
      linear-gradient(
        to bottom,
        var(--saer-h72-paper) 0,
        var(--saer-h72-paper) var(--saer-h72-top),
        var(--saer-h72-white) var(--saer-h72-top),
        var(--saer-h72-white) 100%
      ) !important;
    border-top:0 !important;
    border-bottom:1px solid var(--saer-h72-line) !important;
    box-shadow:0 4px 18px rgba(32,38,43,.045) !important;
  }

  /* Real editorial utility text. Right side is intentionally reserved
     for the real OJS language switcher + account. */
  .pkp_structure_head::before{
    content:"ULUSLARARASI  ·  MULTİDİSİPLİNER  ·  HAKEMLİ  ·  AÇIK ERİŞİM   |   e-ISSN: XXXX-XXXX" !important;
    position:absolute !important;
    top:0 !important;
    left:max(24px,calc((100% - var(--saer-h72-max))/2 + 24px)) !important;
    width:min(720px,calc(100% - 430px)) !important;
    height:var(--saer-h72-top) !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    color:var(--saer-h72-muted) !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9.2px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.045em !important;
    pointer-events:none !important;
  }

  .pkp_structure_head::after{
    content:none !important;
    display:none !important;
  }

  /* ==========================================================
     MAIN HEADER ROW
     ========================================================== */
  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    position:relative !important;
    width:min(100%,var(--saer-h72-max)) !important;
    max-width:var(--saer-h72-max) !important;
    min-height:var(--saer-h72-main) !important;
    margin:0 auto !important;
    padding:var(--saer-h72-top) 24px 0 !important;
    display:flex !important;
    align-items:center !important;
    gap:42px !important;
    box-sizing:border-box !important;
  }

  /* ==========================================================
     LOGO
     ========================================================== */
  .pkp_site_name_wrapper{
    position:static !important;
    flex:0 0 190px !important;
    width:190px !important;
    min-height:var(--saer-h72-main) !important;
    height:var(--saer-h72-main) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    background:transparent !important;
  }

  .pkp_site_name{
    position:static !important;
    width:auto !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    background:transparent !important;
  }

  .pkp_site_name .is_img{
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:176px !important;
    max-height:58px !important;
    object-fit:contain !important;
  }

  /* ==========================================================
     NAVIGATION LAYOUT
     ========================================================== */
  .pkp_site_nav_menu{
    position:static !important;
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    min-height:var(--saer-h72-main) !important;
    height:var(--saer-h72-main) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .pkp_navigation_primary_row{
    position:static !important;
    flex:1 1 auto !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    background:transparent !important;
    border:0 !important;
  }

  .pkp_navigation_primary_wrapper{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    background:transparent !important;
  }

  .pkp_navigation_primary{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 208px 0 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
    box-sizing:border-box !important;
    list-style:none !important;
  }

  .pkp_navigation_primary > li{
    position:relative !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_navigation_primary > li > a{
    position:relative !important;
    min-height:40px !important;
    margin:0 !important;
    padding:0 3px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#252B30 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    line-height:1.15 !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  .pkp_navigation_primary > li:not(:first-child) > a::after{
    content:"" !important;
    position:absolute !important;
    left:3px !important;
    right:3px !important;
    bottom:1px !important;
    height:1px !important;
    background:var(--saer-h72-gold) !important;
    transform:scaleX(0) !important;
    transform-origin:center !important;
    transition:transform .16s ease !important;
  }

  .pkp_navigation_primary > li:not(:first-child) > a:hover,
  .pkp_navigation_primary > li:not(:first-child) > a:focus{
    color:#856847 !important;
    background:transparent !important;
  }

  .pkp_navigation_primary > li:not(:first-child) > a:hover::after,
  .pkp_navigation_primary > li:not(:first-child) > a:focus::after{
    transform:scaleX(1) !important;
  }

  /* Hide the duplicate text Search item from the primary menu. */
  .pkp_navigation_primary > li:has(> a[href*="/search"]){
    display:none !important;
  }

  /* ==========================================================
     SUBMISSION CTA
     First menu item = Makale Gönder in the current menu.
     ========================================================== */
  .pkp_navigation_primary > li:first-child{
    position:absolute !important;
    top:50% !important;
    right:0 !important;
    z-index:4 !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
  }

  .pkp_navigation_primary > li:first-child > a{
    min-width:138px !important;
    min-height:42px !important;
    padding:0 19px !important;
    background:var(--saer-h72-gold) !important;
    color:#171B1F !important;
    border:1px solid var(--saer-h72-gold) !important;
    border-radius:3px !important;
    box-shadow:none !important;
    font-size:12px !important;
    font-weight:700 !important;
  }

  .pkp_navigation_primary > li:first-child > a::after{
    content:none !important;
    display:none !important;
  }

  .pkp_navigation_primary > li:first-child > a:hover,
  .pkp_navigation_primary > li:first-child > a:focus{
    background:var(--saer-h72-gold-dark) !important;
    border-color:var(--saer-h72-gold-dark) !important;
    color:#fff !important;
  }

  /* ==========================================================
     SEARCH
     ========================================================== */
  .pkp_navigation_search_wrapper{
    position:absolute !important;
    top:50% !important;
    right:153px !important;
    z-index:5 !important;
    width:42px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    transform:translateY(-50%) !important;
  }

  .pkp_navigation_search_wrapper a{
    position:relative !important;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#23292E !important;
    background:#fff !important;
    border:1px solid #D7D0C7 !important;
    border-radius:50% !important;
    font-size:0 !important;
    text-decoration:none !important;
    opacity:1 !important;
    box-sizing:border-box !important;
  }

  .pkp_navigation_search_wrapper a::before{
    content:"" !important;
    width:13px !important;
    height:13px !important;
    border:1.5px solid currentColor !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
  }

  .pkp_navigation_search_wrapper a::after{
    content:"" !important;
    position:absolute !important;
    width:6px !important;
    height:1.5px !important;
    background:currentColor !important;
    transform:translate(6px,6px) rotate(45deg) !important;
    transform-origin:center !important;
  }

  .pkp_navigation_search_wrapper a:hover,
  .pkp_navigation_search_wrapper a:focus{
    color:#8A6D4D !important;
    border-color:#C3B49F !important;
  }

  /* ==========================================================
     REAL OJS LANGUAGE SWITCHER
     No fake TR/EN/AR text is generated here.
     We keep the REAL <a> links and only replace their visible labels.
     ========================================================== */

  /* If an older rule hid the sidebar, revive the container without
     bringing back a visible sidebar column. */
  .pkp_structure_sidebar:has(.block_language_toggle){
    display:block !important;
    position:static !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    flex:0 0 0 !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:visible !important;
    background:transparent !important;
  }

  .block_language_toggle{
    position:fixed !important;
    top:0 !important;
    right:max(116px,calc((100vw - var(--saer-h72-max))/2 + 116px)) !important;
    z-index:1205 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:var(--saer-h72-top) !important;
    margin:0 !important;
    padding:0 14px 0 0 !important;
    display:flex !important;
    align-items:center !important;
    background:var(--saer-h72-paper) !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .block_language_toggle .title{
    display:none !important;
  }

  .block_language_toggle .content{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
  }

  .block_language_toggle .content ul{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  .block_language_toggle .content li{
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  .block_language_toggle .content li + li::before{
    content:"|" !important;
    margin:0 7px !important;
    color:#B9A789 !important;
    font-size:8px !important;
    line-height:1 !important;
  }

  /* Keep the real links clickable. */
  .block_language_toggle .content a{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:var(--saer-h72-top) !important;
    margin:0 !important;
    padding:0 !important;
    color:#535B60 !important;
    background:transparent !important;
    border:0 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:0 !important;
    line-height:1 !important;
    font-weight:600 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  /* Common OJS locale URL patterns */
  .block_language_toggle a[href*="/tr/"]::after,
  .block_language_toggle a[href*="locale=tr"]::after{
    content:"TR" !important;
  }

  .block_language_toggle a[href*="/en/"]::after,
  .block_language_toggle a[href*="locale=en"]::after{
    content:"EN" !important;
  }

  .block_language_toggle a[href*="/ar/"]::after,
  .block_language_toggle a[href*="locale=ar"]::after{
    content:"AR" !important;
  }

  .block_language_toggle .content a::after{
    color:#535B60;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9.6px;
    line-height:1;
    font-weight:700;
    letter-spacing:.035em;
  }

  .block_language_toggle .content a:hover::after,
  .block_language_toggle .content a:focus::after{
    color:#1F252A;
  }

  /* Fallback: if OJS uses an unexpected locale URL, do not make the
     link invisible. Show the original text instead. */
  .block_language_toggle .content a:not([href*="/tr/"]):not([href*="/en/"]):not([href*="/ar/"]):not([href*="locale=tr"]):not([href*="locale=en"]):not([href*="locale=ar"]){
    font-size:9.6px !important;
  }

  /* ==========================================================
     ACCOUNT — right edge of real utility strip
     ========================================================== */
  .pkp_navigation_user_wrapper{
    position:fixed !important;
    top:0 !important;
    right:max(24px,calc((100vw - var(--saer-h72-max))/2 + 24px)) !important;
    z-index:1210 !important;
    width:auto !important;
    height:var(--saer-h72-top) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    background:var(--saer-h72-paper) !important;
    border:0 !important;
  }

  .pkp_navigation_user_wrapper::before{
    content:"" !important;
    width:1px !important;
    height:10px !important;
    margin:0 9px 0 0 !important;
    background:#C8BAA6 !important;
  }

  .pkp_navigation_user{
    width:auto !important;
    max-width:none !important;
    height:var(--saer-h72-top) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    font-size:9.5px !important;
  }

  .pkp_navigation_user > li{
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_navigation_user > li > a{
    min-height:var(--saer-h72-top) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    color:#535B60 !important;
    background:transparent !important;
    border:0 !important;
    font-size:9.5px !important;
    line-height:1 !important;
    font-weight:500 !important;
    text-decoration:none !important;
  }

  /* ==========================================================
     DROPDOWNS
     ========================================================== */
  .pkp_navigation_primary ul,
  .pkp_navigation_user ul{
    background:#fff !important;
    border:1px solid #DDD6CC !important;
    border-radius:2px !important;
    box-shadow:0 16px 36px rgba(30,35,39,.11) !important;
  }

  .pkp_navigation_primary ul a,
  .pkp_navigation_user ul a{
    color:#2B3136 !important;
    background:#fff !important;
    font-size:12.3px !important;
    font-weight:500 !important;
  }

  .pkp_navigation_primary ul a:hover,
  .pkp_navigation_user ul a:hover{
    color:#856847 !important;
    background:#F8F5F0 !important;
  }
}

/* Desktop tightening only — still NO mobile override. */
@media (min-width:992px) and (max-width:1180px){

  .pkp_structure_head::before{
    left:20px !important;
    width:calc(100% - 390px) !important;
    font-size:8.5px !important;
    letter-spacing:.03em !important;
  }

  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    padding-left:20px !important;
    padding-right:20px !important;
    gap:22px !important;
  }

  .pkp_site_name_wrapper{
    flex-basis:166px !important;
    width:166px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    max-width:154px !important;
  }

  .pkp_navigation_primary{
    gap:9px !important;
    padding-right:194px !important;
  }

  .pkp_navigation_primary > li > a{
    font-size:11.2px !important;
  }

  .pkp_navigation_primary > li:first-child > a{
    min-width:130px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .pkp_navigation_search_wrapper{
    right:144px !important;
  }

  .pkp_navigation_user_wrapper{
    right:20px !important;
  }

  .block_language_toggle{
    right:112px !important;
  }
}

/* ==========================================================================
   END SAER v72 HEADER MASTER CLEAN
   ========================================================================== */

/* ==========================================================================
   SAER v73 — MANUAL HEADER LANGUAGE LINKS FIX
   Base: v72
   Fixes the manually added .saer_header_languages links.
   Desktop only; mobile remains untouched.
   ========================================================================== */

@media (min-width:992px){

  /* Manual language switcher added in header.tpl */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    position:fixed !important;
    top:0 !important;
    right:max(122px,calc((100vw - 1240px)/2 + 122px)) !important;
    z-index:1300 !important;

    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:30px !important;

    margin:0 !important;
    padding:0 12px 0 0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;

    background:#F3F0EA !important;
    border:0 !important;
    box-shadow:none !important;

    color:#545C61 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9.7px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;

    opacity:1 !important;
    visibility:visible !important;
    overflow:visible !important;
    transform:none !important;
  }

  /* IMPORTANT: reset every inherited navigation rule that was making
     the anchor text invisible while leaving its clickable box present. */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    position:static !important;

    width:auto !important;
    min-width:18px !important;
    max-width:none !important;
    height:30px !important;
    min-height:30px !important;

    margin:0 !important;
    padding:0 1px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#4F575D !important;
    -webkit-text-fill-color:#4F575D !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9.7px !important;
    line-height:30px !important;
    font-weight:700 !important;
    font-style:normal !important;
    letter-spacing:.04em !important;

    text-indent:0 !important;
    text-transform:none !important;
    text-decoration:none !important;
    text-shadow:none !important;

    opacity:1 !important;
    visibility:visible !important;
    overflow:visible !important;
    clip:auto !important;
    clip-path:none !important;

    pointer-events:auto !important;
    cursor:pointer !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a::before,
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a::after{
    content:none !important;
    display:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:hover,
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:focus{
    color:#1E2428 !important;
    -webkit-text-fill-color:#1E2428 !important;
    background:transparent !important;
    text-decoration:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > span{
    position:static !important;
    width:auto !important;
    height:30px !important;

    margin:0 !important;
    padding:0 !important;

    display:inline-flex !important;
    align-items:center !important;

    color:#B39E81 !important;
    -webkit-text-fill-color:#B39E81 !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:8px !important;
    line-height:30px !important;
    font-weight:400 !important;

    opacity:1 !important;
    visibility:visible !important;
  }

  /* Keep account clearly to the right of languages */
  .pkp_navigation_user_wrapper{
    position:fixed !important;
    top:0 !important;
    right:max(24px,calc((100vw - 1240px)/2 + 24px)) !important;
    z-index:1305 !important;
    height:30px !important;
    padding-left:10px !important;
    background:#F3F0EA !important;
  }

  .pkp_navigation_user_wrapper::before{
    content:"" !important;
    display:block !important;
    width:1px !important;
    height:10px !important;
    margin-right:9px !important;
    background:#C7B9A5 !important;
  }

  /* Disable the old sidebar language block on desktop now that the real
     header switcher exists; prevents duplicates on inner pages. */
  .block_language_toggle{
    display:none !important;
  }
}

@media (min-width:992px) and (max-width:1180px){
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    right:116px !important;
  }

  .pkp_navigation_user_wrapper{
    right:20px !important;
  }
}

/* ==========================================================================
   END SAER v73
   ========================================================================== */

/* ==========================================================================
   SAER v74 — PREMIUM TOP UTILITY BAR REFINEMENT
   Base: v73
   Scope: DESKTOP ONLY
   Goal: clean publisher-style top strip with balanced left metadata
         and right language/account controls.
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-v74-topbar-h:32px;
    --saer-v74-paper:#F4F1EB;
    --saer-v74-ink:#525A60;
    --saer-v74-line:#D8D0C5;
    --saer-v74-gold:#B79A72;
  }

  /* Slightly more elegant utility strip */
  .pkp_structure_head{
    min-height:112px !important;
    background:
      linear-gradient(
        to bottom,
        var(--saer-v74-paper) 0,
        var(--saer-v74-paper) var(--saer-v74-topbar-h),
        #fff var(--saer-v74-topbar-h),
        #fff 100%
      ) !important;
  }

  /* LEFT — journal attributes */
  .pkp_structure_head::before{
    content:"ULUSLARARASI   ·   MULTİDİSİPLİNER   ·   HAKEMLİ   ·   AÇIK ERİŞİM    |    e-ISSN: XXXX-XXXX" !important;
    top:0 !important;
    left:max(24px,calc((100% - 1240px)/2 + 24px)) !important;
    width:auto !important;
    max-width:690px !important;
    height:var(--saer-v74-topbar-h) !important;

    display:flex !important;
    align-items:center !important;

    color:var(--saer-v74-ink) !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9.3px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.045em !important;

    white-space:nowrap !important;
    overflow:visible !important;
  }

  /* REAL language switcher — compact and aligned */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    position:fixed !important;
    top:0 !important;
    right:max(132px,calc((100vw - 1240px)/2 + 132px)) !important;
    z-index:1300 !important;

    height:var(--saer-v74-topbar-h) !important;
    margin:0 !important;
    padding:0 14px 0 0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;

    background:var(--saer-v74-paper) !important;
    color:var(--saer-v74-ink) !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    min-width:18px !important;
    height:var(--saer-v74-topbar-h) !important;
    min-height:var(--saer-v74-topbar-h) !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;

    color:#4F575D !important;
    -webkit-text-fill-color:#4F575D !important;

    font-size:9.5px !important;
    line-height:var(--saer-v74-topbar-h) !important;
    font-weight:700 !important;
    letter-spacing:.055em !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > span{
    height:var(--saer-v74-topbar-h) !important;
    display:inline-flex !important;
    align-items:center !important;
    color:#B6A384 !important;
    font-size:8px !important;
    line-height:var(--saer-v74-topbar-h) !important;
  }

  /* ACCOUNT — sits neatly after language menu */
  .pkp_navigation_user_wrapper{
    position:fixed !important;
    top:0 !important;
    right:max(24px,calc((100vw - 1240px)/2 + 24px)) !important;
    z-index:1305 !important;

    height:var(--saer-v74-topbar-h) !important;
    min-height:var(--saer-v74-topbar-h) !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;

    background:var(--saer-v74-paper) !important;
  }

  .pkp_navigation_user_wrapper::before{
    content:"" !important;
    display:block !important;
    width:1px !important;
    height:11px !important;
    margin:0 10px 0 0 !important;
    background:#C7B9A5 !important;
  }

  .pkp_navigation_user{
    height:var(--saer-v74-topbar-h) !important;
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_navigation_user > li > a{
    min-height:var(--saer-v74-topbar-h) !important;
    height:var(--saer-v74-topbar-h) !important;
    display:flex !important;
    align-items:center !important;

    color:#596066 !important;
    font-size:9.4px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:.01em !important;
  }

  /* Ensure header's main row starts directly below the refined topbar */
  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    padding-top:var(--saer-v74-topbar-h) !important;
  }
}

/* desktop tightening */
@media (min-width:992px) and (max-width:1180px){

  .pkp_structure_head::before{
    left:20px !important;
    max-width:600px !important;
    font-size:8.6px !important;
    letter-spacing:.03em !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    right:122px !important;
  }

  .pkp_navigation_user_wrapper{
    right:20px !important;
  }
}

/* ==========================================================================
   END SAER v74
   ========================================================================== */

/* ==========================================================================
   SAER v75 — CLEAN PUBLISHER HEADER
   Base: v74
   Desktop only.
   - Username moved to far-right utility area
   - Search icon removed
   - Native "Ara/Search" menu item restored before "Makale Gönder"
   - "Makale Gönder" becomes final menu item
   - Utility typography refined
   ========================================================================== */

@media (min-width:992px){

  /* ----------------------------------------------------------
     TOP UTILITY STRIP — editorial typography
     ---------------------------------------------------------- */
  .pkp_structure_head::before{
    content:"Uluslararası  •  Multidisipliner  •  Hakemli  •  Açık Erişim   |   e-ISSN: XXXX-XXXX" !important;
    top:0 !important;
    left:max(24px,calc((100% - 1240px)/2 + 24px)) !important;
    width:auto !important;
    max-width:760px !important;
    height:32px !important;

    display:flex !important;
    align-items:center !important;

    color:#5B5A56 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:10.5px !important;
    line-height:1 !important;
    font-weight:400 !important;
    font-style:normal !important;
    letter-spacing:.012em !important;
    text-transform:none !important;

    white-space:nowrap !important;
    overflow:visible !important;
  }

  /* ----------------------------------------------------------
     LANGUAGE + ACCOUNT — one clean right-side group
     ---------------------------------------------------------- */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    position:fixed !important;
    top:0 !important;
    right:max(126px,calc((100vw - 1240px)/2 + 126px)) !important;
    z-index:1400 !important;

    height:32px !important;
    margin:0 !important;
    padding:0 12px 0 0 !important;

    display:flex !important;
    align-items:center !important;
    gap:8px !important;

    background:#F4F1EB !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    min-width:18px !important;
    height:32px !important;
    min-height:32px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#4E5458 !important;
    -webkit-text-fill-color:#4E5458 !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9.4px !important;
    line-height:32px !important;
    font-weight:700 !important;
    letter-spacing:.045em !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > span{
    height:32px !important;
    display:inline-flex !important;
    align-items:center !important;
    color:#B6A17E !important;
    font-size:8px !important;
    line-height:32px !important;
  }

  /* Strong reset: move user/account to the far right of the top strip */
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    position:fixed !important;
    top:0 !important;
    right:max(24px,calc((100vw - 1240px)/2 + 24px)) !important;
    left:auto !important;
    bottom:auto !important;

    z-index:1410 !important;

    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:32px !important;
    min-height:32px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;

    background:#F4F1EB !important;
    border:0 !important;
    transform:none !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper::before,
  .pkp_structure_head #navigationUserWrapper::before{
    content:"" !important;
    display:block !important;
    width:1px !important;
    height:10px !important;
    margin:0 9px 0 0 !important;
    background:#C8B99F !important;
  }

  .pkp_structure_head .pkp_navigation_user,
  .pkp_structure_head #navigationUser{
    position:static !important;
    width:auto !important;
    height:32px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    transform:none !important;
  }

  .pkp_structure_head .pkp_navigation_user > li,
  .pkp_structure_head #navigationUser > li{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a{
    min-height:32px !important;
    height:32px !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;

    color:#5B6165 !important;
    background:transparent !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9.3px !important;
    line-height:1 !important;
    font-weight:500 !important;
    text-decoration:none !important;
  }

  /* ----------------------------------------------------------
     MAIN MENU — text-only, clean publisher navigation
     ---------------------------------------------------------- */

  /* Completely remove the circular search control */
  .pkp_navigation_search_wrapper{
    display:none !important;
  }

  /* Restore the real Search/Ara menu item */
  .pkp_navigation_primary > li:has(> a[href*="/search"]){
    display:flex !important;
    order:98 !important;
  }

  /* All regular menu items come first */
  .pkp_navigation_primary > li{
    order:10 !important;
  }

  /* Search immediately before submission */
  .pkp_navigation_primary > li:has(> a[href*="/search"]){
    order:98 !important;
  }

  /* Submission is the final item */
  .pkp_navigation_primary > li:first-child{
    position:static !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;

    order:99 !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;
  }

  /* Remove old reserved space for search icon + detached CTA */
  .pkp_navigation_primary{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:24px !important;
  }

  .pkp_navigation_primary > li > a{
    min-height:42px !important;
    padding:0 !important;

    color:#272B2E !important;
    background:transparent !important;
    border:0 !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    text-decoration:none !important;
  }

  .pkp_navigation_primary > li:not(:first-child) > a::after{
    left:0 !important;
    right:0 !important;
  }

  /* Submission CTA remains final but now belongs naturally to menu */
  .pkp_navigation_primary > li:first-child > a{
    min-width:0 !important;
    min-height:42px !important;

    margin-left:2px !important;
    padding:0 18px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#B69367 !important;
    color:#171A1C !important;
    border:1px solid #B69367 !important;
    border-radius:2px !important;

    box-shadow:none !important;

    font-size:12px !important;
    font-weight:700 !important;
  }

  .pkp_navigation_primary > li:first-child > a:hover,
  .pkp_navigation_primary > li:first-child > a:focus{
    background:#9E7B54 !important;
    border-color:#9E7B54 !important;
    color:#fff !important;
  }

  /* Main white row: stronger logo/menu balance */
  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    gap:52px !important;
  }

  .pkp_site_name_wrapper{
    flex:0 0 200px !important;
    width:200px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    max-width:188px !important;
    max-height:60px !important;
  }

  .pkp_site_nav_menu{
    padding:0 !important;
  }
}

@media (min-width:992px) and (max-width:1180px){

  .pkp_structure_head::before{
    left:20px !important;
    max-width:650px !important;
    font-size:9.7px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    right:118px !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    right:20px !important;
  }

  .pkp_navigation_primary{
    gap:15px !important;
  }

  .pkp_navigation_primary > li > a{
    font-size:11.3px !important;
  }

  .pkp_site_name_wrapper{
    flex-basis:176px !important;
    width:176px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    max-width:164px !important;
  }
}

/* ==========================================================================
   END SAER v75
   ========================================================================== */

/* ==========================================================================
   SAER v76 — COMPACT PUBLISHER HEADER
   Base: v75
   Desktop only.
   Goal: tighter, more professional publisher geometry.
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-v76-max:1180px;
    --saer-v76-top:28px;
    --saer-v76-main:74px;
    --saer-v76-paper:#F5F2EC;
    --saer-v76-ink:#252A2E;
    --saer-v76-muted:#666A6D;
    --saer-v76-line:#DED8CF;
    --saer-v76-gold:#B08E64;
    --saer-v76-gold-dark:#96734C;
  }

  /* ----- HEADER SHELL ----- */
  .pkp_structure_head{
    min-height:calc(var(--saer-v76-top) + var(--saer-v76-main)) !important;
    background:
      linear-gradient(
        to bottom,
        var(--saer-v76-paper) 0,
        var(--saer-v76-paper) var(--saer-v76-top),
        #fff var(--saer-v76-top),
        #fff 100%
      ) !important;
    border-bottom:1px solid var(--saer-v76-line) !important;
    box-shadow:0 3px 14px rgba(31,35,39,.035) !important;
  }

  /* ----- TOP META ----- */
  .pkp_structure_head::before{
    content:"Uluslararası  ·  Multidisipliner  ·  Hakemli  ·  Açık Erişim   |   e-ISSN: XXXX-XXXX" !important;
    top:0 !important;
    left:max(24px,calc((100% - var(--saer-v76-max))/2 + 24px)) !important;
    width:auto !important;
    max-width:720px !important;
    height:var(--saer-v76-top) !important;

    display:flex !important;
    align-items:center !important;

    color:#66645F !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9.6px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:.018em !important;
    text-transform:none !important;
    white-space:nowrap !important;
  }

  /* ----- MAIN HEADER WRAPPER ----- */
  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    width:min(100%,var(--saer-v76-max)) !important;
    max-width:var(--saer-v76-max) !important;
    min-height:var(--saer-v76-main) !important;
    margin:0 auto !important;
    padding:var(--saer-v76-top) 24px 0 !important;

    display:flex !important;
    align-items:center !important;
    gap:58px !important;
  }

  /* ----- LOGO ----- */
  .pkp_site_name_wrapper{
    flex:0 0 176px !important;
    width:176px !important;
    min-height:var(--saer-v76-main) !important;
    height:var(--saer-v76-main) !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    max-width:168px !important;
    max-height:56px !important;
  }

  /* ----- NAV AREA ----- */
  .pkp_site_nav_menu{
    flex:1 1 auto !important;
    min-width:0 !important;
    min-height:var(--saer-v76-main) !important;
    height:var(--saer-v76-main) !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_navigation_primary{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:26px !important;
  }

  .pkp_navigation_primary > li > a{
    min-height:40px !important;
    padding:0 !important;

    color:var(--saer-v76-ink) !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:12.2px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:-.005em !important;
  }

  .pkp_navigation_primary > li:not(:first-child) > a::after{
    left:0 !important;
    right:0 !important;
    bottom:2px !important;
    height:1px !important;
    background:#B79A72 !important;
  }

  /* Search is a normal text menu item */
  .pkp_navigation_primary > li:has(> a[href*="/search"]){
    display:flex !important;
    order:98 !important;
  }

  /* Submission is final, but compact and editorial */
  .pkp_navigation_primary > li:first-child{
    position:static !important;
    order:99 !important;
    margin-left:2px !important;
    transform:none !important;
  }

  .pkp_navigation_primary > li:first-child > a{
    min-width:124px !important;
    min-height:38px !important;
    padding:0 16px !important;

    background:var(--saer-v76-gold) !important;
    color:#171A1C !important;
    border:1px solid var(--saer-v76-gold) !important;
    border-radius:2px !important;

    font-size:11.9px !important;
    font-weight:650 !important;
    box-shadow:none !important;
  }

  .pkp_navigation_primary > li:first-child > a:hover,
  .pkp_navigation_primary > li:first-child > a:focus{
    background:var(--saer-v76-gold-dark) !important;
    border-color:var(--saer-v76-gold-dark) !important;
    color:#fff !important;
  }

  /* Never show the old circular search icon */
  .pkp_navigation_search_wrapper{
    display:none !important;
  }

  /* ----- LANGUAGE GROUP ----- */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    position:fixed !important;
    top:0 !important;
    right:max(132px,calc((100vw - var(--saer-v76-max))/2 + 132px)) !important;
    height:var(--saer-v76-top) !important;
    padding:0 12px 0 0 !important;
    gap:7px !important;
    background:var(--saer-v76-paper) !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    height:var(--saer-v76-top) !important;
    min-height:var(--saer-v76-top) !important;
    line-height:var(--saer-v76-top) !important;
    font-size:9.2px !important;
    letter-spacing:.04em !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > span{
    height:var(--saer-v76-top) !important;
    line-height:var(--saer-v76-top) !important;
  }

  /* ----- USER ACCOUNT ----- */
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    position:fixed !important;
    top:0 !important;
    right:max(24px,calc((100vw - var(--saer-v76-max))/2 + 24px)) !important;
    height:var(--saer-v76-top) !important;
    min-height:var(--saer-v76-top) !important;
    background:var(--saer-v76-paper) !important;
  }

  .pkp_structure_head .pkp_navigation_user,
  .pkp_structure_head #navigationUser{
    height:var(--saer-v76-top) !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a{
    height:var(--saer-v76-top) !important;
    min-height:var(--saer-v76-top) !important;
    font-size:9.2px !important;
    color:#5F6468 !important;
  }
}

/* Laptop desktop tightening only */
@media (min-width:992px) and (max-width:1180px){

  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    gap:34px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .pkp_site_name_wrapper{
    flex-basis:160px !important;
    width:160px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    max-width:152px !important;
  }

  .pkp_navigation_primary{
    gap:17px !important;
  }

  .pkp_navigation_primary > li > a{
    font-size:11.4px !important;
  }

  .pkp_structure_head::before{
    left:20px !important;
    max-width:620px !important;
    font-size:9px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    right:118px !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    right:20px !important;
  }
}

/* ==========================================================================
   END SAER v76
   ========================================================================== */

/* ==========================================================================
   SAER v77 — ALIGNED PUBLISHER HEADER + CLEAR LANGUAGE CLUSTER
   Base: v76
   Desktop only.
   Goals:
   - Top meta begins exactly on the same vertical line as the logo
   - No country flags; language switcher becomes a clear segmented control
   - Language + account form one compact right-side utility cluster
   - Main navigation remains compact and editorial
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-v77-max:1180px;
    --saer-v77-pad:24px;
    --saer-v77-top:30px;
    --saer-v77-main:74px;
    --saer-v77-paper:#F5F2EC;
    --saer-v77-white:#FFFFFF;
    --saer-v77-ink:#252A2E;
    --saer-v77-muted:#64686B;
    --saer-v77-line:#DDD6CC;
    --saer-v77-gold:#AF8E64;
    --saer-v77-gold-dark:#96734C;
  }

  .pkp_structure_head{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
    min-height:calc(var(--saer-v77-top) + var(--saer-v77-main)) !important;
    background:
      linear-gradient(
        to bottom,
        var(--saer-v77-paper) 0,
        var(--saer-v77-paper) var(--saer-v77-top),
        var(--saer-v77-white) var(--saer-v77-top),
        var(--saer-v77-white) 100%
      ) !important;
    border-bottom:1px solid var(--saer-v77-line) !important;
    box-shadow:0 3px 14px rgba(30,34,38,.035) !important;
  }

  /* ----------------------------------------------------------
     ONE SHARED LEFT ANCHOR:
     utility copy and logo start on exactly the same vertical line.
     ---------------------------------------------------------- */
  .pkp_structure_head::before{
    content:"Uluslararası  ·  Multidisipliner  ·  Hakemli  ·  Açık Erişim   |   e-ISSN: XXXX-XXXX" !important;
    position:absolute !important;
    top:0 !important;
    left:max(
      var(--saer-v77-pad),
      calc((100% - var(--saer-v77-max))/2 + var(--saer-v77-pad))
    ) !important;
    width:auto !important;
    max-width:700px !important;
    height:var(--saer-v77-top) !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;

    color:#5E625F !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9.5px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:.012em !important;
    text-transform:none !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  /* ----------------------------------------------------------
     MAIN ROW
     ---------------------------------------------------------- */
  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    position:relative !important;
    width:min(100%,var(--saer-v77-max)) !important;
    max-width:var(--saer-v77-max) !important;
    min-height:var(--saer-v77-main) !important;
    margin:0 auto !important;
    padding:var(--saer-v77-top) var(--saer-v77-pad) 0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:46px !important;

    box-sizing:border-box !important;
  }

  /* Hard reset old logo offsets */
  .pkp_site_name_wrapper{
    position:static !important;
    flex:0 0 168px !important;
    width:168px !important;
    min-width:168px !important;
    max-width:168px !important;
    height:var(--saer-v77-main) !important;
    min-height:var(--saer-v77-main) !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    transform:none !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
  }

  .pkp_site_name{
    position:static !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    transform:none !important;
  }

  .pkp_site_name .is_img{
    margin:0 !important;
    padding:0 !important;
    display:block !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:164px !important;
    max-height:55px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  /* ----------------------------------------------------------
     MAIN NAV
     ---------------------------------------------------------- */
  .pkp_site_nav_menu{
    position:static !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    height:var(--saer-v77-main) !important;
    min-height:var(--saer-v77-main) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_navigation_primary{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:23px !important;
  }

  .pkp_navigation_primary > li > a{
    min-height:40px !important;
    padding:0 !important;
    color:var(--saer-v77-ink) !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:-.004em !important;
  }

  .pkp_navigation_primary > li:has(> a[href*="/search"]){
    display:flex !important;
    order:98 !important;
  }

  .pkp_navigation_primary > li:first-child{
    position:static !important;
    order:99 !important;
    margin:0 !important;
    transform:none !important;
  }

  .pkp_navigation_primary > li:first-child > a{
    min-width:122px !important;
    min-height:38px !important;
    padding:0 16px !important;
    background:var(--saer-v77-gold) !important;
    color:#171A1C !important;
    border:1px solid var(--saer-v77-gold) !important;
    border-radius:2px !important;
    box-shadow:none !important;
    font-size:11.8px !important;
    font-weight:650 !important;
  }

  .pkp_navigation_primary > li:first-child > a:hover,
  .pkp_navigation_primary > li:first-child > a:focus{
    background:var(--saer-v77-gold-dark) !important;
    border-color:var(--saer-v77-gold-dark) !important;
    color:#fff !important;
  }

  .pkp_navigation_search_wrapper{
    display:none !important;
  }

  /* ----------------------------------------------------------
     LANGUAGE + ACCOUNT:
     grouped together instead of floating as separate islands.
     ---------------------------------------------------------- */

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    position:absolute !important;
    top:0 !important;
    right:150px !important;
    z-index:1400 !important;

    height:var(--saer-v77-top) !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* clean CSS-drawn globe icon — avoids country-flag ambiguity */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::before{
    content:"" !important;
    width:12px !important;
    height:12px !important;
    margin-right:8px !important;
    border:1px solid #77716A !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
    background:
      linear-gradient(to bottom,transparent 45%,#77716A 45%,#77716A 55%,transparent 55%),
      linear-gradient(to right,transparent 45%,#77716A 45%,#77716A 55%,transparent 55%) !important;
    opacity:.8 !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::after{
    content:"Dil" !important;
    order:-1 !important;
    margin-right:7px !important;
    color:#6A6864 !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:.01em !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    position:relative !important;
    min-width:30px !important;
    height:22px !important;
    min-height:22px !important;
    margin:0 !important;
    padding:0 7px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#50565A !important;
    -webkit-text-fill-color:#50565A !important;

    background:#FFFFFF !important;
    border:1px solid #DDD6CC !important;

    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:650 !important;
    letter-spacing:.025em !important;

    text-decoration:none !important;
    box-sizing:border-box !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:first-of-type{
    border-radius:3px 0 0 3px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:last-of-type{
    border-radius:0 3px 3px 0 !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a + span,
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > span{
    display:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a + span + a{
    margin-left:-1px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:hover,
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:focus{
    position:relative !important;
    z-index:2 !important;
    color:#1F2427 !important;
    -webkit-text-fill-color:#1F2427 !important;
    background:#F9F7F3 !important;
    border-color:#BFAF98 !important;
  }

  /* Account now belongs to the same utility cluster, not the viewport edge */
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    z-index:1410 !important;

    width:auto !important;
    height:var(--saer-v77-top) !important;
    min-height:var(--saer-v77-top) !important;
    margin:0 !important;
    padding:0 0 0 12px !important;

    display:flex !important;
    align-items:center !important;

    background:transparent !important;
    transform:none !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper::before,
  .pkp_structure_head #navigationUserWrapper::before{
    content:"" !important;
    width:1px !important;
    height:12px !important;
    margin-right:10px !important;
    background:#C8BCA9 !important;
  }

  .pkp_structure_head .pkp_navigation_user,
  .pkp_structure_head #navigationUser{
    height:var(--saer-v77-top) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a{
    height:var(--saer-v77-top) !important;
    min-height:var(--saer-v77-top) !important;
    padding:0 2px !important;
    display:flex !important;
    align-items:center !important;

    color:#5A6064 !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9.2px !important;
    line-height:1 !important;
    font-weight:500 !important;
  }
}

/* Desktop/laptop tightening only */
@media (min-width:992px) and (max-width:1180px){

  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    gap:28px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .pkp_structure_head::before{
    left:20px !important;
    max-width:610px !important;
    font-size:8.9px !important;
  }

  .pkp_site_name_wrapper{
    flex-basis:154px !important;
    width:154px !important;
    min-width:154px !important;
    max-width:154px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    max-width:150px !important;
  }

  .pkp_navigation_primary{
    gap:15px !important;
  }

  .pkp_navigation_primary > li > a{
    font-size:11.2px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    right:142px !important;
  }
}

/* ==========================================================================
   END SAER v77
   ========================================================================== */

/* ==========================================================================
   SAER v78 — ELEGANT COMPACT HEADER / PROFILE TO MAIN ROW
   Base: v77
   Desktop only.
   Goals:
   - Visually align SAER logo with top utility text
   - Reduce main header height
   - Make menu lighter and more elegant
   - Simplify language control
   - Move user profile next to Makale Gönder
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-v78-max:1180px;
    --saer-v78-pad:24px;
    --saer-v78-top:27px;
    --saer-v78-main:60px;
    --saer-v78-paper:#F5F2EC;
    --saer-v78-white:#FFFFFF;
    --saer-v78-ink:#2A2E31;
    --saer-v78-muted:#646762;
    --saer-v78-line:#E1DBD2;
    --saer-v78-gold:#AE8B61;
    --saer-v78-gold-dark:#947149;
  }

  /* ----------------------------------------------------------
     HEADER SHELL — shorter, quieter
     ---------------------------------------------------------- */
  .pkp_structure_head{
    min-height:calc(var(--saer-v78-top) + var(--saer-v78-main)) !important;
    background:
      linear-gradient(
        to bottom,
        var(--saer-v78-paper) 0,
        var(--saer-v78-paper) var(--saer-v78-top),
        #fff var(--saer-v78-top),
        #fff 100%
      ) !important;
    border-bottom:1px solid var(--saer-v78-line) !important;
    box-shadow:0 2px 10px rgba(30,34,38,.025) !important;
  }

  /* Utility text */
  .pkp_structure_head::before{
    content:"Uluslararası  ·  Multidisipliner  ·  Hakemli  ·  Açık Erişim   |   e-ISSN: XXXX-XXXX" !important;
    position:absolute !important;
    top:0 !important;
    left:max(
      var(--saer-v78-pad),
      calc((100% - var(--saer-v78-max))/2 + var(--saer-v78-pad))
    ) !important;
    width:auto !important;
    max-width:680px !important;
    height:var(--saer-v78-top) !important;
    display:flex !important;
    align-items:center !important;

    color:#5F625F !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9.2px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:.008em !important;
    white-space:nowrap !important;
  }

  /* ----------------------------------------------------------
     MAIN ROW
     ---------------------------------------------------------- */
  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    width:min(100%,var(--saer-v78-max)) !important;
    max-width:var(--saer-v78-max) !important;
    min-height:var(--saer-v78-main) !important;
    margin:0 auto !important;
    padding:var(--saer-v78-top) var(--saer-v78-pad) 0 !important;

    display:flex !important;
    align-items:center !important;
    gap:24px !important;
    box-sizing:border-box !important;
  }

  /* ----------------------------------------------------------
     LOGO — compensate for transparent whitespace inside uploaded image
     so the VISIBLE mark starts on the same axis as top utility text.
     ---------------------------------------------------------- */
  .pkp_site_name_wrapper{
    position:static !important;
    flex:0 0 150px !important;
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:var(--saer-v78-main) !important;
    min-height:var(--saer-v78-main) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  .pkp_site_name{
    position:static !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    overflow:visible !important;
  }

  .pkp_site_name .is_img{
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:186px !important;
    max-height:55px !important;
    margin:0 !important;
    padding:0 !important;
    transform:translateX(-68px) !important;
    transform-origin:left center !important;
  }

  /* ----------------------------------------------------------
     NAV — compact and elegant
     ---------------------------------------------------------- */
  .pkp_site_nav_menu{
    position:relative !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    height:var(--saer-v78-main) !important;
    min-height:var(--saer-v78-main) !important;
    margin:0 !important;
    padding:0 122px 0 0 !important; /* room for profile */
    display:flex !important;
    align-items:center !important;
  }

  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_navigation_primary{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:20px !important;
  }

  .pkp_navigation_primary > li > a{
    min-height:36px !important;
    padding:0 !important;
    color:var(--saer-v78-ink) !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:11.6px !important;
    line-height:1 !important;
    font-weight:450 !important;
    letter-spacing:-.006em !important;
  }

  .pkp_navigation_primary > li:not(:first-child) > a::after{
    bottom:0 !important;
    height:1px !important;
    background:#B89B74 !important;
  }

  /* Search remains a plain menu word */
  .pkp_navigation_primary > li:has(> a[href*="/search"]){
    display:flex !important;
    order:98 !important;
  }

  /* Submit is final and slimmer */
  .pkp_navigation_primary > li:first-child{
    position:static !important;
    order:99 !important;
    margin:0 0 0 2px !important;
    transform:none !important;
  }

  .pkp_navigation_primary > li:first-child > a{
    min-width:116px !important;
    min-height:34px !important;
    padding:0 14px !important;

    background:var(--saer-v78-gold) !important;
    color:#171A1C !important;
    border:1px solid var(--saer-v78-gold) !important;
    border-radius:2px !important;
    box-shadow:none !important;

    font-size:11.4px !important;
    font-weight:650 !important;
  }

  .pkp_navigation_primary > li:first-child > a:hover,
  .pkp_navigation_primary > li:first-child > a:focus{
    background:var(--saer-v78-gold-dark) !important;
    border-color:var(--saer-v78-gold-dark) !important;
    color:#fff !important;
  }

  .pkp_navigation_search_wrapper{
    display:none !important;
  }

  /* ----------------------------------------------------------
     LANGUAGE — simpler than v77 segmented boxes
     ---------------------------------------------------------- */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    position:absolute !important;
    top:calc(-1 * var(--saer-v78-top)) !important;
    right:132px !important;
    z-index:1400 !important;

    height:var(--saer-v78-top) !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::before{
    content:"Dil" !important;
    width:auto !important;
    height:auto !important;
    margin:0 4px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;

    color:#77736D !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:8.8px !important;
    line-height:1 !important;
    font-weight:500 !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::after{
    content:none !important;
    display:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    min-width:auto !important;
    width:auto !important;
    height:var(--saer-v78-top) !important;
    min-height:var(--saer-v78-top) !important;
    margin:0 !important;
    padding:0 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#50565A !important;
    -webkit-text-fill-color:#50565A !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:650 !important;
    letter-spacing:.025em !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > span{
    display:inline-flex !important;
    height:var(--saer-v78-top) !important;
    align-items:center !important;
    color:#B8A98F !important;
    font-size:8px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:hover,
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:focus{
    color:#1F2427 !important;
    -webkit-text-fill-color:#1F2427 !important;
  }

  /* ----------------------------------------------------------
     USER PROFILE — moved to main row, immediately after submit
     ---------------------------------------------------------- */
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    position:absolute !important;
    top:50% !important;
    right:0 !important;
    left:auto !important;
    z-index:1410 !important;

    width:108px !important;
    max-width:108px !important;
    height:36px !important;
    min-height:36px !important;

    margin:0 !important;
    padding:0 0 0 12px !important;

    display:flex !important;
    align-items:center !important;

    background:transparent !important;
    transform:translateY(-50%) !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper::before,
  .pkp_structure_head #navigationUserWrapper::before{
    content:"" !important;
    width:1px !important;
    height:16px !important;
    margin-right:10px !important;
    background:#DDD6CC !important;
  }

  .pkp_structure_head .pkp_navigation_user,
  .pkp_structure_head #navigationUser{
    width:auto !important;
    height:36px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a{
    height:36px !important;
    min-height:36px !important;
    max-width:84px !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;

    color:#5C6266 !important;
    background:transparent !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9.3px !important;
    line-height:1 !important;
    font-weight:500 !important;
  }
}

/* Laptop desktop only */
@media (min-width:992px) and (max-width:1180px){

  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    gap:18px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .pkp_structure_head::before{
    left:20px !important;
    max-width:600px !important;
    font-size:8.7px !important;
  }

  .pkp_site_name_wrapper{
    flex-basis:136px !important;
    width:136px !important;
    min-width:136px !important;
    max-width:136px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    max-width:178px !important;
    transform:translateX(-62px) !important;
  }

  .pkp_navigation_primary{
    gap:13px !important;
  }

  .pkp_navigation_primary > li > a{
    font-size:10.9px !important;
  }

  .pkp_site_nav_menu{
    padding-right:105px !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    width:95px !important;
    max-width:95px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    right:112px !important;
  }
}

/* ==========================================================================
   END SAER v78
   ========================================================================== */

/* ==========================================================================
   SAER v79 — PROFILE INLINE + FINAL HEADER POLISH
   Base: v78
   Desktop only.
   Goal:
   - Keep the now-correct logo/top-meta alignment
   - Put user profile directly after "Makale Gönder"
   - Remove the large empty gap to the far right
   - Keep language control in the top utility strip
   ========================================================================== */

@media (min-width:992px){

  /* Keep main header compact */
  .pkp_structure_head{
    min-height:87px !important;
  }

  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    gap:24px !important;
  }

  /* Let the nav content size itself naturally instead of stretching
     across the entire remaining header width. */
  .pkp_site_nav_menu{
    position:relative !important;
    flex:0 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:60px !important;
    min-height:60px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
  }

  .pkp_navigation_primary_row{
    flex:0 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_navigation_primary_wrapper{
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_navigation_primary{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:19px !important;
  }

  .pkp_navigation_primary > li > a{
    font-size:11.5px !important;
    min-height:34px !important;
  }

  .pkp_navigation_primary > li:first-child > a{
    min-height:34px !important;
    min-width:116px !important;
    padding:0 14px !important;
    font-size:11.3px !important;
  }

  /* Profile is no longer absolutely pinned at the far right.
     It participates in the same row immediately after the menu. */
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    position:static !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;

    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
    height:34px !important;
    min-height:34px !important;

    margin:0 0 0 2px !important;
    padding:0 0 0 12px !important;

    display:flex !important;
    align-items:center !important;

    background:transparent !important;
    transform:none !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper::before,
  .pkp_structure_head #navigationUserWrapper::before{
    content:"" !important;
    width:1px !important;
    height:15px !important;
    margin-right:10px !important;
    background:#DDD6CC !important;
  }

  .pkp_structure_head .pkp_navigation_user,
  .pkp_structure_head #navigationUser{
    width:auto !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a{
    width:auto !important;
    max-width:110px !important;
    height:34px !important;
    min-height:34px !important;

    padding:0 !important;

    color:#5E6366 !important;
    font-size:9.2px !important;
    font-weight:500 !important;
  }

  /* Top language control remains right-aligned in the utility strip */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    position:fixed !important;
    top:0 !important;
    right:max(24px,calc((100vw - 1180px)/2 + 24px)) !important;
    height:27px !important;
    z-index:1400 !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    gap:7px !important;

    background:#F5F2EC !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::before{
    content:"Dil" !important;
    margin-right:4px !important;
    color:#77736D !important;
    font-size:8.8px !important;
    font-weight:500 !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    height:27px !important;
    min-height:27px !important;
    color:#4F5559 !important;
    -webkit-text-fill-color:#4F5559 !important;
    font-size:9px !important;
    font-weight:650 !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > span{
    height:27px !important;
    color:#B7A98F !important;
  }
}

@media (min-width:992px) and (max-width:1180px){

  .pkp_site_nav_menu{
    gap:10px !important;
  }

  .pkp_navigation_primary{
    gap:13px !important;
  }

  .pkp_navigation_primary > li > a{
    font-size:10.8px !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    padding-left:9px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    right:20px !important;
  }
}

/* ==========================================================================
   END SAER v79
   ========================================================================== */

/* ==========================================================================
   SAER v80 — ICON UTILITY CONTROLS
   Base: v79
   Desktop only.
   Only refines language and user controls; header geometry stays intact.
   ========================================================================== */

@media (min-width:992px){

  /* ----------------------------------------------------------
     LANGUAGE: globe icon + TR EN AR
     ---------------------------------------------------------- */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    gap:8px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::before{
    content:"" !important;
    width:13px !important;
    height:13px !important;
    margin-right:2px !important;
    display:inline-block !important;
    box-sizing:border-box !important;

    border:1px solid #6F7477 !important;
    border-radius:50% !important;

    background:
      radial-gradient(circle at center, transparent 0 42%, #6F7477 43% 47%, transparent 48% 100%),
      linear-gradient(to bottom, transparent 46%, #6F7477 47% 53%, transparent 54% 100%) !important;

    opacity:.9 !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    position:relative !important;
    height:27px !important;
    min-height:27px !important;
    padding:0 !important;

    color:#4F5559 !important;
    -webkit-text-fill-color:#4F5559 !important;

    font-size:9.2px !important;
    font-weight:650 !important;
    letter-spacing:.03em !important;

    transition:color .15s ease !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:hover,
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:focus{
    color:#9A774F !important;
    -webkit-text-fill-color:#9A774F !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > span{
    color:#C0B39F !important;
    font-size:8px !important;
  }

  /* ----------------------------------------------------------
     USER: clean outline-profile icon + account text
     ---------------------------------------------------------- */
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    gap:0 !important;
    padding-left:11px !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper::before,
  .pkp_structure_head #navigationUserWrapper::before{
    content:"" !important;
    width:13px !important;
    height:13px !important;
    margin-right:7px !important;

    border:1px solid #6F7477 !important;
    border-radius:50% !important;
    box-sizing:border-box !important;

    background:
      radial-gradient(circle at 50% 34%, #6F7477 0 17%, transparent 18% 100%),
      radial-gradient(ellipse at 50% 80%, #6F7477 0 30%, transparent 31% 100%) !important;

    opacity:.9 !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a{
    color:#5B6165 !important;
    font-size:9.2px !important;
    font-weight:500 !important;

    transition:color .15s ease !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a:hover,
  .pkp_structure_head #navigationUser > li > a:hover,
  .pkp_structure_head .pkp_navigation_user > li > a:focus,
  .pkp_structure_head #navigationUser > li > a:focus{
    color:#9A774F !important;
  }

  /* Remove vertical divider so icon group feels intentional */
  .pkp_structure_head .pkp_navigation_user_wrapper::after,
  .pkp_structure_head #navigationUserWrapper::after{
    content:none !important;
    display:none !important;
  }
}

/* ==========================================================================
   END SAER v80
   ========================================================================== */

/* ==========================================================================
   SAER v81 — RIGHT UTILITY GROUP
   Base: v80
   DESKTOP ONLY
   - Kayıt/Giriş + Dil same right-side utility group
   - Both finish on the same right content edge
   - Main menu remains compact
   - No mobile changes
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-v81-max:1180px;
    --saer-v81-pad:24px;
    --saer-v81-top:27px;
    --saer-v81-main:60px;
    --saer-v81-paper:#F5F2EC;
    --saer-v81-ink:#2A2E31;
    --saer-v81-muted:#5D6265;
    --saer-v81-line:#DDD6CC;
    --saer-v81-gold:#AE8B61;
    --saer-v81-gold-dark:#947149;
  }

  /* ----------------------------------------------------------
     HEADER SHELL
     ---------------------------------------------------------- */
  .pkp_structure_head{
    min-height:calc(var(--saer-v81-top) + var(--saer-v81-main)) !important;
    background:
      linear-gradient(
        to bottom,
        var(--saer-v81-paper) 0,
        var(--saer-v81-paper) var(--saer-v81-top),
        #fff var(--saer-v81-top),
        #fff 100%
      ) !important;
    border-bottom:1px solid #E1DBD2 !important;
    box-shadow:0 2px 10px rgba(30,34,38,.025) !important;
  }

  /* ----------------------------------------------------------
     TOP LEFT META
     ---------------------------------------------------------- */
  .pkp_structure_head::before{
    content:"Uluslararası  ·  Multidisipliner  ·  Hakemli  ·  Açık Erişim   |   e-ISSN: XXXX-XXXX" !important;
    position:absolute !important;
    top:0 !important;
    left:max(
      var(--saer-v81-pad),
      calc((100% - var(--saer-v81-max))/2 + var(--saer-v81-pad))
    ) !important;
    width:auto !important;
    max-width:680px !important;
    height:var(--saer-v81-top) !important;

    display:flex !important;
    align-items:center !important;

    color:#5F625F !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9.2px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:.008em !important;
    white-space:nowrap !important;
  }

  /* ----------------------------------------------------------
     MAIN ROW
     ---------------------------------------------------------- */
  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    width:min(100%,var(--saer-v81-max)) !important;
    max-width:var(--saer-v81-max) !important;
    min-height:var(--saer-v81-main) !important;
    margin:0 auto !important;
    padding:var(--saer-v81-top) var(--saer-v81-pad) 0 !important;

    display:flex !important;
    align-items:center !important;
    gap:24px !important;
    box-sizing:border-box !important;
  }

  .pkp_site_name_wrapper{
    flex:0 0 150px !important;
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:var(--saer-v81-main) !important;
    min-height:var(--saer-v81-main) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:186px !important;
    max-height:55px !important;
    margin:0 !important;
    padding:0 !important;
    transform:translateX(-68px) !important;
    transform-origin:left center !important;
  }

  /* ----------------------------------------------------------
     MAIN NAVIGATION
     ---------------------------------------------------------- */
  .pkp_site_nav_menu{
    position:relative !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    height:var(--saer-v81-main) !important;
    min-height:var(--saer-v81-main) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper{
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .pkp_navigation_primary{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:19px !important;
  }

  .pkp_navigation_primary > li > a{
    min-height:34px !important;
    padding:0 !important;

    color:var(--saer-v81-ink) !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:450 !important;
    letter-spacing:-.006em !important;
  }

  .pkp_navigation_primary > li:has(> a[href*="/search"]){
    display:flex !important;
    order:98 !important;
  }

  .pkp_navigation_primary > li:first-child{
    position:static !important;
    order:99 !important;
    margin:0 0 0 2px !important;
    transform:none !important;
  }

  .pkp_navigation_primary > li:first-child > a{
    min-width:116px !important;
    min-height:34px !important;
    padding:0 14px !important;

    background:var(--saer-v81-gold) !important;
    color:#171A1C !important;
    border:1px solid var(--saer-v81-gold) !important;
    border-radius:2px !important;

    box-shadow:none !important;

    font-size:11.3px !important;
    font-weight:650 !important;
  }

  .pkp_navigation_primary > li:first-child > a:hover,
  .pkp_navigation_primary > li:first-child > a:focus{
    background:var(--saer-v81-gold-dark) !important;
    border-color:var(--saer-v81-gold-dark) !important;
    color:#fff !important;
  }

  .pkp_navigation_search_wrapper{
    display:none !important;
  }

  /* ----------------------------------------------------------
     RIGHT UTILITY GROUP
     Kayıt/Giriş + Dil together, same right edge
     ---------------------------------------------------------- */

  /* USER ACCOUNT */
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    position:absolute !important;
    top:50% !important;
    right:100px !important;
    left:auto !important;
    bottom:auto !important;

    z-index:1410 !important;

    width:auto !important;
    max-width:none !important;
    height:34px !important;
    min-height:34px !important;

    margin:0 !important;
    padding:0 14px 0 0 !important;

    display:flex !important;
    align-items:center !important;

    background:transparent !important;
    border-right:1px solid var(--saer-v81-line) !important;

    transform:translateY(-50%) !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper::before,
  .pkp_structure_head #navigationUserWrapper::before{
    content:"" !important;
    width:13px !important;
    height:13px !important;
    margin-right:7px !important;

    border:1px solid #6F7477 !important;
    border-radius:50% !important;
    box-sizing:border-box !important;

    background:
      radial-gradient(circle at 50% 34%, #6F7477 0 17%, transparent 18% 100%),
      radial-gradient(ellipse at 50% 80%, #6F7477 0 30%, transparent 31% 100%) !important;

    opacity:.9 !important;
  }

  .pkp_structure_head .pkp_navigation_user,
  .pkp_structure_head #navigationUser{
    width:auto !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a{
    width:auto !important;
    max-width:92px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;

    color:#5B6165 !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9.2px !important;
    line-height:1 !important;
    font-weight:500 !important;
  }

  /* LANGUAGE */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    position:absolute !important;
    top:50% !important;
    right:0 !important;
    left:auto !important;

    z-index:1400 !important;

    width:auto !important;
    height:34px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    transform:translateY(-50%) !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::before{
    content:"" !important;

    width:13px !important;
    height:13px !important;
    margin-right:1px !important;

    display:inline-block !important;
    box-sizing:border-box !important;

    border:1px solid #6F7477 !important;
    border-radius:50% !important;

    background:
      radial-gradient(circle at center, transparent 0 42%, #6F7477 43% 47%, transparent 48% 100%),
      linear-gradient(to bottom, transparent 46%, #6F7477 47% 53%, transparent 54% 100%) !important;

    opacity:.9 !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::after{
    content:none !important;
    display:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    min-width:auto !important;
    width:auto !important;
    height:34px !important;
    min-height:34px !important;

    margin:0 !important;
    padding:0 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#4F5559 !important;
    -webkit-text-fill-color:#4F5559 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:650 !important;
    letter-spacing:.025em !important;

    text-decoration:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > span{
    height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    color:#B7A98F !important;
    font-size:8px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:hover,
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:focus{
    color:#9A774F !important;
    -webkit-text-fill-color:#9A774F !important;
  }
}

/* Laptop desktop only */
@media (min-width:992px) and (max-width:1180px){

  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    gap:18px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .pkp_structure_head::before{
    left:20px !important;
    max-width:600px !important;
    font-size:8.7px !important;
  }

  .pkp_navigation_primary{
    gap:13px !important;
  }

  .pkp_navigation_primary > li > a{
    font-size:10.8px !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    right:92px !important;
  }
}

/* ==========================================================================
   END SAER v81
   ========================================================================== */

/* ==========================================================================
   SAER v82 — TOPBAR UTILITY ALIGNED
   Base: v81
   DESKTOP ONLY
   - Kayıt/Giriş + Dil moved OUT of main menu row
   - Both live in the same top utility strip as "Uluslararası..."
   - Right edge aligns with the same 1180px content grid
   - Main navigation returns to a clean uninterrupted row
   - RTL/Arabic-specific layout intentionally deferred
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-v82-max:1180px;
    --saer-v82-pad:24px;
    --saer-v82-top:27px;
    --saer-v82-paper:#F5F2EC;
    --saer-v82-muted:#5D6265;
    --saer-v82-line:#D8D1C7;
    --saer-v82-gold:#9A774F;
  }

  /* ----------------------------------------------------------
     MAIN NAV: remove the utility reservation introduced in v81
     ---------------------------------------------------------- */
  .pkp_site_nav_menu{
    padding:0 !important;
  }

  /* ----------------------------------------------------------
     USER ACCOUNT — TOPBAR, just left of language group
     ---------------------------------------------------------- */
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    position:fixed !important;
    top:0 !important;
    right:max(
      128px,
      calc((100vw - var(--saer-v82-max))/2 + 128px)
    ) !important;
    left:auto !important;
    bottom:auto !important;

    z-index:1510 !important;

    width:auto !important;
    max-width:none !important;
    height:var(--saer-v82-top) !important;
    min-height:var(--saer-v82-top) !important;

    margin:0 !important;
    padding:0 13px 0 0 !important;

    display:flex !important;
    align-items:center !important;

    background:var(--saer-v82-paper) !important;
    border-right:1px solid var(--saer-v82-line) !important;

    transform:none !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper::before,
  .pkp_structure_head #navigationUserWrapper::before{
    content:"" !important;
    width:12px !important;
    height:12px !important;
    margin-right:6px !important;

    border:1px solid #777C7F !important;
    border-radius:50% !important;
    box-sizing:border-box !important;

    background:
      radial-gradient(circle at 50% 34%, #777C7F 0 17%, transparent 18% 100%),
      radial-gradient(ellipse at 50% 80%, #777C7F 0 30%, transparent 31% 100%) !important;

    opacity:.82 !important;
  }

  .pkp_structure_head .pkp_navigation_user,
  .pkp_structure_head #navigationUser{
    width:auto !important;
    height:var(--saer-v82-top) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a{
    width:auto !important;
    max-width:100px !important;
    height:var(--saer-v82-top) !important;
    min-height:var(--saer-v82-top) !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;

    color:var(--saer-v82-muted) !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:8.9px !important;
    line-height:1 !important;
    font-weight:500 !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a:hover,
  .pkp_structure_head #navigationUser > li > a:hover,
  .pkp_structure_head .pkp_navigation_user > li > a:focus,
  .pkp_structure_head #navigationUser > li > a:focus{
    color:var(--saer-v82-gold) !important;
  }

  /* ----------------------------------------------------------
     LANGUAGE — TOPBAR, ending on the RIGHT content grid line
     ---------------------------------------------------------- */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    position:fixed !important;
    top:0 !important;
    right:max(
      var(--saer-v82-pad),
      calc((100vw - var(--saer-v82-max))/2 + var(--saer-v82-pad))
    ) !important;
    left:auto !important;

    z-index:1500 !important;

    width:auto !important;
    height:var(--saer-v82-top) !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;

    background:var(--saer-v82-paper) !important;
    border:0 !important;
    box-shadow:none !important;

    transform:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::before{
    content:"" !important;
    width:12px !important;
    height:12px !important;
    margin-right:1px !important;

    display:inline-block !important;
    box-sizing:border-box !important;

    border:1px solid #777C7F !important;
    border-radius:50% !important;

    background:
      radial-gradient(circle at center, transparent 0 42%, #777C7F 43% 47%, transparent 48% 100%),
      linear-gradient(to bottom, transparent 46%, #777C7F 47% 53%, transparent 54% 100%) !important;

    opacity:.82 !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::after{
    content:none !important;
    display:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    width:auto !important;
    min-width:auto !important;
    height:var(--saer-v82-top) !important;
    min-height:var(--saer-v82-top) !important;

    margin:0 !important;
    padding:0 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#4F5559 !important;
    -webkit-text-fill-color:#4F5559 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:8.9px !important;
    line-height:1 !important;
    font-weight:650 !important;
    letter-spacing:.025em !important;

    text-decoration:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > span{
    height:var(--saer-v82-top) !important;
    display:inline-flex !important;
    align-items:center !important;

    color:#B6A98F !important;
    font-size:7.8px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:hover,
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:focus{
    color:var(--saer-v82-gold) !important;
    -webkit-text-fill-color:var(--saer-v82-gold) !important;
  }

  /* ----------------------------------------------------------
     TOP LEFT META: same strip, unchanged alignment
     ---------------------------------------------------------- */
  .pkp_structure_head::before{
    height:var(--saer-v82-top) !important;
    display:flex !important;
    align-items:center !important;
  }
}

/* Laptop desktop only */
@media (min-width:992px) and (max-width:1180px){

  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    right:124px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    right:20px !important;
  }
}

/* ==========================================================================
   END SAER v82
   ========================================================================== */

/* ==========================================================================
   SAER v83 — HEADER UTILITY FINAL
   Base: v82
   DESKTOP ONLY
   Final utility-bar cleanup:
   - Kayıt / Giriş properly spaced
   - Clear Font Awesome user + globe icons
   - Account and language groups moved left and kept close together
   - Main menu untouched
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-v83-max:1180px;
    --saer-v83-top:27px;
    --saer-v83-paper:#F5F2EC;
    --saer-v83-text:#565D61;
    --saer-v83-soft:#B7A98F;
    --saer-v83-gold:#9A774F;
  }

  /* ----------------------------------------------------------
     ACCOUNT GROUP
     ---------------------------------------------------------- */
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    position:fixed !important;
    top:0 !important;
    right:max(
      270px,
      calc((100vw - var(--saer-v83-max))/2 + 270px)
    ) !important;
    left:auto !important;
    bottom:auto !important;

    z-index:1520 !important;

    width:auto !important;
    max-width:none !important;
    height:var(--saer-v83-top) !important;
    min-height:var(--saer-v83-top) !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;

    background:var(--saer-v83-paper) !important;
    border:0 !important;

    transform:none !important;
  }

  /* real, recognizable user icon */
  .pkp_structure_head .pkp_navigation_user_wrapper::before,
  .pkp_structure_head #navigationUserWrapper::before{
    content:"\f007" !important;
    width:auto !important;
    height:auto !important;
    margin:0 7px 0 0 !important;

    display:inline-block !important;

    color:#72787B !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;

    font-family:FontAwesome !important;
    font-size:11px !important;
    font-style:normal !important;
    font-weight:normal !important;
    line-height:1 !important;

    opacity:.95 !important;
  }

  .pkp_structure_head .pkp_navigation_user,
  .pkp_structure_head #navigationUser{
    width:auto !important;
    height:var(--saer-v83-top) !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    gap:6px !important;
  }

  .pkp_structure_head .pkp_navigation_user > li,
  .pkp_structure_head #navigationUser > li{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  /* visible separation: Kayıt · Giriş */
  .pkp_structure_head .pkp_navigation_user > li + li::before,
  .pkp_structure_head #navigationUser > li + li::before{
    content:"·" !important;
    margin:0 1px 0 -1px !important;
    color:#B4AA9C !important;
    font-size:9px !important;
    line-height:1 !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a{
    width:auto !important;
    max-width:none !important;
    height:var(--saer-v83-top) !important;
    min-height:var(--saer-v83-top) !important;
    padding:0 !important;

    display:inline-flex !important;
    align-items:center !important;

    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;

    color:var(--saer-v83-text) !important;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    text-decoration:none !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a:hover,
  .pkp_structure_head #navigationUser > li > a:hover,
  .pkp_structure_head .pkp_navigation_user > li > a:focus,
  .pkp_structure_head #navigationUser > li > a:focus{
    color:var(--saer-v83-gold) !important;
  }

  /* ----------------------------------------------------------
     LANGUAGE GROUP
     ---------------------------------------------------------- */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    position:fixed !important;
    top:0 !important;
    right:max(
      170px,
      calc((100vw - var(--saer-v83-max))/2 + 170px)
    ) !important;
    left:auto !important;

    z-index:1510 !important;

    width:auto !important;
    height:var(--saer-v83-top) !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;

    background:var(--saer-v83-paper) !important;
    border:0 !important;
    box-shadow:none !important;

    transform:none !important;
  }

  /* clear globe icon from Font Awesome */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::before{
    content:"\f0ac" !important;
    width:auto !important;
    height:auto !important;
    margin:0 2px 0 0 !important;

    display:inline-block !important;

    color:#72787B !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;

    font-family:FontAwesome !important;
    font-size:11px !important;
    font-style:normal !important;
    font-weight:normal !important;
    line-height:1 !important;

    opacity:.95 !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::after{
    content:none !important;
    display:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    width:auto !important;
    min-width:auto !important;
    height:var(--saer-v83-top) !important;
    min-height:var(--saer-v83-top) !important;

    margin:0 !important;
    padding:0 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#4F5559 !important;
    -webkit-text-fill-color:#4F5559 !important;

    background:transparent !important;
    border:0 !important;

    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:650 !important;
    letter-spacing:.02em !important;

    text-decoration:none !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > span{
    height:var(--saer-v83-top) !important;
    display:inline-flex !important;
    align-items:center !important;

    color:var(--saer-v83-soft) !important;
    font-size:7.5px !important;
    line-height:1 !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:hover,
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a:focus{
    color:var(--saer-v83-gold) !important;
    -webkit-text-fill-color:var(--saer-v83-gold) !important;
  }

  /* small separator between account and language groups */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    border-left:1px solid #D9D1C7 !important;
    padding-left:11px !important;
  }
}

@media (min-width:992px) and (max-width:1180px){

  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    right:245px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    right:150px !important;
  }
}

/* ==========================================================================
   END SAER v83
   ========================================================================== */

/* ==========================================================================
   SAER v84 — DESKTOP GRID COMPACTION / SITE-WIDE ALIGNMENT
   Base: v83
   DESKTOP ONLY
   Goals:
   - One shared desktop content grid for header + pages
   - Remove the "wide header / narrow page" mismatch
   - Make main content use the full available width when sidebar is hidden
   - Keep generous but controlled margins
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-v84-max:1080px;
    --saer-v84-pad:24px;
  }

  /* ----------------------------------------------------------
     HEADER: compact to same site grid
     ---------------------------------------------------------- */
  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    width:min(100%,var(--saer-v84-max)) !important;
    max-width:var(--saer-v84-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:var(--saer-v84-pad) !important;
    padding-right:var(--saer-v84-pad) !important;
  }

  .pkp_structure_head::before{
    left:max(
      var(--saer-v84-pad),
      calc((100% - var(--saer-v84-max))/2 + var(--saer-v84-pad))
    ) !important;
  }

  /* Right utility controls align to the same grid */
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    right:max(
      250px,
      calc((100vw - var(--saer-v84-max))/2 + 250px)
    ) !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    right:max(
      150px,
      calc((100vw - var(--saer-v84-max))/2 + 150px)
    ) !important;
  }

  /* Slightly tighter main nav spacing */
  .pkp_navigation_primary{
    gap:16px !important;
  }

  .pkp_navigation_primary > li > a{
    font-size:11.3px !important;
  }

  .pkp_navigation_primary > li:first-child > a{
    min-width:112px !important;
    padding-left:13px !important;
    padding-right:13px !important;
  }

  /* ----------------------------------------------------------
     PAGE CONTENT: same shared grid
     ---------------------------------------------------------- */
  .pkp_structure_content{
    width:min(100%,var(--saer-v84-max)) !important;
    max-width:var(--saer-v84-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  /* If sidebar is gone/hidden, main content must expand fully */
  .pkp_structure_content:not(.has_sidebar) .pkp_structure_main,
  .pkp_structure_content.has_sidebar .pkp_structure_main{
    width:100% !important;
    max-width:none !important;
    flex:1 1 100% !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  /* Any hidden desktop sidebar should not reserve width */
  .pkp_structure_sidebar{
    flex:0 0 0 !important;
  }

  .pkp_structure_sidebar:empty,
  .pkp_structure_sidebar[style*="display: none"],
  .pkp_structure_sidebar:has(.block_language_toggle:only-child){
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  /* Common custom SAER page shells follow the same width */
  .saer-home,
  .saer-aims-v8,
  .saer-policy-hub,
  .saer-guide,
  .saer-field-page,
  .page_index_journal,
  .page_about{
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Keep sections visually compact and connected */
  .pkp_structure_main > *,
  .page > *,
  .cmp_announcements,
  .additional_content{
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

/* Slightly wider on large screens without looking stretched */
@media (min-width:1440px){
  :root{
    --saer-v84-max:1120px;
  }
}

/* ==========================================================================
   END SAER v84
   ========================================================================== */

/* ==========================================================================
   SAER v85 — DESKTOP GRID ALIGNED / CLEAN
   Base: v84
   DESKTOP ONLY
   Final geometry pass:
   - Remove stray vertical structure lines
   - One shared left/right axis for page, top meta, logo and utility controls
   - Page left edge = top meta left edge = visible logo left edge
   - Page right edge = language block right edge
   - Main navigation stays inside the same grid
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-v85-max:1080px;
    --saer-v85-pad:24px;
    --saer-v85-paper:#F5F2EC;
    --saer-v85-line:#E2DCD3;
  }

  /* ----------------------------------------------------------
     KILL OLD STRUCTURAL LINES / GHOST COLUMNS
     ---------------------------------------------------------- */
  .pkp_structure_page,
  .pkp_structure_content,
  .pkp_structure_main,
  .pkp_structure_sidebar{
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
  }

  .pkp_structure_content::before,
  .pkp_structure_content::after,
  .pkp_structure_main::before,
  .pkp_structure_main::after,
  .pkp_structure_sidebar::before,
  .pkp_structure_sidebar::after{
    content:none !important;
    display:none !important;
  }

  /* Desktop sidebar must not reserve any geometry now that language
     controls are in the header. */
  .pkp_structure_sidebar{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    flex:0 0 0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  /* ----------------------------------------------------------
     ONE SITE GRID
     ---------------------------------------------------------- */
  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper,
  .pkp_structure_content{
    width:min(100%,var(--saer-v85-max)) !important;
    max-width:var(--saer-v85-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    padding-left:var(--saer-v85-pad) !important;
    padding-right:var(--saer-v85-pad) !important;
  }

  .pkp_structure_content{
    padding-left:var(--saer-v85-pad) !important;
    padding-right:var(--saer-v85-pad) !important;
  }

  .pkp_structure_main{
    width:100% !important;
    max-width:none !important;
    flex:1 1 100% !important;
    float:none !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  /* ----------------------------------------------------------
     TOP META — exact same LEFT axis as page content
     ---------------------------------------------------------- */
  .pkp_structure_head::before{
    left:max(
      var(--saer-v85-pad),
      calc((100% - var(--saer-v85-max))/2 + var(--saer-v85-pad))
    ) !important;
    width:auto !important;
    max-width:660px !important;
  }

  /* ----------------------------------------------------------
     LOGO — exact same VISIBLE left axis as page/meta
     Uploaded logo contains transparent whitespace, so compensate
     only the image itself, not the wrapper/grid.
     ---------------------------------------------------------- */
  .pkp_site_name_wrapper{
    margin-left:0 !important;
    padding-left:0 !important;
    overflow:visible !important;
  }

  .pkp_site_name,
  .pkp_site_name .is_img{
    margin-left:0 !important;
    padding-left:0 !important;
    overflow:visible !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    transform:translateX(-68px) !important;
    transform-origin:left center !important;
  }

  /* ----------------------------------------------------------
     RIGHT UTILITY — language ENDS on same RIGHT page axis.
     Account sits immediately to its left.
     ---------------------------------------------------------- */
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    right:max(
      var(--saer-v85-pad),
      calc((100vw - var(--saer-v85-max))/2 + var(--saer-v85-pad))
    ) !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    right:max(
      126px,
      calc((100vw - var(--saer-v85-max))/2 + 126px)
    ) !important;
  }

  /* Compact spacing between account + language, no floating islands */
  .pkp_structure_head .pkp_navigation_user_wrapper,
  .pkp_structure_head #navigationUserWrapper{
    padding-right:11px !important;
  }

  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages{
    padding-left:11px !important;
    border-left:1px solid #D9D2C8 !important;
  }

  /* ----------------------------------------------------------
     MAIN NAV — keep inside shared grid and visually balanced
     ---------------------------------------------------------- */
  .pkp_site_nav_menu{
    min-width:0 !important;
  }

  .pkp_navigation_primary{
    gap:15px !important;
  }

  .pkp_navigation_primary > li > a{
    font-size:11.2px !important;
  }

  .pkp_navigation_primary > li:first-child > a{
    min-width:110px !important;
    min-height:33px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  /* ----------------------------------------------------------
     CUSTOM PAGE SHELLS — no artificial narrow column
     ---------------------------------------------------------- */
  .saer-home,
  .saer-aims-v8,
  .saer-policy-hub,
  .saer-guide,
  .saer-field-page,
  .page_index_journal,
  .page_about,
  .additional_content{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }
}

/* Slightly wider shared grid on large desktop screens */
@media (min-width:1440px){
  :root{
    --saer-v85-max:1120px;
  }
}

/* ==========================================================================
   END SAER v85
   ========================================================================== */

/* ==========================================================================
   SAER v86 — HOMEPAGE CLEANUP
   Base: v85
   DESKTOP ONLY
   - Remove the duplicated native "Dergi Hakkında" block from homepage
   - Close the empty space it leaves behind
   - Header/menu geometry remains untouched
   ========================================================================== */

@media (min-width:992px){

  /* Native OJS homepage "About the Journal" block is duplicated by
     the custom SAER hero below, so remove it completely on desktop. */
  .pkp_page_index .homepage_about{
    display:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    min-height:0 !important;
    height:0 !important;
  }

  /* Prevent old pseudo-elements from leaving any visual residue */
  .pkp_page_index .homepage_about::before,
  .pkp_page_index .homepage_about::after{
    content:none !important;
    display:none !important;
  }

  /* Pull the custom homepage content up naturally after header */
  .pkp_page_index .additional_content{
    margin-top:0 !important;
  }

  .pkp_page_index .pkp_structure_main{
    padding-top:28px !important;
  }
}

/* ==========================================================================
   END SAER v86
   ========================================================================== */

/* ==========================================================================
   SAER v87 — HEADER SCALE BALANCE
   Base: v86
   DESKTOP ONLY
   Goal:
   - Keep the compact geometry
   - Increase visual weight of logo/menu/topbar slightly
   - Better proportion against the homepage hero
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-v87-main:64px;
  }

  /* Slightly taller main header without returning to the old bulky look */
  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    min-height:var(--saer-v87-main) !important;
  }

  .pkp_site_name_wrapper,
  .pkp_site_nav_menu{
    height:var(--saer-v87-main) !important;
    min-height:var(--saer-v87-main) !important;
  }

  /* Logo: +8–10% visual weight */
  .pkp_site_name_wrapper{
    flex-basis:156px !important;
    width:156px !important;
    min-width:156px !important;
    max-width:156px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    max-width:194px !important;
    max-height:58px !important;
    transform:translateX(-68px) !important;
  }

  /* Main navigation: stronger readability */
  .pkp_navigation_primary{
    gap:17px !important;
  }

  .pkp_navigation_primary > li > a{
    min-height:36px !important;
    font-size:11.9px !important;
    font-weight:500 !important;
    letter-spacing:-.004em !important;
  }

  /* CTA follows the same scale */
  .pkp_navigation_primary > li:first-child > a{
    min-width:116px !important;
    min-height:36px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    font-size:11.8px !important;
    font-weight:650 !important;
  }

  /* Top utility strip gets a small readability bump */
  .pkp_structure_head::before{
    font-size:9.5px !important;
    font-weight:500 !important;
  }

  .pkp_structure_head .pkp_navigation_user > li > a,
  .pkp_structure_head #navigationUser > li > a,
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages > a{
    font-size:9.2px !important;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper::before,
  .pkp_structure_head #navigationUserWrapper::before,
  .pkp_structure_head .pkp_site_nav_menu .saer_header_languages::before{
    font-size:11.5px !important;
  }
}

/* ==========================================================================
   END SAER v87
   ========================================================================== */

/* ==========================================================================
   SAER v88 — FINAL HEADER SCALE POLISH
   Base: v87
   DESKTOP ONLY
   Final small scale adjustment before locking header.
   ========================================================================== */

@media (min-width:992px){

  :root{
    --saer-v88-main:68px;
  }

  /* Main row +4px for a little more presence */
  .has_site_logo .pkp_head_wrapper,
  .pkp_head_wrapper{
    min-height:var(--saer-v88-main) !important;
  }

  .pkp_site_name_wrapper,
  .pkp_site_nav_menu{
    height:var(--saer-v88-main) !important;
    min-height:var(--saer-v88-main) !important;
  }

  /* Logo +~5% */
  .pkp_site_name_wrapper{
    flex-basis:160px !important;
    width:160px !important;
    min-width:160px !important;
    max-width:160px !important;
  }

  .pkp_site_name .is_img img,
  .pkp_site_name img{
    max-width:202px !important;
    max-height:60px !important;
    transform:translateX(-68px) !important;
  }

  /* Navigation slightly stronger */
  .pkp_navigation_primary{
    gap:18px !important;
  }

  .pkp_navigation_primary > li > a{
    min-height:38px !important;
    font-size:12.3px !important;
    font-weight:500 !important;
    letter-spacing:-.004em !important;
  }

  /* CTA slightly fuller */
  .pkp_navigation_primary > li:first-child > a{
    min-width:120px !important;
    min-height:38px !important;
    padding-left:15px !important;
    padding-right:15px !important;
    font-size:12px !important;
    font-weight:650 !important;
  }
}

/* ==========================================================================
   END SAER v88
   ========================================================================== */