:root {
  --article-col: 700px;
  --border-w: 1px;
  --c-bg-light: #F5F8FC;
  --c-body: #334155;
  --c-border: #DFE6EF;
  --c-border-strong: #CBD6E3;
  --c-heading: #081F45;
  --c-ink-45: rgba(23,43,77,.45);
  --c-ink-70: rgba(23,43,77,.7);
  --c-overlay-dark: rgba(15,26,46,.72);
  --c-primary-blue: #0B4EA2;
  --c-primary-blue-08: #EAF2F5;
  --c-primary-blue-14: #DDEAEF;
  --c-primary-dark: #081F45;
  --c-primary-dark-10: #E7EAF0;
  --c-secondary-blue: #1976D2;
  --c-secondary-blue-14: #E4EFF1;
  --c-text: #17233A;
  --c-text-muted: #64748B;
  --c-white: #FFFFFF;
  --container-max: 1200px;
  --container-narrow: 860px;
  --dur-fast: 160ms;
  --dur-med: 320ms;
  --ease: cubic-bezier(.4,0,.2,1);
  --f-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --f-serif: 'Source Serif 4','Source Serif Pro',Georgia,'Times New Roman',serif;
  --fs-body: 1.0625rem;
  --fs-body-lg: 1.125rem;
  --fs-eyebrow: .75rem;
  --fs-h1: clamp(3rem, 2.4rem + 1.8vw, 4rem);
  --fs-h2: clamp(2.125rem, 1.75rem + 1vw, 2.75rem);
  --fs-h3: clamp(1.625rem, 1.45rem + .45vw, 2rem);
  --fs-h4: clamp(1.3125rem, 1.2rem + .2vw, 1.5rem);
  --fs-h5: clamp(1.0625rem, 1rem + .1vw, 1.1875rem);
  --fs-h6: clamp(.75rem, .72rem + .05vw, .875rem);
  --fs-sm: .8125rem;
  --fs-xs: .75rem;
  --inner-hero-h1-min: 2.35rem;
  --inner-hero-h1-fluid: 3vw;
  --inner-hero-h1-max: 3.15rem;
  --inner-hero-lede: 1rem;
  --inner-hero-eyebrow: .72rem;
  --jess-blue: #0B4EA2;
  --jess-blue-light: #1976D2;
  --jess-border: #DFE6EF;
  --jess-navy: #081F45;
  --jess-surface: #F5F8FC;
  --lh-article: 1.7;
  --lh-body: 1.7;
  --lh-heading: 1.15;
  --lh-tight: 1.08;
  --radius-lg: 8px;
  --radius-md: 4px;
  --radius-sm: 3px;
  --shadow-md: 0 4px 16px rgba(23,43,77,.08);
  --shadow-sm: 0 1px 2px rgba(23,43,77,.06);
  --sp-2xl: 3rem;
  --sp-2xs: 0.25rem;
  --sp-3xl: 4.5rem;
  --sp-4xl: 6.5rem;
  --sp-lg: 1.5rem;
  --sp-md: 1rem;
  --sp-sm: 0.75rem;
  --sp-xl: 2rem;
  --sp-xs: 0.5rem;
  --z-header: 100;
  --z-overlay: 200;
}

/* =========================================================
   about.css
   ========================================================= */
/* =========================================================
   JESS — About page
   ========================================================= */

.page-hero{
  background:var(--c-primary-dark);
  color:#DCE4EE;
  padding-block:clamp(2.5rem,2rem + 3vw,4rem);
}
.page-hero h1{ color:#fff; margin-top:.75rem; max-width:22ch; }
.page-hero .lede{ color:#B7C4D4; max-width:60ch; margin-top:1rem; }

.mission-split{ display:grid; gap:var(--sp-2xl); align-items:start; }
.mission-split .lede{ margin-top:1rem; }
.mission-figure{
  border:1px solid var(--c-border); border-radius:var(--radius-md);
  padding:var(--sp-xl); background:var(--c-bg-light);
}
.mission-figure ul{ display:flex; flex-direction:column; gap:1rem; }
.mission-figure li{ display:flex; gap:.75rem; align-items:flex-start; font-size:var(--fs-sm); color:var(--c-text); }
.mission-figure svg{ flex:none; color:var(--c-primary-blue); margin-top:.15rem; }
@media (min-width: 900px){ .mission-split{ grid-template-columns:1.2fr .8fr; } }

.value-card{ padding:var(--sp-lg); border:1px solid var(--c-border); border-radius:var(--radius-md); }
.value-card .idx{ font-family:var(--f-serif); font-size:.8rem; color:var(--c-secondary-blue); letter-spacing:.08em; }
.value-card h3{ margin-top:.6rem; font-size:1.1rem; }
.value-card p{ margin-top:.5rem; font-size:var(--fs-sm); color:var(--c-text-muted); }

.scope-list{ display:flex; flex-direction:column; }
.scope-row{
  display:grid; gap:1rem; padding-block:1.5rem;
  border-bottom:1px solid var(--c-border);
  grid-template-columns:1fr;
}
.scope-row:first-child{ padding-top:0; }
.scope-row .tag{ font-size:var(--fs-sm); font-weight:600; color:var(--c-primary-blue); }
.scope-row p{ color:var(--c-text-muted); font-size:var(--fs-sm); }
@media (min-width: 768px){ .scope-row{ grid-template-columns:220px 1fr; align-items:baseline; } }

.timeline{ position:relative; padding-left:1.75rem; border-left:1px solid var(--c-border); display:flex; flex-direction:column; gap:2rem; }
.timeline-item{ position:relative; }
.timeline-item::before{
  content:""; position:absolute; left:-2.28rem; top:.3rem;
  width:9px; height:9px; border-radius:50%;
  background:var(--c-primary-blue); border:2px solid #fff; box-shadow:0 0 0 1px var(--c-primary-blue);
}
.timeline-item .yr{ font-family:var(--f-serif); font-size:1.1rem; color:var(--c-primary-dark); }
.timeline-item p{ margin-top:.35rem; font-size:var(--fs-sm); color:var(--c-text-muted); max-width:56ch; }

.journal-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width: 1050px){.journal-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 680px){.journal-directory-grid{grid-template-columns:1fr;}}

/* Journals directory — dark family cards */
.journal-directory-grid .journal-family-card{
  min-height:315px;
  padding:2rem;
  border-radius:3px;
  box-shadow:0 14px 35px rgba(7,26,45,.08);
  transition:transform .25s ease,box-shadow .25s ease;
}
.journal-directory-grid .journal-family-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 45px rgba(7,26,45,.14);
}
.journal-directory-grid .journal-family-card h3{
  font-size:clamp(1.35rem,1.15rem + .45vw,1.65rem);
  line-height:1.12;
  margin:.15rem 0 0;
}
.journal-directory-grid .journal-family-card p{
  max-width:34ch;
  line-height:1.7;
  margin:0;
}
.journal-directory-grid .journal-family-card .btn-text{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  margin-top:auto;
  font-family:var(--f-serif);
  font-weight:600;
  font-size:.95rem;
  text-decoration:none;
}
@media (max-width: 680px){
  .journal-directory-grid .journal-family-card{min-height:280px;padding:1.5rem;}
}


/* =========================================================
   article.css
   ========================================================= */
/* =========================================================
   JESS — Article Detail / Scholarly Reading Layout
   Inter UI + Source Serif 4 reading text
========================================================= */
.article-page{background:#fff}
.article-hero{background:linear-gradient(135deg,#081f45 0%,#103c78 100%);color:#fff;padding:64px 0 58px;border-bottom:1px solid rgba(255,255,255,.12)}
.article-hero .container{max-width:1180px}
.article-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-family:var(--f-sans);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d8e8ff}
.article-kicker .badge{background:#fff;color:#0b4ea2;border:0}
.article-hero h1{max-width:980px;margin:0;color:#fff;font-family:var(--f-sans);font-size:clamp(2.5rem,4.8vw,4.1rem);font-weight:800;line-height:1.08;letter-spacing:-.025em}
.article-authors{max-width:900px;margin:20px 0 0;color:rgba(255,255,255,.9);font-family:var(--f-serif);font-size:19px;line-height:1.6}
.article-meta-bar{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:24px;color:rgba(255,255,255,.76);font-family:var(--f-sans);font-size:13px;font-weight:500}
.article-meta-bar span{display:inline-flex;align-items:center;gap:8px}
.article-meta-bar .sep{opacity:.45}
.article-doi{margin-top:12px;color:rgba(255,255,255,.75);font:500 13px/1.5 var(--f-sans)}
.article-doi a{color:#fff;font-weight:700}

.article-layout{padding:68px 0 88px}
.article-grid{display:grid;grid-template-columns:minmax(0,840px) 320px;gap:40px;align-items:start;width:min(calc(100% - 48px),var(--container-max)) !important;max-width:var(--container-max) !important;margin-inline:auto !important}
.article-main{min-width:0}
.article-body {min-width:0}
.article-section{margin:0 0 48px}
.article-section:last-child{margin-bottom:0}
.article-section h2,.article-body h2{font-family:var(--f-sans);font-size:clamp(1.7rem,2.2vw,2.15rem);font-weight:700;line-height:1.15;color:var(--c-primary-dark);margin:0 0 18px;padding:0;border:0}
.article-section h2:after{content:"";display:block;width:42px;height:3px;background:var(--c-primary-blue);margin-top:12px;border-radius:2px}
.article-body p{font-family:var(--f-serif);font-size:18px;line-height:1.7;color:var(--c-text);margin:0 0 20px}
.article-body ul,.article-body ol{font-family:var(--f-serif);font-size:18px;line-height:1.7;color:var(--c-text);margin:0 0 22px 1.35rem}
.article-body li{margin-bottom:7px}

.abstract-block{background:#f5f8fc;border:1px solid #dfe6ef;border-radius:14px;padding:30px 32px;margin:0 0 48px;box-shadow:0 8px 28px rgba(8,31,69,.045)}
.abstract-block h2{font-family:var(--f-sans);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary-blue);margin:0 0 13px;padding:0;border:0}
.abstract-block h2:after{display:none}
.abstract-block p{font-family:var(--f-serif);font-size:19px;line-height:1.65;color:var(--c-text);margin:0}

.article-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border:1px solid #DFE6EF;border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(8,31,69,.05);margin:0 0 48px}
.article-callout strong{display:block;font-family:var(--f-sans);font-size:15px;color:var(--c-primary-dark);margin-bottom:5px}
.article-callout p{font-family:var(--f-serif);font-size:16px;line-height:1.55;color:var(--c-text-muted);margin:0;max-width:570px}

.article-info-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid #DFE6EF;border-radius:14px;overflow:hidden;margin:0}
.article-info-list div{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:17px 18px;border-bottom:1px solid #DFE6EF}
.article-info-list div:nth-child(odd){border-right:1px solid #DFE6EF}
.article-info-list div:nth-last-child(-n+2){border-bottom:0}
.article-info-list dt{font-family:var(--f-sans);font-size:12px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.04em}
.article-info-list dd{font-family:var(--f-sans);font-size:13px;font-weight:600;color:#081F45;margin:0}

.article-sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:120px}
.sidebar-card{border:1px solid #DFE6EF;border-radius:14px;padding:24px;background:#fff;box-shadow:0 8px 28px rgba(8,31,69,.045)}
.sidebar-card h3{font-family:var(--f-sans);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#64748B;margin:0 0 16px}
.sidebar-card .sidebar-title{font-family:var(--f-sans);font-size:21px;line-height:1.3;font-weight:700;color:#081F45;margin:0 0 12px}
.sidebar-card p{font-family:var(--f-serif);font-size:16px;line-height:1.6;color:#53627a;margin:0 0 18px}
.sidebar-card .btn{width:100%;margin-bottom:10px}
.sidebar-card .btn:last-child{margin-bottom:0}

.keyword-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.keyword-chip{font-family:var(--f-sans);font-size:12px;font-weight:600;color:#081F45;background:#f5f8fc;border:1px solid #DFE6EF;padding:6px 11px;border-radius:999px}

@media (max-width: 959px){
  .article-grid{grid-template-columns:1fr;gap:40px}
  .article-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .article-hero{padding:48px 0 44px}
  .article-hero h1{font-size:36px}
  .article-authors{font-size:18px}
  .article-layout{padding:46px 0 60px}
  .abstract-block{padding:23px 20px}
  .article-info-list{grid-template-columns:1fr}
  .article-info-list div{grid-template-columns:100px 1fr;border-right:0!important}
  .article-info-list div:nth-last-child(-n+2){border-bottom:1px solid #DFE6EF}
  .article-info-list div:last-child{border-bottom:0}
  .article-sidebar{grid-template-columns:1fr}
  .article-callout{align-items:flex-start}
}

.article-access-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.article-access-actions .btn{white-space:nowrap}
.source-note-section{padding-top:4px}
@media (max-width: 640px){.article-access-actions{width:100%}.article-access-actions .btn{width:100%;text-align:center}}


/* Archive-derived article content */
.article-source-content {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 18px;
  line-height: 1.7;
  color: #34445d;
}
.article-source-content p { margin: 0; }
.article-access-callout[hidden] { display: none; }

/* Full scholarly article presentation */
.article-author-affiliations{margin-top:18px;display:grid;gap:7px;max-width:900px;color:rgba(255,255,255,.82);font-family:var(--f-sans);font-size:13px;line-height:1.55}
.article-author-affiliations sup{display:inline-block;min-width:20px;color:#b9d7ff;font-weight:800}
.article-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.full-article-section{margin:0 0 42px}
.full-article-section:last-child{margin-bottom:0}
.full-article-section h3{font-family:var(--f-sans);font-size:25px;line-height:1.2;color:var(--c-primary-dark);margin:0 0 15px;font-weight:700}
.full-article-section p{margin-bottom:18px}
.figure-caption{padding:16px 18px;background:#f7f9fc;border-left:3px solid var(--c-primary-blue);font-family:var(--f-sans)!important;font-size:14px!important;line-height:1.6!important;color:#53627a!important}
.article-references{padding-left:24px;margin:0}
.article-references li{font-family:var(--f-serif);font-size:16px;line-height:1.65;margin-bottom:14px;color:var(--c-text)}
#articleDoi a{color:#fff}
@media (max-width: 640px){.article-author-affiliations{font-size:12px}.full-article-section h3{font-size:22px}}


/* PDF access state */
.article-access-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.article-pdf-status { font-family:Inter, sans-serif; font-size:12px; color:#60708a; }
#pdfDownloadLink.is-disabled { opacity:.55; cursor:not-allowed; pointer-events:auto; }


/* =========================================================
   articles-archive.css
   ========================================================= */
/* =========================================================
   JESS — Articles Archive / Discovery
   ========================================================= */

.archive-toolbar{
  display:flex; flex-direction:column; gap:1rem;
  padding-block:var(--sp-xl);
  border-bottom:1px solid var(--c-border);
}
.archive-search{
  display:flex; align-items:center; gap:.75rem;
  border:1px solid var(--c-border-strong); border-radius:var(--radius-sm);
  padding:.75rem 1rem; background:#fff;
}
.archive-search svg{ flex:none; color:var(--c-text-muted); }
.archive-search input{ flex:1; border:none; outline:none; font-size:1rem; color:var(--c-text); }
.results-count{ font-size:var(--fs-sm); color:var(--c-text-muted); }

.archive-layout{ display:grid; gap:var(--sp-2xl); padding-block:var(--sp-2xl) var(--sp-3xl); }
@media (min-width: 900px){ .archive-layout{ grid-template-columns:260px 1fr; align-items:start; } }

/* ---- Filters ---- */
.filters{ display:flex; flex-direction:column; gap:1.75rem; }
.filter-group h3{ font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; color:var(--c-text-muted); margin-bottom:.85rem; }
.filter-option{ display:flex; align-items:center; gap:.6rem; font-size:var(--fs-sm); color:var(--c-text); padding-block:.4rem; cursor:pointer; }
.filter-option input{ accent-color:var(--c-primary-blue); width:16px; height:16px; }
.filter-group select{
  width:100%; border:1px solid var(--c-border-strong); border-radius:var(--radius-sm);
  padding:.6rem .75rem; font-size:var(--fs-sm); color:var(--c-text); background:#fff;
}
.filters .btn{ align-self:flex-start; }

@media (max-width: 899px){
  .filters{ border:1px solid var(--c-border); border-radius:var(--radius-md); padding:var(--sp-lg); }
}

/* ---- Results ---- */
.results-list{ display:flex; flex-direction:column; gap:1rem; }
.result-row{
  display:flex; flex-direction:column; gap:.6rem;
  padding:var(--sp-lg); border:1px solid var(--c-border); border-radius:var(--radius-md);
  transition:border-color var(--dur-fast) var(--ease);
  position:relative;
}
.result-row:hover{ border-color:var(--c-secondary-blue); }
.result-row h3{ font-size:1.1rem; line-height:1.4; }
.result-row h3 a{ position:relative; }
.result-row h3 a::after{ content:""; position:absolute; inset:-1rem; }
.result-row .authors{ font-size:var(--fs-sm); color:var(--c-text-muted); }
.result-row .meta-row{ font-size:var(--fs-xs); }


/* =========================================================
   authors.css
   ========================================================= */
/* JESS Authors Directory + Author Profile */
.author-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:0 0 34px;flex-wrap:wrap}
.author-search{position:relative;flex:1;min-width:280px}.author-search input{width:100%;padding:15px 18px 15px 48px;border:1px solid var(--c-border);border-radius:10px;background:#fff;font:inherit;color:var(--ink,#17212b)}.author-search svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#6f7c88}.author-count{font-size:14px;color:#687582;white-space:nowrap}
.author-alpha{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:38px}.author-alpha a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--c-border);border-radius:8px;color:#33404c;font-size:13px;font-weight:700}.author-alpha a:hover,.author-alpha a.active{background:var(--navy,#081F45);color:#fff;border-color:var(--navy,#081F45)}
.author-group{margin-bottom:44px}.author-group h2{font-family:"Source Serif 4",Georgia,serif;font-size:28px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--c-border)}
.author-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.author-card{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--c-border);border-radius:12px;background:#fff;transition:.2s ease}.author-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(18,49,74,.08);border-color:#c7d0d8}.author-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;background:#e9eef2;color:var(--navy,#081F45);font-weight:800;font-size:15px}.author-card h3{margin:0 0 5px;font-size:17px}.author-card h3 a{color:inherit;text-decoration:none}.author-meta{margin:0;color:#697683;font-size:13px;line-height:1.55}.author-specialty{display:inline-block;margin-top:9px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#527084}
.author-note{padding:18px 20px;border-left:3px solid var(--navy,#081F45);background:#f5f7f9;color:#53616d;font-size:14px;line-height:1.65;margin:0 0 36px}
.profile-wrap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:42px;align-items:start}.profile-side{position:sticky;top:24px}.profile-avatar{width:190px;height:190px;border-radius:18px;background:#e9eef2;display:grid;place-items:center;color:var(--navy,#081F45);font-size:44px;font-weight:800;margin-bottom:20px}.profile-side h2{font-family:"Source Serif 4",Georgia,serif;font-size:25px;margin:0 0 6px}.profile-role{color:#62717d;font-size:14px;line-height:1.55}.profile-main .profile-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#587589;margin-bottom:10px}.profile-main h1{font-family:"Source Serif 4",Georgia,serif;font-size:48px;line-height:1.08;margin:0 0 14px;color:#17212b}.profile-main .profile-intro{font-size:19px;line-height:1.7;color:#53616d;max-width:760px;margin-bottom:36px}.profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);margin-bottom:38px}.profile-fact{padding:19px 18px;border-bottom:1px solid var(--c-border)}.profile-fact:nth-child(odd){border-right:1px solid var(--c-border)}.profile-fact:nth-last-child(-n+2){border-bottom:0}.profile-fact dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#74818c;margin-bottom:6px}.profile-fact dd{margin:0;color:#25333f;font-size:15px;line-height:1.5}.profile-section{margin:0 0 38px}.profile-section h2{font-family:"Source Serif 4",Georgia,serif;font-size:30px;margin:0 0 12px}.profile-section p{color:#52606c;line-height:1.75;max-width:760px}.profile-publications{display:grid;gap:12px}.profile-publication{padding:18px;border:1px solid var(--c-border);border-radius:10px}.profile-publication strong{display:block;margin-bottom:6px;line-height:1.45}.profile-publication span{font-size:13px;color:#71808b}
@media (max-width: 1050px){.author-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-wrap{grid-template-columns:220px minmax(0,1fr)}}
@media (max-width: 760px){.author-grid{grid-template-columns:1fr}.profile-wrap{grid-template-columns:1fr}.profile-side{position:static}.profile-avatar{width:120px;height:120px;font-size:30px}.profile-main h1{font-size:38px}.profile-facts{grid-template-columns:1fr}.profile-fact:nth-child(odd){border-right:0}.profile-fact:nth-last-child(2){border-bottom:1px solid var(--c-border)}}


/* =========================================================
   base.css
   ========================================================= */
/* =========================================================
   JESS — Base / Reset / Typography
   ========================================================= */

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body {
  margin:0;
  font-family:var(--f-sans);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  color:var(--c-text);
  background:var(--c-white);
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,p,figure{ margin:0; }
button{ font-family:inherit; cursor:pointer; }
input,select,textarea{ font-family:inherit; font-size:1rem; }

:focus-visible{
  outline:2px solid var(--c-primary-blue);
  outline-offset:3px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}

/* ---- Headings ---- */
h1,.h1{ font-size:var(--fs-h1); line-height:var(--lh-tight); font-weight:600; color:var(--c-primary-dark); letter-spacing:-0.015em; }
h2,.h2{ font-size:var(--fs-h2); line-height:var(--lh-heading); font-weight:600; color:var(--c-primary-dark); letter-spacing:-0.01em; }
h3,.h3{ font-size:var(--fs-h3); line-height:var(--lh-heading); font-weight:600; color:var(--c-primary-dark); }
h4,.h4{ font-size:var(--fs-h4); line-height:var(--lh-heading); font-weight:600; color:var(--c-primary-dark); }

.lede{ font-size:var(--fs-body-lg); color:var(--c-text-muted); line-height:var(--lh-body); }

/* ---- Eyebrow / structural labels ---- */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-size:var(--fs-eyebrow);
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--c-primary-blue);
}
.eyebrow::before{
  content:"";
  width:18px; height:1.5px;
  background:var(--c-primary-blue);
  display:inline-block;
}
.eyebrow.on-dark{ color:#BFD9E3; }
.eyebrow.on-dark::before{ background:#BFD9E3; }

/* ---- Layout ---- */
.container{
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:clamp(1.25rem, 1rem + 2vw, 2.5rem);
}
.container-narrow{ max-width:var(--container-narrow); margin-inline:auto; padding-inline:clamp(1.25rem,1rem + 2vw,2.5rem); }

.section{ padding-block:var(--sp-3xl); }
.section-tight{ padding-block:var(--sp-2xl); }
.section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:var(--sp-xl);
  margin-bottom:var(--sp-2xl);
}
.section-head h2{ margin-top:var(--sp-sm); }
.section-head .lede{ margin-top:var(--sp-sm); max-width:52ch; }

.bg-light{ background:var(--c-bg-light); }
.bg-dark{ background:var(--c-primary-dark); color:#DCE4EE; }
.bg-dark h2,.bg-dark h3,.bg-dark h4{ color:var(--c-white); }

.divider{ height:1px; background:var(--c-border); border:0; margin:0; }

.visually-hidden{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; border:0; padding:0; margin:-1px;
}

.skip-link{
  position:absolute; left:1rem; top:-60px;
  background:var(--c-primary-dark); color:#fff;
  padding:.75rem 1.25rem; z-index:1000; border-radius:var(--radius-sm);
  transition:top var(--dur-fast) var(--ease);
}
.skip-link:focus{ top:1rem; }

/* ---- Scroll reveal ---- */
.js-enabled [data-reveal]{ opacity:0; transform:translateY(16px); transition:opacity .6s var(--ease), transform .6s var(--ease); }
.js-enabled [data-reveal].is-visible{ opacity:1; transform:none; }
.js-enabled [data-reveal-group] > *{ opacity:0; transform:translateY(16px); transition:opacity .5s var(--ease), transform .5s var(--ease); }
.js-enabled [data-reveal-group].is-visible > *{ opacity:1; transform:none; }
[data-reveal-group].is-visible > *:nth-child(1){ transition-delay:0ms; }
[data-reveal-group].is-visible > *:nth-child(2){ transition-delay:70ms; }
[data-reveal-group].is-visible > *:nth-child(3){ transition-delay:140ms; }
[data-reveal-group].is-visible > *:nth-child(4){ transition-delay:210ms; }
[data-reveal-group].is-visible > *:nth-child(5){ transition-delay:280ms; }
[data-reveal-group].is-visible > *:nth-child(6){ transition-delay:350ms; }

.site-header.is-scrolled{ box-shadow:var(--shadow-sm); }


/* =========================================================
   components.css
   ========================================================= */
/* =========================================================
   JESS — Reusable Components
   ========================================================= */

/* ---------------------------------------------------------
   Buttons
--------------------------------------------------------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.85rem 1.5rem;
  font-size:var(--fs-sm);
  font-weight:600;
  letter-spacing:.01em;
  border-radius:var(--radius-sm);
  border:1px solid transparent;
  transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);
  white-space:nowrap;
}
.btn-primary{ background:var(--c-primary-blue); color:#fff; }
.btn-primary:hover{ background:#1c5875; }
.btn-outline{ background:transparent; color:var(--c-white); border-color:rgba(255,255,255,.55); }
.btn-outline:hover{ background:rgba(255,255,255,.12); border-color:#fff; }
.btn-outline-dark{ background:transparent; color:var(--c-primary-dark); border-color:var(--c-border-strong); }
.btn-outline-dark:hover{ background:var(--c-primary-dark); color:#fff; border-color:var(--c-primary-dark); }
.btn-text{ padding:0; color:var(--c-primary-blue); font-weight:600; font-size:var(--fs-sm); display:inline-flex; align-items:center; gap:.4rem; }
.btn-text svg{ transition:transform var(--dur-fast) var(--ease); }
.btn-text:hover svg{ transform:translateX(3px); }
.btn-block{ width:100%; }

/* ---------------------------------------------------------
   Header
--------------------------------------------------------- */
.site-header{
  position:sticky; top:0; z-index:var(--z-header);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--c-border);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-xl);
  padding-block:.85rem;
}
.brand{ display:flex; align-items:center; gap:.65rem; }
.brand img{ height:100px; width:auto; object-fit:contain; }
.brand-word{ display:flex; flex-direction:column; line-height:1.1; }
.brand-word strong{ font-size:1.15rem; font-weight:700; color:var(--c-primary-dark); letter-spacing:.02em; }
.brand-word span{ font-size:.625rem; letter-spacing:.06em; color:var(--c-text-muted); text-transform:uppercase; }

.main-nav{ display:none; }
.main-nav ul{ display:flex; align-items:center; gap:var(--sp-lg); }
.main-nav a{
  font-size:.9rem; font-weight:500; color:var(--c-text);
  padding-block:.5rem; position:relative;
}
.main-nav a::after{
  content:""; position:absolute; left:0; right:0; bottom:0;
  height:2px; background:var(--c-primary-blue);
  transform:scaleX(0); transform-origin:left; transition:transform var(--dur-fast) var(--ease);
}
.main-nav a:hover::after,
.main-nav a[aria-current="page"]::after{ transform:scaleX(1); }
.main-nav a[aria-current="page"]{ color:var(--c-primary-blue); }

.header-actions{ display:flex; align-items:center; gap:.5rem; }
.icon-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%;
  color:var(--c-primary-dark); background:transparent; border:none;
  transition:background var(--dur-fast) var(--ease);
}
.icon-btn:hover{ background:var(--c-bg-light); }
.hamburger{ display:inline-flex; }

@media (min-width: 1024px){
  .main-nav{ display:block; }
  .hamburger{ display:none; }
}

/* Mobile nav drawer */
.mobile-nav{
  position:fixed; inset:0; z-index:var(--z-overlay);
  background:var(--c-white);
  transform:translateX(100%);
  transition:transform var(--dur-med) var(--ease);
  overflow-y:auto;
}
.mobile-nav.is-open{ transform:translateX(0); }
.mobile-nav-head{ display:flex; justify-content:space-between; align-items:center; padding:1rem clamp(1.25rem,1rem + 2vw,2.5rem); border-bottom:1px solid var(--c-border); }
.mobile-nav ul{ padding:1rem clamp(1.25rem,1rem + 2vw,2.5rem); display:flex; flex-direction:column; }
.mobile-nav a{ display:block; padding:.9rem 0; font-size:1.05rem; font-weight:500; border-bottom:1px solid var(--c-border); color:var(--c-primary-dark); }
.mobile-nav .btn{ margin:1.5rem clamp(1.25rem,1rem + 2vw,2.5rem) 0; }

/* Search overlay */
.search-overlay{
  position:fixed; inset:0; z-index:var(--z-overlay);
  background:var(--c-overlay-dark);
  display:flex; align-items:flex-start; justify-content:center;
  padding-top:min(18vh,140px);
  opacity:0; pointer-events:none;
  transition:opacity var(--dur-med) var(--ease);
}
.search-overlay.is-open{ opacity:1; pointer-events:auto; }
.search-box{ width:min(640px,90vw); background:#fff; border-radius:var(--radius-md); padding:1.5rem; box-shadow:var(--shadow-md); }
.search-box form{ display:flex; align-items:center; gap:.75rem; border-bottom:2px solid var(--c-primary-dark); padding-bottom:.75rem; }
.search-box input{ flex:1; border:none; outline:none; font-size:1.15rem; color:var(--c-primary-dark); }
.search-box .hint{ margin-top:.85rem; font-size:var(--fs-sm); color:var(--c-text-muted); }

/* ---------------------------------------------------------
   Breadcrumbs
--------------------------------------------------------- */
.breadcrumbs{ padding-block:1rem; font-size:var(--fs-sm); color:var(--c-text-muted); border-bottom:1px solid var(--c-border); }
.breadcrumbs ol{ display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; }
.breadcrumbs a{ color:var(--c-text-muted); }
.breadcrumbs a:hover{ color:var(--c-primary-blue); }
.breadcrumbs li:not(:last-child)::after{ content:"/"; margin-left:.4rem; color:var(--c-border-strong); }
.breadcrumbs li[aria-current]{ color:var(--c-primary-dark); font-weight:500; }

/* ---------------------------------------------------------
   Badges / meta
--------------------------------------------------------- */
.badge{
  display:inline-flex; align-items:center; gap:.35rem;
  font-size:.6875rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  padding:.3rem .6rem; border-radius:2px;
  background:var(--c-primary-blue-08); color:var(--c-primary-blue);
  border:1px solid var(--c-primary-blue-14);
}
.badge-dark{ background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.25); }

.meta-row{ display:flex; flex-wrap:wrap; gap:.4rem 1rem; font-size:var(--fs-sm); color:var(--c-text-muted); }
.meta-row .sep{ color:var(--c-border-strong); }

/* ---------------------------------------------------------
   Cards — Article
--------------------------------------------------------- */
.article-card{
  display:flex; flex-direction:column; gap:.85rem;
  padding:var(--sp-lg);
  background:#fff;
  border:1px solid var(--c-border);
  border-radius:var(--radius-md);
  transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
}
.article-card:hover{ border-color:var(--c-secondary-blue); box-shadow:var(--shadow-sm); }
.article-card h3{ font-size:1.1rem; line-height:1.4; }
.article-card h3 a::after{ content:""; position:absolute; inset:0; }
.article-card h3 a{ position:relative; }
.article-card .authors{ font-size:var(--fs-sm); color:var(--c-text-muted); }
.article-card .card-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:.5rem; border-top:1px solid var(--c-border); font-size:var(--fs-xs); color:var(--c-text-muted); }

/* ---------------------------------------------------------
   Cards — Issue
--------------------------------------------------------- */
.issue-card{
  display:flex; gap:var(--sp-lg);
  padding:var(--sp-lg);
  background:#fff; border:1px solid var(--c-border); border-radius:var(--radius-md);
  transition:border-color var(--dur-fast) var(--ease);
}
.issue-card:hover{ border-color:var(--c-secondary-blue); }
.issue-cover{
  flex:none; width:88px; height:118px;
  background:linear-gradient(180deg,var(--c-primary-dark),var(--c-primary-blue));
  border-radius:2px; color:#fff;
  display:flex; flex-direction:column; justify-content:space-between;
  padding:.6rem; font-size:.625rem; letter-spacing:.05em;
}
.issue-cover strong{ font-size:1rem; display:block; }
.issue-body { flex:1; display:flex; flex-direction:column; gap:.5rem; }
.issue-body .btn-text{ margin-top:auto; }

/* ---------------------------------------------------------
   Cards — Journal
--------------------------------------------------------- */
.journal-card{
  display:flex; flex-direction:column; gap:1rem;
  padding:var(--sp-xl);
  background:#fff; border:1px solid var(--c-border); border-radius:var(--radius-md);
}

/* ---------------------------------------------------------
   Cards — Author
--------------------------------------------------------- */
.author-card{ text-align:center; }
.author-photo{
  width:96px; height:96px; border-radius:50%; margin-inline:auto;
  background:var(--c-primary-blue-08); border:1px solid var(--c-border);
  display:flex; align-items:center; justify-content:center;
  color:var(--c-primary-blue); font-weight:700; font-size:1.4rem;
  overflow:hidden;
}
.author-card h4{ margin-top:.85rem; font-size:1rem; }
.author-card .role{ font-size:var(--fs-sm); color:var(--c-text-muted); margin-top:.15rem; }
.author-card .inst{ font-size:var(--fs-xs); color:var(--c-text-muted); }

/* ---------------------------------------------------------
   Cards — Journal family
--------------------------------------------------------- */
.journal-family-card{
  position:relative;
  display:flex; flex-direction:column; gap:1rem;
  padding:var(--sp-xl);
  background:var(--c-primary-dark);
  color:#DCE4EE;
  border-radius:var(--radius-md);
  overflow:hidden;
  min-height:280px;
}
.journal-family-card::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(120% 140% at 100% 0%, rgba(74,144,164,.55), transparent 60%);
  pointer-events:none;
}
.journal-family-card .num{ font-family:var(--f-serif); font-size:.8rem; color:#8FB8C8; letter-spacing:.08em; position:relative; }
.journal-family-card h3{ color:#fff; font-size:1.4rem; position:relative; }
.journal-family-card p{ font-size:var(--fs-sm); color:#B7C4D4; position:relative; }
.journal-family-card .btn-text{ color:#fff; margin-top:auto; position:relative; }
.journal-family-card .icon{ width:34px; height:34px; color:#8FB8C8; position:relative; }

/* ---------------------------------------------------------
   Stats
--------------------------------------------------------- */
.stat{ text-align:left; }
.stat .num{ font-family:var(--f-serif); font-size:clamp(2.25rem,1.8rem + 2vw,3.25rem); font-weight:600; color:var(--c-white); line-height:1; }
.stat .label{ margin-top:.5rem; font-size:var(--fs-sm); color:#B7C4D4; letter-spacing:.02em; }

/* ---------------------------------------------------------
   Grids
--------------------------------------------------------- */
.grid{ display:grid; gap:var(--sp-lg); }
.grid-2{ grid-template-columns:repeat(1,1fr); }
.grid-3{ grid-template-columns:repeat(1,1fr); }
.grid-4{ grid-template-columns:repeat(2,1fr); }
.grid-6{ grid-template-columns:repeat(2,1fr); }
@media (min-width: 640px){
  .grid-4{ grid-template-columns:repeat(3,1fr); }
  .grid-6{ grid-template-columns:repeat(3,1fr); }
}
@media (min-width: 768px){
  .grid-2{ grid-template-columns:repeat(2,1fr); }
  .grid-3{ grid-template-columns:repeat(2,1fr); }
}
@media (min-width: 1024px){
  .grid-3{ grid-template-columns:repeat(3,1fr); }
  .grid-4{ grid-template-columns:repeat(4,1fr); }
  .grid-6{ grid-template-columns:repeat(6,1fr); }
}

/* ---------------------------------------------------------
   Footer
--------------------------------------------------------- */
.site-footer{ background:var(--c-primary-dark); color:#A9B7CB; padding-block:var(--sp-3xl) var(--sp-xl); }
.footer-grid{ display:grid; gap:var(--sp-2xl); grid-template-columns:1fr; }
.footer-brand .brand-word strong{ color:#fff; }
.footer-brand .brand-word span{ color:#8FA0BC; }
.footer-brand p{ margin-top:1rem; font-size:var(--fs-sm); color:#93A3BC; max-width:32ch; }
.footer-col h3{ color:#fff; font-size:.85rem; letter-spacing:.06em; text-transform:uppercase; margin-bottom:1rem; }
.footer-col ul{ display:flex; flex-direction:column; gap:.65rem; }
.footer-col a{ font-size:var(--fs-sm); color:#A9B7CB; }
.footer-col a:hover{ color:#fff; }
.footer-bottom{ margin-top:var(--sp-2xl); padding-top:var(--sp-lg); border-top:1px solid rgba(255,255,255,.12); display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; font-size:var(--fs-xs); color:#8494AF; }
.footer-bottom ul{ display:flex; gap:1.25rem; }
.footer-bottom a:hover{ color:#fff; }

@media (min-width: 768px){
  .footer-grid{ grid-template-columns:1.4fr 1fr 1fr 1fr; }
}

/* ---------------------------------------------------------
   Forms
--------------------------------------------------------- */
.field{ display:flex; flex-direction:column; gap:.4rem; margin-bottom:1.1rem; }
.field label{ font-size:var(--fs-sm); font-weight:600; color:var(--c-primary-dark); }
.field input,.field select,.field textarea{
  border:1px solid var(--c-border-strong); border-radius:var(--radius-sm);
  padding:.7rem .85rem; color:var(--c-text); background:#fff;
  transition:border-color var(--dur-fast) var(--ease);
}
.field input:focus,.field select:focus,.field textarea:focus{ border-color:var(--c-primary-blue); outline:none; }
.field .hint{ font-size:var(--fs-xs); color:var(--c-text-muted); }

/* ---------------------------------------------------------
   Pagination
--------------------------------------------------------- */
.pagination{ display:flex; align-items:center; justify-content:center; gap:.4rem; margin-top:var(--sp-2xl); }
.pagination a,.pagination span{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:38px; height:38px; padding-inline:.4rem;
  border-radius:var(--radius-sm); font-size:var(--fs-sm); font-weight:500;
  color:var(--c-text); border:1px solid transparent;
}
.pagination a:hover{ border-color:var(--c-border); }
.pagination [aria-current]{ background:var(--c-primary-blue); color:#fff; }

/* ---------------------------------------------------------
   Reference-inspired utility bar / header refinement
--------------------------------------------------------- */
.utility-bar{background:var(--c-primary-dark);color:#aebdce;border-bottom:1px solid rgba(255,255,255,.09);font-size:.68rem;letter-spacing:.045em;text-transform:uppercase}
.utility-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.utility-meta,.utility-links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.utility-meta span+span::before{content:"·";margin-right:1rem;color:#5f7288}
.utility-links a{color:#d9e2ec;transition:color .2s ease}
.utility-links a:hover{color:#fff}
@media (max-width: 640px){.utility-meta span:nth-child(1){display:none}.utility-links{gap:.7rem}.utility-bar{font-size:.62rem}}

.site-header{background:rgba(255,255,255,.96)}
.header-inner{min-height:76px;padding-block:.7rem}
.brand img{height:46px!important}
.main-nav ul{gap:1.15rem}
.main-nav a{font-size:.82rem;letter-spacing:.005em}
.header-actions .btn{display:inline-flex!important;padding:.7rem 1rem}
@media (max-width: 1180px){.header-actions .btn{display:none!important}.main-nav ul{gap:.85rem}.main-nav a{font-size:.78rem}}

.result-row[hidden]{display:none!important;}

/* Header logo size — final specification */
.site-header .brand img{
  height:100px !important;
  width:auto !important;
  display:block;
}
.header-inner{
  min-height:116px;
  padding-block:.5rem;
}
@media (max-width: 767px){
  .site-header .brand img{height:100px !important;}
  .header-inner{min-height:112px;padding-block:.35rem;}
}

/* Footer logo */
.footer-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:118px;
  height:86px;
  margin-bottom:18px;
  padding:0;
  border-radius:0;
  background:transparent;
}
.footer-logo img{display:block;width:100%;height:100%;object-fit:contain}
@media (max-width: 639px){.footer-logo{width:105px;height:78px;margin-bottom:16px}}

/* Active state for the current primary CTA page */
.header-actions .btn[aria-current="page"]{ box-shadow:inset 0 -3px 0 rgba(255,255,255,.75), 0 0 0 2px rgba(12,82,180,.12); }
.mobile-nav .btn[aria-current="page"]{ box-shadow:inset 0 -3px 0 rgba(255,255,255,.75); }


/* =========================================================
   editorial-board.css
   ========================================================= */
/* JESS Editorial Board — source-aligned */
.board-hero{background:var(--c-primary-dark);color:#dce4ee;padding-block:clamp(3.5rem,7vw,6rem)}
.board-hero h1{color:#fff;max-width:12ch;margin-top:.65rem}.board-hero .lede{max-width:68ch;margin-top:1rem;color:#c8d3df}
.board-section{padding-block:var(--sp-3xl)}.board-section + .board-section{padding-top:0}.bg-light{background:var(--c-bg-light)}
.leadership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-xl)}
.leader-card{display:grid;grid-template-columns:84px 1fr;gap:1.25rem;padding:var(--sp-xl);background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.person-avatar{width:84px;height:84px;border-radius:50%;background:var(--c-primary-blue-08);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;color:var(--c-primary-blue);font-family:var(--f-serif);font-size:1.55rem;font-weight:600}
.person-role{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--c-primary-blue)}.person-name{margin-top:.3rem;font-size:1.25rem}.person-credentials{margin-top:.3rem;font-family:var(--f-serif);font-size:.95rem;color:var(--c-text-muted)}
.person-meta{margin-top:.8rem;display:grid;gap:.35rem;font-size:var(--fs-sm);color:var(--c-text-muted)}.person-meta strong{color:var(--c-text);font-weight:600}.person-links{display:flex;flex-wrap:wrap;gap:.45rem .8rem;margin-top:.55rem}.person-links a{font-size:.8rem;color:var(--c-primary-blue);text-decoration:underline;text-underline-offset:2px}
.editorial-excellence{max-width:72ch;margin-bottom:var(--sp-2xl);padding:1.25rem 1.4rem;border-left:3px solid var(--c-primary-blue);background:#fff}.editorial-excellence p{margin-top:.55rem;color:var(--c-text-muted);line-height:1.7}
.board-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:var(--sp-xl)}.board-toolbar h2{margin-top:.5rem}.board-count{font-size:var(--fs-sm);color:var(--c-text-muted)}
.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.board-card{padding:1.25rem;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.board-card:hover{border-color:var(--c-secondary-blue);box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.board-card-top{display:flex;align-items:flex-start;gap:.9rem}.board-card .person-avatar{width:58px;height:58px;flex:none;font-size:1rem}.board-card h3{font-size:1.02rem;line-height:1.3}.board-card .credentials{margin-top:.2rem;font-family:var(--f-serif);font-size:.85rem;color:var(--c-text-muted);line-height:1.45}.board-card .specialty{display:inline-flex;margin-top:.9rem;font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--c-primary-blue);background:var(--c-primary-blue-08);border:1px solid var(--c-primary-blue-14);padding:.3rem .5rem;border-radius:2px}.board-card .institution{margin-top:.75rem;font-size:var(--fs-sm);line-height:1.5;color:var(--c-text-muted);display:grid;gap:.18rem}.board-card .institution span:first-child{color:var(--c-text);font-weight:600}.board-card .person-links{padding-top:.15rem;border-top:1px solid var(--c-border);margin-top:.85rem}
.board-office{padding-block:var(--sp-2xl);border-top:1px solid var(--c-border);background:#fff}.office-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.office-grid div{padding:1rem 1.1rem;border:1px solid var(--c-border);border-radius:var(--radius-md)}.office-grid span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);font-weight:700;margin-bottom:.3rem}.office-grid a{color:var(--c-primary-blue)}
@media (max-width: 900px){.leadership-grid{grid-template-columns:1fr}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.leader-card{grid-template-columns:1fr}.leader-card .person-avatar{margin-inline:auto}.board-toolbar{display:block}.board-count{margin-top:.5rem}.board-grid,.office-grid{grid-template-columns:1fr}}

/* Editorial Board publication CTA */
.editorial-board-page .submit-cta,
.submit-cta.board-submit-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:2rem;
  padding:clamp(2rem,4vw,3.25rem);
  background:#fff;
  border:1px solid var(--c-border);
  border-radius:14px;
  box-shadow:0 15px 45px rgba(7,26,45,.06);
}
.submit-cta.board-submit-cta h2{
  margin:.45rem 0 .7rem;
  color:var(--c-primary-dark);
  font-family:var(--f-sans);
  font-size:clamp(2rem,3.2vw,2.75rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.submit-cta.board-submit-cta .lede{
  max-width:72ch;
  margin:0;
  color:var(--c-text-muted);
  font-family:var(--f-serif);
  font-size:1.15rem;
  line-height:1.55;
}
.submit-cta.board-submit-cta .actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
  justify-content:flex-end;
}
.submit-cta.board-submit-cta .btn{
  min-height:46px;
  padding:.75rem 1.25rem;
  white-space:nowrap;
}
@media (max-width: 900px){
  .editorial-board-page .submit-cta,
  .submit-cta.board-submit-cta{grid-template-columns:1fr;}
  .submit-cta.board-submit-cta .actions{justify-content:flex-start;}
}
@media (max-width: 600px){
  .submit-cta.board-submit-cta{padding:1.5rem;}
  .submit-cta.board-submit-cta .actions{flex-direction:column;align-items:stretch;}
  .submit-cta.board-submit-cta .btn{width:100%;text-align:center;}
}


/* =========================================================
   home.css
   ========================================================= */
/* =========================================================
   JESS — Homepage
   ========================================================= */

/* ---------------------------------------------------------
   Hero
--------------------------------------------------------- */
.hero{
  position:relative;
  background:var(--c-primary-dark);
  color:#DCE4EE;
  overflow:hidden;
  padding-block:clamp(3.5rem,3rem + 4vw,6rem) clamp(4rem,3rem + 6vw,7rem);
}
.hero-grid{
  position:relative;
  display:grid;
  gap:var(--sp-2xl);
  align-items:center;
}
.hero-copy{ position:relative; z-index:2; }
.hero-copy .eyebrow{ margin-bottom:1.25rem; }
.hero-copy h1{ color:#fff; margin-bottom:1.25rem; }
.hero-copy .lede{ color:#B7C4D4; max-width:52ch; margin-bottom:2rem; font-size:var(--fs-body-lg); }
.hero-actions{ display:flex; flex-wrap:wrap; gap:1rem; }
.hero-art{ position:relative; z-index:1; aspect-ratio:1/1; max-width:460px; margin-inline:auto; }
.hero-art svg{ width:100%; height:100%; }

@media (min-width: 960px){
  .hero-grid{ grid-template-columns:1.1fr .9fr; }
}

/* ---------------------------------------------------------
   Intro strip
--------------------------------------------------------- */
.intro-strip{ display:grid; gap:var(--sp-2xl); align-items:center; }
.intro-text p{ font-size:var(--fs-body-lg); color:var(--c-text-muted); margin-top:1rem; }
.intro-facts{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--c-border); border:1px solid var(--c-border); border-radius:var(--radius-md); overflow:hidden; margin-top:1.5rem; }
.intro-fact{ background:#fff; padding:1.1rem 1.25rem; display:flex; align-items:center; gap:.65rem; font-size:var(--fs-sm); font-weight:600; color:var(--c-primary-dark); }
.intro-fact svg{ flex:none; color:var(--c-primary-blue); }

@media (min-width: 960px){
  .intro-strip{ grid-template-columns:1fr 1fr; }
}

/* ---------------------------------------------------------
   Journal family section
--------------------------------------------------------- */
.journal-family-grid{ margin-top:0; }

/* ---------------------------------------------------------
   Current Issue
--------------------------------------------------------- */
.current-issue{
  border:1px solid var(--c-border);
  border-radius:var(--radius-md);
  overflow:hidden;
  display:grid;
}
.ci-cover{
  background:linear-gradient(155deg,var(--c-primary-dark) 0%, var(--c-primary-blue) 100%);
  color:#fff;
  padding:var(--sp-2xl) var(--sp-xl);
  display:flex; flex-direction:column; justify-content:space-between;
  gap:2.5rem;
  min-height:320px;
}
.ci-cover .vol{ font-family:var(--f-serif); font-size:2.75rem; line-height:1; }
.ci-cover .vol small{ display:block; font-family:var(--f-sans); font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:#9FC0CC; margin-bottom:.5rem; }
.ci-cover-meta{ display:flex; gap:1.5rem; font-size:var(--fs-xs); color:#B7C4D4; }
.ci-body { padding:var(--sp-2xl) var(--sp-xl); display:flex; flex-direction:column; gap:1.5rem; }
.ci-featured{ background:var(--c-bg-light); border:1px solid var(--c-border); border-radius:var(--radius-md); padding:var(--sp-lg); }
.ci-featured .eyebrow{ margin-bottom:.75rem; }
.ci-featured h3{ margin-bottom:.6rem; }
.ci-featured .authors{ font-size:var(--fs-sm); color:var(--c-text-muted); margin-bottom:.85rem; }
.ci-actions{ display:flex; flex-wrap:wrap; gap:1rem; margin-top:auto; }

@media (min-width: 900px){
  .current-issue{ grid-template-columns:300px 1fr; }
}

/* ---------------------------------------------------------
   Editorial board strip
--------------------------------------------------------- */
.board-strip{ text-align:center; }

/* ---------------------------------------------------------
   Statistics
--------------------------------------------------------- */
.stats-section{ position:relative; overflow:hidden; }
.stats-grid{ display:grid; gap:2.5rem; grid-template-columns:repeat(2,1fr); position:relative; }
@media (min-width: 768px){ .stats-grid{ grid-template-columns:repeat(4,1fr); } }
.stats-note{ margin-top:2.5rem; font-size:var(--fs-xs); color:#8FA0BC; border-top:1px solid rgba(255,255,255,.12); padding-top:1.25rem; }

/* ---------------------------------------------------------
   Submit CTA
--------------------------------------------------------- */
.submit-cta{
  background:var(--c-bg-light);
  border:1px solid var(--c-border);
  border-radius:var(--radius-md);
  padding:clamp(2rem,1.5rem + 3vw,3.5rem);
  display:grid; gap:2rem; align-items:center;
  position:relative; overflow:hidden;
}
.submit-cta h2{ margin-bottom:.75rem; }
.submit-cta .actions{ display:flex; flex-wrap:wrap; gap:1rem; }
@media (min-width: 860px){
  .submit-cta{ grid-template-columns:1.4fr auto; }
}

/* =========================================================
   Homepage reference refinement
========================================================= */
.hero{min-height:560px;display:flex;align-items:center;background:linear-gradient(135deg,#081F45 0%,#103C78 100%)}
.hero::after{content:"";position:absolute;inset:auto -8% -28% auto;width:55vw;height:55vw;max-width:760px;max-height:760px;border:1px solid rgba(127,179,199,.12);border-radius:50%;pointer-events:none}
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);max-width:1240px;width:100%;column-gap:clamp(2rem,4vw,4rem)}
.hero-copy h1{font-size:clamp(3.25rem,4.25vw,4.9rem);line-height:.98;letter-spacing:-.045em;max-width:900px;text-wrap:balance}
.hero-copy .lede{font-size:1.08rem;line-height:1.7;max-width:680px}
.hero-art{max-width:520px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.16))}
.hero-art .draw{animation:heroDraw 1.4s ease both}
@keyframes heroDraw{from{opacity:0;stroke-dashoffset:500}to{opacity:1;stroke-dashoffset:0}}

.section{padding-block:clamp(4.5rem,6vw,7.25rem)}
.section-head{margin-bottom:2.5rem}
.section-head h2{font-size:clamp(2rem,3vw,3.1rem);letter-spacing:-.035em}
.intro-strip{grid-template-columns:1.1fr .9fr;gap:clamp(3rem,6vw,7rem)}
.intro-text h2{max-width:680px;font-size:clamp(2rem,3.3vw,3.25rem);letter-spacing:-.035em;line-height:1.05}
.intro-text p{max-width:650px;line-height:1.75}
.intro-facts{margin-top:0;align-self:center;border-radius:0;box-shadow:0 12px 40px rgba(7,26,45,.06)}
.intro-fact{min-height:72px;padding:1.15rem 1.25rem}

.journal-family-card{min-height:315px;border-radius:3px;padding:2rem;box-shadow:0 14px 35px rgba(7,26,45,.08);transition:transform .25s ease,box-shadow .25s ease}
.journal-family-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(7,26,45,.14)}
.journal-family-card h3{font-size:1.65rem}

.current-issue{border-radius:3px;box-shadow:0 14px 45px rgba(7,26,45,.07)}
.ci-cover{min-height:380px;padding:2.5rem;background:linear-gradient(145deg,#081F45 0%,#0B4EA2 100%)}
.ci-cover::before{content:"JESS";display:block;position:absolute;inset:auto 1.5rem 3.5rem auto;font-family:var(--f-serif);font-size:6rem;line-height:1;color:rgba(255,255,255,.07);font-weight:600;transform:rotate(-8deg)}
.ci-cover{position:relative}
.ci-cover>*{position:relative;z-index:1}
.ci-cover .vol{font-size:3.3rem}
.ci-body {padding:2.5rem}
.ci-featured{border-radius:2px;padding:1.5rem;background:#F5F8FC}
.ci-featured h3{font-size:1.45rem;line-height:1.35}

.article-card{border-radius:2px;padding:1.5rem;min-height:250px}
.article-card h3{font-size:1.18rem}
.issue-card{border-radius:2px;padding:1.5rem;min-height:160px}
.issue-cover{width:96px;height:128px}

.stats-section{background:linear-gradient(135deg,#081F45 0%,#103C78 100%)}
.stats-section .section-head{margin-bottom:3.5rem}
.stats-grid{gap:3rem}
.stat .num{font-size:clamp(2.8rem,4vw,4.2rem)}

.submit-cta{border-radius:3px;padding:clamp(2.5rem,5vw,4.5rem);box-shadow:0 15px 45px rgba(7,26,45,.06)}
.submit-cta h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.035em}

@media (max-width: 959px){
  .hero{min-height:auto}
  .hero-grid,.intro-strip{grid-template-columns:1fr}
  .hero-art{order:-1;max-width:360px;margin-bottom:-1rem}
  .intro-facts{margin-top:1rem}
}
@media (max-width: 767px){
  .hero{padding-block:4rem 4.5rem}
  .hero-copy h1{font-size:clamp(2.5rem,12vw,4rem)}
  .hero-actions .btn{width:100%}
  .section{padding-block:4rem}
  .section-head{display:block}
  .section-head>.btn-text,.section-head>a{margin-top:1rem}
  .current-issue{grid-template-columns:1fr}
  .ci-cover{min-height:280px}
  .ci-body {padding:1.25rem}
  .grid-4{grid-template-columns:1fr 1fr}
}


/* ---------------------------------------------------------
   Real Editorial Board members
--------------------------------------------------------- */
.author-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
  position:relative;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.author-card-link:hover{
  transform:translateY(-4px);
}
.author-photo-real{
  background:linear-gradient(145deg,#EDF4FF,#D7E5F5);
  color:#103C78;
  font-weight:800;
  letter-spacing:.04em;
}
.author-card .card-more{
  display:inline-flex;
  gap:.45rem;
  margin-top:1rem;
  font-size:.78rem;
  font-weight:700;
  color:var(--c-primary-blue);
}
.board-data-note{
  margin:1.5rem 0 0;
  font-size:.78rem;
  line-height:1.6;
  color:var(--c-text-muted);
}

/* Final hero correction: keep the intended headline to exactly two lines */
@media (min-width: 960px){
  .hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);column-gap:clamp(2rem,3vw,3.5rem);}
  .hero-copy h1{font-size:clamp(3.15rem,3.75vw,4.35rem);max-width:none;letter-spacing:-.04em;}
  .hero-copy h1 span{white-space:nowrap;}
}
@media (max-width: 959px){
  .hero-copy h1 span{white-space:normal;}
}

/* Homepage Editorial Board — optimized card content */
.home-editorial-board .section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  margin-bottom:2.75rem;
}
.home-editorial-board .section-head h2{
  max-width:720px;
  margin-top:.65rem;
  font-size:clamp(2.25rem,3.4vw,3.45rem);
  line-height:1.05;
}
.home-editorial-board .btn-text{
  flex:0 0 185px;
  margin-bottom:.2rem;
}
.home-editorial-board .board-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.home-editorial-board .author-card{
  min-height:258px;
  padding:0 18px 20px;
  border:1px solid #dfe6ef;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 28px rgba(8,31,69,.045);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.home-editorial-board .author-photo{
  width:88px;height:88px;margin:0 auto 14px;
  border-radius:50%;
  display:grid;place-items:center;
  font-size:23px;font-weight:700;
  background:linear-gradient(145deg,#EDF4FF,#D7E5F5);
  color:#081F45;
  border:1px solid #d7e3f2;
}
.home-editorial-board .author-card h4{
  font-family:Georgia,"Times New Roman",serif;
  font-size:15.5px;line-height:1.3;
  margin:0 0 7px;color:#081F45;
}
.home-editorial-board .author-card .role{
  display:flex;flex-direction:column;gap:1px;
  font-size:13px;line-height:1.35;color:#51627b;
  margin:0;
}
.home-editorial-board .author-card .inst{
  display:flex;flex-direction:column;gap:1px;
  font-size:12px;line-height:1.42;color:#64748b;
  margin:8px 0 0;
  min-height:34px;
  max-width:205px;
}
.home-editorial-board .author-card .card-more{
  margin-top:auto;padding-top:12px;
  font-size:12.5px;font-weight:700;color:#0758b5;
}
.home-editorial-board .board-data-note{margin-top:1.5rem}

@media (max-width: 1100px){
  .home-editorial-board .board-grid{gap:16px}
  .home-editorial-board .author-card{padding-left:14px;padding-right:14px}
  .home-editorial-board .author-card .inst{max-width:190px}
}
@media (max-width: 959px){
  .home-editorial-board .board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 767px){
  .home-editorial-board .section-head{display:block}
  .home-editorial-board .section-head h2{font-size:clamp(2rem,9vw,2.8rem)}
  .home-editorial-board .btn-text{display:inline-flex;margin-top:1rem}
}
@media (max-width: 520px){
  .home-editorial-board .board-grid{grid-template-columns:1fr}
}

/* =========================================================
   Latest Research — publication-card treatment
   ========================================================= */
.latest-research-section{background:#fff}
.latest-research-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  margin-bottom:3rem;
}
.latest-research-head h2{
  margin:.55rem 0 .45rem;
  font-family:var(--f-sans,Inter,Arial,sans-serif);
  font-size:clamp(2.1rem,3vw,3.15rem);
  line-height:1.08;
  letter-spacing:-.035em;
  color:#081F45;
}
.latest-research-head p{
  margin:0;
  color:#5b6d86;
  font-family:var(--f-sans,Inter,Arial,sans-serif);
  font-size:15px;
  line-height:1.55;
}
.latest-research-all{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.7rem 1rem;
  border:1px solid #d5dfeb;
  color:#0a2852;
  text-decoration:none;
  font-family:var(--f-sans,Inter,Arial,sans-serif);
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.latest-research-all:hover{background:#f6f9fc;border-color:#b9c9db;transform:translateY(-1px)}
.latest-research-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.latest-research-card{
  display:flex;
  flex-direction:column;
  min-height:376px;
  padding:28px 28px 25px;
  border:1px solid #d6e0ea;
  background:#fff;
  box-shadow:none;
}
.latest-research-badge{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 11px;
  background:#edf4f7;
  border:1px solid #d7e4ea;
  color:#0a5b87;
  font-family:var(--f-sans,Inter,Arial,sans-serif);
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1;
}
.latest-research-card h3{
  margin:17px 0 14px;
  font-family:var(--f-sans,Inter,Arial,sans-serif);
  font-size:18px;
  line-height:1.3;
  letter-spacing:-.01em;
  font-weight:700;
  color:#062653;
}
.latest-research-card h3 a{color:inherit;text-decoration:none}
.latest-research-card h3 a:hover{color:#0758b5}
.latest-research-byline{
  margin:0;
  color:#5d718b;
  font-family:var(--f-sans,Inter,Arial,sans-serif);
  font-size:13.5px;
  line-height:1.45;
}
.latest-research-rule{
  height:1px;
  background:#d9e1ea;
  margin:20px 0 17px;
}
.latest-research-meta{
  margin:0;
  display:grid;
  gap:8px;
  font-family:var(--f-sans,Inter,Arial,sans-serif);
  font-size:12.5px;
  line-height:1.45;
}
.latest-research-meta div{
  display:grid;
  grid-template-columns:90px 1fr;
  column-gap:12px;
}
.latest-research-meta dt{color:#58708d;font-weight:500}
.latest-research-meta dd{margin:0;color:#526781;font-weight:500}
.latest-research-read{
  margin-top:auto;
  padding-top:22px;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  color:#075cae;
  text-decoration:none;
  font-family:var(--f-sans,Inter,Arial,sans-serif);
  font-size:13px;
  font-weight:700;
}
.latest-research-read:hover{color:#043f7a}
.latest-research-read span{font-size:18px;line-height:1}

@media (max-width: 959px){
  .latest-research-grid{grid-template-columns:1fr 1fr}
  .latest-research-card{min-height:350px}
  .latest-research-card:last-child{grid-column:1 / -1;max-width:calc(50% - 8px)}
}
@media (max-width: 767px){
  .latest-research-head{display:block;margin-bottom:2rem}
  .latest-research-all{margin-top:1rem}
  .latest-research-grid{grid-template-columns:1fr}
  .latest-research-card:last-child{grid-column:auto;max-width:none}
  .latest-research-card{min-height:0;padding:24px}
}


/* =========================================================
   issue.css
   ========================================================= */
/* =========================================================
   JESS — Issue Details / Current Issue / Issues Archive
   ========================================================= */

/* ---- Issue header (shared by Current Issue + Issue Details) ---- */
.issue-page-header{ padding-block:var(--sp-2xl); border-bottom:1px solid var(--c-border); }
.issue-page-header-inner{ display:grid; gap:var(--sp-xl); }
.issue-page-cover{
  width:150px; height:200px;
  background:linear-gradient(155deg,var(--c-primary-dark) 0%, var(--c-primary-blue) 100%);
  border-radius:var(--radius-md); color:#fff;
  display:flex; flex-direction:column; justify-content:space-between;
  padding:1.1rem;
}
.issue-page-cover small{ display:block; font-size:.625rem; letter-spacing:.08em; text-transform:uppercase; color:#9FC0CC; margin-bottom:.35rem; }
.issue-page-cover .vol{ font-family:var(--f-serif); font-size:2rem; line-height:1.1; }
.issue-page-cover .yr{ font-size:.7rem; color:#B7C4D4; }

.issue-page-info .eyebrow{ margin-bottom:.6rem; }
.issue-page-info h1{ font-size:var(--fs-h2); }
.issue-page-info .lede{ margin-top:1rem; max-width:64ch; }
.issue-page-info .meta-row{ margin-top:1rem; }

@media (min-width: 720px){
  .issue-page-header-inner{ grid-template-columns:150px 1fr; }
}

/* ---- Articles-in-issue list ---- */
.issue-articles{ display:flex; flex-direction:column; }
.issue-article-row{
  display:flex; flex-direction:column; gap:.5rem;
  padding-block:1.5rem; border-bottom:1px solid var(--c-border);
  position:relative;
}
.issue-article-row:first-child{ padding-top:0; }
.issue-article-row .idx{ font-family:var(--f-serif); font-size:.8rem; color:var(--c-secondary-blue); }
.issue-article-row h3{ font-size:1.1rem; line-height:1.4; }
.issue-article-row h3 a{ position:relative; }
.issue-article-row h3 a::after{ content:""; position:absolute; inset:-.5rem; }
.issue-article-row .authors{ font-size:var(--fs-sm); color:var(--c-text-muted); }

/* ---- Prev / Next issue nav ---- */
.issue-nav{
  display:grid; gap:1px; background:var(--c-border);
  border:1px solid var(--c-border); border-radius:var(--radius-md); overflow:hidden;
  margin-top:var(--sp-2xl);
}
.issue-nav a{
  background:#fff; padding:var(--sp-lg);
  display:flex; flex-direction:column; gap:.35rem;
  transition:background var(--dur-fast) var(--ease);
}
.issue-nav a:hover{ background:var(--c-bg-light); }
.issue-nav .dir{ font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.08em; color:var(--c-text-muted); display:flex; align-items:center; gap:.4rem; }
.issue-nav .next .dir{ justify-content:flex-end; }
.issue-nav .title{ font-size:.95rem; font-weight:600; color:var(--c-primary-dark); }
.issue-nav .next{ text-align:right; align-items:flex-end; }
.issue-nav .disabled{ opacity:.4; pointer-events:none; }
@media (min-width: 640px){ .issue-nav{ grid-template-columns:1fr 1fr; } }

/* ---- Issues Archive listing ---- */
.archive-year-block + .archive-year-block{ margin-top:var(--sp-2xl); }
.archive-year-heading{
  font-size:.95rem; font-weight:700; color:var(--c-text-muted);
  letter-spacing:.03em; margin-bottom:1.25rem;
  padding-bottom:.75rem; border-bottom:1px solid var(--c-border);
}


/* ---- Publication-style issue presentation ---- */
.issue-header-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;align-items:center}
.issue-header-actions .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.issue-row-number{font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--c-secondary-blue);padding-top:.2rem}
.issue-row-content{min-width:0;flex:1}
.issue-row-top{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center;margin-bottom:.45rem}
.issue-row-meta{font:500 12px/1.4 Inter,sans-serif;color:var(--c-text-muted)}
.issue-row-description{font-family:'Source Serif 4',serif;font-size:17px;line-height:1.65;color:var(--c-text-muted);max-width:78ch;margin:.65rem 0 0}
.issue-row-actions{display:flex;gap:1rem;margin-top:.85rem;font:700 13px/1.3 Inter,sans-serif}
.issue-row-actions a{color:var(--c-primary-blue);text-decoration:none}
.issue-row-actions a:hover{text-decoration:underline}
@media (min-width: 720px){.issue-article-row{display:grid;grid-template-columns:44px 1fr;gap:1rem;padding-block:1.7rem}.issue-article-row:first-child{padding-top:0}}
@media (max-width: 600px){.issue-header-actions .btn{width:100%}.issue-row-description{font-size:16px}}

.issue-archive-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.issue-archive-actions .btn{display:inline-flex;text-decoration:none;align-items:center}


/* =========================================================
   journal.css
   ========================================================= */
/* =========================================================
   JESS — Journal Details
   ========================================================= */

.journal-header{ padding-block:var(--sp-2xl); border-bottom:1px solid var(--c-border); }
.journal-header-inner{ display:grid; gap:var(--sp-xl); }
.journal-cover{
  width:140px; height:180px;
  background:linear-gradient(155deg,var(--c-primary-dark) 0%, var(--c-primary-blue) 100%);
  border-radius:var(--radius-md);
  display:flex; align-items:center; justify-content:center;
  padding:1.25rem;
}
.journal-cover img{ width:100%; filter:brightness(0) invert(1); opacity:.92; }
.journal-info .eyebrow{ margin-bottom:.6rem; }
.journal-info h1{ font-size:var(--fs-h2); }
.journal-info .issn{ margin-top:.5rem; font-size:var(--fs-sm); color:var(--c-text-muted); }
.journal-info .issn strong{ color:var(--c-primary-dark); font-weight:600; }
.journal-info p.lede{ margin-top:1rem; max-width:64ch; }
.journal-actions{ display:flex; flex-wrap:wrap; gap:1rem; margin-top:1.5rem; }

@media (min-width: 720px){
  .journal-header-inner{ grid-template-columns:140px 1fr; }
}

.info-stat-row{
  display:grid; grid-template-columns:repeat(2,1fr); gap:1px;
  background:var(--c-border); border:1px solid var(--c-border); border-radius:var(--radius-md); overflow:hidden;
}
.info-stat{ background:#fff; padding:1.25rem 1.5rem; }
.info-stat .label{ font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.08em; color:var(--c-text-muted); }
.info-stat .value{ margin-top:.4rem; font-size:1.05rem; font-weight:600; color:var(--c-primary-dark); }
@media (min-width: 720px){ .info-stat-row{ grid-template-columns:repeat(4,1fr); } }

.mini-issue-list{ display:flex; flex-direction:column; }
.mini-issue-row{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding-block:1.1rem; border-bottom:1px solid var(--c-border);
}
.mini-issue-row:first-child{ padding-top:0; }
.mini-issue-row .info{ display:flex; flex-direction:column; gap:.2rem; }
.mini-issue-row .info strong{ color:var(--c-primary-dark); font-size:.95rem; }
.mini-issue-row .info span{ font-size:var(--fs-xs); color:var(--c-text-muted); }

/* Journal-family detail page */
.journal-reference-grid{display:grid;gap:var(--sp-2xl);align-items:start;}
.journal-reference-grid > div:first-child p:not(.lede){margin-top:1rem;max-width:70ch;line-height:1.8;}
.journal-facts{border:1px solid var(--c-border);border-radius:var(--radius-md);background:#fff;overflow:hidden;}
.journal-facts .eyebrow{display:block;padding:1.25rem 1.5rem;border-bottom:1px solid var(--c-border);}
.journal-facts dl{margin:0;}
.journal-facts dl > div{display:grid;grid-template-columns:42% 58%;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--c-border);}
.journal-facts dl > div:last-child{border-bottom:0;}
.journal-facts dt{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-muted);}
.journal-facts dd{margin:0;font-weight:600;color:var(--c-primary-dark);font-size:.95rem;}
.journal-feature-grid{align-items:stretch;}
.feature-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-md);padding:1.5rem;position:relative;min-height:190px;}
.feature-number{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:50%;background:var(--c-primary-dark);color:#fff;font-size:.72rem;font-weight:700;margin-bottom:1.25rem;}
.feature-card h3{margin:0 0 .6rem;color:var(--c-primary-dark);}
.feature-card p{margin:0;line-height:1.7;color:var(--c-text-muted);}
.subject-list{display:flex;flex-wrap:wrap;gap:.65rem;}
.subject-list span{display:inline-flex;padding:.7rem .9rem;border:1px solid var(--c-border);border-radius:999px;background:#fff;color:var(--c-primary-dark);font-size:.9rem;font-weight:600;}
.section-note{margin-top:1rem;color:var(--c-text-muted);font-size:.86rem;max-width:75ch;}
.editorial-chief-placeholder{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border:1px solid var(--c-border);border-radius:var(--radius-md);background:#fff;}
.profile-monogram{width:88px;height:88px;flex:0 0 88px;border-radius:50%;display:grid;place-items:center;background:var(--c-primary-dark);color:#fff;font-family:"Source Serif 4",serif;font-size:1.8rem;}
.editorial-chief-placeholder h3{margin:.55rem 0 .35rem;color:var(--c-primary-dark);}
.editorial-chief-placeholder p{margin:0;color:var(--c-text-muted);max-width:70ch;line-height:1.65;}
.empty-state{padding:2rem;border:1px dashed var(--c-border);border-radius:var(--radius-md);background:#fff;}
.empty-state strong{display:block;color:var(--c-primary-dark);font-size:1.05rem;margin-bottom:.45rem;}
.empty-state p{margin:0 0 1rem;color:var(--c-text-muted);line-height:1.7;max-width:70ch;}
.journal-content-grid{display:grid;gap:var(--sp-2xl);}
.journal-content-grid > div{padding-bottom:1.5rem;border-bottom:1px solid var(--c-border);}
.journal-content-grid h2{margin-top:.4rem;}
.journal-content-grid p{margin:1rem 0;line-height:1.75;color:var(--c-text-muted);max-width:65ch;}
@media (min-width: 720px){
  .journal-reference-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);}
  .journal-content-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 560px){
  .journal-facts dl > div{grid-template-columns:1fr;gap:.3rem;}
  .editorial-chief-placeholder{align-items:flex-start;flex-direction:column;}
}


/* Journal-level navigation — section jump filter */
.journal-local-nav {
  background: transparent;
  border: 0;
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 0 0 14px;
}
.journal-local-nav .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 60px;
  background: #f1f3f7;
  border-radius: 14px;
  padding: 0 10px;
  box-shadow: 0 5px 18px rgba(11,40,84,.05);
}
.journal-local-nav .journal-local-name { display:none; }
.journal-local-nav ul {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 6px 0;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.journal-local-nav ul::-webkit-scrollbar { display:none; }
.journal-local-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 26px;
  border-radius: 12px;
  color: #0b2854;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  border: 0;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.journal-local-nav a:hover,
.journal-local-nav a[aria-current="page"] {
  color: #fff;
  background: #2160d6;
  box-shadow: 0 7px 16px rgba(33,96,214,.22);
  border-bottom: 0;
}
@media (max-width: 900px){
  .journal-local-nav { padding-left: 14px; padding-right: 14px; }
  .journal-local-nav .container { padding: 0 6px; justify-content:flex-start; }
  .journal-local-nav ul { justify-content:flex-start; }
  .journal-local-nav a { padding: 0 18px; }
}

/* Detailed editorial board cards on journal-details.html */
.journal-detail-board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}
.journal-detail-board-grid .board-card{height:100%;display:flex;flex-direction:column}
.journal-detail-board-grid .person-links{margin-top:auto;padding-top:.85rem}
.section-intro{max-width:760px;margin-top:.55rem;color:var(--c-text-muted);font-family:var(--f-serif);font-size:1rem;line-height:1.65}
@media (max-width: 900px){.journal-detail-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 600px){.journal-detail-board-grid{grid-template-columns:1fr}.journal-detail-board-grid .board-card{padding:1.1rem}}


/* =========================================================
   publishing.css
   ========================================================= */
.policy-hero{background:var(--c-primary-dark);color:#fff;padding:5rem 0 4.5rem}.policy-hero h1{color:#fff;max-width:820px}.policy-hero .lede{color:#c7d3df;max-width:760px}.policy-wrap{padding:4.5rem 0}.policy-grid{display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr) 320px}.policy-main{max-width:850px}.policy-main h2{margin:2.5rem 0 .8rem}.policy-main h2:first-child{margin-top:0}.policy-main p,.policy-main li{color:var(--c-text-muted);line-height:1.75}.policy-list{padding-left:1.2rem}.policy-side{display:flex;flex-direction:column;gap:1rem}.policy-card,.contact-card{border:1px solid var(--c-border);background:#fff;border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.policy-card h3{margin:.45rem 0 .7rem}.policy-card p{color:var(--c-text-muted)}.check-list{display:grid;gap:1px;background:var(--c-border);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden}.check-list div{background:#fff;padding:1.25rem}.check-list strong{display:block;color:var(--c-primary-dark);margin-bottom:.3rem}.check-list span{display:block;color:var(--c-text-muted);line-height:1.6}.notice{margin:2rem 0;padding:1.2rem 1.35rem;background:var(--c-bg-light);border-left:3px solid var(--c-primary-blue);color:var(--c-text-muted);line-height:1.7}.steps{display:grid;gap:1px;background:var(--c-border);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden}.steps article{background:#fff;padding:1.7rem}.steps span{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--c-primary-dark);color:#fff;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;margin-bottom:1rem}.steps h2{margin:0 0 .5rem;font-size:1.35rem}.ethics-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.ethics-cards article{border:1px solid var(--c-border);padding:1.3rem;border-radius:var(--radius-md)}.ethics-cards h3{margin-bottom:.4rem}.ethics-cards p{font-size:.95rem}.oa-highlight{display:flex;align-items:center;gap:1rem;padding:1.4rem;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg-light);margin:1.5rem 0}.oa-highlight strong{font-size:1.5rem;color:var(--c-primary-dark)}.oa-highlight span{color:var(--c-text-muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem}.contact-grid>div{display:grid;gap:1rem;align-content:start}.contact-form{border:1px solid var(--c-border);border-radius:var(--radius-md);padding:2rem}.contact-form form{display:grid;gap:1rem}.contact-form label{font-weight:600;color:var(--c-primary-dark);display:grid;gap:.4rem}.contact-form input,.contact-form textarea,.archive-search input,.filter-panel select{width:100%;padding:.8rem 1rem;border:1px solid var(--c-border);border-radius:3px;font:inherit}.contact-form textarea{resize:vertical}.form-note{font-size:.8rem;color:var(--c-text-muted);margin:0}.link-stack{display:grid}.link-stack a{padding:.8rem 0;border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between}.search-results-page{display:grid;gap:2rem}.archive-search{display:flex;gap:.75rem}.result-shell{display:grid;grid-template-columns:230px 1fr;gap:2rem}.filter-panel{border:1px solid var(--c-border);border-radius:var(--radius-md);padding:1.25rem;display:grid;gap:1rem;height:max-content}.filter-panel label{display:grid;gap:.4rem;font-size:.85rem;font-weight:600}.result-count{color:var(--c-text-muted)}.empty-state{text-align:center;border:1px dashed var(--c-border-strong);padding:4rem 2rem;border-radius:var(--radius-md);background:var(--c-bg-light)}.not-found{text-align:center;padding:4rem 0 6rem}.not-found-code{font-size:clamp(6rem,16vw,12rem);font-weight:800;line-height:.9;color:var(--c-primary-dark-10)}.not-found h2{margin-top:-.5rem}.not-found p{color:var(--c-text-muted);margin:1rem auto 1.5rem}.actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}@media (max-width: 850px){.policy-grid,.contact-grid,.result-shell{grid-template-columns:1fr}.ethics-cards{grid-template-columns:1fr}.policy-wrap{padding:3rem 0}}@media (max-width: 600px){.archive-search{flex-direction:column}.policy-hero{padding:3.5rem 0}.policy-wrap{padding:2.5rem 0}}


/* =========================================================
   site-style.css
   ========================================================= */
/* =========================================================
   JESS — Global Visual System
   Contact-page visual language applied site-wide
   ========================================================= */


body {font-size:var(--fs-body);color:var(--c-text);background:#fff;line-height:var(--lh-body)}
.container{max-width:1180px}

/* JESS typography system: Inter for interface/headings, Source Serif 4 for reading text */
h1,.h1{font-family:var(--f-sans);font-size:var(--fs-h1);line-height:1.08;font-weight:800;color:var(--c-primary-dark);letter-spacing:-.025em}
h2,.h2{font-family:var(--f-sans);font-size:var(--fs-h2);line-height:1.15;font-weight:700;color:var(--c-primary-dark);letter-spacing:-.02em}
h3,.h3{font-family:var(--f-sans);font-size:var(--fs-h3);line-height:1.2;font-weight:700;color:var(--c-primary-dark);letter-spacing:-.015em}
h4,.h4{font-family:var(--f-sans);font-size:var(--fs-h4);line-height:1.3;font-weight:700;color:var(--c-primary-dark)}
h5,.h5{font-family:var(--f-sans);font-size:var(--fs-h5);line-height:1.4;font-weight:700;color:var(--c-primary-dark)}
h6,.h6{font-family:var(--f-sans);font-size:var(--fs-h6);line-height:1.3;font-weight:700;color:var(--c-primary-dark)}
.lede,.lead{font-family:var(--f-serif);font-size:1.3125rem;line-height:1.6;font-weight:400;color:var(--c-text-muted)}
.abstract,.abstract-block p{font-family:var(--f-serif);font-size:1.1875rem;line-height:1.65;font-weight:400}
.eyebrow{color:var(--c-primary-blue);font-weight:800;letter-spacing:.14em}
.eyebrow::before{background:var(--c-primary-blue)}
.eyebrow.on-dark{color:#c7dcf4}.eyebrow.on-dark::before{background:#c7dcf4}

/* Header */
.site-header{background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border);box-shadow:0 2px 14px rgba(8,31,69,.05)}
.header-inner{min-height:124px;padding-block:10px;gap:28px}
.brand{gap:18px}
.brand img{height:100px!important;width:auto!important;object-fit:contain}
.brand-word strong{color:var(--c-primary-dark)}
.main-nav ul{gap:18px}
.main-nav a{font-size:.86rem;font-weight:600;color:#34445d}
.main-nav a[aria-current="page"],.main-nav a:hover{color:var(--c-primary-blue)}
.main-nav a::after{background:var(--c-primary-blue)}
.icon-btn{color:var(--c-primary-dark)}
.icon-btn:hover{background:#edf4ff}

/* Shared buttons */
.btn{border-radius:8px;padding:.82rem 1.35rem;font-weight:700}
.btn-primary{background:var(--c-primary-blue)}
.btn-primary:hover{background:#083f86}
.btn-outline-dark{border-color:#cbd6e3;color:var(--c-primary-dark);border-radius:8px}
.btn-outline-dark:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark)}

/* Shared section rhythm */
.section{padding-block:72px}
.section-head{margin-bottom:36px}
.section-head h2{margin-top:8px}
.bg-light{background:var(--c-bg-light)}

/* Global card language */
.article-card,.issue-card,.author-card,.feature-card,.journal-facts,.info-stat-row,.current-issue,.submit-cta,.contact-card,.contact-form,.policy-card,.empty-state,.filter-panel,.steps,.check-list,.ethics-cards article{border-radius:14px;box-shadow:var(--shadow-sm)}
.article-card:hover,.issue-card:hover,.author-card:hover{box-shadow:var(--shadow-md)}

/* Page heroes */
.hero,.policy-hero{background:linear-gradient(135deg,#081f45 0%,#103c78 100%);color:#fff}
.policy-hero{padding:76px 0 72px}
.policy-hero h1,.hero h1{color:#fff}
.policy-hero .lede,.hero .lede{color:#d8e4f2}
.hero{min-height:520px}

/* Journal / issue headers */
.journal-header,.issue-page-header{background:#fff;border-bottom:1px solid var(--c-border);padding-block:56px}
.journal-cover,.issue-page-cover{border-radius:14px;box-shadow:var(--shadow-md);background:linear-gradient(145deg,#081f45,#1976d2)}

/* Editorial board / people */
.author-card{border:1px solid var(--c-border);background:#fff}
.author-photo-real{background:linear-gradient(145deg,#edf4ff,#d7e5f5);color:var(--c-primary-dark)}

/* Forms */
.field input,.field select,.field textarea,.contact-form input,.contact-form textarea,.archive-search input,.filter-panel select{border:1px solid var(--c-border-strong);border-radius:8px;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:var(--c-primary-blue);box-shadow:0 0 0 3px rgba(11,78,162,.10)}

/* Footer */
.site-footer{background:var(--c-primary-dark);color:#c8d4e6;padding-block:58px 22px}
.footer-grid{gap:40px}
.footer-col h3{color:#fff;font-size:14px;letter-spacing:.02em;text-transform:none;font-family:var(--f-sans)}
.footer-col a{color:#b8c6d8}
.footer-col a:hover{color:#fff}
.footer-brand .brand-word strong{color:#fff}
.footer-brand .brand-word span{color:#aebed4}
.footer-brand p{color:#aebed4}
.footer-bottom{border-top-color:rgba(255,255,255,.12);color:#8fa1b9}

/* Contact-style panels */
.contact-card,.contact-form{border:1px solid var(--c-border);background:#fff;padding:24px;box-shadow:var(--shadow-sm)}
.contact-card{border-radius:14px}
.contact-form{border-radius:16px;padding:28px}
.link-stack a{border-bottom:1px solid var(--c-border);color:var(--c-primary-dark);font-weight:600}

@media (max-width: 1023px){
  .header-inner{min-height:112px}
  .brand img{height:90px!important}
}
@media (max-width: 600px){
  .header-inner{min-height:104px}
  .brand img{height:82px!important}
  .section{padding-block:54px}
  .policy-hero{padding:54px 0}
}

/* Final header correction: prevent navigation labels from wrapping */
@media (min-width: 1024px){
  .header-inner{gap:18px;}
  .main-nav{flex:1;min-width:0;}
  .main-nav ul{justify-content:flex-end;gap:16px;white-space:nowrap;}
  .main-nav a{white-space:nowrap;font-size:.84rem;}
  .header-actions{flex:none;gap:.45rem;}
  #headerSubmitBtn{white-space:nowrap;}
}


/* =========================================================
   FINAL GLOBAL QC FIXES
========================================================= */

/* Keep the desktop navigation on one line and prevent Editorial Board wrapping. */
.header-inner{flex-wrap:nowrap;}
.main-nav{min-width:0;}
.main-nav ul{flex-wrap:nowrap;}
.main-nav li,.main-nav a{white-space:nowrap;}
.header-actions{flex:none;white-space:nowrap;}
#headerSubmitBtn{white-space:nowrap;}

@media (min-width: 1024px) and (max-width: 1199px){
  .header-inner{gap:14px;}
  .main-nav ul{gap:11px;}
  .main-nav a{font-size:.78rem;}
  .brand img{height:100px!important;}
  #headerSubmitBtn{padding:.72rem 1rem;font-size:.82rem;}
}

@media (min-width: 1200px){
  .main-nav ul{gap:16px;}
}

/* Homepage hero: preserve the intended two-line headline on desktop. */
@media (min-width: 960px){
  .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);}
  .hero-copy h1 span{white-space:nowrap;}
  .hero-copy h1{font-size:clamp(4rem,5vw,5.15rem);letter-spacing:-.035em;}
}

@media (max-width: 959px){
  .hero-copy h1 span{white-space:normal;}
}

/* Homepage editorial-board cards: compact, equal and content-led. */
.board-grid{align-items:stretch;}
.board-card{min-height:0;display:flex;flex-direction:column;}
.board-card .board-card-top{margin-bottom:.65rem;}
.board-card .board-card-body {display:flex;flex-direction:column;flex:1;}
.board-card .view-profile{margin-top:auto;}


/* =========================================================
   JESS — Authoritative Typography Specification
   Inter: headings, navigation, metadata, controls
   Source Serif 4: body, lead, abstract and article reading text
   ========================================================= */
body, p, li, blockquote, dd, dt, figcaption{font-family:var(--f-serif)}
nav, button, input, select, textarea, .btn, .badge, .eyebrow, .meta-row,
.breadcrumbs, .article-meta-bar, .article-doi, .utility-bar, .main-nav,
.header-actions, .site-footer, .person-role, .person-links, .institution,
.caption, .caption-text, small{font-family:var(--f-sans)}

/* Heading overrides for page-specific styles that previously used Source Serif */
.author-group h2,.profile-side h2,.profile-main h1,.profile-section h2,
.home-editorial-board .author-card h4,.hero h1,.hero h2,.policy-hero h1,
.journal-header h1,.issue-page-header h1,.article-header h1{font-family:var(--f-sans)!important}

/* Reading text */
.article-body p,.article-body li,.article-body ul,.article-body ol,
.abstract-block p,.profile-main .profile-intro{font-family:var(--f-serif)}

/* Interface sizing */
.main-nav a{font-family:var(--f-sans);font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap}
.btn{font-family:var(--f-sans);font-size:13px;line-height:1.3;font-weight:700}
.meta-row,.article-meta-bar,.article-doi{font-family:var(--f-sans);font-size:13px;line-height:1.4;font-weight:500}
.caption,.caption-text,figcaption{font-family:var(--f-sans);font-size:12px;line-height:1.5;font-weight:400}

/* Footer logo */
.footer-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:118px;
  height:86px;
  margin-bottom:18px;
  padding:7px;
  border-radius:8px;
  background:#fff;
}
.footer-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
@media (max-width: 639px){
  .footer-logo{width:105px;height:78px;margin-bottom:16px}
}


/* Legal links + agency credit bar below the main footer */
.site-legal-credit{background:#061A35;color:#91a4bf;border-top:1px solid rgba(255,255,255,.08);padding:14px 0 16px;font-family:var(--f-sans);font-size:12px;}
.site-legal-credit .legal-credit-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.site-legal-credit .legal-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.site-legal-credit a{color:#cbd8e8;font-weight:600;}
.site-legal-credit a:hover{color:#fff;}
.site-legal-credit .agency-credit{margin-left:auto;}
.site-legal-credit .agency-credit a{color:#fff;}
@media (max-width: 700px){.site-legal-credit .legal-credit-inner{justify-content:center;text-align:center}.site-legal-credit .agency-credit{margin-left:0;width:100%}.site-legal-credit .legal-links{justify-content:center;gap:12px 16px}}
.legal-page{padding:72px 0 90px;}
.legal-page .legal-wrap{max-width:900px;margin:0 auto;}
.legal-page .legal-meta{font:600 12px/1.4 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary-blue);margin-bottom:14px;}
.legal-page h1{margin-bottom:18px;}
.legal-page .legal-intro{font:400 20px/1.65 var(--f-serif);color:var(--c-text-muted);max-width:72ch;margin-bottom:42px;}
.legal-page section{margin-top:34px;}
.legal-page section h2{font-size:28px;margin-bottom:12px;}
.legal-page section p,.legal-page section li{font:400 17px/1.75 var(--f-serif);color:var(--c-text);}
.legal-page section ul{list-style:disc;padding-left:1.4rem;margin-top:10px;}
.legal-page section li{margin-bottom:7px;}
.legal-note{padding:18px 20px;background:var(--c-bg-light);border-left:3px solid var(--c-primary-blue);margin-top:22px;}


/* =========================================================
   FINAL GLOBAL HEADER / FOOTER ASSET UPDATE
========================================================= */
.brand{display:inline-flex;align-items:center;justify-content:center;height:100px;width:145px;flex:0 0 145px;overflow:hidden;}
.brand img{display:block;width:auto;height:100px!important;max-width:100%;object-fit:contain;}
.footer-logo{width:122px;height:98px;padding:8px;background:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;}
.footer-logo img{width:auto;height:100%;max-width:100%;object-fit:contain;}
.footer-contact li{line-height:1.55;}
.footer-contact a{word-break:break-word;}
@media (max-width: 1023px){.brand{width:128px;flex-basis:128px;height:90px}.brand img{height:90px!important}.footer-logo{width:112px;height:90px}}
@media (max-width: 600px){.brand{width:112px;flex-basis:112px;height:82px}.brand img{height:82px!important}.footer-logo{width:105px;height:84px}}


/* =========================================================
   JESS GLOBAL FOOTER — REDESIGNED
   ========================================================= */
.site-footer{
  position:relative;
  overflow:hidden;
  background:#081F45;
  color:#b9c9dc;
  padding:0;
  border-top:1px solid rgba(255,255,255,.08);
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 84% 8%, rgba(31,104,181,.16), transparent 28%),
    radial-gradient(circle at 15% 100%, rgba(31,104,181,.10), transparent 32%);
}
.site-footer .footer-inner{
  position:relative;
  z-index:1;
  padding:72px 0 48px;
}
.site-footer .footer-grid{
  display:grid;
  grid-template-columns:minmax(270px,1.45fr) repeat(2,minmax(150px,.8fr)) minmax(260px,1.15fr);
  gap:56px;
  align-items:start;
}
.site-footer .footer-brand{
  max-width:360px;
}
.site-footer .footer-logo{
  display:inline-flex;
  align-items:center;
  width:92px;
  height:112px;
  margin-bottom:20px;
}
.site-footer .footer-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:transparent;
}
.site-footer .brand-word{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-bottom:16px;
  font-family:var(--f-sans);
}
.site-footer .brand-word strong{
  color:#fff;
  font-size:20px;
  line-height:1;
  letter-spacing:.02em;
}
.site-footer .brand-word span{
  color:#91a7c2;
  font-size:10px;
  line-height:1.35;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.site-footer .footer-brand p{
  max-width:34ch;
  margin:0;
  color:#a9bbd1;
  font-family:var(--f-serif);
  font-size:16px;
  line-height:1.65;
}
.site-footer .footer-col h3{
  margin:3px 0 20px;
  color:#fff;
  font-family:var(--f-sans);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.site-footer .footer-col ul{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.site-footer .footer-col li,
.site-footer .footer-col a{
  color:#aebed2;
  font-family:var(--f-sans);
  font-size:14px;
  line-height:1.5;
}
.site-footer .footer-col a{
  transition:color .2s ease, transform .2s ease;
}
.site-footer .footer-col a:hover{
  color:#fff;
}
.site-footer .footer-contact ul{gap:10px}
.site-footer .footer-contact li:first-child strong{
  display:block;
  margin-bottom:2px;
  color:#fff;
  font-family:var(--f-serif);
  font-size:18px;
  font-weight:600;
}
.site-footer .footer-contact .contact-label{
  display:block;
  margin-top:8px;
  margin-bottom:2px;
  color:#718baa;
  font-family:var(--f-sans);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.site-footer .footer-contact .contact-address{
  color:#c1cee0;
  font-family:var(--f-serif);
  font-size:16px;
  line-height:1.55;
}
.site-footer .footer-contact .issn{
  display:inline-flex;
  margin-top:8px;
  padding:6px 10px;
  border:1px solid rgba(159,184,216,.25);
  border-radius:999px;
  color:#d5e0ee;
  font-family:var(--f-sans);
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
}
.site-footer .footer-divider{
  position:relative;
  z-index:1;
  border-top:1px solid rgba(255,255,255,.12);
}
.site-footer .footer-bottom{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 0 24px;
  margin:0;
  border:0;
  color:#7f96b4;
  font-family:var(--f-sans);
  font-size:12px;
}
.site-footer .footer-bottom-left{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 20px;
}
.site-footer .footer-bottom-left span::before{
  content:"";
}
.site-footer .footer-status{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 14px;
  color:#90a6c1;
}
.site-footer .footer-status span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.site-footer .footer-status span::before{
  content:"";
  width:4px;
  height:4px;
  border-radius:50%;
  background:#3d82c8;
}
.site-legal-credit{
  position:relative;
  background:#061A35;
  border-top:1px solid rgba(255,255,255,.08);
  padding:16px 0;
}
.site-legal-credit .legal-credit-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.site-legal-credit .legal-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 22px;
}
.site-legal-credit .legal-links a{
  position:relative;
  color:#aebed2;
  font-family:var(--f-sans);
  font-size:12px;
  font-weight:600;
}
.site-legal-credit .legal-links a:hover{color:#fff}
.site-legal-credit .agency-credit{
  margin-left:auto;
  color:#7f96b4;
  font-family:var(--f-sans);
  font-size:12px;
}
.site-legal-credit .agency-credit a{color:#fff;font-weight:700}
.site-legal-credit .agency-credit a:hover{color:#6da7e0}
@media (max-width: 1000px){
  .site-footer .footer-grid{grid-template-columns:1.35fr 1fr 1fr;gap:42px}
  .site-footer .footer-brand{grid-row:span 2}
  .site-footer .footer-contact{grid-column:2 / -1}
}
@media (max-width: 700px){
  .site-footer .footer-inner{padding:54px 0 36px}
  .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:36px 28px}
  .site-footer .footer-brand{grid-column:1 / -1;grid-row:auto;max-width:520px}
  .site-footer .footer-contact{grid-column:1 / -1}
  .site-footer .footer-logo{width:78px;height:94px}
  .site-footer .footer-bottom{align-items:flex-start;flex-direction:column;padding:20px 0 22px}
  .site-footer .footer-status{gap:8px 12px}
  .site-legal-credit .legal-credit-inner{align-items:flex-start;flex-direction:column;text-align:left}
  .site-legal-credit .agency-credit{margin-left:0}
}
@media (max-width: 480px){
  .site-footer .footer-grid{grid-template-columns:1fr}
  .site-footer .footer-col,.site-footer .footer-contact{grid-column:auto}
  .site-footer .footer-brand{grid-column:auto}
}



/* =========================================================
   FINAL TYPOGRAPHY REFINEMENT
   Editorial hierarchy + balanced reading rhythm
   ========================================================= */



/* Clear, predictable heading hierarchy */
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6{
  font-family:var(--f-sans);
  color:var(--c-heading);
  text-wrap:balance;
}

h1,.h1{
  font-size:var(--fs-h1);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.035em;
}

h2,.h2{
  font-size:var(--fs-h2);
  line-height:1.12;
  font-weight:750;
  letter-spacing:-.025em;
}

h3,.h3{
  font-size:var(--fs-h3);
  line-height:1.22;
  font-weight:700;
  letter-spacing:-.015em;
}

h4,.h4{
  font-size:var(--fs-h4);
  line-height:1.3;
  font-weight:700;
  letter-spacing:-.01em;
}

h5,.h5{
  font-size:var(--fs-h5);
  line-height:1.4;
  font-weight:700;
  letter-spacing:0;
}

h6,.h6{
  font-size:var(--fs-h6);
  line-height:1.4;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}

/* Main reading text */
body {
  font-family:var(--f-sans);
  font-size:var(--fs-body);
  line-height:1.7;
  color:var(--c-body);
}

p{
  font-size:1rem;
  line-height:1.72;
}

.lede,.lead{
  font-family:var(--f-serif);
  font-size:var(--fs-body-lg);
  line-height:1.65;
  color:#52647b;
}

.meta-row,
.meta,
.authors,
.byline,
.caption,
.small-text{
  font-family:var(--f-sans);
}

.meta-row,
.meta,
.byline{
  font-size:.8125rem;
  line-height:1.5;
  color:#64748b;
}

.caption{
  font-size:.78rem;
  line-height:1.55;
  color:#64748b;
}

/* Section headings */
.section-head{
  align-items:flex-end;
  margin-bottom:2.5rem;
}

.section-head h2{
  margin-top:.65rem;
  max-width:760px;
}

.section-head .eyebrow{
  margin-bottom:.1rem;
}

/* Editorial labels */
.eyebrow{
  font-family:var(--f-sans);
  font-size:.7rem;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.13em;
}

/* Homepage heading proportions */
.hero-copy h1{
  font-size:clamp(2.85rem,4.6vw,4.35rem);
  line-height:1.03;
  letter-spacing:-.04em;
  max-width:780px;
}

.hero-copy .lede{
  max-width:650px;
  margin-top:1.35rem;
}

.intro-text h2{
  font-size:clamp(2rem,3.15vw,2.8rem);
  line-height:1.1;
  max-width:680px;
}

.intro-text p{
  max-width:650px;
  margin-top:1.2rem;
}

.journal-family-card h3{
  font-size:clamp(1.35rem,1.8vw,1.7rem);
  line-height:1.25;
}

.current-issue .ci-featured h3{
  font-size:clamp(1.25rem,1.8vw,1.55rem);
  line-height:1.32;
}

/* Article / journal reading areas */
.article-body,
.article-content,
.prose,
.page-content,
.policy-content{
  color:#334155;
}

.article-body p,
.article-content p,
.prose p,
.page-content p,
.policy-content p{
  font-family:var(--f-serif);
  font-size:1.06rem;
  line-height:1.8;
}

.article-body h2,
.article-content h2,
.prose h2,
.page-content h2,
.policy-content h2{
  margin-top:2.5rem;
  margin-bottom:.8rem;
}

.article-body h3,
.article-content h3,
.prose h3,
.page-content h3,
.policy-content h3{
  margin-top:2rem;
  margin-bottom:.65rem;
}

.article-body ul,
.article-body ol,
.article-content ul,
.article-content ol,
.prose ul,
.prose ol{
  margin:1rem 0 1.25rem 1.35rem;
  padding-left:1rem;
}

.article-body li,
.article-content li,
.prose li{
  margin-bottom:.55rem;
  line-height:1.7;
}

/* Cards should stay compact and scannable */
.card h3,
.article-card h3,
.issue-card h3,
.author-card h4{
  text-wrap:balance;
}

.article-card p,
.issue-card p,
.author-card p{
  font-size:.92rem;
  line-height:1.6;
}

/* Buttons and navigation use UI typography */
.btn,
.btn-text,
.main-nav a,
.header-actions,
.badge{
  font-family:var(--f-sans);
}

.btn{
  font-size:.82rem;
  line-height:1.2;
  letter-spacing:.01em;
}

/* Dark sections */
.bg-dark p,
.hero p,
.policy-hero p{
  color:#d8e4f2;
}

.hero h1,
.policy-hero h1{
  color:#fff;
}

/* Mobile hierarchy */
@media (max-width: 767px){
  h1,.h1{
    font-size:clamp(2.35rem,10vw,3.2rem);
    line-height:1.08;
  }

  h2,.h2{
    font-size:clamp(1.85rem,8vw,2.45rem);
  }

  h3,.h3{
    font-size:clamp(1.35rem,6vw,1.75rem);
  }

  .hero-copy h1{
    font-size:clamp(2.45rem,10.5vw,3.4rem);
    line-height:1.05;
  }

  .hero-copy .lede,
  .lede,.lead{
    font-size:1.05rem;
    line-height:1.65;
  }

  .section-head{
    margin-bottom:2rem;
  }

  .section-head h2{
    max-width:100%;
  }

  .article-body p,
  .article-content p,
  .prose p,
  .page-content p,
  .policy-content p{
    font-size:1rem;
    line-height:1.78;
  }
}


/* =========================================================
   specialties.css
   ========================================================= */
/* JESS Specialties directory */
.specialties-hero{padding:clamp(4rem,9vw,7rem) 0;background:linear-gradient(135deg,var(--c-primary-dark),var(--c-primary-blue));color:#fff}.specialties-hero h1{font-family:'Source Serif 4',serif;font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.02;margin:.5rem 0 1rem;max-width:12ch}.specialties-hero .lede{max-width:62ch;color:rgba(255,255,255,.78)}.section-intro{max-width:72ch;margin-bottom:2.5rem}.section-intro h2{font-family:'Source Serif 4',serif;font-size:clamp(2rem,3.5vw,3rem);color:var(--c-primary-dark);margin:.4rem 0 .8rem}.section-intro p{color:var(--c-text-muted);line-height:1.75}.specialty-directory{border-top:1px solid var(--c-border)}.specialty-detail{display:grid;grid-template-columns:60px 1fr;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--c-border);scroll-margin-top:100px}.specialty-num{font-size:.78rem;font-weight:800;letter-spacing:.12em;color:var(--c-primary-blue);padding-top:.35rem}.specialty-detail h2{font-family:'Source Serif 4',serif;color:var(--c-primary-dark);font-size:clamp(1.5rem,2.3vw,2rem);margin:0 0 .5rem}.specialty-detail p{max-width:70ch;color:var(--c-text-muted);line-height:1.7;margin:0 0 1rem}.topic-callout{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem;border:1px solid var(--c-border);background:#fff;border-radius:var(--radius-md)}.topic-callout h2{font-family:'Source Serif 4',serif;color:var(--c-primary-dark);margin:.3rem 0 .5rem}.topic-callout p{max-width:70ch;color:var(--c-text-muted);line-height:1.65;margin:0}@media (max-width: 719px){.topic-callout{flex-direction:column;align-items:flex-start}.specialty-detail{grid-template-columns:42px 1fr}}


/* =========================================================
   specialty.css
   ========================================================= */
/* JESS Topics / Specialty templates */
.topic-hero{background:linear-gradient(120deg,#081F45 0%,#103C78 65%,#123E59 100%);color:#fff;padding:clamp(3.5rem,6vw,6.5rem) 0;position:relative;overflow:hidden}.topic-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-160px;bottom:-260px}.topic-hero .lede{color:#bfd0dc;max-width:700px}.topic-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#a9c8d6;margin-bottom:16px}.topic-layout{display:grid;grid-template-columns:minmax(0,1.25fr) 330px;gap:42px;align-items:start}.topic-main h2{font-family:var(--f-serif);font-size:34px;margin:0 0 14px}.topic-main p{color:var(--c-text-muted);line-height:1.75}.topic-side{border:1px solid var(--c-border);border-radius:12px;padding:24px;background:#fff;position:sticky;top:24px}.topic-side h3{font-size:16px;margin:0 0 14px}.topic-side ul{list-style:none;padding:0;margin:0}.topic-side li+li{border-top:1px solid var(--c-border)}.topic-side a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;color:#344250;text-decoration:none;font-size:14px}.topic-side a:hover{color:var(--c-primary-blue)}.topic-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-border);border:1px solid var(--c-border);margin:28px 0 42px}.topic-stat{background:#fff;padding:20px}.topic-stat strong{display:block;font-family:var(--f-serif);font-size:28px;color:var(--c-primary-dark)}.topic-stat span{font-size:12px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em}.topic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-card{border:1px solid var(--c-border);border-radius:12px;padding:24px;background:#fff;display:flex;flex-direction:column;min-height:230px;transition:.2s ease}.topic-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(23,43,77,.08);border-color:#c4d0d8}.topic-card .topic-no{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#718494;margin-bottom:26px}.topic-card h3{font-family:var(--f-serif);font-size:24px;margin:0 0 10px}.topic-card p{font-size:14px;color:#687682;line-height:1.65;margin:0 0 20px}.topic-card a{margin-top:auto}.topic-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-index a{border:1px solid var(--c-border);border-radius:10px;padding:17px 18px;text-decoration:none;color:#263642;background:#fff;font-weight:650;display:flex;justify-content:space-between;gap:15px}.topic-index a span{color:#78909e;font-weight:500;font-size:13px}.article-list{display:grid;gap:12px}.topic-article{border:1px solid var(--c-border);border-radius:10px;padding:18px;background:#fff}.topic-article .eyebrow{margin-bottom:7px}.topic-article h3{font-size:18px;margin:0 0 7px}.topic-article p{font-size:13px;margin:0;color:#71808b}.topic-cta{margin-top:48px;background:var(--c-bg-light);border:1px solid var(--c-border);border-radius:12px;padding:30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.topic-cta h2{margin:0 0 6px}.topic-cta p{margin:0;color:var(--c-text-muted)}
@media (max-width: 950px){.topic-layout{grid-template-columns:1fr}.topic-side{position:static}.topic-cards{grid-template-columns:1fr 1fr}}@media (max-width: 650px){.topic-stat-grid,.topic-index,.topic-cards{grid-template-columns:1fr}.topic-cta{flex-direction:column;align-items:flex-start}}

.topic-callout{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem;border:1px solid var(--c-border);background:#fff;border-radius:var(--radius-md)}.topic-callout h2{font-family:'Source Serif 4',serif;color:var(--c-primary-dark);margin:.3rem 0 .5rem}.topic-callout p{max-width:70ch;color:var(--c-text-muted);line-height:1.65;margin:0}@media (max-width: 719px){.topic-callout{flex-direction:column;align-items:flex-start}}


/* =========================================================
   tokens.css
   ========================================================= */
/* =========================================================
   JESS — Design Tokens
   Journal of the European Society of Surgery
   ========================================================= */





/* =========================================================
   FINAL COMPONENT TYPOGRAPHY REFINEMENT
   Keep semantic H1-H6 hierarchy, but scope display sizes to
   the component that actually needs them.
   ========================================================= */

/* Base reading typography */
body {
  font-family: var(--f-sans);
  color: var(--c-text);
  font-size: 16px;
  line-height: 1.65;
}

p, li {
  line-height: 1.65;
}

strong {
  font-weight: 700;
}

/* Standard page hierarchy */
main h1:not(.hero-copy h1):not(.page-hero h1):not(.policy-hero h1):not(.board-hero h1):not(.specialties-hero h1) {
  font-size: clamp(2.25rem, 4vw, 3.5rem);
  line-height: 1.08;
}

main h2:not(.hero-copy h2):not(.section-head h2):not(.intro-text h2):not(.latest-research-head h2):not(.submit-cta h2) {
  font-size: clamp(1.65rem, 2.4vw, 2.2rem);
  line-height: 1.18;
}

main h3 {
  font-size: clamp(1.2rem, 1.6vw, 1.45rem);
  line-height: 1.28;
}

main h4 {
  font-size: 1rem;
  line-height: 1.35;
}

main h5 {
  font-size: .9rem;
  line-height: 1.4;
}

main h6 {
  font-size: .78rem;
  line-height: 1.4;
}

/* Contact page */
.policy-wrap .contact-card h2 {
  margin: .45rem 0 .8rem;
  font-family: var(--f-sans);
  font-size: clamp(1.3rem, 1.7vw, 1.55rem);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -.015em;
  color: var(--c-primary-dark);
}

.policy-wrap .contact-form h2 {
  margin: 0 0 1.25rem;
  font-family: var(--f-sans);
  font-size: clamp(1.65rem, 2.2vw, 2rem);
  line-height: 1.15;
  font-weight: 750;
  letter-spacing: -.02em;
  color: var(--c-primary-dark);
}

.policy-wrap .contact-card p {
  margin: 0 0 .9rem;
  font-size: .96rem;
  line-height: 1.65;
  color: var(--c-text);
}

.policy-wrap .contact-card p:last-child {
  margin-bottom: 0;
}

.policy-wrap .contact-card p strong {
  display: inline-block;
  margin-bottom: .15rem;
  font-size: .78rem;
  line-height: 1.3;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--c-text-muted);
}

.policy-wrap .contact-card .eyebrow {
  margin-bottom: .35rem;
}

.policy-wrap .contact-form label {
  font-size: .9rem;
  line-height: 1.3;
}

.policy-wrap .contact-form .form-note {
  font-size: .82rem;
  line-height: 1.5;
  color: var(--c-text-muted);
}

/* Cards and compact content should never inherit giant page headings */
.card h2,
.contact-card h2,
.feature-card h2,
.issue-card h2,
.author-card h2,
.journal-facts h2,
.info-stat-row h2,
.current-issue h2,
.filter-panel h2,
.result-row h2 {
  font-size: 1.25rem;
  line-height: 1.25;
  letter-spacing: -.01em;
}

/* Section headings: strong, but not oversized */
.section-head h2,
.latest-research-head h2 {
  line-height: 1.08;
}

.section-head p,
.latest-research-head p {
  max-width: 720px;
  line-height: 1.65;
}

/* Article/content typography */
.article-body h2,
.article-content h2,
.prose h2,
.page-content h2,
.policy-content h2 {
  font-size: clamp(1.6rem, 2.2vw, 2rem);
  line-height: 1.22;
  margin-top: 2.25rem;
  margin-bottom: .75rem;
}

.article-body h3,
.article-content h3,
.prose h3,
.page-content h3,
.policy-content h3 {
  font-size: clamp(1.25rem, 1.7vw, 1.5rem);
  line-height: 1.3;
  margin-top: 1.75rem;
  margin-bottom: .55rem;
}

/* Form / utility headings */
.steps h2 {
  font-size: 1.25rem;
  line-height: 1.25;
}

.policy-main h2,
.legal-page section h2 {
  font-size: clamp(1.55rem, 2.2vw, 2rem);
  line-height: 1.25;
}

/* Footer headings stay intentionally small */
.site-footer .footer-col h3,
.site-footer .footer-contact h3 {
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Mobile refinement */
@media (max-width: 700px){
  body {
    font-size: 15.5px;
  }

  main h1:not(.hero-copy h1):not(.page-hero h1):not(.policy-hero h1):not(.board-hero h1):not(.specialties-hero h1) {
    font-size: 2.15rem;
  }

  main h2:not(.hero-copy h2):not(.section-head h2):not(.intro-text h2):not(.latest-research-head h2):not(.submit-cta h2) {
    font-size: 1.6rem;
  }

  .policy-wrap .contact-card,
  .policy-wrap .contact-form {
    padding: 20px;
  }

  .policy-wrap .contact-card h2 {
    font-size: 1.3rem;
  }

  .policy-wrap .contact-form h2 {
    font-size: 1.7rem;
  }

  .article-body h2,
  .article-content h2,
  .prose h2,
  .page-content h2,
  .policy-content h2 {
    font-size: 1.55rem;
  }
}


/* Journal detail pages: no action-button block under the journal profile */
.journal-details .journal-actions,
.journal-details .journal-detail-actions,
.journal-details .journal-actions-row,
.journal-details .journal-hero-actions,
.journal-details .journal-header-actions {
  display: none !important;
}


/* All JESS journal profile/detail pages:
   keep the profile clean by hiding the hero action-button row. */
.journal-detail-actions,
.journal-actions,
.journal-actions-row,
.journal-hero-actions,
.journal-header-actions {
  display: none !important;
}


/* Sub-journal profile pages: no hero action-button row */
.journal-header .journal-info .journal-actions,
.journal-header .journal-info .journal-detail-actions,
.journal-header .journal-info .journal-actions-row,
.journal-header .journal-info .journal-hero-actions,
.journal-header .journal-info .journal-header-actions,
.journal-header .journal-info > .btn,
.journal-header .journal-info > .btn-text,
.journal-header .journal-info > a.btn,
.journal-header .journal-info > a.btn-text {
  display: none !important;
}

/* Footer branding: full journal name, no logo/abbreviation */
.site-footer .footer-brand .brand-word strong {
  display: block;
  font-family: var(--f-serif);
  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;
  color: #fff;
}

.site-footer .footer-brand .brand-word span {
  display: none;
}

.site-footer .footer-brand .footer-logo {
  display: none !important;
}


/* Journal profile hero: keep profile clean without action buttons */
.journal-header .journal-info .journal-actions {
  display: none !important;
}

/* Footer branding: full journal name, no logo/abbreviation */
.site-footer .footer-brand .footer-logo {
  display: none !important;
}
.site-footer .footer-brand .brand-word strong {
  display: block;
  font-family: var(--f-serif);
  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;
  color: #fff;
}
.site-footer .footer-brand .brand-word span {
  display: none;
}


/* =========================================================
   JESS FINAL GLOBAL COLOR SYSTEM
   One visual palette across homepage, journal pages, articles,
   editorial pages, policy pages and forms.
   ========================================================= */


/* Page and section backgrounds */
body {
  background: #FFFFFF;
  color: var(--c-text);
}

.bg-light,
.bg-soft,
.section.bg-light {
  background: var(--jess-surface);
}

/* All major dark hero areas use the same JESS navy */
.hero,
.policy-hero,
.article-hero,
.specialties-hero,
.topic-hero,
.stats-section {
  background: linear-gradient(135deg, #081F45 0%, #103C78 100%) !important;
}

/* Journal and issue covers */
.journal-cover,
.issue-page-cover,
.issue-cover,
.ci-cover {
  background: linear-gradient(145deg, #081F45 0%, #0B4EA2 100%) !important;
}

/* Local journal navigation */
.journal-local-nav .container {
  background: #F1F4F8 !important;
}

.journal-local-nav a:hover,
.journal-local-nav a[aria-current="page"] {
  background: #0B4EA2 !important;
  color: #FFFFFF !important;
}

/* Primary actions */
.btn-primary,
.btn-primary:visited {
  background: #0B4EA2 !important;
  border-color: #0B4EA2 !important;
  color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus-visible {
  background: #083F86 !important;
  border-color: #083F86 !important;
  color: #FFFFFF !important;
}

.btn-outline-dark:hover {
  background: #081F45 !important;
  border-color: #081F45 !important;
  color: #FFFFFF !important;
}

/* Links and interactive text */
a {
  color: #0B4EA2;
}

a:hover {
  color: #083F86;
}

.btn-light,
.btn-light:visited {
  color: #081F45;
}

/* Common headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #081F45;
}

/* Dark sections */
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.hero h1,
.hero h2,
.policy-hero h1,
.policy-hero h2,
.article-hero h1,
.article-hero h2,
.topic-hero h1,
.topic-hero h2,
.specialties-hero h1,
.specialties-hero h2 {
  color: #FFFFFF;
}

/* Cards, panels and forms */
.article-card,
.issue-card,
.author-card,
.feature-card,
.journal-facts,
.info-stat-row,
.current-issue,
.submit-cta,
.contact-card,
.contact-form,
.policy-card,
.empty-state,
.filter-panel,
.steps,
.check-list,
.ethics-cards article,
.topic-card,
.topic-article,
.topic-side,
.editorial-excellence,
.board-card,
.board-office {
  border-color: #DFE6EF;
}

/* Form controls */
.field input,
.field select,
.field textarea,
.contact-form input,
.contact-form textarea,
.archive-search input,
.filter-panel select {
  border-color: #CBD6E3;
  background: #FFFFFF;
  color: #17233A;
}

.field input:focus,
.field select:focus,
.field textarea:focus,
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #0B4EA2;
  box-shadow: 0 0 0 3px rgba(11,78,162,.10);
}

/* Accent rules and badges */
.section-head .eyebrow::before,
.eyebrow::before {
  background: #0B4EA2;
}

.badge,
.keyword-chip,
.latest-research-badge {
  border-color: #DFE6EF;
}

/* Footer: same navy on every page */
.site-footer {
  background: #081F45 !important;
}

.site-legal-credit {
  background: #061A35 !important;
}

/* Remove old blue/teal visual variants from common components */
.author-alpha a:hover,
.author-alpha a.active {
  background: #081F45 !important;
  color: #FFFFFF !important;
}

.pagination [aria-current] {
  background: #0B4EA2 !important;
  color: #FFFFFF !important;
}

.feature-number,
.profile-monogram {
  color: #081F45 !important;
}

/* Consistent journal profile accents */
.journal-header .eyebrow,
.journal-info .eyebrow,
.journal-reference-grid .eyebrow {
  color: #0B4EA2;
}

/* Mobile retains the same palette */
@media (max-width: 700px){
  .hero,
  .policy-hero,
  .article-hero,
  .specialties-hero,
  .topic-hero,
  .stats-section {
    background: linear-gradient(135deg, #081F45 0%, #103C78 100%) !important;
  }
}


/* =========================================================
   HOMEPAGE COLOR MATCH
   Homepage uses the exact same JESS palette as inner pages.
   ========================================================= */
body.home,
.home-page {
  color: #17233A;
  background: #FFFFFF;
}

.home-page .hero,
body.home .hero {
  background: linear-gradient(135deg,#081F45 0%,#103C78 100%) !important;
}

.home-page .ci-cover,
body.home .ci-cover {
  background: linear-gradient(145deg,#081F45 0%,#0B4EA2 100%) !important;
}

.home-page .stats-section,
body.home .stats-section {
  background: linear-gradient(135deg,#081F45 0%,#103C78 100%) !important;
}

.home-page .author-photo-real,
body.home .author-photo-real,
.home-page .home-editorial-board .author-photo,
body.home .home-editorial-board .author-photo {
  background: linear-gradient(145deg,#EDF4FF,#D7E5F5) !important;
  color: #081F45 !important;
}

.home-page .latest-research-badge,
body.home .latest-research-badge {
  background: #F5F8FC !important;
  border-color: #DFE6EF !important;
  color: #0B4EA2 !important;
}

.home-page .latest-research-rule,
body.home .latest-research-rule {
  background: #DFE6EF !important;
}

.home-page .intro-facts,
body.home .intro-facts {
  background: #DFE6EF !important;
}

.home-page .intro-fact,
body.home .intro-fact {
  background: #FFFFFF !important;
  color: #081F45 !important;
}


/* =========================================================
   JESS FINAL DESIGN TOKENS — AUTHORITATIVE
   ========================================================= */


body {
  font-family:var(--f-sans);
  background:#FFFFFF;
  color:var(--c-text);
}

.hero,
.policy-hero,
.article-hero,
.specialties-hero,
.topic-hero,
.stats-section {
  background:linear-gradient(135deg,#081F45 0%,#103C78 100%) !important;
}

.journal-cover,
.issue-page-cover,
.issue-cover,
.ci-cover {
  background:linear-gradient(145deg,#081F45 0%,#0B4EA2 100%) !important;
}

.site-footer {
  background:#081F45 !important;
}

.site-legal-credit {
  background:#061A35 !important;
}

.btn-primary,
.btn-primary:visited {
  background:#0B4EA2 !important;
  border-color:#0B4EA2 !important;
  color:#FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus-visible {
  background:#083F86 !important;
  border-color:#083F86 !important;
}

a {
  color:#0B4EA2;
}

a:hover {
  color:#083F86;
}

h1,h2,h3,h4,h5,h6 {
  color:#081F45;
}


/* =========================================================
   INNER PAGE HERO SYSTEM
   Contact page is the reference treatment for all standard
   inner-page banners. Homepage hero and journal profile
   headers remain intentionally separate.
   ========================================================= */
.page-hero,
.policy-hero,
.board-hero,
.specialties-hero,
.topic-hero,
.article-hero {
  width: 100%;
  background: linear-gradient(135deg,#081F45 0%,#103C78 100%) !important;
  color: #FFFFFF !important;
  padding: 54px 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
}

.page-hero .container,
.policy-hero .container,
.board-hero .container,
.specialties-hero .container,
.topic-hero .container,
.article-hero .container {
  width: min(100% - 40px, var(--container-max));
  margin-inline: auto;
}

.page-hero h1,
.policy-hero h1,
.board-hero h1,
.specialties-hero h1,
.topic-hero h1,
.article-hero h1 {
  color: #FFFFFF !important;
  margin: 0 0 .75rem !important;
  max-width: 820px;
  font-family: var(--f-sans) !important;
  font-size: clamp(2.25rem, 4vw, 3.25rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em;
}

.page-hero .lede,
.policy-hero .lede,
.board-hero .lede,
.specialties-hero .lede,
.topic-hero .lede,
.article-hero .lede {
  color: #D8E4F2 !important;
  max-width: 760px;
  margin: 0 !important;
  font-family: var(--f-sans) !important;
  font-size: 1.05rem;
  line-height: 1.65;
}

.page-hero .eyebrow,
.policy-hero .eyebrow,
.board-hero .eyebrow,
.specialties-hero .eyebrow,
.topic-hero .eyebrow,
.article-hero .eyebrow {
  color: #D8E4F2 !important;
  margin-bottom: .5rem;
}

/* Standard inner-page hero responsive behavior */
@media (max-width: 767px){
  .page-hero,
  .policy-hero,
  .board-hero,
  .specialties-hero,
  .topic-hero,
  .article-hero {
    padding: 42px 0 !important;
  }

  .page-hero .container,
  .policy-hero .container,
  .board-hero .container,
  .specialties-hero .container,
  .topic-hero .container,
  .article-hero .container {
    width: min(100% - 32px, var(--container-max));
  }

  .page-hero h1,
  .policy-hero h1,
  .board-hero h1,
  .specialties-hero h1,
  .topic-hero h1,
  .article-hero h1 {
    font-size: 2rem !important;
  }
}

/* Journal profile/issue headers are publication-specific and are not
   forced into the generic contact banner dimensions. */
.journal-header,
.issue-page-header {
  margin: 0;
}


/* =========================================================
   EXACT STANDARD INNER HERO DIMENSIONS
   About, Contact, Editorial Board and other standard inner
   pages use the same banner frame. Content may wrap, but the
   visual banner height and internal spacing stay consistent.
   ========================================================= */
.page-hero,
.policy-hero,
.board-hero,
.specialties-hero,
.topic-hero,
.article-hero {
  height: 266px !important;
  min-height: 266px !important;
  max-height: 266px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  padding: 40px 0 !important;
}

.page-hero .container,
.policy-hero .container,
.board-hero .container,
.specialties-hero .container,
.topic-hero .container,
.article-hero .container {
  width: min(calc(100% - 40px), var(--container-max)) !important;
}

.page-hero h1,
.policy-hero h1,
.board-hero h1,
.specialties-hero h1,
.topic-hero h1,
.article-hero h1 {
  margin: 0 0 .65rem !important;
}

.page-hero .lede,
.policy-hero .lede,
.board-hero .lede,
.specialties-hero .lede,
.topic-hero .lede,
.article-hero .lede {
  margin: 0 !important;
}

/* Mobile: same banner height across all standard inner pages */
@media (max-width: 767px){
  .page-hero,
  .policy-hero,
  .board-hero,
  .specialties-hero,
  .topic-hero,
  .article-hero {
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    padding: 32px 0 !important;
  }

  .page-hero .container,
  .policy-hero .container,
  .board-hero .container,
  .specialties-hero .container,
  .topic-hero .container,
  .article-hero .container {
    width: min(calc(100% - 32px), var(--container-max)) !important;
  }
}


/* =========================================================
   GLOBAL INNER-PAGE HERO TYPOGRAPHY
   One scale for About, Contact, Editorial, Articles, Policies,
   Specialties, Topics and other standard inner pages.
   (tokens now declared in the single :root block at the top of
   this file — see --inner-hero-* — kept here as a comment marker
   so this section stays discoverable)
   ========================================================= */

.page-hero,
.policy-hero,
.board-hero,
.specialties-hero,
.topic-hero,
.article-hero {
  min-height: 266px !important;
  height: auto !important;
  max-height: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  padding: 42px 0 !important;
}

.page-hero .container,
.policy-hero .container,
.board-hero .container,
.specialties-hero .container,
.topic-hero .container,
.article-hero .container {
  width: min(calc(100% - 40px), var(--container-max)) !important;
  margin-inline: auto !important;
}

.page-hero .eyebrow,
.policy-hero .eyebrow,
.board-hero .eyebrow,
.specialties-hero .eyebrow,
.topic-hero .eyebrow,
.article-hero .eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 .65rem !important;
  font-family: var(--f-sans) !important;
  font-size: var(--inner-hero-eyebrow) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}

.page-hero h1,
.policy-hero h1,
.board-hero h1,
.specialties-hero h1,
.topic-hero h1,
.article-hero h1 {
  width: auto !important;
  max-width: 1000px !important;
  margin: 0 0 .65rem !important;
  font-family: var(--f-sans) !important;
  font-size: clamp(var(--inner-hero-h1-min), var(--inner-hero-h1-fluid), var(--inner-hero-h1-max)) !important;
  font-weight: 750 !important;
  line-height: 1.08 !important;
  letter-spacing: -.028em !important;
  text-wrap: balance;
}

.page-hero .lede,
.policy-hero .lede,
.board-hero .lede,
.specialties-hero .lede,
.topic-hero .lede,
.article-hero .lede {
  max-width: 820px !important;
  margin: 0 !important;
  font-family: var(--f-sans) !important;
  font-size: var(--inner-hero-lede) !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
  text-wrap: pretty;
}

/* Long About / policy / specialty titles should wrap naturally rather
   than becoming oversized or creating a three/four-line headline. */
.page-hero h1,
.specialties-hero h1,
.topic-hero h1 {
  max-width: 1050px !important;
}

/* Article titles can be longer, so give them a little more width. */
.article-hero h1 {
  max-width: 1080px !important;
}

/* Mobile */
@media (max-width: 767px){
  .page-hero,
  .policy-hero,
  .board-hero,
  .specialties-hero,
  .topic-hero,
  .article-hero {
    min-height: 250px !important;
    padding: 34px 0 !important;
  }

  .page-hero .container,
  .policy-hero .container,
  .board-hero .container,
  .specialties-hero .container,
  .topic-hero .container,
  .article-hero .container {
    width: min(calc(100% - 32px), var(--container-max)) !important;
  }

  .page-hero h1,
  .policy-hero h1,
  .board-hero h1,
  .specialties-hero h1,
  .topic-hero h1,
  .article-hero h1 {
    max-width: 100% !important;
    font-size: clamp(2rem, 8vw, 2.5rem) !important;
    line-height: 1.08 !important;
  }

  .page-hero .lede,
  .policy-hero .lede,
  .board-hero .lede,
  .specialties-hero .lede,
  .topic-hero .lede,
  .article-hero .lede {
    max-width: 100% !important;
    font-size: .96rem !important;
    line-height: 1.55 !important;
  }
}


/* =========================================================
   JOURNAL LOCAL NAVIGATION — FLOATING STRIP
   Keep the breadcrumb and journal navigation visually separate.
   Applies consistently to all individual journal pages.
   ========================================================= */
.journal-local-nav {
  position: relative !important;
  top: auto !important;
  z-index: 10 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 18px 0 20px !important;
  margin: 0 !important;
}

.journal-local-nav .container {
  width: min(calc(100% - 40px), 1120px) !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 8px !important;
  background: #F1F4F8 !important;
  border: 1px solid #E1E7EF !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(8,31,69,.06) !important;
}

.journal-local-nav ul {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto;
}

.journal-local-nav a {
  min-height: 46px !important;
  padding: 0 22px !important;
  border-radius: 9px !important;
  font-family: var(--f-sans) !important;
  font-size: .88rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #081F45 !important;
  border: 0 !important;
}

.journal-local-nav a:hover,
.journal-local-nav a[aria-current="page"] {
  background: #0B4EA2 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 10px rgba(11,78,162,.16) !important;
}

/* Give the breadcrumb its own visual breathing room before the strip. */
.breadcrumbs + .journal-local-nav {
  margin-top: 0 !important;
}

/* Keep the strip separated from the journal profile below it. */
.journal-local-nav + .journal-header {
  margin-top: 4px !important;
}

@media (max-width: 900px){
  .journal-local-nav {
    padding: 14px 0 16px !important;
  }

  .journal-local-nav .container {
    width: min(calc(100% - 32px), 1120px) !important;
  }

  .journal-local-nav ul {
    justify-content: flex-start !important;
  }

  .journal-local-nav a {
    padding: 0 18px !important;
    font-size: .84rem !important;
  }
}

@media (max-width: 600px){
  .journal-local-nav .container {
    min-height: 54px !important;
    padding: 4px !important;
    border-radius: 10px !important;
  }

  .journal-local-nav a {
    min-height: 44px !important;
    padding: 0 15px !important;
  }
}


/* =========================================================
   GLOBAL SITE HEADER — FINAL LAYOUT
   One consistent header across every page.
   ========================================================= */

/* Utility bar */
.utility-bar {
  height: 38px !important;
  min-height: 38px !important;
  background: #081F45 !important;
  color: #D8E4F2 !important;
  border: 0 !important;
}

.utility-inner {
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: min(calc(100% - 40px), var(--container-max)) !important;
  margin-inline: auto !important;
}

.utility-meta,
.utility-links {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  white-space: nowrap !important;
}

.utility-meta span,
.utility-links a {
  font-family: var(--f-sans) !important;
  font-size: .68rem !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  color: #D8E4F2 !important;
  text-decoration: none !important;
}

.utility-meta span + span::before {
  content: "·";
  margin-right: 18px;
  color: #6F88A7;
}

.utility-links a:hover {
  color: #FFFFFF !important;
}

/* Main header */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: var(--z-header) !important;
  height: 126px !important;
  min-height: 126px !important;
  background: rgba(255,255,255,.98) !important;
  border-bottom: 1px solid #DFE6EF !important;
  box-shadow: 0 2px 10px rgba(8,31,69,.035) !important;
  backdrop-filter: blur(8px) !important;
}

.header-inner {
  width: min(calc(100% - 40px), var(--container-max)) !important;
  height: 126px !important;
  min-height: 126px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
  flex-wrap: nowrap !important;
}

/* Logo area */
.brand {
  width: 126px !important;
  height: 102px !important;
  min-width: 126px !important;
  flex: 0 0 126px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  margin: 0 !important;
}

.brand img {
  display: block !important;
  width: auto !important;
  height: 98px !important;
  max-width: 126px !important;
  object-fit: contain !important;
}

/* Primary navigation */
.main-nav {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: auto !important;
}

.main-nav ul {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  white-space: nowrap !important;
}

.main-nav a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 0 0 2px !important;
  font-family: var(--f-sans) !important;
  font-size: .84rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: #34445D !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.main-nav a:hover,
.main-nav a[aria-current="page"] {
  color: #0B4EA2 !important;
}

.main-nav a::after {
  bottom: 4px !important;
  height: 2px !important;
  background: #0B4EA2 !important;
}

/* Search + CTA */
.header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  margin-left: 0 !important;
}

.header-actions .icon-btn {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #081F45 !important;
  font-family: var(--f-sans) !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

.header-actions .icon-btn:hover {
  background: #F5F8FC !important;
  border-color: #DFE6EF !important;
}

.header-actions .btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 154px !important;
  min-width: 154px !important;
  height: 44px !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  background: #0B4EA2 !important;
  border: 1px solid #0B4EA2 !important;
  color: #FFFFFF !important;
  font-family: var(--f-sans) !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.header-actions .btn-primary:hover {
  background: #083F86 !important;
  border-color: #083F86 !important;
  transform: none !important;
}

/* Never show the hamburger on desktop */
.header-actions .hamburger {
  display: none !important;
}

/* Header responsive */
@media (max-width: 1100px){
  .header-inner {
    gap: 20px !important;
  }

  .main-nav ul {
    gap: 16px !important;
  }

  .main-nav a {
    font-size: .8rem !important;
  }

  .header-actions .btn-primary {
    width: 145px !important;
    min-width: 145px !important;
  }
}

@media (max-width: 900px){
  .utility-inner {
    width: min(calc(100% - 32px), var(--container-max)) !important;
  }

  .utility-links {
    display: none !important;
  }

  .header-inner {
    width: min(calc(100% - 32px), var(--container-max)) !important;
    height: 92px !important;
    min-height: 92px !important;
  }

  .site-header {
    height: 92px !important;
    min-height: 92px !important;
  }

  .brand {
    width: 100px !important;
    min-width: 100px !important;
    height: 78px !important;
    flex-basis: 100px !important;
  }

  .brand img {
    height: 76px !important;
    max-width: 100px !important;
  }

  .main-nav {
    display: none !important;
  }

  .header-actions {
    margin-left: auto !important;
  }

  .header-actions .hamburger {
    display: inline-flex !important;
  }

  .header-actions .btn-primary {
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 15px !important;
  }
}

@media (max-width: 600px){
  .utility-bar,
  .utility-inner {
    height: 34px !important;
    min-height: 34px !important;
  }

  .utility-inner {
    width: calc(100% - 24px) !important;
  }

  .utility-meta {
    gap: 10px !important;
  }

  .utility-meta span {
    font-size: .6rem !important;
  }

  .utility-meta span + span::before {
    margin-right: 10px;
  }

  .header-inner {
    width: calc(100% - 24px) !important;
    height: 78px !important;
    min-height: 78px !important;
  }

  .site-header {
    height: 78px !important;
    min-height: 78px !important;
  }

  .brand {
    width: 82px !important;
    min-width: 82px !important;
    height: 68px !important;
    flex-basis: 82px !important;
  }

  .brand img {
    height: 66px !important;
    max-width: 82px !important;
  }

  .header-actions {
    gap: 5px !important;
  }

  .header-actions .icon-btn {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  .header-actions .btn-primary {
    height: 40px !important;
    padding: 0 12px !important;
    font-size: .72rem !important;
  }
}


/* =========================================================
   HOMEPAGE CONTENT HIERARCHY
   ========================================================= */
.home-page main > .section {
  padding-block: 76px;
}

.home-page .section-head {
  margin-bottom: 34px;
}

.home-page .current-issue {
  border: 1px solid #DFE6EF;
  box-shadow: 0 8px 24px rgba(8,31,69,.06);
}

.home-page .journal-family-grid {
  gap: 22px;
}

.home-page .journal-family-card {
  border: 1px solid #DFE6EF;
  box-shadow: none;
}

.home-page .journal-family-card:hover {
  border-color: #CBD6E3;
  box-shadow: 0 8px 22px rgba(8,31,69,.06);
  transform: translateY(-2px);
}

.home-page .stats-section {
  background: linear-gradient(135deg,#081F45 0%,#103C78 100%) !important;
}

.home-page .stats-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
}

.home-page .stat-card {
  min-height: 150px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home-page .stat-card strong {
  display: block;
  margin-bottom: 9px;
  color: #FFFFFF;
  font-family: var(--f-sans);
  font-size: 1.05rem;
  line-height: 1.25;
  font-weight: 700;
}

.home-page .stat-card span {
  color: #D8E4F2;
  font-family: var(--f-sans);
  font-size: .9rem;
  line-height: 1.55;
}

@media (max-width: 900px){
  .home-page .stats-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 600px){
  .home-page main > .section {
    padding-block: 58px;
  }

  .home-page .stats-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   GLOBAL PRIMARY NAV — REFERENCE STYLE
   Matches the supplied reference navigation:
   clean Arial, 14px, medium weight, uppercase, generous
   spacing and minimal visual treatment.
   ========================================================= */
.main-nav {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: auto !important;
}

.main-nav ul {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  white-space: nowrap !important;
}

.main-nav a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: #111111 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.main-nav a::after {
  display: none !important;
}

.main-nav a:hover {
  color: #0B4EA2 !important;
}

.main-nav a[aria-current="page"] {
  color: #0B4EA2 !important;
}

/* Keep navigation spacing controlled globally at smaller desktop widths. */
@media (max-width: 1100px){
  .main-nav ul {
    gap: 25px !important;
  }

  .main-nav a {
    font-size: 13px !important;
  }
}

/* Mobile navigation is still handled by the existing hamburger system. */
@media (max-width: 900px){
  .main-nav {
    display: none !important;
  }
}


/* =========================================================
   ABOUT PAGE — EDITORIAL CONTENT SYSTEM
   ========================================================= */
.about-page-hero h1 {
  max-width: 900px !important;
}

.about-page-hero .lede {
  max-width: 850px !important;
}

.about-mission .mission-split {
  align-items: start;
  gap: clamp(42px,6vw,88px);
}

.about-mission h2,
.about-scope h2,
.about-submit-types h2,
.about-journal-info h2,
.about-leadership h2,
.about-standards h2,
.about-editorial-standards h2,
.about-author-cta h2 {
  text-wrap: balance;
}

.about-publishing-glance {
  padding: 28px 30px;
  background: #F5F8FC;
  border: 1px solid #DFE6EF;
  border-radius: 8px;
}

.about-publishing-glance ul {
  display: grid;
  gap: 19px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-publishing-glance li {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 11px;
  align-items: start;
  color: var(--c-text);
  font-size: .91rem;
  line-height: 1.55;
}

.about-publishing-glance li strong {
  color: var(--c-primary-dark);
}

.about-icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #B9CCE3;
  border-radius: 50%;
  color: #0B4EA2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .72rem;
  font-weight: 700;
}

/* Scope cards */
.about-scope .about-section-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(300px, .65fr);
  gap: 50px;
  align-items: end;
}

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

.about-scope-card {
  padding: 24px 25px 26px;
  background: #FFFFFF;
  border: 1px solid #DFE6EF;
  border-radius: 6px;
}

.about-scope-card:hover {
  border-color: #C9D6E5;
  box-shadow: 0 8px 22px rgba(8,31,69,.055);
}

.scope-number {
  display: block;
  margin-bottom: 16px;
  color: #0B4EA2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .12em;
}

.about-scope-card h3 {
  margin: 0;
  color: var(--c-primary-dark);
  font-family: var(--f-sans);
  font-size: 1.04rem;
  line-height: 1.3;
  font-weight: 700;
}

.about-scope-card p {
  margin: 9px 0 0;
  color: var(--c-text-muted);
  font-size: .9rem;
  line-height: 1.58;
}

.about-scope-note {
  max-width: 860px;
  margin: 26px auto 0;
  text-align: center;
  color: var(--c-text-muted);
  font-size: .9rem;
  line-height: 1.55;
}

/* Author / article types */
.about-two-column {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(360px,.85fr);
  gap: clamp(42px,7vw,90px);
  align-items: start;
}

.about-body-copy {
  max-width: 700px;
  margin-top: 16px;
  color: var(--c-text-muted);
  font-size: .94rem;
  line-height: 1.65;
}

.about-article-types {
  border-top: 1px solid #DFE6EF;
}

.about-article-types > div {
  display: grid;
  grid-template-columns: minmax(145px,.55fr) 1fr;
  gap: 22px;
  padding: 18px 0;
  border-bottom: 1px solid #DFE6EF;
}

.about-article-types strong {
  color: var(--c-primary-dark);
  font-family: var(--f-sans);
  font-size: .92rem;
  line-height: 1.35;
}

.about-article-types span {
  color: var(--c-text-muted);
  font-size: .88rem;
  line-height: 1.5;
}

/* Journal information */
.about-info-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  border-top: 1px solid #D8E1EC;
  border-left: 1px solid #D8E1EC;
  background: #FFFFFF;
}

.about-info-item {
  min-height: 76px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 20px;
  align-items: start;
  border-right: 1px solid #D8E1EC;
  border-bottom: 1px solid #D8E1EC;
}

.about-info-item span {
  color: #61738A;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .68rem;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.about-info-item strong {
  color: var(--c-primary-dark);
  font-family: var(--f-sans);
  font-size: .9rem;
  line-height: 1.45;
  font-weight: 600;
}

/* Editorial leadership */
.about-leaders-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  max-width: 920px;
}

.about-leader {
  padding: 27px 28px;
  border: 1px solid #DFE6EF;
  background: #FFFFFF;
  border-radius: 6px;
}

.about-leader-role,
.about-value-mark {
  display: block;
  margin-bottom: 13px;
  color: #0B4EA2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .68rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.about-leader h3 {
  margin: 0;
  color: var(--c-primary-dark);
  font-family: var(--f-sans);
  font-size: 1.08rem;
  line-height: 1.35;
}

.about-leader p {
  margin: 8px 0 0;
  color: var(--c-text-muted);
  font-size: .88rem;
  line-height: 1.5;
}

.about-leadership-link {
  margin-top: 22px;
}

/* Standards */
.about-values-grid {
  gap: 14px;
}

.about-values-grid .value-card {
  min-height: 190px;
  padding: 25px;
  border: 1px solid #DFE6EF;
  background: #FFFFFF;
  border-radius: 6px;
}

.about-values-grid .value-card h3 {
  margin-top: 0;
  font-size: 1.08rem;
}

.about-values-grid .value-card p {
  margin-top: 9px;
  font-size: .88rem;
  line-height: 1.55;
}

.about-value-mark {
  margin-bottom: 20px;
}

/* Editorial policy links */
.about-policy-links {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}

.about-policy-links a {
  min-height: 155px;
  padding: 23px 24px;
  display: flex;
  flex-direction: column;
  border: 1px solid #DFE6EF;
  background: #FFFFFF;
  border-radius: 6px;
  color: inherit;
  text-decoration: none;
}

.about-policy-links a:hover {
  border-color: #B9CCE3;
  box-shadow: 0 8px 20px rgba(8,31,69,.05);
}

.about-policy-links strong {
  color: var(--c-primary-dark);
  font-family: var(--f-sans);
  font-size: .98rem;
  line-height: 1.3;
}

.about-policy-links span {
  margin-top: 9px;
  color: var(--c-text-muted);
  font-size: .86rem;
  line-height: 1.5;
}

.about-policy-links b {
  margin-top: auto;
  color: #0B4EA2;
  font-size: 1.05rem;
}

/* CTA */
.about-author-cta {
  padding-top: 62px;
  padding-bottom: 88px;
}

.about-author-cta .submit-cta {
  border: 1px solid #D7E1ED;
  box-shadow: 0 8px 24px rgba(8,31,69,.045);
}

/* Responsive */
@media (max-width: 900px){
  .about-mission .mission-split,
  .about-two-column {
    grid-template-columns: 1fr;
  }

  .about-scope .about-section-head {
    grid-template-columns: 1fr;
    gap: 18px;
    align-items: start;
  }

  .about-info-grid {
    grid-template-columns: 1fr;
  }

  .about-leaders-grid {
    grid-template-columns: 1fr;
  }

  .about-policy-links {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px){
  .about-scope-grid {
    grid-template-columns: 1fr;
  }

  .about-article-types > div {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .about-info-item {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .about-publishing-glance {
    padding: 23px 20px;
  }

  .about-author-cta {
    padding-top: 48px;
    padding-bottom: 62px;
  }
}


/* =========================================================
   CONTACT PAGE — EDITORIAL CONTACT SYSTEM
   ========================================================= */
.contact-page-hero h1 {
  max-width: 920px !important;
}

.contact-page-hero .lede {
  max-width: 790px !important;
}

.contact-intro {
  padding-top: 68px;
  padding-bottom: 68px;
}

.contact-intro-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(320px,.72fr);
  gap: clamp(42px,7vw,92px);
  align-items: center;
}

.contact-intro h2,
.contact-details-section h2,
.contact-enquiry-section h2,
.contact-final-cta h2 {
  text-wrap: balance;
}

.contact-quick-links {
  border-top: 1px solid #DFE6EF;
}

.contact-quick-links a {
  min-height: 76px;
  padding: 16px 0;
  display: grid;
  grid-template-columns: 1fr 22px;
  grid-template-rows: auto auto;
  column-gap: 15px;
  align-items: center;
  border-bottom: 1px solid #DFE6EF;
  color: inherit;
  text-decoration: none;
}

.contact-quick-links strong {
  color: var(--c-primary-dark);
  font-family: var(--f-sans);
  font-size: .94rem;
  line-height: 1.3;
}

.contact-quick-links span {
  color: var(--c-text-muted);
  font-size: .82rem;
  line-height: 1.45;
}

.contact-quick-links b {
  grid-column: 2;
  grid-row: 1 / 3;
  color: #0B4EA2;
  font-size: 1.05rem;
  font-weight: 600;
}

.contact-quick-links a:hover strong {
  color: #0B4EA2;
}

/* Contact details */
.contact-details-section {
  padding-top: 70px;
  padding-bottom: 76px;
}

.contact-details-grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 16px;
}

.contact-detail-card {
  min-height: 290px;
  padding: 27px 27px 29px;
  background: #FFFFFF;
  border: 1px solid #DFE6EF;
  border-radius: 6px;
}

.contact-detail-card:hover {
  border-color: #C9D6E5;
  box-shadow: 0 8px 22px rgba(8,31,69,.05);
}

.contact-card-label {
  display: block;
  margin-bottom: 13px;
  color: #0B4EA2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .68rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.contact-detail-card h3 {
  margin: 0;
  color: var(--c-primary-dark);
  font-family: var(--f-sans);
  font-size: 1.1rem;
  line-height: 1.35;
}

.contact-role {
  margin: 9px 0 0;
  color: var(--c-text-muted);
  font-size: .86rem;
  line-height: 1.55;
}

.contact-detail-list {
  margin-top: 21px;
  border-top: 1px solid #E4EAF1;
}

.contact-detail-list > div {
  padding: 13px 0;
  border-bottom: 1px solid #E4EAF1;
}

.contact-detail-list span {
  display: block;
  margin-bottom: 4px;
  color: #61738A;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.contact-detail-list a {
  color: #0B4EA2;
  font-family: var(--f-sans);
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
}

.contact-detail-list a:hover {
  text-decoration: underline;
}

.contact-detail-list p {
  margin: 0;
  color: var(--c-text);
  font-size: .86rem;
  line-height: 1.55;
}

/* Enquiry section */
.contact-enquiry-section {
  padding-top: 80px;
  padding-bottom: 82px;
}

.contact-enquiry-grid {
  display: grid;
  grid-template-columns: minmax(0,.78fr) minmax(440px,1fr);
  gap: clamp(48px,8vw,105px);
  align-items: start;
}

.contact-enquiry-copy > .lede {
  max-width: 590px;
}

.contact-useful-links {
  max-width: 540px;
  margin-top: 34px;
  border-top: 1px solid #DFE6EF;
}

.contact-useful-links .contact-card-label {
  padding-top: 18px;
}

.contact-useful-links a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #DFE6EF;
  color: var(--c-primary-dark);
  font-family: var(--f-sans);
  font-size: .87rem;
  font-weight: 600;
  text-decoration: none;
}

.contact-useful-links a:hover {
  color: #0B4EA2;
}

.contact-useful-links b {
  color: #0B4EA2;
  font-weight: 600;
}

.contact-form-refined {
  padding: 31px 32px 29px;
  background: #FFFFFF;
  border: 1px solid #DCE5EF;
  border-radius: 6px;
  box-shadow: 0 9px 26px rgba(8,31,69,.055);
}

.contact-form-refined form {
  display: grid;
  gap: 17px;
}

.contact-form-refined label {
  display: grid;
  gap: 7px;
  color: var(--c-primary-dark);
  font-family: var(--f-sans);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.3;
}

.contact-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.contact-form-refined input,
.contact-form-refined textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #CBD6E3;
  border-radius: 4px;
  background: #FFFFFF;
  color: var(--c-text);
  font-family: var(--f-sans);
  font-size: .9rem;
  line-height: 1.45;
  padding: 12px 13px;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.contact-form-refined textarea {
  min-height: 150px;
  resize: vertical;
}

.contact-form-refined input::placeholder,
.contact-form-refined textarea::placeholder {
  color: #8998AA;
}

.contact-form-refined input:focus,
.contact-form-refined textarea:focus {
  border-color: #0B4EA2;
  box-shadow: 0 0 0 3px rgba(11,78,162,.10);
}

.contact-form-refined .btn {
  justify-self: start;
  min-width: 150px;
}

.contact-form-refined .form-note {
  margin: -3px 0 0;
  color: #73849A;
  font-size: .74rem;
  line-height: 1.45;
}

/* Final author CTA */
.contact-final-cta {
  padding-top: 0;
  padding-bottom: 84px;
}

.contact-final-cta .submit-cta {
  border: 1px solid #D7E1ED;
  box-shadow: 0 8px 24px rgba(8,31,69,.045);
}

/* Responsive */
@media (max-width: 1000px){
  .contact-details-grid {
    grid-template-columns: 1fr 1fr;
  }

  .contact-office-card {
    grid-column: 1 / -1;
  }

  .contact-enquiry-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 800px){
  .contact-intro-grid {
    grid-template-columns: 1fr;
  }

  .contact-details-grid {
    grid-template-columns: 1fr;
  }

  .contact-office-card {
    grid-column: auto;
  }
}

@media (max-width: 600px){
  .contact-intro,
  .contact-details-section,
  .contact-enquiry-section {
    padding-top: 55px;
    padding-bottom: 58px;
  }

  .contact-form-grid {
    grid-template-columns: 1fr;
  }

  .contact-form-refined {
    padding: 23px 20px 22px;
  }

  .contact-detail-card {
    min-height: auto;
    padding: 23px 20px 24px;
  }

  .contact-final-cta {
    padding-bottom: 62px;
  }
}

/* =========================================================
   EDITORIAL BOARD — ACADEMIC DIRECTORY SYSTEM
   ========================================================= */
.editorial-board-hero h1{max-width:850px!important}
.editorial-board-hero .lede{max-width:820px!important}
.editorial-leadership-section{padding-top:72px;padding-bottom:76px}
.editorial-leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.editorial-leader-card{min-height:270px;padding:28px;border:1px solid #DFE6EF;background:#FFF;border-radius:6px}
.editorial-leader-card:hover{border-color:#C9D6E5;box-shadow:0 8px 22px rgba(8,31,69,.05)}
.editorial-leader-card .person-avatar{width:58px;height:58px;flex:0 0 58px;font-size:.9rem}
.editorial-leader-card .person-role{color:#0B4EA2;font-family:Arial,Helvetica,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.editorial-leader-card .person-name{margin-top:5px;font-family:var(--f-sans);font-size:1.18rem;line-height:1.3}
.editorial-leader-card .person-credentials{margin-top:5px;color:#61738A;font-size:.82rem}
.editorial-board-members-section{padding-top:72px;padding-bottom:82px}
.editorial-board-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;margin-bottom:34px}
.editorial-board-intro h2{margin-top:5px;text-wrap:balance}
.editorial-board-intro .lede{max-width:780px;margin-top:12px}
.editorial-board-count{min-width:108px;padding:11px 15px;border:1px solid #CBD6E3;border-radius:20px;background:#FFF;color:#42566F;font-family:Arial,Helvetica,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.editorial-board-members-section .board-grid{gap:14px}
.editorial-board-members-section .board-card{min-height:250px;padding:22px 22px 20px;border:1px solid #DFE6EF;border-radius:6px;background:#FFF;box-shadow:none}
.editorial-board-members-section .board-card:hover{border-color:#C9D6E5;box-shadow:0 8px 20px rgba(8,31,69,.045);transform:translateY(-2px)}
.editorial-board-members-section .board-card h3{font-size:.99rem;line-height:1.3}
.editorial-board-members-section .board-card .credentials{margin-top:4px;color:#61738A;font-size:.75rem;line-height:1.4}
.editorial-board-members-section .board-card .specialty{margin-top:16px;color:#0B4EA2;font-size:.63rem;font-weight:700;letter-spacing:.1em}
.editorial-board-members-section .board-card .institution{margin-top:11px;color:#52657B;font-size:.79rem;line-height:1.48}
.editorial-board-members-section .board-card .person-links{margin-top:auto;padding-top:15px}
.editorial-standards-section{padding-top:72px;padding-bottom:76px}
.editorial-standards-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:55px;align-items:center;padding:34px 36px;border:1px solid #DCE5EF;background:#F5F8FC}
.editorial-standards-panel h2{margin-top:5px;text-wrap:balance}
.editorial-standards-panel .lede{max-width:700px;margin-top:12px}
.editorial-standards-links{border-top:1px solid #D4DEE9}
.editorial-standards-links a{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #D4DEE9;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:.86rem;font-weight:600;text-decoration:none}
.editorial-standards-links a:hover{color:#0B4EA2}
.editorial-standards-links b{color:#0B4EA2;font-weight:600}
.editorial-author-cta{padding-top:0;padding-bottom:84px}
.editorial-author-cta .submit-cta{border:1px solid #D7E1ED;box-shadow:0 8px 24px rgba(8,31,69,.045)}
@media (max-width: 900px){.editorial-leadership-grid{grid-template-columns:1fr}.editorial-board-intro,.editorial-standards-panel{grid-template-columns:1fr;gap:25px}.editorial-board-count{justify-self:start}}
@media (max-width: 600px){.editorial-leadership-section,.editorial-board-members-section,.editorial-standards-section{padding-top:55px;padding-bottom:60px}.editorial-leader-card{padding:23px 20px}.editorial-standards-panel{padding:25px 21px}.editorial-author-cta{padding-bottom:62px}}

/* =========================================================
   AUTHORS INFORMATION — PUBLISHING GUIDE SYSTEM
   ========================================================= */
.authors-info-hero h1{max-width:800px!important}
.authors-info-hero .lede{max-width:850px!important}
.authors-intro{padding-top:70px;padding-bottom:72px}
.authors-intro-grid,.authors-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:clamp(45px,7vw,95px);align-items:start}
.authors-intro h2,.authors-scope h2,.authors-preparation h2,.authors-referencing h2,.authors-reporting h2,.authors-review h2,.authors-access h2,.authors-apc h2,.authors-scholarship h2,.authors-independence h2,.authors-ethics h2,.authors-submit-cta h2{text-wrap:balance}
.authors-at-glance{border-top:1px solid #DFE6EF}
.authors-at-glance>div{padding:16px 0;border-bottom:1px solid #DFE6EF}
.authors-at-glance strong{display:block;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:.92rem}
.authors-at-glance span{display:block;margin-top:4px;color:var(--c-text-muted);font-size:.84rem;line-height:1.5}
.authors-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.authors-category-grid article{min-height:190px;padding:24px;border:1px solid #DFE6EF;border-radius:6px;background:#FFF}
.authors-category-grid article:hover{border-color:#C9D6E5;box-shadow:0 8px 20px rgba(8,31,69,.045)}
.authors-category-grid article>span{color:#0B4EA2;font:700 .66rem Arial,sans-serif;letter-spacing:.11em}
.authors-category-grid h3{margin:15px 0 0;font-family:var(--f-sans);font-size:1rem;line-height:1.35;color:var(--c-primary-dark)}
.authors-category-grid p{margin:8px 0 0;color:var(--c-text-muted);font-size:.86rem;line-height:1.55}
.authors-preparation,.authors-referencing,.authors-scholarship{padding-top:72px;padding-bottom:78px}
.authors-checklist{border-top:1px solid #DFE6EF}
.authors-checklist>div{padding:16px 0;border-bottom:1px solid #DFE6EF}
.authors-checklist strong{display:block;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:.91rem}
.authors-checklist span{display:block;margin-top:5px;color:var(--c-text-muted);font-size:.85rem;line-height:1.5}
.authors-reference-points{border-top:1px solid #DCE5EF}
.authors-reference-points>div{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid #DCE5EF}
.authors-reference-points b{color:#0B4EA2;font:700 .67rem Arial,sans-serif;letter-spacing:.08em}
.authors-reference-points span{color:var(--c-text);font-size:.87rem;line-height:1.5}
.authors-reporting{padding-top:72px;padding-bottom:80px}
.authors-reporting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.authors-reporting-grid article{padding:25px;border:1px solid #DFE6EF;background:#FFF;border-radius:6px}
.authors-reporting-grid strong{display:block;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:1.1rem}
.authors-reporting-grid span{display:block;margin-top:7px;color:var(--c-text-muted);font-size:.83rem}
.authors-review{padding-top:72px;padding-bottom:80px}
.authors-review-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.authors-review-steps>div{padding:27px;border:1px solid #DFE6EF;background:#FFF;border-radius:6px}
.authors-review-steps span{display:block;color:#0B4EA2;font:700 .66rem Arial,sans-serif;letter-spacing:.1em}
.authors-review-steps strong{display:block;margin-top:15px;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:.98rem;line-height:1.35}
.authors-review-steps p{margin:8px 0 0;color:var(--c-text-muted);font-size:.85rem;line-height:1.55}
.authors-access{padding-top:72px;padding-bottom:76px}
.authors-info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.authors-info-cards article{padding:30px;border:1px solid #DFE6EF;border-radius:6px;background:#FFF}
.authors-info-cards h2{margin-top:5px;font-size:1.35rem}
.authors-info-cards p{margin-top:12px;color:var(--c-text-muted);font-size:.88rem;line-height:1.6}
.authors-apc{padding-top:72px;padding-bottom:82px}
.apc-highlight{display:grid;grid-template-columns:180px 180px 1fr;gap:0;margin:30px 0 22px;border:1px solid #D8E2ED;background:#FFF}
.apc-highlight>div{padding:22px;border-right:1px solid #D8E2ED}
.apc-highlight span{display:block;color:#61738A;font:700 .65rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.apc-highlight strong{display:block;margin-top:6px;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:1.7rem}
.apc-highlight p{align-self:center;padding:20px;margin:0;color:var(--c-text-muted);font-size:.85rem;line-height:1.55}
.authors-apc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.authors-apc-grid article{padding:25px;border:1px solid #DFE6EF;background:#FFF;border-radius:6px}
.authors-apc-grid h3{margin:0;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:1rem}
.authors-apc-grid p,.authors-apc-grid li{color:var(--c-text-muted);font-size:.85rem;line-height:1.55}
.authors-apc-grid p{margin-top:9px}
.authors-apc-grid ul{margin:10px 0 0;padding-left:18px}
.authors-scholarship{background:#FFF}
.authors-policy-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:55px;align-items:center;padding:34px 36px;border:1px solid #DCE5EF;background:#F5F8FC}
.authors-policy-panel h2{margin-top:5px}
.authors-policy-panel .lede{margin-top:12px}
.authors-policy-points{border-top:1px solid #D4DEE9}
.authors-policy-points>div{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #D4DEE9}
.authors-policy-points b{color:#0B4EA2;font:700 .66rem Arial,sans-serif}
.authors-policy-points span{color:var(--c-text-muted);font-size:.83rem;line-height:1.5}
.authors-ethics{padding-top:72px;padding-bottom:76px}
.authors-ethics-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.85fr);gap:60px;align-items:start}
.authors-ethics-grid p{margin:0;color:var(--c-text-muted);font-size:.92rem;line-height:1.65}
.authors-submit-cta{padding-top:0;padding-bottom:84px}
.authors-submit-cta .submit-cta{border:1px solid #D7E1ED;box-shadow:0 8px 24px rgba(8,31,69,.045)}
@media (max-width: 950px){
 .authors-category-grid{grid-template-columns:repeat(2,1fr)}
 .authors-intro-grid,.authors-two-column,.authors-policy-panel,.authors-ethics-grid{grid-template-columns:1fr;gap:35px}
 .authors-reporting-grid{grid-template-columns:repeat(2,1fr)}
 .authors-review-steps{grid-template-columns:1fr}
}
@media (max-width: 700px){
 .authors-category-grid,.authors-info-cards,.authors-apc-grid,.authors-reporting-grid{grid-template-columns:1fr}
 .apc-highlight{grid-template-columns:1fr}
 .apc-highlight>div{border-right:0;border-bottom:1px solid #D8E2ED}
 .apc-highlight p{padding:20px}
 .authors-preparation,.authors-referencing,.authors-scholarship,.authors-reporting,.authors-review,.authors-apc,.authors-access,.authors-ethics{padding-top:55px;padding-bottom:60px}
 .authors-policy-panel{padding:25px 21px}
 .authors-submit-cta{padding-bottom:62px}
}

/* =========================================================
   AUTHORS PAGE — PREMIUM EDITORIAL DESIGN
   ========================================================= */
.authors-hero-premium{overflow:hidden}
.authors-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:60px;align-items:center}
.authors-hero-actions{display:flex;gap:10px;margin-top:27px;flex-wrap:wrap}
.authors-hero-panel{padding:27px 28px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.065);border-radius:6px}
.authors-hero-panel span{display:block;color:#BFD1E5;font:700 .64rem Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.authors-hero-panel strong{display:block;margin-top:12px;color:#FFF;font-family:var(--f-sans);font-size:1.25rem;line-height:1.3}
.authors-hero-panel p{margin:11px 0 0;color:#D7E3F0;font-size:.78rem;line-height:1.55}
.authors-overview-premium{padding-top:68px;padding-bottom:68px}
.authors-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:70px;align-items:center}
.authors-overview-intro h2,.authors-premium-head h2,.authors-prep-sticky h2,.authors-review-banner h2,.authors-publishing-grid h2,.authors-apc-premium h2,.authors-impact-grid h2,.authors-independence-box h2,.authors-final-cta h2{text-wrap:balance}
.authors-stat-strip{display:grid;grid-template-columns:1fr 1fr;border:1px solid #DCE5EF;background:#F5F8FC}
.authors-stat-strip div{min-height:105px;padding:20px;border-right:1px solid #DCE5EF;border-bottom:1px solid #DCE5EF}
.authors-stat-strip div:nth-child(even){border-right:0}
.authors-stat-strip div:nth-child(3),.authors-stat-strip div:nth-child(4){border-bottom:0}
.authors-stat-strip strong{display:block;color:#0B4EA2;font:700 .67rem Arial,sans-serif;letter-spacing:.1em}
.authors-stat-strip span{display:block;margin-top:9px;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:.86rem;font-weight:600;line-height:1.4}
.authors-types-premium{padding-top:76px;padding-bottom:84px}
.authors-premium-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:55px;align-items:end}
.authors-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.authors-type-card{min-height:245px;padding:25px 25px 22px;border:1px solid #DFE6EF;border-radius:6px;background:#FFF;display:flex;flex-direction:column;position:relative;overflow:hidden}
.authors-type-card:hover{border-color:#B9CCE3;box-shadow:0 10px 25px rgba(8,31,69,.06);transform:translateY(-2px)}
.authors-type-card.authors-type-featured{border-top:3px solid #0B4EA2}
.authors-type-card .type-top{display:flex;justify-content:space-between;align-items:center}
.authors-type-card .type-top span{color:#0B4EA2;font:700 .66rem Arial,sans-serif;letter-spacing:.1em}
.authors-type-card .type-top em{color:#72849A;font:600 .64rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-style:normal}
.authors-type-card h3{margin:22px 0 0;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:1.05rem;line-height:1.35}
.authors-type-card p{margin:9px 0 0;color:var(--c-text-muted);font-size:.85rem;line-height:1.55}
.authors-type-card a{margin-top:auto;padding-top:19px;color:#0B4EA2;font:600 .75rem Arial,sans-serif;text-decoration:none}
.authors-type-card a b{margin-left:5px}
.authors-prep-premium{padding-top:80px;padding-bottom:84px}
.authors-prep-layout{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1fr);gap:85px;align-items:start}
.authors-prep-sticky{position:sticky;top:30px}
.authors-prep-sticky h2{margin-top:5px}
.authors-prep-sticky .lede{margin-top:13px}
.text-link{display:inline-flex;gap:7px;margin-top:22px;color:#0B4EA2;font:700 .76rem Arial,sans-serif;text-decoration:none}
.authors-prep-list{border-top:1px solid #DCE5EF}
.authors-prep-list>div{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #DCE5EF}
.authors-prep-list>div>span{color:#0B4EA2;font:700 .66rem Arial,sans-serif;letter-spacing:.1em}
.authors-prep-list strong{color:var(--c-primary-dark);font-family:var(--f-sans);font-size:.95rem}
.authors-prep-list p{margin:5px 0 0;color:var(--c-text-muted);font-size:.84rem;line-height:1.5}
.authors-standards-premium{padding-top:75px;padding-bottom:80px}
.authors-standard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.authors-standard-grid article{min-height:125px;padding:25px;border:1px solid #DFE6EF;background:#FFF;border-radius:6px;position:relative}
.authors-standard-grid strong{display:block;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:1.25rem}
.authors-standard-grid span{display:block;margin-top:8px;color:#687B90;font-size:.8rem}
.authors-standard-grid b{position:absolute;right:20px;bottom:18px;color:#0B4EA2;font-weight:600}
.authors-review-premium{padding-top:76px;padding-bottom:82px}
.authors-review-banner{padding:36px 38px;border:1px solid #D7E2EE;background:#F5F8FC}
.authors-review-banner>div:first-child{max-width:700px}
.authors-review-banner h2{margin-top:5px}
.authors-review-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:32px;border-top:1px solid #D1DCE8}
.authors-review-timeline>div{padding:20px 20px 5px 0;border-right:1px solid #D1DCE8}
.authors-review-timeline>div:not(:first-child){padding-left:20px}
.authors-review-timeline>div:last-child{border-right:0}
.authors-review-timeline span{color:#0B4EA2;font:700 .66rem Arial,sans-serif}
.authors-review-timeline strong{display:block;margin-top:10px;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:.9rem}
.authors-review-timeline p{margin:5px 0 0;color:var(--c-text-muted);font-size:.79rem;line-height:1.5}
.authors-publishing-premium{padding-top:70px;padding-bottom:78px}
.authors-publishing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.authors-publishing-grid article{padding:31px;border:1px solid #DFE6EF;background:#FFF;border-radius:6px}
.authors-publishing-grid h2{margin-top:5px;font-size:1.3rem}
.authors-publishing-grid p{margin:10px 0 0;color:var(--c-text-muted);font-size:.87rem;line-height:1.6}
.authors-apc-premium{padding-top:76px;padding-bottom:84px}
.authors-apc-feature{display:grid;grid-template-columns:190px 190px 1fr;margin-top:30px;border:1px solid #D5E0EC;background:#FFF}
.authors-apc-price{padding:24px;border-right:1px solid #D5E0EC}
.authors-apc-price span{display:block;color:#66798E;font:700 .64rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.authors-apc-price strong{display:block;margin-top:5px;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:1.75rem}
.authors-apc-note{padding:24px}
.authors-apc-note strong{color:var(--c-primary-dark);font-family:var(--f-sans);font-size:.92rem}
.authors-apc-note p{margin:5px 0 0;color:var(--c-text-muted);font-size:.84rem;line-height:1.5}
.authors-apc-details{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.authors-apc-details article{padding:22px;border:1px solid #DFE6EF;background:#FFF;border-radius:6px}
.authors-apc-details span{color:#0B4EA2;font:700 .65rem Arial,sans-serif}
.authors-apc-details h3{margin:13px 0 0;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:.95rem}
.authors-apc-details p{margin:7px 0 0;color:var(--c-text-muted);font-size:.8rem;line-height:1.5}
.authors-impact-premium{padding-top:76px;padding-bottom:80px}
.authors-impact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:75px;align-items:start}
.authors-impact-grid h2{margin-top:5px}
.authors-impact-points{border-top:1px solid #DCE5EF}
.authors-impact-points div{padding:16px 0;border-bottom:1px solid #DCE5EF}
.authors-impact-points strong{display:block;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:.9rem}
.authors-impact-points span{display:block;margin-top:4px;color:var(--c-text-muted);font-size:.81rem}
.authors-independence-premium{padding-top:72px;padding-bottom:82px}
.authors-independence-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;padding:35px 38px;border:1px solid #D4E0EC;background:#FFF}
.authors-independence-box h2{margin-top:5px}
.independence-badges{display:grid;gap:8px}
.independence-badges span{padding:10px 13px;border:1px solid #CBD7E4;color:#42566F;background:#F8FAFC;font:700 .66rem Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.authors-final-cta{padding-top:0;padding-bottom:84px}
.authors-submit-premium{border:1px solid #D7E1ED;box-shadow:0 10px 28px rgba(8,31,69,.055)}
@media (max-width: 1000px){.authors-hero-layout,.authors-overview-grid,.authors-prep-layout,.authors-impact-grid{grid-template-columns:1fr;gap:40px}.authors-prep-sticky{position:static}.authors-type-grid{grid-template-columns:repeat(2,1fr)}.authors-apc-details{grid-template-columns:repeat(2,1fr)}.authors-standard-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 750px){.authors-premium-head{grid-template-columns:1fr;gap:16px}.authors-type-grid,.authors-publishing-grid,.authors-apc-details,.authors-standard-grid{grid-template-columns:1fr}.authors-review-timeline{grid-template-columns:1fr}.authors-review-timeline>div,.authors-review-timeline>div:not(:first-child){padding:17px 0;border-right:0;border-bottom:1px solid #D1DCE8}.authors-review-timeline>div:last-child{border-bottom:0}.authors-apc-feature{grid-template-columns:1fr}.authors-apc-price{border-right:0;border-bottom:1px solid #D5E0EC}.authors-independence-box{grid-template-columns:1fr;padding:27px 22px}.authors-hero-panel{max-width:none}}

/* =========================================================
   AUTHORS — MERGED AUTHOR GUIDELINES
   ========================================================= */
.authors-guidance-premium{padding-top:78px;padding-bottom:84px}
.authors-guidance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.authors-guidance-card{min-height:205px;padding:25px;border:1px solid #DFE6EF;border-radius:6px;background:#FFF}
.authors-guidance-card:hover{border-color:#B9CCE3;box-shadow:0 9px 23px rgba(8,31,69,.05);transform:translateY(-2px)}
.authors-guidance-card>span{color:#0B4EA2;font:700 .66rem Arial,sans-serif;letter-spacing:.1em}
.authors-guidance-card h3{margin:16px 0 0;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:1rem;line-height:1.35}
.authors-guidance-card p{margin:8px 0 0;color:var(--c-text-muted);font-size:.84rem;line-height:1.55}
.authors-before-upload{display:grid;grid-template-columns:.7fr 1fr;gap:45px;align-items:start;margin-top:18px;padding:28px 30px;border:1px solid #D5E0EC;background:#F5F8FC}
.authors-before-upload h3{margin:5px 0 0;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:1.05rem}
.authors-before-upload ul{margin:0;padding:0 0 0 20px;color:var(--c-text-muted);font-size:.84rem;line-height:1.7}
@media (max-width: 900px){.authors-guidance-grid{grid-template-columns:repeat(2,1fr)}.authors-before-upload{grid-template-columns:1fr;gap:20px}}
@media (max-width: 650px){.authors-guidance-premium{padding-top:58px;padding-bottom:64px}.authors-guidance-grid{grid-template-columns:1fr}.authors-before-upload{padding:23px 20px}}

/* Authors hero secondary CTA: visible on the navy hero */
.authors-hero-premium .authors-hero-actions .btn-outline-light{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.55) !important;
  background:transparent !important;
  box-shadow:none !important;
}
.authors-hero-premium .authors-hero-actions .btn-outline-light:hover{
  color:#081f45 !important;
  background:#fff !important;
  border-color:#fff !important;
}


/* =========================================================
   GLOBAL HEADING CASE
   Keep all heading levels in title case site-wide.
   ========================================================= */
h1,h2,h3,h4,h5,h6{
  text-transform:capitalize;
}

/* Homepage: curated article selection */
.latest-research-section .latest-research-head p{max-width:760px}.latest-research-section .latest-research-all{white-space:nowrap}

/* About: leadership cards matched to editorial board presentation */
.about-leadership .about-leaders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.about-leadership .editorial-leader-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:31px;align-items:start;padding:28px;border:1px solid #D7E1EC;border-radius:6px;background:#FFF;min-height:270px}
.about-leadership .person-avatar{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#EEF4F9;border:1px solid #D8E2EB;color:#0B4EA2;font-family:var(--f-serif);font-size:.9rem;font-weight:600}
.about-leadership .person-role{margin:1px 0 10px;color:#0B4EA2;font:700 .65rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.about-leadership .person-name{margin:0;color:var(--c-primary-dark);font-family:var(--f-sans);font-size:1.25rem;line-height:1.25}
.about-leadership .person-credentials{margin:7px 0 14px;color:#647991;font-family:var(--f-serif);font-size:.82rem;line-height:1.45}
.about-leadership .person-meta{display:grid;gap:7px;color:#61758C;font-family:var(--f-serif);font-size:.8rem;line-height:1.45}
.about-leadership .person-meta strong{color:var(--c-primary-dark);font-family:var(--f-sans);font-weight:700}
.about-leadership .person-meta a{color:#0B4EA2;text-decoration:none}
.about-leadership .person-links{display:flex;gap:14px;margin-top:9px}
.about-leadership .person-links a{text-decoration:underline;text-underline-offset:2px}
.about-leadership .about-leadership-link{margin-top:22px}
@media (max-width: 800px){.about-leadership .about-leaders-grid{grid-template-columns:1fr}}
@media (max-width: 560px){.about-leadership .editorial-leader-card{grid-template-columns:1fr;gap:18px;padding:23px}}

/* =========================================================
   GLOBAL JOURNAL DETAIL COVER
   One consistent placeholder size and alignment across all
   JESS journal detail pages.
   ========================================================= */
.journal-header .journal-header-inner{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:36px;
  align-items:start;
}
.journal-header .journal-cover{
  width:180px;
  height:220px;
  min-width:180px;
  padding:0;
  margin:0;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
  overflow:hidden;
  border-radius:8px;
  background:#081F45;
  box-shadow:0 8px 22px rgba(8,31,69,.12);
}
.journal-header .journal-cover img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  filter:none;
  opacity:1;
}
.journal-header .journal-info{
  min-width:0;
  padding-top:2px;
}
.journal-header .journal-info h1{
  margin-top:0;
  max-width:900px;
}
@media (max-width: 900px){
  .journal-header .journal-header-inner{
    grid-template-columns:150px minmax(0,1fr);
    gap:28px;
  }
  .journal-header .journal-cover{
    width:150px;
    height:190px;
    min-width:150px;
  }
}
@media (max-width: 700px){
  .journal-header .journal-header-inner{
    grid-template-columns:1fr;
    gap:22px;
  }
  .journal-header .journal-cover{
    width:150px;
    height:188px;
  }
}

/* =========================================================
   GLOBAL JOURNAL ISSN HIGHLIGHT
   Clearly surface ISSN on every journal profile page.
   ========================================================= */
.journal-header .journal-info .issn{
  display:inline-flex !important;
  align-items:center;
  gap:.25rem;
  width:max-content;
  max-width:100%;
  margin-top:.75rem !important;
  margin-bottom:.15rem;
  padding:.52rem .85rem;
  border:1px solid #C8D9EE;
  border-left:3px solid #0B4EA2;
  border-radius:6px;
  background:#F2F7FD;
  color:#173B68 !important;
  font-family:var(--f-sans) !important;
  font-size:.82rem !important;
  line-height:1.35;
  font-weight:500;
  letter-spacing:.01em;
}
.journal-header .journal-info .issn strong{
  color:#081F45 !important;
  font-weight:700 !important;
}
@media (max-width: 600px){
  .journal-header .journal-info .issn{
    padding:.48rem .72rem;
    font-size:.92rem !important;
  }
}


/* =========================================================
   GLOBAL JESS LAYOUT SYSTEM
   One centered 1200px content grid across the entire site.
   Full-width sections/backgrounds remain full width; their
   inner content aligns to this same grid.
   ========================================================= */

/* Primary site container
   (--container-max is declared once, in the top :root block) */
.container{
  width:min(calc(100% - 48px), var(--container-max)) !important;
  max-width:var(--container-max) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}

/* Narrow reading column remains intentionally narrower */
.container-narrow{
  width:min(calc(100% - 48px), var(--container-narrow)) !important;
  max-width:var(--container-narrow) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}

/* Full-width heroes/sections: background stays full width,
   content aligns to the same 1200px global grid. */
.page-hero .container,
.policy-hero .container,
.board-hero .container,
.specialties-hero .container,
.topic-hero .container,
.article-hero .container{
  width:min(calc(100% - 48px), var(--container-max)) !important;
  max-width:var(--container-max) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}

/* Header and utility content use the same global grid. */
.site-header .header-inner,
.utility-inner,
.site-footer .footer-inner{
  width:min(calc(100% - 48px), var(--container-max)) !important;
  max-width:var(--container-max) !important;
  margin-inline:auto !important;
}

/* Journal local navigation must align with the global content grid. */
.journal-local-nav .container{
  width:min(calc(100% - 48px), var(--container-max)) !important;
  max-width:var(--container-max) !important;
  margin-inline:auto !important;
}

/* Homepage hero grid follows the same outer width. */
.hero-grid{
  width:min(calc(100% - 48px), var(--container-max)) !important;
  max-width:var(--container-max) !important;
  margin-inline:auto !important;
}

/* Avoid an oversized special article grid escaping the global grid. */
.article-hero .hero-grid{
  max-width:var(--container-max) !important;
}

/* Keep deliberate content-reading limits intact. */
.article-hero h1,
.article-authors,
.article-author-affiliations,
.legal-page .legal-wrap,
.about-scope-note{
  /* These are intentionally narrower than the 1200px site grid. */
}

@media (max-width: 767px){
  .container,
  .container-narrow,
  .page-hero .container,
  .policy-hero .container,
  .board-hero .container,
  .specialties-hero .container,
  .topic-hero .container,
  .article-hero .container,
  .site-header .header-inner,
  .utility-inner,
  .site-footer .footer-inner,
  .journal-local-nav .container,
  .hero-grid{
    width:calc(100% - 40px) !important;
    padding-inline:0 !important;
  }
}

/* =========================================================
   JOURNAL DETAIL — CURRENT ISSUE ARTICLE LIST
   Show the complete issue contents instead of a single
   featured article.
   ========================================================= */
.current-issue-list{
  border:1px solid var(--line,#D7E1EC);
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}
.issue-article-row{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  padding:24px 28px;
  border-bottom:1px solid var(--line,#D7E1EC);
}
.issue-article-row:last-child{
  border-bottom:0;
}
.issue-article-number{
  font-family:var(--f-sans);
  font-size:.78rem;
  line-height:1;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--c-primary-blue,#0B4EA2);
}
.issue-article-main{
  min-width:0;
}
.issue-article-main .badge{
  display:inline-block;
  margin-bottom:8px;
}
.issue-article-main h3{
  margin:0;
  font-family:var(--f-sans);
  font-size:1.08rem;
  line-height:1.38;
  font-weight:700;
}
.issue-article-main h3 a{
  color:var(--c-primary-dark,#172B4D);
  text-decoration:none;
}
.issue-article-main h3 a:hover{
  color:var(--c-primary-blue,#236B8E);
}
.issue-article-main p{
  margin:7px 0 0;
  color:#62758B;
  font-family:var(--f-sans);
  font-size:.84rem;
  line-height:1.45;
}
.issue-article-link{
  white-space:nowrap;
  align-self:center;
}
@media (max-width: 767px){
  .issue-article-row{
    grid-template-columns:34px minmax(0,1fr);
    gap:14px;
    padding:20px;
  }
  .issue-article-link{
    grid-column:2;
    justify-self:start;
    margin-top:2px;
  }
  .issue-article-main h3{
    font-size:1rem;
  }
}

/* =========================================================
   ISSUE CURRENT — PROMINENT MODERN LAYOUT
   ========================================================= */
.issue-hero-modern{position:relative;overflow:hidden;background:linear-gradient(120deg,#071F45 0%,#0D3B73 58%,#175B93 100%);color:#fff;border:0}
.issue-hero-modern::after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-180px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.issue-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:220px minmax(0,1fr);gap:52px;align-items:center;min-height:390px;padding-top:62px;padding-bottom:62px}
.issue-hero-cover{width:190px;min-height:250px;padding:28px 24px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:linear-gradient(160deg,#123E77,#0A2A5A);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.issue-hero-cover span{margin-bottom:auto;font-family:var(--f-sans);font-size:.72rem;font-weight:700;letter-spacing:.18em;color:#BFD7F2}
.issue-hero-cover strong{font-family:var(--f-serif);font-size:1.65rem;line-height:1.05;color:#fff}
.issue-hero-cover small{margin-top:16px;color:#C8D9EE;font-family:var(--f-sans);font-size:.78rem}
.issue-hero-content{max-width:820px}
.issue-hero-eyebrow{color:#BFD7F2!important}
.issue-hero-eyebrow::before{background:#72A8E4!important}
.issue-hero-content h1{margin:12px 0 16px;color:#fff!important;font-size:clamp(3rem,5.4vw,5rem)!important;line-height:.98!important;letter-spacing:-.045em}
.issue-hero-content .lede{max-width:760px;margin:0;color:#D9E7F7!important;font-size:1.08rem;line-height:1.65}
.issue-stat-row{display:flex;flex-wrap:wrap;gap:0;margin-top:34px}
.issue-stat{min-width:135px;padding:0 28px;border-left:1px solid rgba(255,255,255,.20)}
.issue-stat:first-child{padding-left:0;border-left:0}
.issue-stat strong{display:block;color:#fff;font-family:var(--f-sans);font-size:1.18rem;line-height:1.2}
.issue-stat span{display:block;margin-top:5px;color:#AFC9E5;font-family:var(--f-sans);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.issue-articles-section{background:#F6F8FB;border-top:1px solid #E1E8F0}
.issue-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}
.issue-section-heading h2{margin:.55rem 0 0}
.issue-section-heading p{max-width:440px;margin:0 0 3px;color:#62758B;font-size:.96rem;line-height:1.6}
.issue-articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.issue-article-card{display:flex;flex-direction:column;min-height:265px;padding:27px 29px 23px;border:1px solid #D8E2ED;border-radius:8px;background:#fff;box-shadow:0 5px 18px rgba(8,31,69,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.issue-article-card:hover{transform:translateY(-2px);border-color:#B9CDE3;box-shadow:0 10px 25px rgba(8,31,69,.09)}
.issue-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.issue-card-number{color:#0B4EA2;font-family:var(--f-sans);font-size:.75rem;font-weight:700;letter-spacing:.1em}
.issue-article-card h3{margin:20px 0 24px;font-family:var(--f-sans);font-size:1.22rem;line-height:1.35;letter-spacing:-.015em}
.issue-article-card h3 a{color:#081F45;text-decoration:none}
.issue-article-card h3 a:hover{color:#0B4EA2}
.issue-card-footer{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:auto;padding-top:17px;border-top:1px solid #E3E9F0}
.issue-card-footer>span{color:#718196;font-family:var(--f-sans);font-size:.76rem;line-height:1.4}
.issue-card-footer a{flex:none;color:#0B4EA2;font-family:var(--f-sans);font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}
.issue-card-footer a:hover{color:#081F45}
@media (max-width: 900px){.issue-hero-inner{grid-template-columns:160px minmax(0,1fr);gap:32px}.issue-hero-cover{width:150px;min-height:220px}.issue-articles-grid{grid-template-columns:1fr}}
@media (max-width: 767px){.issue-hero-inner{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:45px;padding-bottom:45px}.issue-hero-cover{width:135px;min-height:180px}.issue-hero-content h1{font-size:clamp(2.45rem,12vw,3.6rem)!important}.issue-hero-content .lede{font-size:1rem}.issue-stat-row{margin-top:28px}.issue-stat{min-width:105px;padding:0 16px}.issue-stat:first-child{padding-left:0}.issue-section-heading{display:block;margin-bottom:25px}.issue-section-heading p{margin-top:14px}.issue-article-card{min-height:245px;padding:23px 21px 20px}.issue-article-card h3{font-size:1.08rem}.issue-card-footer{align-items:flex-start;flex-direction:column;gap:10px}}

/* =========================================================
   ARTICLE PAGE — ALIGN WITH GLOBAL HEADER GRID
   ========================================================= */
.article-layout .article-grid{
  grid-template-columns:minmax(0,840px) 320px;
  gap:40px;
  width:min(calc(100% - 48px),var(--container-max)) !important;
  max-width:var(--container-max) !important;
  margin-inline:auto !important;
}
.article-main{min-width:0}
.article-sidebar{width:320px;justify-self:end}
@media (max-width: 959px){
  .article-layout .article-grid{grid-template-columns:1fr;width:min(calc(100% - 32px),var(--container-max)) !important}
  .article-sidebar{width:auto;justify-self:stretch}
}
@media (max-width: 640px){
  .article-layout .article-grid{width:calc(100% - 32px) !important}
}


/* =========================================================
   SUBMIT MANUSCRIPT PAGE
   Purpose: complete visual treatment for the manuscript
   submission page, using the site's existing design tokens.
   ========================================================= */

.submit-manuscript-section{
  padding:72px 0 96px;
  background:#fff;
}

.submit-manuscript-grid{
  display:grid;
  grid-template-columns:minmax(0,0.82fr) minmax(560px,1.18fr);
  gap:52px;
  align-items:start;
}

.submit-intro{
  min-width:0;
}

.submit-intro h2,
.submission-form-heading h2{
  margin:9px 0 14px;
  color:var(--c-primary-dark);
  font-family:var(--f-sans);
  font-size:clamp(2rem,3vw,2.65rem);
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.025em;
}

.submit-intro>p{
  margin:0;
  color:var(--c-text-muted);
  font-family:var(--f-serif);
  font-size:1.05rem;
  line-height:1.72;
}

.submission-steps{
  display:grid;
  margin-top:32px;
  border-top:1px solid var(--c-border);
}

.submission-step{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:15px;
  padding:20px 0;
  border-bottom:1px solid var(--c-border);
}

.submission-step>span{
  color:var(--c-primary-blue);
  font:700 12px/1 var(--f-sans);
  letter-spacing:.1em;
}

.submission-step strong{
  display:block;
  color:var(--c-primary-dark);
  font:700 16px/1.35 var(--f-sans);
}

.submission-step p{
  margin:6px 0 0;
  color:var(--c-text-muted);
  font:400 15px/1.55 var(--f-serif);
}

.submit-help-card{
  margin-top:30px;
  padding:24px;
  border:1px solid var(--c-border);
  background:var(--c-bg-light);
}

.submit-help-card h3{
  margin:8px 0 8px;
  color:var(--c-primary-dark);
  font:700 20px/1.3 var(--f-sans);
}

.submit-help-card p{
  margin:0 0 18px;
  color:var(--c-text);
  line-height:1.6;
}

.submission-form-card{
  min-width:0;
  padding:34px;
  border:1px solid var(--c-border);
  background:#fff;
  box-shadow:0 8px 28px rgba(8,31,69,.07);
}

.submission-form-heading{
  padding-bottom:21px;
  margin-bottom:24px;
  border-bottom:1px solid var(--c-border);
}

.submission-form-heading h2{
  margin:8px 0 10px;
}

.submission-form-heading p{
  margin:0;
  color:var(--c-text-muted);
  font:400 15px/1.55 var(--f-sans);
}

.submission-form-heading p span{
  color:#b42318;
  font-weight:700;
}

.manuscript-form{
  display:grid;
  gap:28px;
}

.manuscript-form fieldset{
  min-width:0;
  border:0;
  padding:0;
  margin:0;
  display:grid;
  gap:17px;
}

.manuscript-form legend{
  width:100%;
  box-sizing:border-box;
  padding:0 0 11px;
  margin:0 0 10px;
  border-bottom:1px solid var(--c-border);
  color:var(--c-primary-dark);
  font:700 17px/1.3 var(--f-sans);
}

.form-row{
  display:grid;
  gap:16px;
}

.form-row-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.form-field{
  min-width:0;
  display:grid;
  gap:7px;
}

.form-field label{
  color:var(--c-primary-dark);
  font:600 14px/1.35 var(--f-sans);
}

.form-field label span{
  color:#b42318;
}

.form-field input,
.form-field select,
.form-field textarea{
  width:100%;
  box-sizing:border-box;
  min-height:46px;
  padding:11px 13px;
  border:1px solid var(--c-border-strong);
  border-radius:var(--radius-sm);
  background:#fff;
  color:var(--c-text);
  font:400 15px/1.45 var(--f-sans);
  transition:border-color .18s ease,box-shadow .18s ease;
}

.form-field textarea{
  min-height:118px;
  resize:vertical;
}

.form-field input[type="file"]{
  padding:9px 11px;
}

.form-field input::placeholder,
.form-field textarea::placeholder{
  color:#8a98a8;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{
  border-color:var(--c-primary-blue);
  outline:0;
  box-shadow:0 0 0 3px rgba(35,107,142,.10);
}

.form-hint{
  color:var(--c-text-muted);
  font:400 12px/1.45 var(--f-sans);
}

.submission-declarations{
  padding-top:2px !important;
}

.checkbox-field{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:var(--c-text);
  font:400 14px/1.55 var(--f-sans);
}

.checkbox-field input{
  flex:0 0 auto;
  width:17px;
  height:17px;
  margin:2px 0 0;
  accent-color:var(--c-primary-blue);
}

.checkbox-field b{
  color:#b42318;
}

.submission-form-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:20px;
  border-top:1px solid var(--c-border);
}

.submission-form-footer .form-note{
  max-width:430px;
  margin:0;
  color:var(--c-text-muted);
  font:400 12px/1.5 var(--f-sans);
}

.submission-form-footer .btn{
  flex:0 0 auto;
  white-space:nowrap;
}

@media (max-width: 1024px){
  .submit-manuscript-grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  .submit-intro>p{
    max-width:760px;
  }
}

@media (max-width: 640px){
  .submit-manuscript-section{
    padding:50px 0 68px;
  }

  .submission-form-card{
    padding:23px 19px;
    box-shadow:none;
  }

  .form-row-2{
    grid-template-columns:1fr;
  }

  .submission-form-footer{
    align-items:stretch;
    flex-direction:column;
  }

  .submission-form-footer .btn{
    width:100%;
    justify-content:center;
  }
}


/* Editorial leadership portraits */
.author-photo.author-photo-real {
  width: 120px;
  height: 120px;
  min-width: 120px;
  min-height: 120px;
  overflow: hidden;
  background: var(--c-primary-blue-08);
}
.author-photo.author-photo-real img,
.person-avatar.person-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.person-avatar.person-photo {
  width: 120px;
  height: 120px;
  min-width: 120px;
  min-height: 120px;
  overflow: hidden;
  padding: 0;
  background: #eef4fa;
}
.person-avatar.person-photo img {
  object-position: center 38%;
}

/* Scholarly article text: clean alignment to both edges */
.article-body .article-source-content p,
.article-body .full-article-section p {
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
}

/* Editorial portrait mobile sizing */
@media (max-width: 639px){
  .author-photo.author-photo-real,
  .person-avatar.person-photo {
    width: 120px;
    height: 120px;
    min-width: 120px;
    min-height: 120px;
  }
}


/* =========================================================
   HOMEPAGE — EDITORIAL LEADERSHIP REDESIGN
   Scoped to .home-editorial-redesign only.
========================================================= */
.home-editorial-redesign {
  background: #fff;
}

.home-editorial-redesign .container {
  max-width: var(--container-max, 1200px);
}

.editorial-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 48px;
  margin-bottom: 34px;
}

.editorial-intro > div {
  max-width: 760px;
}

.editorial-intro h2 {
  margin: .25rem 0 .65rem;
}

.editorial-intro p {
  max-width: 700px;
  margin: 0;
  color: var(--c-text-muted, #5c6f85);
  font-size: 1.05rem;
  line-height: 1.65;
}

.editorial-board-link {
  flex: 0 0 auto;
  margin-bottom: 5px;
}

.editorial-featured-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px;
}

.editorial-leader-card {
  display: grid;
  grid-template-columns: 120px minmax(0,1fr);
  gap: 28px;
  align-items: center;
  min-height: 205px;
  padding: 30px;
  border: 1px solid var(--line, #dce5ee);
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(8,31,69,.06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.editorial-leader-card:hover {
  transform: translateY(-3px);
  border-color: #b9cde1;
  box-shadow: 0 14px 32px rgba(8,31,69,.10);
}

.editorial-leader-photo {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%;
  background: #edf3f9;
  border: 1px solid #d8e3ee;
}

.editorial-leader-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
}

.editorial-leader-content {
  min-width: 0;
}

.editorial-role {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--c-primary-blue, #0b4ea2);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.editorial-leader-content h3 {
  margin: 0 0 5px;
  color: var(--c-primary-dark, #081f45);
  font-size: 1.45rem;
  line-height: 1.2;
}

.editorial-credentials {
  margin: 0 0 15px;
  color: var(--c-text-muted, #5c6f85);
  font-family: var(--f-serif, Georgia,serif);
  font-size: .94rem;
}

.editorial-institution {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  color: var(--c-text-muted, #5c6f85);
  font-family: var(--f-serif, Georgia,serif);
  font-size: .92rem;
  line-height: 1.45;
}

.editorial-institution strong {
  color: var(--c-primary-dark, #081f45);
  font-family: var(--f-sans, Arial,sans-serif);
  font-size: .86rem;
}

.editorial-profile-link {
  display: inline-block;
  margin-top: 16px;
  color: var(--c-primary-blue, #0b4ea2);
  font-size: .82rem;
  font-weight: 700;
}

.editorial-board-preview {
  margin-top: 20px;
  padding: 22px 24px;
  border: 1px solid #e0e7ef;
  background: #f6f8fb;
}

.editorial-preview-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.editorial-preview-heading > span {
  color: var(--c-primary-dark, #081f45);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.editorial-preview-heading p {
  margin: 0;
  color: var(--c-text-muted, #5c6f85);
  font-family: var(--f-serif, Georgia,serif);
  font-size: .92rem;
}

.editorial-preview-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}

.editorial-mini-card {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #dce5ee;
  background: #fff;
  text-decoration: none;
}

.editorial-mini-avatar {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #e6eef8;
  color: var(--c-primary-dark, #081f45);
  font-weight: 700;
}

.editorial-mini-card strong,
.editorial-mini-card small {
  display: block;
}

.editorial-mini-card strong {
  color: var(--c-primary-dark, #081f45);
  font-size: .92rem;
}

.editorial-mini-card small {
  margin-top: 3px;
  color: var(--c-text-muted, #5c6f85);
  font-family: var(--f-serif, Georgia,serif);
  font-size: .82rem;
}

.editorial-mini-arrow {
  color: var(--c-primary-blue, #0b4ea2);
  font-weight: 700;
}

.editorial-note {
  margin-top: 16px;
}

@media (max-width: 900px){
  .editorial-intro {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }

  .editorial-featured-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 639px){
  .editorial-leader-card {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 24px;
  }

  .editorial-leader-photo {
    width: 120px;
    height: 120px;
  }

  .editorial-preview-grid {
    grid-template-columns: 1fr;
  }

  .editorial-preview-heading {
    flex-direction: column;
    gap: 6px;
  }
}

/* Issue details: keep the archive page visually consistent with the current issue layout. */
.issue-card-summary{margin:0 0 22px;color:#53627a;font-family:var(--f-serif);font-size:15px;line-height:1.65}
.issue-card-links{display:inline-flex;align-items:center;gap:18px}
.issue-card-links a:last-child{color:#0b4ea2;text-decoration:none}
.issue-card-links a:last-child:hover{text-decoration:underline}
@media (max-width: 767px){.issue-card-links{align-items:flex-start;flex-direction:column;gap:8px}.issue-card-summary{font-size:14px}}


/* =========================================================
   ABOUT PAGE — FINAL VISUAL CORRECTION
   Restore the standard inner-page hierarchy and prevent
   the About hero/mission from collapsing or disappearing.
   ========================================================= */
.about-page-hero{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  width:100% !important;
  min-height:266px !important;
  height:266px !important;
  max-height:266px !important;
  align-items:center !important;
  margin:0 !important;
  padding:42px 0 !important;
  background:linear-gradient(135deg,#081F45 0%,#103C78 100%) !important;
  color:#fff !important;
  overflow:hidden !important;
}
.about-page-hero .container{display:block !important;visibility:visible !important;opacity:1 !important;}
.about-page-hero h1{color:#fff !important;font-size:clamp(2.35rem,3vw,3.15rem) !important;line-height:1.08 !important;margin:0 0 .65rem !important;max-width:900px !important;}
.about-page-hero .lede{color:#D8E4F2 !important;max-width:820px !important;margin:0 !important;font-family:var(--f-sans) !important;font-size:1rem !important;line-height:1.58 !important;}
.about-mission{padding-top:68px !important;padding-bottom:68px !important;}
.about-mission .mission-split{display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) !important;gap:clamp(42px,6vw,82px) !important;align-items:start !important;}
.about-mission .mission-split > div{opacity:1 !important;visibility:visible !important;transform:none !important;}
.about-leadership{padding-top:68px !important;padding-bottom:72px !important;}
.about-leadership .section-head{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr) !important;gap:48px !important;align-items:end !important;margin-bottom:34px !important;}
.about-leadership .section-head .lede{margin:0 !important;max-width:620px !important;}
@media (max-width: 900px){.about-mission .mission-split,.about-leadership .section-head{grid-template-columns:1fr !important}.about-leadership .section-head{gap:18px !important}}
@media (max-width: 767px){.about-page-hero{min-height:250px !important;height:250px !important;max-height:250px !important;padding:34px 0 !important}.about-page-hero h1{font-size:clamp(2rem,8vw,2.5rem) !important}.about-mission{padding-top:54px !important;padding-bottom:54px !important}.about-leadership{padding-top:54px !important;padding-bottom:58px !important}}

/* About leadership cards: keep 120px portraits in their own grid column */
.about-leadership .editorial-leader-card{
  grid-template-columns:120px minmax(0,1fr);
  gap:22px;
  min-width:0;
}
.about-leadership .person-avatar.person-photo{
  width:120px;
  height:120px;
  min-width:120px;
  min-height:120px;
  flex:none;
}
.about-leadership .editorial-leader-card > div:nth-child(2){
  min-width:0;
}
.about-leadership .person-name,
.about-leadership .person-credentials,
.about-leadership .person-meta{
  overflow-wrap:anywhere;
}
@media (max-width: 560px){
  .about-leadership .editorial-leader-card{
    grid-template-columns:120px minmax(0,1fr);
    gap:18px;
  }
}
@media (max-width: 430px){
  .about-leadership .editorial-leader-card{
    grid-template-columns:1fr;
  }
  .about-leadership .person-avatar.person-photo{
    margin-inline:auto;
  }
}

/* =========================================================
   LEGAL PAGES — GLOBAL INNER-PAGE DESIGN
   Privacy Policy / Disclaimer / Terms & Conditions
   ========================================================= */
.legal-page-hero{
  position:relative;
  display:flex;
  align-items:center;
  min-height:266px;
  padding:44px 0;
  overflow:hidden;
  background:linear-gradient(135deg,#081f45 0%,#123f78 100%);
  color:#fff;
}
.legal-page-hero::after{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  right:-170px;
  top:-250px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  box-shadow:0 0 0 46px rgba(255,255,255,.025),0 0 0 92px rgba(255,255,255,.018);
  pointer-events:none;
}
.legal-page-hero .container{position:relative;z-index:1}
.legal-page-hero .eyebrow{color:#fff;margin-bottom:12px}
.legal-page-hero h1{
  margin:0 0 12px;
  color:#fff;
  font-size:clamp(2.35rem,4vw,3.4rem);
  line-height:1.05;
  max-width:900px;
}
.legal-page-hero .lede{
  max-width:760px;
  margin:0;
  color:#d8e4f2;
  font-family:var(--f-sans);
  font-size:1rem;
  line-height:1.65;
}
.legal-content-section{
  padding:72px 0 84px;
  background:#fff;
}
.legal-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px;
  gap:56px;
  align-items:start;
}
.legal-article{
  min-width:0;
  max-width:820px;
}
.legal-article section{
  margin:0;
  padding:0 0 34px;
  border-bottom:1px solid var(--c-border);
}
.legal-article section + section{padding-top:34px}
.legal-article section:last-of-type{border-bottom:0;padding-bottom:0}
.legal-article h2{
  margin:0 0 12px;
  color:var(--c-primary-dark);
  font-family:var(--f-sans);
  font-size:clamp(1.35rem,2vw,1.7rem);
  line-height:1.2;
  letter-spacing:-.02em;
}
.legal-article p,
.legal-article li{
  margin:0;
  color:var(--c-text);
  font-family:var(--f-serif);
  font-size:17px;
  line-height:1.78;
}
.legal-article ul{padding-left:1.35rem;margin:10px 0 0}
.legal-article li + li{margin-top:7px}
.legal-article a{color:var(--c-primary-blue);text-decoration:underline;text-underline-offset:2px}
.legal-article a:hover{color:var(--c-primary-dark)}
.legal-sidebar{
  position:sticky;
  top:28px;
}
.legal-sidebar-card{
  border:1px solid var(--c-border);
  background:#f5f8fc;
  padding:24px;
}
.legal-sidebar-label{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  color:var(--c-primary-blue);
  font-family:var(--f-sans);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.legal-sidebar-label::before{
  content:"";
  width:22px;
  height:2px;
  background:var(--c-primary-blue);
}
.legal-sidebar-nav{display:grid;gap:0}
.legal-sidebar-nav a{
  display:block;
  padding:11px 0;
  border-top:1px solid var(--c-border);
  color:var(--c-primary-dark);
  font-family:var(--f-sans);
  font-size:.88rem;
  font-weight:600;
  line-height:1.4;
  text-decoration:none;
}
.legal-sidebar-nav a:hover{color:var(--c-primary-blue)}
.legal-sidebar-contact{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--c-border);
}
.legal-sidebar-contact strong{
  display:block;
  margin-bottom:6px;
  color:var(--c-primary-dark);
  font-family:var(--f-sans);
  font-size:.9rem;
}
.legal-sidebar-contact p{
  margin:0;
  color:var(--c-text-muted);
  font-family:var(--f-serif);
  font-size:.9rem;
  line-height:1.6;
}
.legal-sidebar-contact a{color:var(--c-primary-blue)}
.legal-note{
  margin-top:42px;
  padding:20px 22px;
  border-left:3px solid var(--c-primary-blue);
  background:#f5f8fc;
}
.legal-note p{
  margin:0;
  color:var(--c-text-muted);
  font-family:var(--f-sans);
  font-size:.84rem;
  line-height:1.65;
}
@media (max-width: 900px){
  .legal-content-grid{grid-template-columns:1fr;gap:34px}
  .legal-sidebar{position:static;order:-1}
  .legal-sidebar-card{padding:20px}
  .legal-sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}
@media (max-width: 639px){
  .legal-page-hero{min-height:250px;padding:36px 0}
  .legal-page-hero h1{font-size:clamp(2rem,9vw,2.6rem)}
  .legal-content-section{padding:50px 0 62px}
  .legal-content-grid{gap:28px}
  .legal-sidebar-nav{grid-template-columns:1fr}
  .legal-article p,.legal-article li{font-size:16px;line-height:1.72}
}


/* =========================================================
   FINAL MOBILE RESPONSIVE QC
   Added after all existing rules so earlier page-specific
   styling cannot reintroduce horizontal overflow.
========================================================= */

/* Safe global overflow + media handling */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
body {
  min-width: 0;
}
img, svg, video, canvas, iframe {
  max-width: 100%;
}
iframe {
  border: 0;
}
table {
  max-width: 100%;
}
pre, code {
  max-width: 100%;
}
pre {
  overflow-x: auto;
}
p, li, h1, h2, h3, h4, h5, h6, a, span, td, th, label, legend {
  overflow-wrap: anywhere;
}

/* Keep the primary content grid genuinely fluid */
.container,
.container-narrow,
.page-hero .container,
.policy-hero .container,
.board-hero .container,
.specialties-hero .container,
.topic-hero .container,
.article-hero .container,
.site-header .header-inner,
.utility-inner,
.site-footer .footer-inner {
  max-width: 100% !important;
}

@media (max-width: 767px){

  /* Header */
  .utility-inner {
    min-height: 30px;
    width: calc(100% - 28px) !important;
  }
  .utility-meta,
  .utility-links {
    gap: .55rem;
  }
  .utility-meta span:nth-child(n+2) {
    display: none;
  }
  .utility-links a {
    font-size: .62rem;
  }

  .site-header .header-inner {
    width: calc(100% - 28px) !important;
    min-height: 72px !important;
    padding-block: .35rem !important;
    gap: .45rem;
  }
  .brand {
    width: 102px !important;
    flex: 0 0 102px !important;
    height: 62px !important;
  }
  .brand img,
  .site-header .brand img {
    width: auto !important;
    height: 62px !important;
    max-width: 102px !important;
  }
  .header-actions {
    gap: .15rem;
    min-width: 0;
  }
  .header-actions .btn {
    display: none !important;
  }
  .header-actions .icon-btn {
    width: 38px;
    height: 38px;
  }
  .hamburger {
    display: inline-flex !important;
  }

  /* Mobile drawer */
  .mobile-nav {
    width: 100vw;
    max-width: 100vw;
  }
  .mobile-nav ul {
    margin: 0;
  }
  .mobile-nav a {
    overflow-wrap: normal;
    word-break: normal;
  }

  /* Typography and spacing */
  :root {
    --mobile-gutter: 14px;
  }
  .container,
  .container-narrow {
    width: calc(100% - 28px) !important;
    padding-inline: 0 !important;
  }
  .section {
    padding-block: 48px;
  }
  .section-tight {
    padding-block: 36px;
  }
  .section-head {
    display: block !important;
    margin-bottom: 28px;
  }
  .section-head > .btn-text,
  .section-head > a {
    margin-top: 14px;
  }

  h1 {
    font-size: clamp(2rem, 9vw, 2.9rem);
    line-height: 1.08;
  }
  h2 {
    font-size: clamp(1.75rem, 7.5vw, 2.35rem);
  }
  h3 {
    font-size: clamp(1.25rem, 6vw, 1.65rem);
  }
  .lede {
    font-size: 1rem;
    line-height: 1.65;
  }

  /* Buttons */
  .hero-actions,
  .actions,
  .issue-header-actions,
  .article-access-actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .hero-actions .btn,
  .actions .btn,
  .issue-header-actions .btn,
  .article-access-actions .btn {
    width: 100%;
    justify-content: center;
  }
  .btn {
    white-space: normal;
    min-height: 46px;
    text-align: center;
  }

  /* Homepage hero */
  .hero {
    min-height: auto !important;
    padding-block: 48px 52px !important;
  }
  .hero-grid {
    width: calc(100% - 28px) !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .hero-copy h1 {
    font-size: clamp(2.35rem, 11vw, 3.35rem) !important;
    line-height: 1.03 !important;
    max-width: 100% !important;
  }
  .hero-copy h1 span {
    white-space: normal !important;
  }
  .hero-copy .lede {
    max-width: 100% !important;
  }
  .hero-art {
    order: -1 !important;
    width: min(72vw, 300px);
    max-width: 300px !important;
    margin-inline: auto;
  }

  /* Common multi-column layouts */
  .mission-split,
  .current-issue,
  .archive-layout,
  .profile-wrap,
  .journal-reference-grid,
  .policy-grid,
  .contact-grid,
  .result-shell,
  .topic-layout,
  .article-layout .article-grid,
  .submit-manuscript-grid,
  .authors-intro-grid,
  .authors-two-column,
  .authors-policy-panel,
  .authors-ethics-grid,
  .authors-hero-layout,
  .authors-overview-grid,
  .authors-impact-grid,
  .editorial-standards-panel,
  .about-mission .mission-split,
  .about-leadership .section-head {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .article-layout .article-grid {
    width: calc(100% - 28px) !important;
    gap: 30px !important;
  }
  .article-sidebar,
  .topic-side,
  .policy-side {
    width: 100% !important;
    max-width: none !important;
    position: static !important;
    justify-self: stretch !important;
  }

  /* Remove mobile-breaking minimum column widths */
  .submit-manuscript-grid,
  .authors-intro-grid,
  .authors-two-column,
  .authors-policy-panel,
  .authors-ethics-grid,
  .authors-overview-grid,
  .authors-impact-grid,
  .editorial-standards-panel {
    gap: 28px !important;
  }

  /* Cards and grids */
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-6,
  .board-grid,
  .leadership-grid,
  .office-grid,
  .topic-cards,
  .topic-index,
  .topic-stat-grid,
  .journal-directory-grid,
  .journal-detail-board-grid,
  .ethics-cards {
    grid-template-columns: 1fr !important;
  }

  .grid,
  .board-grid,
  .leadership-grid,
  .office-grid {
    gap: 16px;
  }

  .leader-card,
  .editorial-leader-card {
    grid-template-columns: 1fr !important;
    min-width: 0;
  }
  .person-avatar,
  .person-avatar.person-photo,
  .author-photo.author-photo-real {
    margin-inline: auto;
  }

  /* Homepage editorial board */
  .home-editorial-board .section-head {
    display: block !important;
  }
  .home-editorial-board .board-grid {
    grid-template-columns: 1fr !important;
  }
  .home-editorial-board .author-card {
    width: 100%;
    min-height: 0;
    padding: 22px 18px;
  }

  /* Issue pages */
  .issue-hero-inner {
    grid-template-columns: 1fr !important;
    min-width: 0;
    gap: 24px !important;
    padding-block: 42px !important;
  }
  .issue-hero-cover {
    width: 135px !important;
    min-width: 0 !important;
    min-height: 180px !important;
  }
  .issue-hero-content {
    min-width: 0;
  }
  .issue-hero-content h1 {
    font-size: clamp(2.3rem, 11vw, 3.25rem) !important;
    overflow-wrap: anywhere;
  }
  .issue-stat-row {
    gap: 16px 0;
  }
  .issue-stat {
    min-width: 50% !important;
    padding-inline: 14px;
  }
  .issue-stat:first-child {
    padding-left: 0;
  }
  .issue-articles-grid {
    grid-template-columns: 1fr !important;
  }
  .issue-section-heading {
    display: block !important;
  }
  .issue-article-card {
    min-width: 0;
    padding: 22px 18px !important;
  }
  .issue-card-top,
  .issue-card-footer {
    flex-wrap: wrap;
  }

  /* Article pages */
  .article-hero {
    padding: 44px 0 40px;
  }
  .article-hero .container {
    width: calc(100% - 28px) !important;
  }
  .article-hero h1 {
    font-size: clamp(2rem, 9vw, 3rem) !important;
    max-width: 100%;
  }
  .article-authors {
    font-size: 17px;
  }
  .article-meta-bar {
    display: grid;
    gap: 8px;
  }
  .article-layout {
    padding: 46px 0 60px;
  }
  .article-body .article-source-content p,
  .article-body .full-article-section p {
    text-align: left;
    hyphens: none;
  }

  /* Topic/specialty pages */
  .topic-hero {
    padding-block: 48px !important;
  }
  .topic-layout {
    gap: 28px !important;
  }
  .topic-cards,
  .topic-index {
    grid-template-columns: 1fr !important;
  }
  .topic-callout,
  .topic-cta,
  .oa-highlight {
    flex-direction: column;
    align-items: flex-start !important;
  }

  /* Forms */
  .form-row-2,
  .contact-grid {
    grid-template-columns: 1fr !important;
  }
  .submission-form-card,
  .contact-form,
  .contact-card,
  .submit-help-card {
    min-width: 0 !important;
    padding: 20px !important;
  }
  .submission-form-footer {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .submission-form-footer .btn {
    width: 100%;
  }
  .archive-search {
    flex-direction: column;
  }
  .archive-search .btn {
    width: 100%;
  }

  /* Legal pages */
  .legal-page-hero {
    min-height: 0 !important;
    padding: 46px 0 !important;
  }
  .legal-page-hero h1 {
    font-size: clamp(2rem, 9vw, 2.7rem) !important;
  }
  .legal-content-section,
  .legal-page {
    padding-block: 46px 58px !important;
  }
  .legal-content-grid {
    gap: 26px !important;
  }
  .legal-sidebar-nav {
    grid-template-columns: 1fr !important;
  }
  .legal-article p,
  .legal-article li,
  .legal-page section p,
  .legal-page section li {
    font-size: 16px;
    line-height: 1.72;
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-bottom ul {
    flex-wrap: wrap;
    gap: 10px 16px;
  }

  /* Prevent long journal/article metadata from creating horizontal scroll */
  .article-doi,
  .article-meta-bar,
  .person-meta,
  .person-links,
  .footer-contact,
  .site-legal-credit,
  .legal-links {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  /* Publication tables */
  .article-body table,
  .full-article-section table,
  .article-source-content table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Decorative oversized elements should never widen the page */
  .hero::after,
  .topic-hero::after,
  .issue-hero-modern::after,
  .legal-page-hero::after {
    max-width: 100vw;
  }
}

/* Small phones */
@media (max-width: 420px){
  .site-header .header-inner,
  .utility-inner,
  .container,
  .container-narrow {
    width: calc(100% - 24px) !important;
  }
  .brand {
    width: 92px !important;
    flex-basis: 92px !important;
  }
  .brand img,
  .site-header .brand img {
    height: 56px !important;
    max-width: 92px !important;
  }
  .site-header .header-inner {
    min-height: 66px !important;
  }
  .header-actions .icon-btn {
    width: 36px;
    height: 36px;
  }
  .hero {
    padding-block: 40px 46px !important;
  }
  .hero-copy h1 {
    font-size: clamp(2.15rem, 10.5vw, 2.8rem) !important;
  }
  .issue-stat {
    min-width: 100% !important;
    padding-left: 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,.18);
    padding-top: 12px;
  }
  .issue-stat:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .submission-form-card,
  .contact-form,
  .contact-card {
    padding: 17px !important;
  }
}


/* =========================================================
   HOMEPAGE MOBILE SPACING REFINEMENT
   Reduce oversized hero artwork and vertical gaps on phones.
========================================================= */
@media (max-width: 767px){
  .home-page .hero,
  body.home .hero {
    padding-top: 26px !important;
    padding-bottom: 34px !important;
  }

  .home-page .hero-grid,
  body.home .hero-grid {
    gap: 14px !important;
  }

  .home-page .hero-art,
  body.home .hero-art {
    width: min(58vw, 220px) !important;
    max-width: 220px !important;
    aspect-ratio: 1 / 1;
    margin: 0 auto -2px !important;
  }

  .home-page .hero-copy .eyebrow,
  body.home .hero-copy .eyebrow {
    margin-bottom: 0.85rem !important;
  }

  .home-page .hero-copy h1,
  body.home .hero-copy h1 {
    margin-bottom: 1rem !important;
  }

  .home-page .hero-copy .lede,
  body.home .hero-copy .lede {
    margin-bottom: 1.35rem !important;
    line-height: 1.55 !important;
  }

  .home-page .hero-actions,
  body.home .hero-actions {
    gap: 0.7rem !important;
  }
}

@media (max-width: 420px){
  .home-page .hero,
  body.home .hero {
    padding-top: 22px !important;
    padding-bottom: 28px !important;
  }

  .home-page .hero-grid,
  body.home .hero-grid {
    gap: 10px !important;
  }

  .home-page .hero-art,
  body.home .hero-art {
    width: min(55vw, 205px) !important;
    max-width: 205px !important;
  }

  .home-page .hero-copy h1,
  body.home .hero-copy h1 {
    font-size: clamp(2.1rem, 10.2vw, 2.75rem) !important;
    line-height: 1.04 !important;
  }

  .home-page .hero-copy .lede,
  body.home .hero-copy .lede {
    font-size: 0.98rem !important;
    line-height: 1.52 !important;
  }
}


/* =========================================================
   HOMEPAGE MOBILE ONLY — COMPACT HERO ART AREA
   Desktop/tablet layout is intentionally untouched.
========================================================= */
@media (max-width: 767px){
  .home-page .hero,
  body.home .hero {
    padding-top: 12px !important;
    padding-bottom: 28px !important;
  }

  .home-page .hero-grid,
  body.home .hero-grid {
    gap: 5px !important;
  }

  .home-page .hero-art,
  body.home .hero-art {
    width: 170px !important;
    height: 170px !important;
    max-width: 170px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 auto !important;
    flex: 0 0 170px;
  }

  .home-page .hero-art svg,
  body.home .hero-art svg {
    width: 100% !important;
    height: 100% !important;
  }

  .home-page .hero-copy .eyebrow,
  body.home .hero-copy .eyebrow {
    margin-bottom: 0.8rem !important;
  }

  .home-page .hero-copy h1,
  body.home .hero-copy h1 {
    margin-top: 0 !important;
    margin-bottom: 0.95rem !important;
  }

  .home-page .hero-copy .lede,
  body.home .hero-copy .lede {
    margin-bottom: 1.2rem !important;
  }
}

@media (max-width: 420px){
  .home-page .hero,
  body.home .hero {
    padding-top: 8px !important;
    padding-bottom: 24px !important;
  }

  .home-page .hero-grid,
  body.home .hero-grid {
    gap: 3px !important;
  }

  .home-page .hero-art,
  body.home .hero-art {
    width: 155px !important;
    height: 155px !important;
    max-width: 155px !important;
    flex-basis: 155px;
  }
}


/* =========================================================
   ABOUT PAGE MOBILE — CONTENT ALIGNMENT
   Mobile-only correction. Desktop/tablet layout remains intact.
========================================================= */
@media (max-width: 767px){
  .about-page-hero {
    text-align: left !important;
  }

  .about-page-hero .container {
    width: calc(100% - 28px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  .about-page-hero .eyebrow,
  .about-page-hero h1,
  .about-page-hero .lede {
    text-align: left !important;
  }

  .about-mission .mission-split,
  .about-two-column,
  .about-scope .about-section-head,
  .about-journal-info .section-head,
  .about-leadership .section-head,
  .about-editorial-standards .section-head {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
  }

  .about-mission .mission-split > div,
  .about-two-column > div {
    width: 100% !important;
    min-width: 0 !important;
  }

  .about-mission .mission-split > div + div {
    margin-top: 32px !important;
  }

  .about-mission h2,
  .about-scope h2,
  .about-submit-types h2,
  .about-journal-info h2,
  .about-leadership h2,
  .about-standards h2,
  .about-editorial-standards h2,
  .about-author-cta h2 {
    text-align: left !important;
  }

  .about-mission .lede,
  .about-submit-types .lede,
  .about-journal-info .lede,
  .about-leadership .lede {
    max-width: none !important;
    text-align: left !important;
  }

  .about-publishing-glance {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .about-scope .about-section-head {
    margin-bottom: 28px !important;
  }

  .about-scope-grid {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  .about-scope-card {
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  .about-scope-note {
    max-width: none !important;
    text-align: left !important;
    margin-top: 20px !important;
  }

  .about-article-types {
    width: 100% !important;
    margin-top: 30px !important;
  }

  .about-article-types > div {
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  .about-info-grid {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  .about-info-item {
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    min-height: 0 !important;
    text-align: left !important;
  }

  .about-info-item span,
  .about-info-item strong {
    display: block !important;
    text-align: left !important;
  }

  .about-info-item strong {
    margin-top: 6px !important;
    overflow-wrap: anywhere !important;
  }

  .about-leadership .section-head {
    margin-bottom: 26px !important;
  }

  .about-leadership .section-head .lede {
    margin-top: 14px !important;
    max-width: none !important;
  }

  .about-leadership .about-leaders-grid {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: 1fr !important;
  }

  .about-leadership .editorial-leader-card {
    width: 100% !important;
    box-sizing: border-box !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 20px !important;
    text-align: left !important;
  }

  .about-leadership .person-avatar.person-photo {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    margin: 0 !important;
  }

  .about-leadership .person-avatar.person-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }

  .about-leadership .person-role,
  .about-leadership .person-name,
  .about-leadership .person-credentials,
  .about-leadership .person-meta,
  .about-leadership .person-links {
    text-align: left !important;
  }

  .about-leadership .person-meta {
    min-width: 0 !important;
  }

  .about-leadership .person-links {
    flex-wrap: wrap !important;
  }

  .about-values-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .about-values-grid .value-card {
    min-height: 0 !important;
    text-align: left !important;
  }

  .about-policy-links {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .about-policy-links a {
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    text-align: left !important;
  }

  .about-author-cta .submit-cta {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 430px){
  .about-leadership .editorial-leader-card {
    grid-template-columns: 1fr !important;
  }

  .about-leadership .person-avatar.person-photo {
    margin: 0 0 2px 0 !important;
  }
}


/* =========================================================
   EDITORIAL BOARD MOBILE — MEMBER DETAILS LEFT ALIGNMENT
   Mobile-only correction. Desktop/tablet remains unchanged.
========================================================= */
@media (max-width: 767px){
  /* Keep each member card's content anchored to the left */
  .board-page .board-card,
  .editorial-board-page .board-card,
  .board-page .author-card,
  .editorial-board-page .author-card,
  .board-page .leader-card,
  .editorial-board-page .leader-card,
  .board-page .editorial-leader-card,
  .editorial-board-page .editorial-leader-card {
    text-align: left !important;
  }

  /* Member identity row */
  .board-page .board-card-top,
  .editorial-board-page .board-card-top,
  .board-page .author-card-top,
  .editorial-board-page .author-card-top,
  .board-page .leader-card-top,
  .editorial-board-page .leader-card-top {
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
  }

  /* Details column must use the full available width */
  .board-page .person-meta,
  .editorial-board-page .person-meta,
  .board-page .author-meta,
  .editorial-board-page .author-meta,
  .board-page .leader-meta,
  .editorial-board-page .leader-meta,
  .board-page .person-info,
  .editorial-board-page .person-info {
    width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
    justify-self: stretch !important;
  }

  .board-page .person-role,
  .editorial-board-page .person-role,
  .board-page .person-name,
  .editorial-board-page .person-name,
  .board-page .person-credentials,
  .editorial-board-page .person-credentials,
  .board-page .person-title,
  .editorial-board-page .person-title,
  .board-page .person-affiliation,
  .editorial-board-page .person-affiliation,
  .board-page .person-institution,
  .editorial-board-page .person-institution {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Specialty bar */
  .board-page .specialty,
  .editorial-board-page .specialty,
  .board-page .person-specialty,
  .editorial-board-page .person-specialty,
  .board-page .member-specialty,
  .editorial-board-page .member-specialty {
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }

  /* Institution and professional details */
  .board-page .person-details,
  .editorial-board-page .person-details,
  .board-page .member-details,
  .editorial-board-page .member-details,
  .board-page .person-meta p,
  .editorial-board-page .person-meta p {
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Email / Profile / ResearchGate / ORCID / Scholar links */
  .board-page .person-links,
  .editorial-board-page .person-links,
  .board-page .member-links,
  .editorial-board-page .member-links {
    width: 100% !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    text-align: left !important;
    margin-left: 0 !important;
  }

  .board-page .person-links a,
  .editorial-board-page .person-links a,
  .board-page .member-links a,
  .editorial-board-page .member-links a {
    text-align: left !important;
  }

  /* Prevent a centered/indented inner wrapper from shifting details */
  .board-page .board-card > *,
  .editorial-board-page .board-card > *,
  .board-page .author-card > *,
  .editorial-board-page .author-card > * {
    text-align: left !important;
  }
}

@media (max-width: 430px){
  .board-page .board-card,
  .editorial-board-page .board-card,
  .board-page .author-card,
  .editorial-board-page .author-card {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .board-page .person-meta,
  .editorial-board-page .person-meta {
    text-align: left !important;
  }
}


/* =========================================================
   ABOUT PAGE MOBILE — MISSION FLOW / OVERLAP FIX
   The mission content is forced back into normal document flow.
   Mobile only; desktop/tablet untouched.
========================================================= */
@media (max-width: 767px){
  .about-mission {
    position: relative !important;
    overflow: visible !important;
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .about-mission .container.mission-split {
    display: flex !important;
    flex-direction: column !important;
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 0 !important;
    gap: 34px !important;
    position: relative !important;
  }

  .about-mission .mission-split > div {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .about-mission .mission-split > div:first-child {
    display: block !important;
  }

  .about-mission .mission-split > div:first-child .eyebrow {
    display: flex !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    line-height: 1.2 !important;
  }

  .about-mission .mission-split > div:first-child h2 {
    display: block !important;
    position: relative !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    line-height: 1.14 !important;
    font-size: clamp(1.8rem, 7.5vw, 2.25rem) !important;
  }

  .about-mission .mission-split > div:first-child .lede {
    display: block !important;
    position: relative !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    max-width: none !important;
    line-height: 1.62 !important;
  }

  .about-mission .mission-split > div:first-child .lede:last-child {
    margin-bottom: 0 !important;
  }

  .about-mission .about-publishing-glance {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 22px 20px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 420px){
  .about-mission {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .about-mission .container.mission-split {
    width: calc(100% - 24px) !important;
    gap: 28px !important;
  }

  .about-mission .mission-split > div:first-child h2 {
    font-size: clamp(1.72rem, 7.8vw, 2.05rem) !important;
  }

  .about-mission .mission-split > div:first-child .lede {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }
}


/* =========================================================
   EDITORIAL BOARD MOBILE — NAME LEFT / AVATAR RIGHT
   Mobile only. Desktop/tablet layout remains unchanged.
========================================================= */
@media (max-width: 767px){
  .editorial-board-members-section .board-card-top {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
    margin-bottom: 14px !important;
  }

  .editorial-board-members-section .board-card-top > div:not(.person-avatar) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .editorial-board-members-section .board-card-top h3,
  .editorial-board-members-section .board-card-top .credentials {
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .editorial-board-members-section .board-card-top .person-avatar {
    order: 0 !important;
    flex: 0 0 58px !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
  }

  .editorial-board-members-section .board-card {
    text-align: left !important;
  }

  .editorial-board-members-section .board-card .specialty,
  .editorial-board-members-section .board-card .institution,
  .editorial-board-members-section .board-card .person-links {
    text-align: left !important;
  }
}

@media (max-width: 430px){
  .editorial-board-members-section .board-card-top {
    gap: 12px !important;
  }

  .editorial-board-members-section .board-card-top .person-avatar {
    flex-basis: 54px !important;
    width: 54px !important;
    height: 54px !important;
  }
}


/* =========================================================
   GLOBAL MOBILE HEADER — STICKY
   Applies site-wide on mobile only.
   Desktop/tablet header behaviour remains unchanged.
========================================================= */
@media (max-width: 767px){
  html {
    scroll-padding-top: 74px;
  }

  .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
  }

  .site-header .header-inner {
    position: relative !important;
    z-index: 1001 !important;
  }

  /* Keep the mobile navigation/drawer above page content */
  .mobile-nav {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 1100 !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Prevent anchor jumps from hiding content under the sticky header */
  [id] {
    scroll-margin-top: 82px;
  }
}


/* =========================================================
   MOBILE GLOBAL HEADER — UTILITY ISSN + TRUE STICKY STACK
   Mobile only. Desktop/tablet styles are not changed.
========================================================= */
@media (max-width: 767px){
  /* Keep only ISSN in the mobile utility bar */
  .utility-bar {
    display: block !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1200 !important;
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  .utility-inner {
    height: 34px !important;
    min-height: 34px !important;
    width: calc(100% - 24px) !important;
    margin-inline: auto !important;
    justify-content: flex-start !important;
  }

  .utility-meta {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0 !important;
  }

  .utility-meta span {
    display: none !important;
  }

  .utility-meta span:first-child {
    display: block !important;
    font-size: .6rem !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
    white-space: nowrap !important;
  }

  .utility-meta span + span::before {
    display: none !important;
  }

  .utility-links {
    display: none !important;
  }

  /* Main mobile header sticks immediately below the ISSN bar */
  .site-header {
    position: sticky !important;
    top: 34px !important;
    z-index: 1100 !important;
    width: 100% !important;
    height: 78px !important;
    min-height: 78px !important;
  }

  .site-header .header-inner {
    height: 78px !important;
    min-height: 78px !important;
    position: relative !important;
    z-index: 1101 !important;
  }

  /* The mobile drawer must sit above both sticky header layers */
  .mobile-nav {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 1300 !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html {
    scroll-padding-top: 112px !important;
  }

  [id] {
    scroll-margin-top: 112px !important;
  }
}

@media (max-width: 420px){
  .utility-bar,
  .utility-inner {
    height: 32px !important;
    min-height: 32px !important;
  }

  .site-header {
    top: 32px !important;
    height: 72px !important;
    min-height: 72px !important;
  }

  .site-header .header-inner {
    height: 72px !important;
    min-height: 72px !important;
  }

  html {
    scroll-padding-top: 104px !important;
  }

  [id] {
    scroll-margin-top: 104px !important;
  }
}


/* =========================================================
   MOBILE HEADER — FIXED STACK
   Use fixed positioning instead of sticky because the site
   contains animated/overflow sections that can interfere with
   sticky positioning. Mobile only.
========================================================= */
@media (max-width: 767px){
  body {
    padding-top: 112px !important;
  }

  .utility-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    z-index: 12000 !important;
  }

  .site-header {
    position: fixed !important;
    top: 34px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 78px !important;
    min-height: 78px !important;
    z-index: 11900 !important;
  }

  .site-header .header-inner {
    height: 78px !important;
    min-height: 78px !important;
  }

  .mobile-nav {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: 100dvh !important;
    z-index: 13000 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html {
    scroll-padding-top: 112px !important;
  }

  [id] {
    scroll-margin-top: 112px !important;
  }
}

@media (max-width: 420px){
  body {
    padding-top: 104px !important;
  }

  .utility-bar {
    height: 32px !important;
    min-height: 32px !important;
  }

  .site-header {
    top: 32px !important;
    height: 72px !important;
    min-height: 72px !important;
  }

  .site-header .header-inner {
    height: 72px !important;
    min-height: 72px !important;
  }

  html {
    scroll-padding-top: 104px !important;
  }

  [id] {
    scroll-margin-top: 104px !important;
  }
}


/* =========================================================
   MOBILE NAV — DROPDOWN MENU
   Replaces the side-slide drawer with a vertical dropdown.
   Mobile only; desktop/tablet navigation is untouched.
========================================================= */
@media (max-width: 767px){
  .mobile-nav {
    position: fixed !important;
    top: 112px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 112px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;

    /* Dropdown animation */
    transform: translateY(-105%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition:
      transform .32s cubic-bezier(.22,1,.36,1),
      opacity .22s ease,
      visibility 0s linear .32s !important;

    /* Keep menu below the fixed header but above page content */
    z-index: 11800 !important;

    /* Clean dropdown appearance */
    box-shadow: 0 14px 30px rgba(7,26,45,.18) !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
  }

  .mobile-nav.is-open {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transition:
      transform .32s cubic-bezier(.22,1,.36,1),
      opacity .22s ease,
      visibility 0s linear 0s !important;
  }

  .mobile-nav ul {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .mobile-nav a {
    text-align: left !important;
  }

  /* Hamburger remains clickable while dropdown is open */
  .site-header {
    z-index: 11900 !important;
  }

  .utility-bar {
    z-index: 12000 !important;
  }

  .mobile-nav-close {
    display: none !important;
  }
}

@media (max-width: 420px){
  .mobile-nav {
    top: 104px !important;
    max-height: calc(100dvh - 104px) !important;
  }
}


/* =========================================================
   MOBILE NAV — PUSH CONTENT DOWN WHEN OPEN
   Prevents the dropdown from covering hero/content.
   Mobile only.
========================================================= */
@media (max-width: 767px){
  body.mobile-menu-open #main {
    padding-top: var(--mobile-nav-height, 0px) !important;
  }

  body.mobile-menu-open .mobile-nav {
    overflow-y: auto !important;
  }
}

@media (max-width: 420px){
  body.mobile-menu-open #main {
    padding-top: var(--mobile-nav-height, 0px) !important;
  }
}


/* =========================================================
   MOBILE NAV CTA — CLEAR, NON-OVERLAPPING SUBMIT BUTTON
   Mobile only. Desktop/tablet unchanged.
========================================================= */
@media (max-width: 767px){
  .mobile-nav {
    box-sizing: border-box !important;
    padding-bottom: 24px !important;
  }

  .mobile-nav ul {
    margin: 0 !important;
    padding-bottom: 0 !important;
  }

  .mobile-nav > .btn.btn-primary.btn-block {
    display: flex !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    min-height: 52px !important;
    margin: 24px 24px 0 !important;
    padding: 0 18px !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    z-index: 2 !important;
    border-radius: 7px !important;
    line-height: 1.2 !important;
  }

  /* Give the dropdown a definite visual end after the CTA */
  .mobile-nav > .btn.btn-primary.btn-block::after {
    content: "" !important;
    display: block !important;
  }
}

@media (max-width: 420px){
  .mobile-nav {
    padding-bottom: 20px !important;
  }

  .mobile-nav > .btn.btn-primary.btn-block {
    width: calc(100% - 40px) !important;
    min-height: 50px !important;
    margin: 20px 20px 0 !important;
  }
}


/* =========================================================
   JOURNALS NAVIGATION — DESKTOP DROPDOWN + MOBILE SUBMENU
========================================================= */
.main-nav .nav-journals-dropdown{position:relative !important;}
.main-nav .nav-journals-dropdown::after{content:"" !important; position:absolute !important; left:0 !important; right:0 !important; top:100% !important; height:10px !important; background:transparent !important; display:block !important;}
.main-nav .nav-journals-dropdown > a{gap:6px !important;}
.main-nav .nav-caret{
  display:inline-block !important;
  width:0 !important;
  height:0 !important;
  margin-left:4px !important;
  border-left:4px solid transparent !important;
  border-right:4px solid transparent !important;
  border-top:5px solid currentColor !important;
  vertical-align:middle !important;
  opacity:.95 !important;
  transform:none !important;
  transition:none !important;
}
.main-nav .nav-journals-submenu{
  position:absolute !important;
  top:100% !important;
  left:50% !important;
  transform:translate(-50%, -4px) !important;
  width:330px !important;
  max-height:70vh !important;
  overflow-y:auto !important;
  display:block !important;
  margin:0 !important;
  padding:8px !important;
  list-style:none !important;
  background:#fff !important;
  border:1px solid #DFE6EF !important;
  border-radius:10px !important;
  box-shadow:0 16px 38px rgba(8,31,69,.14) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  z-index:13000 !important;
}
.main-nav .nav-journals-dropdown:hover .nav-journals-submenu,
.main-nav .nav-journals-dropdown:focus-within .nav-journals-submenu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translate(-50%, 0) !important;
}
.main-nav .nav-journals-submenu li{display:block !important; margin:0 !important; padding:0 !important;}
.main-nav .nav-journals-submenu a{
  display:block !important;
  text-transform:none !important;
  min-height:auto !important;
  padding:10px 12px !important;
  border-radius:7px !important;
  color:#34445D !important;
  font-size:.92rem !important;
  line-height:1.35 !important;
  white-space:normal !important;
}
.main-nav .nav-journals-submenu a::after{display:none !important;}
.main-nav .nav-journals-submenu a:hover,
.main-nav .nav-journals-submenu a:focus-visible{
  background:#F1F6FB !important;
  color:#0B4EA2 !important;
}

.mobile-nav-journals .mobile-nav-parent{display:flex !important; align-items:center !important; width:100% !important;}
.mobile-nav-journals .mobile-nav-parent > a{flex:1 1 auto !important;}
.mobile-journals-toggle{
  width:48px !important;
  min-width:48px !important;
  height:48px !important;
  border:0 !important;
  background:transparent !important;
  color:#34445D !important;
  font-size:1.25rem !important;
  cursor:pointer !important;
  transition:transform .2s ease !important;
}
.mobile-journals-toggle[aria-expanded="true"]{transform:rotate(180deg) !important;}
.mobile-journals-submenu{
  display:none !important;
  margin:0 !important;
  padding:0 0 4px 18px !important;
  list-style:none !important;
  border-left:2px solid #E5ECF4 !important;
}
.mobile-journals-submenu.is-open{display:block !important;}
.mobile-journals-submenu a{
  text-transform:none !important;
  font-size:.94rem !important;
  line-height:1.35 !important;
  padding:.72rem .85rem !important;
  border-bottom:1px solid #E8EDF3 !important;
}
.mobile-journals-submenu li:last-child a{border-bottom:0 !important;}

@media (max-width:767px){
  .main-nav .nav-journals-submenu{display:none !important;}
}

/* Desktop header behavior: keep the existing sticky main header.
   Do not alter the mobile header implementation. */
@media (min-width: 768px){
  .site-header{
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
  }
}

/* Journals desktop caret: render only the CSS triangle, never the source glyph. */
@media (min-width:768px){
  .main-nav .nav-caret{
    font-size:0 !important;
    line-height:0 !important;
    display:inline-block !important;
  }
}

/* =========================================================
   DESKTOP HEADER — STICKY NAVIGATION
   Desktop only. Mobile header behavior is intentionally untouched.
========================================================= */
@media (min-width: 768px){
  /* Prevent horizontal-overflow containment from interfering with sticky positioning. */
  html,
  body {
    overflow-x: clip !important;
  }

  .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1200 !important;
  }
}

/* JESS form protection/status */
.captcha-wrap{margin:18px 0 20px;min-height:65px;display:flex;align-items:center}
.form-status{margin:0 0 18px;padding:12px 16px;border-radius:10px;border:1px solid #cfe0eb;background:#f4f9fc;color:#183b50;font-size:.95rem}
.form-status.is-success{border-color:#b8dec8;background:#f0faf4;color:#17633a}
.form-status.is-error{border-color:#e6c0c0;background:#fff5f5;color:#8a2222}
@media (max-width:640px){.captcha-wrap{overflow:hidden;min-height:70px}}

/* =========================================================
   JOURNAL SUBMISSION CTA — FIXED LAYOUT
   ========================================================= */
.cta-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2.5rem;
  padding:clamp(2rem,4vw,3.25rem) clamp(1.5rem,4vw,3.5rem);
  background:linear-gradient(135deg,#081F45 0%,#0B4EA2 100%);
  border-radius:var(--radius-lg);
  box-shadow:0 12px 30px rgba(8,31,69,.12);
}
.cta-band > div{
  min-width:0;
  flex:1 1 auto;
}
.cta-band h2{
  margin:.55rem 0 0;
  color:#fff;
  max-width:30ch;
  font-size:clamp(1.65rem,2.8vw,2.5rem);
  line-height:1.12;
  letter-spacing:-.025em;
}
.cta-band p{
  margin:.85rem 0 0;
  max-width:72ch;
  color:#DCE8F6;
  line-height:1.7;
}
.cta-band .btn-light,
.cta-band .btn-light:visited{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:.82rem 1.35rem;
  border:1px solid rgba(255,255,255,.9);
  border-radius:var(--radius-sm);
  background:#fff;
  color:#081F45;
  font-weight:700;
  white-space:nowrap;
}
.cta-band .btn-light:hover,
.cta-band .btn-light:focus-visible{
  background:#EAF2F5;
  border-color:#fff;
  color:#081F45;
}
@media (max-width:720px){
  .cta-band{
    align-items:flex-start;
    flex-direction:column;
    gap:1.5rem;
    padding:2rem 1.35rem;
  }
  .cta-band h2{max-width:none;}
  .cta-band .btn-light{width:100%;}
}

.ojs-submission-box {
    margin-top: 40px;
    padding: 35px;
    text-align: center;
    border: 1px solid #ddd;
}

.submit-manuscript-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 14px 28px;
    text-decoration: none;
    font-weight: 600;
}