/* =========================================================
   ISJ — PREMIUM ACADEMIC ARTICLE STYLE
========================================================= */

/* BRAND */
:root {
  --isj-navy: #1F2F3E;
  --isj-green: #2F5E3E;
  --isj-gold: #C89A2E;
  --isj-blue: #3A7CA5;

  --bg-main: #FAFAF8;
  --bg-soft: #F4F6F7;

  --text-main: #2E2E2E;
  --text-muted: #6B7280;
  --rule-light: #E2E5E8;
}

/* =========================================================
   PAGE BASE
========================================================= */
body.single-post {
  background: var(--bg-main);
}

.ast-narrow-container .site-content > .ast-container{
	max-width: 780px;
    padding: 0px;
}

/* =========================================================
   HERO — JOURNAL STYLE
========================================================= */
.article-hero {
  background: #444a50;
  color: #fff;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 4.5rem 1.5rem 3.5rem;
}

.article-hero-inner {
  max-width: 900px;
  margin: 0 auto;
}

.article-type-label {
  display: inline-block;
  background: var(--isj-gold);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.35rem 0.9rem;
  border-radius: 3px;
  margin-bottom: 1.2rem;
}

.article-single-title {
  font-size: 2.4rem;
  line-height: 1.25;
  font-weight: 600;
  margin: 0;
  color: #ffffff;
}

/* =========================================================
   MAIN CONTENT WRAPPER
========================================================= */
.article-main {
  max-width: 780px;
  margin: 0 auto;
  padding: 3rem 1.5rem 4.5rem;
}

/* ================================
   META BAR (FULL WIDTH)
================================ */
.article-meta-bar {
  background: #cdcdcd;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  border-bottom: 1px solid #E2E5E8;
}

.article-meta-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem 0rem;
  font-size: 0.85rem;
  color: #4B5563;
}

.article-meta-inner a {
  color: #3A7CA5;
  text-decoration: none;
}

.article-meta-inner span{
  font-size: 1rem;
}

.article-meta-inner a:hover {
  text-decoration: underline;
}

.meta-sep {
  margin: 0 0.6rem;
  color: #9CA3AF;
}

/* ================================
   AUTHORS BLOCK SPACING
================================ */
.article-authors-block {
  background: var(--bg-soft);
  padding: 2.2rem 2.4rem;
  margin-bottom: 3.2rem;
}

.article-authors-block h2 {
  font-size: 1.80rem;
  font-weight: 600;
  color: var(--isj-navy);
  margin-bottom: 0.8rem;
}
.article-authors{
  font-size: 1rem;
  margin-bottom : 0px;
}
/* Optional: tighten abstract spacing */
.article-abstract {
  margin-top: 2.5rem;
}


/* =========================================================
   AFFILIATIONS
========================================================= */
.article-affiliations {
  margin-top: 1.1rem;
  font-size: 0.9rem;
  color: var(--text-main);
}

.article-affiliation {
  margin-bottom: 0.35rem;
}

.article-affiliation sup {
  font-size: 0.75em;
  font-weight: 600;
  margin-right: 4px;
}

/* =========================================================
   PDF BUTTON — SUBTLE
========================================================= */
.article-pdf-button {
  display: inline-block;
  margin-top: 1.2rem;
  background: transparent;
  color: var(--isj-navy);
  border: 1px solid var(--isj-navy);
  padding: 0.55rem 1.3rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
}

.article-pdf-button:hover {
  background: var(--isj-navy);
  color: #ffffff;
}

/* =========================================================
   ABSTRACT — SPRINGER-LIKE
========================================================= */
.article-abstract {
  background: var(--bg-soft);
  padding: 2.2rem 2.4rem;
  margin-bottom: 3.2rem;
}

.article-abstract h2 {
  font-size: 1.80rem;
  font-weight: 600;
  color: var(--isj-navy);
  margin-bottom: 0.8rem;
}

.article-abstract p {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--text-main);
  margin: 0;
}

/* =========================================================
   FULL ARTICLE CONTENT
========================================================= */
.article-content-body {
  font-size: 1rem;
  line-height: 1.8;
  color: var(--text-main);
}

.article-content-body h2 {
  font-size: 1.4rem;
  margin-top: 3rem;
  color: var(--isj-navy);
}

.article-content-body h3 {
  font-size: 1.2rem;
  margin-top: 2.2rem;
  color: var(--isj-navy);
}

.article-content-body p {
  margin-bottom: 1.3rem;
}

/* =========================================================
   ORCID
========================================================= */
.orcid-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin-left: 4px;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  background: #A6CE39;
  border-radius: 50%;
  text-decoration: none;
  vertical-align: middle;
}

.orcid-badge:hover {
  background: #8FBF2F;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 768px) {

  .article-hero {
    padding: 3.2rem 1.2rem 2.8rem;
  }

  .article-single-title {
    font-size: 1.8rem;
  }

  .article-main {
    padding: 2.2rem 1.2rem 3.5rem;
  }
}