/* ==========================================================================
   Lampos Journals — journal home, archive, issue TOC and article pages.
   Loaded only on journal screens (inc/journals.php). Uses the tokens in main.css.
   ========================================================================== */

/* ---------- Chips ---------- */
.lj-chip { display: inline-flex; align-items: center; gap: .35rem; font-size: .78rem; font-weight: 700; letter-spacing: .03em; padding: .28rem .7rem; border-radius: 99px; background: var(--cream-200); color: var(--indigo-900); text-decoration: none; line-height: 1.3; }
.lj-chip svg { width: 15px; height: 15px; }
.lj-chip--type { background: var(--indigo-800); color: var(--cream-50); }
.lj-chip--oa { background: #e4f1e6; color: #1f5e2e; }
.lj-chip--cc { background: var(--white); border: 1px solid var(--line); color: var(--indigo-800); }
.lj-chip--cc:hover { border-color: var(--indigo-700); color: var(--indigo-900); }
.lj-chip--gold { background: var(--gold-500); color: var(--indigo-950); }
.lj-tbc { display: inline-block; font: 700 .68rem/1.2 var(--font-body); letter-spacing: .08em; text-transform: uppercase; color: var(--crimson-700); background: #fbe7ec; border: 1px dashed var(--crimson-600); border-radius: 6px; padding: .18rem .45rem; vertical-align: middle; white-space: nowrap; }

/* ---------- Hero ---------- */
.lj-hero { position: relative; overflow: hidden; color: var(--cream-100);
  background: radial-gradient(900px 480px at 88% 10%, rgba(212,162,58,.30), transparent 60%), radial-gradient(700px 420px at 0% 120%, rgba(189,51,80,.28), transparent 60%), var(--indigo-900); }
.lj-hero::before { content: ""; position: absolute; inset: 0; background: url("../img/pattern-weave.svg") repeat; background-size: 52px; opacity: .45; mask-image: linear-gradient(100deg, transparent 25%, #000 80%); -webkit-mask-image: linear-gradient(100deg, transparent 25%, #000 80%); }
.lj-hero__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; padding: clamp(2.75rem, 6vw, 5rem) 0; }
.lj-hero--compact .lj-hero__inner { grid-template-columns: minmax(0, 1fr) 200px; padding: clamp(2.25rem, 4.5vw, 3.5rem) 0; }
.lj-hero--compact .lj-hero__inner:not(:has(.lj-hero__cover)) { grid-template-columns: 1fr; }
.lj-hero h1 { color: var(--cream-50); font-size: clamp(2.1rem, 4.4vw, 3.5rem); max-width: 18ch; }
.lj-hero--compact h1 { font-size: clamp(1.9rem, 3.6vw, 2.8rem); max-width: none; }
.lj-hero .eyebrow { color: var(--gold-400); }
.lj-hero .breadcrumb { color: var(--cream-200); }
.lj-hero__lead { color: var(--cream-200); font-size: 1.18rem; max-width: 56ch; margin-bottom: 1.5rem; }
.lj-hero--compact .lj-hero__lead { margin-bottom: 0; }
.lj-hero__cover { position: relative; }
.lj-hero__cover img, .lj-hero__cover .lj-gencover { width: 100%; height: auto; border-radius: 6px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.65), 0 0 0 1px rgba(255,255,255,.08); transform: rotate(2.5deg); transition: transform .4s ease; }
.lj-hero__cover:hover img, .lj-hero__cover:hover .lj-gencover { transform: rotate(0deg) translateY(-4px); }
.lj-hero__cover::after { content: ""; position: absolute; inset: auto -12% -10% 20%; height: 40%; background: radial-gradient(closest-side, rgba(212,162,58,.35), transparent); z-index: -1; }
.lj-facts { list-style: none; padding: 0; margin: 0 0 1.75rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem 1.25rem; max-width: 620px; }
.lj-facts li { display: flex; gap: .65rem; align-items: center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; padding: .6rem .8rem; font-size: .95rem; color: var(--cream-200); }
.lj-facts svg { width: 26px; height: 26px; color: var(--gold-400); flex-shrink: 0; }
.lj-facts strong { color: var(--cream-50); }
.lj-facts .lj-tbc { background: rgba(255,255,255,.08); color: var(--gold-200); border-color: var(--gold-400); }
.lj-hero__btns { display: flex; gap: .75rem; flex-wrap: wrap; }

/* ---------- Journal sub-navigation ---------- */
.lj-subnav { background: var(--white); border-bottom: 1px solid var(--line); box-shadow: var(--shadow-sm); }
.lj-subnav__inner { display: flex; align-items: center; gap: 1rem; min-height: 58px; }
.lj-subnav__brand { font-family: var(--font-display); font-weight: 700; font-size: 1.25rem; color: var(--lj-accent, var(--crimson-600)); text-decoration: none; padding-right: 1rem; border-right: 2px solid var(--line); }
.lj-subnav ul { list-style: none; display: flex; gap: .1rem; margin: 0; padding: 0; overflow-x: auto; scrollbar-width: none; flex: 1; }
.lj-subnav ul::-webkit-scrollbar { display: none; }
.lj-subnav ul a { display: block; padding: .55rem .8rem; border-radius: 8px; color: var(--indigo-800); text-decoration: none; font-weight: 600; font-size: .95rem; white-space: nowrap; }
.lj-subnav ul a:hover { background: var(--cream-100); color: var(--indigo-900); }
.lj-subnav ul a[aria-current="page"] { background: var(--indigo-100); color: var(--indigo-900); box-shadow: inset 0 -2px 0 var(--gold-500); }
.lj-subnav__cta { padding: .6rem 1.1rem; font-size: .92rem; white-space: nowrap; }

/* ---------- Issue table of contents ---------- */
.lj-toc { display: grid; gap: 1rem; }
.lj-toc-item { background: var(--white); border: 1px solid var(--line); border-left: 5px solid var(--indigo-800); border-radius: var(--radius); padding: 1.25rem 1.4rem; transition: box-shadow .2s, transform .2s, border-color .2s; }
.lj-toc-item:hover { box-shadow: var(--shadow); transform: translateY(-2px); border-left-color: var(--gold-500); }
.lj-toc-item__meta { display: flex; flex-wrap: wrap; gap: .5rem .75rem; align-items: center; margin-bottom: .6rem; }
.lj-toc-item__section { font-size: .85rem; color: var(--muted); font-weight: 600; }
.lj-toc-item__title { font-size: clamp(1.1rem, 1.8vw, 1.32rem); line-height: 1.3; margin: 0 0 .4rem; }
.lj-toc-item__title a { color: var(--indigo-900); text-decoration: none; }
.lj-toc-item__title a:hover { color: var(--crimson-600); text-decoration: underline; }
.lj-toc-item__authors { margin: 0 0 .8rem; color: var(--ink); font-weight: 600; }
.lj-toc-item__foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; align-items: center; font-size: .9rem; color: var(--muted); border-top: 1px dashed var(--line); padding-top: .75rem; }
.lj-toc-item__links { display: flex; gap: .4rem; flex-wrap: wrap; }
.lj-link { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .75rem; border-radius: 99px; background: var(--cream-100); color: var(--indigo-800); font-weight: 700; font-size: .85rem; text-decoration: none; }
.lj-link:hover { background: var(--indigo-800); color: var(--cream-50); }
.lj-link--pdf { background: var(--gold-200); color: var(--indigo-950); }
.lj-link svg { width: 16px; height: 16px; }

.lj-current__grid { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 2rem; align-items: start; }
.lj-current__cover img { width: 100%; height: auto; border-radius: 6px; box-shadow: var(--shadow-lg); transition: transform .3s; }
.lj-current__cover:hover img { transform: translateY(-4px) rotate(-1deg); }

/* ---------- Issue page ---------- */
.lj-issue { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: clamp(2rem, 4vw, 3.5rem); align-items: start; }
.lj-issue__intro { position: sticky; top: 150px; }
.lj-issue__stats { list-style: none; padding: 0; margin: 0 0 1.25rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.lj-issue__stats li { background: var(--white); padding: .8rem .6rem; text-align: center; display: flex; flex-direction: column; }
.lj-issue__stats strong { font-family: var(--font-display); color: var(--indigo-900); font-size: 1.05rem; }
.lj-issue__stats span { font-size: .78rem; color: var(--muted); line-height: 1.3; }
.lj-issue__desc { font-size: .98rem; color: var(--muted); }
.lj-h2-line { font-size: 1.5rem; display: flex; align-items: center; gap: 1rem; }
.lj-h2-line::after { content: ""; flex: 1; height: 2px; background: linear-gradient(90deg, var(--gold-500), transparent); }

/* ---------- Archive / journal list ---------- */
.lj-issue-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
.lj-issue-card { display: grid; grid-template-columns: 110px 1fr; gap: 1.1rem; align-items: center; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem; text-decoration: none; color: var(--ink); transition: box-shadow .2s, transform .2s; }
.lj-issue-card:hover { box-shadow: var(--shadow); transform: translateY(-3px); color: var(--ink); }
.lj-issue-card__cover img { width: 100%; height: auto; border-radius: 4px; box-shadow: var(--shadow-sm); }
.lj-issue-card__body { display: flex; flex-direction: column; gap: .3rem; align-items: flex-start; }
.lj-issue-card strong { font-family: var(--font-display); font-size: 1.2rem; color: var(--indigo-900); }
.lj-issue-card__title { font-style: italic; color: var(--indigo-700); }
.lj-issue-card__meta { font-size: .85rem; color: var(--muted); }
.lj-journal-list { display: grid; gap: 2rem; }
.lj-journal-card { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3rem); background: var(--white); border: 1px solid var(--line); border-radius: calc(var(--radius) * 1.4); padding: clamp(1.25rem, 3vw, 2rem); box-shadow: var(--shadow-sm); align-items: center; }
.lj-journal-card__cover img, .lj-journal-card__cover .lj-gencover { width: 100%; height: auto; border-radius: 6px; box-shadow: var(--shadow-lg); transform: rotate(-2deg); }
.lj-journal-card h2 a { color: var(--indigo-900); text-decoration: none; }
.lj-journal-card h2 a:hover { color: var(--crimson-600); }
.lj-journal-card p { color: var(--muted); }
.lj-journal-card__current a { font-weight: 700; }
.lj-journal-card .btn-row { display: flex; gap: .75rem; flex-wrap: wrap; }

/* ---------- Journal home extras ---------- */
.lj-about-split { align-items: start; }
.lj-prose p { color: var(--ink); }
.lj-facts-panel h3 { margin-bottom: 1rem; }
.lj-factlist { margin: 0; display: grid; gap: 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--white); }
.lj-factlist div { display: grid; grid-template-columns: 150px 1fr; gap: 1rem; padding: .7rem 1rem; border-bottom: 1px solid var(--line); }
.lj-factlist div:last-child { border-bottom: 0; }
.lj-factlist dt { font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); padding-top: .15rem; }
.lj-factlist dd { margin: 0; font-weight: 600; color: var(--indigo-900); }
.lj-factlist--dark { background: transparent; border-color: rgba(255,255,255,.14); }
.lj-factlist--dark div { border-color: rgba(255,255,255,.1); }
.lj-factlist--dark dt { color: var(--gold-200); }
.lj-factlist--dark dd { color: var(--cream-50); }
.lj-factlist--dark a { color: var(--gold-400); }
.lj-factlist--dark .lj-tbc { background: rgba(255,255,255,.08); color: var(--gold-200); border-color: var(--gold-400); }

.lj-team { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.25rem; }
.lj-team--few { grid-template-columns: repeat(auto-fill, minmax(260px, 340px)); }
.lj-person { display: flex; gap: 1.1rem; align-items: center; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.25rem 1.4rem; }
.lj-person__avatar { flex-shrink: 0; width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; font: 600 1.35rem var(--font-display); color: var(--gold-400); background: var(--indigo-800) url("../img/pattern-weave.svg"); background-size: 26px; box-shadow: 0 0 0 4px var(--cream-100), 0 0 0 5px var(--gold-500); }
.lj-person h3 { margin: 0; font-size: 1.15rem; }
.lj-person__role { margin: 0 0 .2rem; color: var(--gold-600); font-weight: 700; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; display: flex; gap: .4rem; align-items: center; flex-wrap: wrap; }
.lj-person__note { margin: .2rem 0 0; color: var(--muted); font-size: .92rem; }
.lj-note-top { margin-top: 1.5rem; }
.lj-cta .btn-row { flex-direction: column; align-items: stretch; }

/* ---------- About page ---------- */
.lj-about { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.lj-about__nav { position: sticky; top: 150px; }
.lj-aside-title { font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin: 0 0 .6rem; }
.lj-about__nav ul { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--line); }
.lj-about__nav a { display: block; padding: .35rem 0 .35rem 1rem; margin-left: -2px; border-left: 2px solid transparent; color: var(--indigo-800); text-decoration: none; font-weight: 600; font-size: .95rem; }
.lj-about__nav a:hover { border-left-color: var(--gold-500); color: var(--crimson-600); }
.lj-license { display: inline-flex; align-items: center; gap: .5rem; font-weight: 700; }
.lj-license svg { width: 22px; height: 22px; }

/* ---------- Article page ---------- */
.lj-art-head { background: linear-gradient(180deg, var(--white), var(--cream-50)); padding: 1.6rem 0 2rem; border-bottom: 1px solid var(--line); }
.lj-art-head__badges { display: flex; flex-wrap: wrap; gap: .45rem; margin: .4rem 0 .9rem; }
.lj-art-head__section { margin: 0 0 .35rem; font-size: .85rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--crimson-600); }
.lj-art-title { font-size: clamp(1.7rem, 3.4vw, 2.6rem); line-height: 1.18; max-width: 30ch; margin-bottom: 1rem; }
.lj-art-title__sub { display: block; font-size: .6em; font-style: italic; color: var(--muted); font-weight: 500; margin-top: .3rem; }
.lj-authors { list-style: none; padding: 0; margin: 0 0 .35rem; display: flex; flex-wrap: wrap; gap: .2rem .4rem; font-size: 1.12rem; }
.lj-authors li:not(:last-child)::after { content: ","; }
.lj-authors__name { font-weight: 700; color: var(--indigo-900); }
.lj-authors sup { color: var(--crimson-600); font-weight: 700; margin-left: 1px; }
.lj-orcid { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #a6ce39; color: #fff; font-size: .62rem; font-weight: 700; text-decoration: none; vertical-align: middle; }
.lj-affs { list-style: none; padding: 0; margin: 0 0 1rem; font-size: .92rem; color: var(--muted); counter-reset: aff; }
.lj-affs li { counter-increment: aff; }
.lj-affs li::before { content: counter(aff); color: var(--crimson-600); font-weight: 700; font-size: .75em; vertical-align: super; margin-right: .25rem; }
.lj-art-head__cite { margin: 0 0 .35rem; color: var(--muted); }
.lj-art-head__cite a { color: var(--indigo-700); }
.lj-doi-line { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin: 0 0 1.2rem; font-size: .95rem; color: var(--muted); }
.lj-doi-line svg { width: 18px; height: 18px; color: var(--gold-600); }
.lj-doi-line__label { font-weight: 700; color: var(--indigo-900); }
.lj-doi-line a { overflow-wrap: anywhere; }
.lj-doi-pending { font-weight: 700; color: var(--indigo-800); background: var(--cream-100); border: 1px dashed #c9b88e; border-radius: 6px; padding: .12rem .5rem; font-size: .88rem; }
.lj-art-head__actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.lj-btn-note { font-weight: 600; opacity: .75; font-size: .88em; }

.lj-art { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: clamp(2rem, 4vw, 3.5rem); align-items: start; padding: clamp(2rem, 4vw, 3rem) 0 clamp(3rem, 6vw, 5rem); }
.lj-art__aside { position: sticky; top: 140px; display: grid; gap: 1rem; max-height: calc(100vh - 160px); overflow-y: auto; padding-right: .25rem; scrollbar-width: thin; }
.lj-aside-box { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem 1.1rem; }
.lj-otp, .lj-otp ul { list-style: none; margin: 0; padding: 0; }
.lj-otp ul { margin: .15rem 0 .3rem .7rem; border-left: 2px solid var(--line); }
.lj-otp a { display: block; padding: .28rem .6rem; border-radius: 6px; color: var(--indigo-800); text-decoration: none; font-weight: 600; font-size: .93rem; line-height: 1.35; }
.lj-otp ul a { font-weight: 500; font-size: .88rem; color: var(--muted); border-radius: 0 6px 6px 0; margin-left: -2px; border-left: 2px solid transparent; }
.lj-otp a:hover, .lj-otp a.is-active { background: var(--cream-100); color: var(--indigo-900); }
.lj-otp ul a.is-active { border-left-color: var(--gold-500); }
.lj-pdf-card { display: flex; gap: .85rem; align-items: center; background: var(--indigo-900); color: var(--cream-100); border-radius: var(--radius); padding: 1rem 1.1rem; text-decoration: none; position: relative; overflow: hidden; }
.lj-pdf-card::before { content: ""; position: absolute; inset: 0; background: url("../img/pattern-weave.svg"); background-size: 40px; opacity: .25; }
.lj-pdf-card > * { position: relative; }
.lj-pdf-card:hover { color: var(--white); box-shadow: var(--shadow); }
.lj-pdf-card__icon { width: 46px; height: 46px; border-radius: 12px; background: var(--gold-500); color: var(--indigo-950); display: grid; place-items: center; flex-shrink: 0; }
.lj-pdf-card__icon svg { width: 26px; height: 26px; }
.lj-pdf-card strong { display: block; color: var(--cream-50); font-family: var(--font-display); font-size: 1.08rem; }
.lj-pdf-card span span { font-size: .85rem; color: var(--cream-200); }
.lj-aside-issue { display: grid; grid-template-columns: 70px 1fr; gap: .8rem; align-items: center; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: .8rem; text-decoration: none; color: var(--ink); }
.lj-aside-issue img { width: 70px; height: auto; border-radius: 3px; box-shadow: var(--shadow-sm); }
.lj-aside-issue small { display: block; color: var(--muted); font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }
.lj-aside-issue strong { display: block; color: var(--indigo-900); font-family: var(--font-display); }
.lj-aside-issue span span { font-size: .88rem; font-style: italic; color: var(--indigo-700); }

.lj-art__main { min-width: 0; max-width: 820px; }
.lj-art__main > section { scroll-margin-top: 150px; }
.lj-art__main h2 { font-size: clamp(1.5rem, 2.4vw, 1.9rem); }
.lj-abstract { background: var(--white); border: 1px solid var(--line); border-top: 5px solid var(--gold-500); border-radius: var(--radius); padding: clamp(1.25rem, 3vw, 2rem); margin-bottom: 2.5rem; }
.lj-abstract p { font-size: 1.06rem; }
.lj-keywords { display: flex; flex-wrap: wrap; gap: .5rem .75rem; align-items: center; border-top: 1px dashed var(--line); padding-top: 1rem; margin-top: 1.25rem; }
.lj-keywords__label { font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.lj-keywords ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.lj-keywords li { background: var(--indigo-100); color: var(--indigo-800); font-weight: 600; font-size: .86rem; padding: .25rem .7rem; border-radius: 99px; }

.lj-fulltext__head { border-bottom: 2px solid var(--indigo-900); margin-bottom: 1.5rem; padding-bottom: .75rem; }
.lj-fulltext__head h2 { margin-bottom: .35rem; }
.lj-fulltext__head p { color: var(--muted); font-size: .92rem; margin: 0; }
.lj-ft { font-size: 1.05rem; line-height: 1.75; }
.lj-ft .ft-section { scroll-margin-top: 150px; margin-bottom: 2rem; }
.lj-ft .ft-section h2 { font-size: 1.45rem; margin: 2rem 0 .8rem; padding-left: .8rem; border-left: 4px solid var(--gold-500); }
.lj-ft p { margin: 0 0 1.05em; text-align: left; hyphens: auto; }
.lj-ft .ft-list { padding-left: 1.4rem; margin: 0 0 1.2rem; }
.lj-ft .ft-list li { margin-bottom: .45rem; padding-left: .25rem; }
.lj-ft .ft-figure { margin: 1.75rem 0; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem; }
.lj-ft .ft-figure img { width: 100%; height: auto; }
.lj-ft figcaption { font-size: .95rem; margin-bottom: .75rem; color: var(--indigo-900); }
.lj-ft figcaption strong { margin-right: .35rem; }
.lj-ft .ft-table { margin: 1.75rem 0; }
.lj-ft .ft-table__scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--white); -webkit-overflow-scrolling: touch; }
.lj-ft .ft-table__scroll:focus-visible { outline: 3px solid var(--gold-500); }
.lj-ft table { border-collapse: collapse; width: 100%; font-size: .88rem; line-height: 1.4; font-variant-numeric: tabular-nums; }
.lj-ft th, .lj-ft td { padding: .5rem .65rem; border-bottom: 1px solid var(--line); text-align: center; white-space: nowrap; }
.lj-ft th { background: var(--indigo-900); color: var(--cream-50); font-weight: 700; border-color: rgba(255,255,255,.12); }
.lj-ft thead tr + tr th { background: var(--indigo-800); }
.lj-ft thead tr + tr + tr th { background: var(--indigo-700); }
.lj-ft td:first-child { text-align: left; font-weight: 600; color: var(--indigo-900); }
.lj-ft tbody tr:nth-child(even) td { background: var(--cream-50); }
.lj-ft td.ft-multi { text-align: center; font-weight: 600; background: var(--cream-100) !important; color: var(--indigo-900); white-space: normal; }
.lj-ft .ft-note { font-size: .82rem; color: var(--muted); line-height: 1.5; margin: .5rem 0 0; }
.lj-ft .ft-decl { margin: 0; display: grid; gap: .75rem; }
.lj-ft .ft-decl div { background: var(--cream-100); border-radius: var(--radius-sm); padding: .8rem 1rem; }
.lj-ft .ft-decl dt { font-weight: 700; color: var(--indigo-900); font-size: .9rem; }
.lj-ft .ft-decl dd { margin: .2rem 0 0; font-size: .95rem; color: var(--ink); }
.lj-ft .ft-refs { padding-left: 0; list-style: none; counter-reset: ref; font-size: .93rem; line-height: 1.55; }
.lj-ft .ft-refs li { padding: .55rem 0 .55rem 2.6rem; border-bottom: 1px dashed var(--line); position: relative; overflow-wrap: anywhere; counter-increment: ref; }
.lj-ft .ft-refs li::before { content: counter(ref); position: absolute; left: 0; top: .55rem; width: 1.9rem; text-align: right; color: var(--gold-600); font-weight: 700; font-size: .85rem; }

.lj-cite, .lj-info { margin-top: 2.5rem; }
.lj-cite__box { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.1rem 1.25rem; display: grid; gap: .6rem; justify-items: start; }
.lj-cite__style { margin: 0; font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.lj-cite__text { margin: 0; font-size: 1rem; overflow-wrap: anywhere; }
.lj-copy { padding: .5rem 1rem; font-size: .9rem; }
.lj-specs { grid-template-columns: repeat(2, 1fr); }
.lj-specs dd a { overflow-wrap: anywhere; }
.lj-license-note { display: flex; gap: .75rem; align-items: flex-start; font-size: .9rem; color: var(--muted); background: var(--cream-100); border-radius: var(--radius-sm); padding: .9rem 1rem; }
.lj-license-note svg { width: 28px; height: 28px; flex-shrink: 0; color: var(--indigo-800); }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  .lj-art { grid-template-columns: 1fr; }
  .lj-art__aside { position: static; max-height: none; overflow: visible; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lj-aside-box--toc { grid-column: 1 / -1; }
  .lj-otp ul { display: none; }
  .lj-otp { display: flex; flex-wrap: wrap; gap: .3rem; }
  .lj-art__main { max-width: none; }
}
@media (max-width: 960px) {
  .lj-hero__inner, .lj-hero--compact .lj-hero__inner { grid-template-columns: 1fr; }
  .lj-hero__cover { max-width: 220px; order: -1; margin-top: .5rem; }
  .lj-hero--compact .lj-hero__cover { display: none; }
  .lj-issue, .lj-about { grid-template-columns: 1fr; }
  .lj-issue__intro, .lj-about__nav { position: static; }
  .lj-about__nav ul { display: flex; flex-wrap: wrap; gap: .3rem; border: 0; }
  .lj-about__nav a { border: 1px solid var(--line); border-radius: 99px; padding: .3rem .8rem; margin: 0; background: var(--white); font-size: .88rem; }
  .lj-current__grid { grid-template-columns: 1fr; }
  .lj-current__cover { max-width: 200px; }
  .lj-journal-card { grid-template-columns: 1fr; }
  .lj-journal-card__cover { max-width: 200px; }
}
@media (max-width: 820px) {
  .lj-subnav__inner { flex-wrap: wrap; gap: .25rem .75rem; padding: .5rem 0; }
  .lj-subnav__brand { border: 0; padding: 0; }
  .lj-subnav ul { order: 3; flex: 1 0 100%; }
  .lj-subnav__cta { margin-left: auto; padding: .5rem .9rem; font-size: .85rem; }
}
@media (max-width: 640px) {
  .lj-facts { grid-template-columns: 1fr; }
  .lj-hero__cover { max-width: 170px; }
  .lj-art__aside { grid-template-columns: 1fr; }
  .lj-specs { grid-template-columns: 1fr 1fr; }
  .lj-factlist div { grid-template-columns: 1fr; gap: .1rem; }
  .lj-issue-card { grid-template-columns: 84px 1fr; }
  .lj-art-head__actions .btn { flex: 1 1 auto; }
  .lj-ft { font-size: 1rem; }
  .lj-toc-item { padding: 1rem 1.1rem; }
  .lj-toc-item__foot { flex-direction: column; align-items: flex-start; }
}

/* ==========================================================================
   1.2.0 — per-journal accent, generated covers, call for papers, empty states
   ========================================================================== */
.lj-gencover { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; border-radius: 6px; }
.lj-hero__cover .lj-gencover { box-shadow: 0 30px 60px -20px rgba(0,0,0,.65), 0 0 0 1px rgba(255,255,255,.1); }
.lj-journal-card__cover .lj-gencover { box-shadow: var(--shadow-lg); }
.lj-hero { background: radial-gradient(900px 480px at 88% 10%, rgba(212,162,58,.30), transparent 60%), radial-gradient(700px 420px at 0% 120%, color-mix(in srgb, var(--lj-accent, #bd3350) 34%, transparent), transparent 60%), var(--indigo-900); }
.lj-journal-card { border-top: 5px solid var(--lj-accent, var(--crimson-600)); }
.lj-journal-card h2 a:hover { color: var(--lj-accent, var(--crimson-600)); }
.lj-badge-acr { background: var(--lj-accent, var(--indigo-800)) !important; color: #fff !important; }
.lj-badge-cfp { background: var(--gold-500) !important; color: var(--indigo-950) !important; }
.lj-journal-list { display: grid; gap: 1.75rem; }

/* Call for papers */
.lj-cfp { padding-top: clamp(2rem, 5vw, 3.5rem); }
.lj-cfp__card { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3rem); padding: clamp(1.75rem, 4vw, 3rem); border-radius: calc(var(--radius) * 1.6); color: var(--cream-100);
  background: radial-gradient(600px 320px at 100% 0%, color-mix(in srgb, var(--lj-accent, #bd3350) 55%, transparent), transparent 70%), linear-gradient(135deg, var(--indigo-900), var(--indigo-950)); box-shadow: var(--shadow-lg); }
.lj-cfp__card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: linear-gradient(var(--lj-accent, #bd3350), var(--gold-500)); }
.lj-cfp__flag { display: inline-flex; align-items: center; gap: .45rem; background: var(--gold-500); color: var(--indigo-950); font-weight: 800; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; padding: .38rem .8rem; border-radius: 99px; margin-bottom: 1rem; }
.lj-cfp__flag svg { width: 16px; height: 16px; }
.lj-cfp h2 { color: var(--cream-50); font-size: clamp(1.7rem, 3.4vw, 2.5rem); margin-bottom: .75rem; }
.lj-cfp__text p { color: var(--cream-200); font-size: 1.05rem; max-width: 62ch; }
.lj-cfp .btn-row { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1.25rem; }
.lj-cfp__side { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius); padding: 1.4rem 1.5rem; align-self: start; }
.lj-cfp__side h3 { color: var(--gold-400); font-size: 1.05rem; letter-spacing: .02em; margin-bottom: .75rem; }
.lj-cfp__topics { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.lj-cfp__topics li { position: relative; padding-left: 1.4rem; color: var(--cream-100); line-height: 1.45; }
.lj-cfp__topics li::before { content: ""; position: absolute; left: 0; top: .5em; width: 8px; height: 8px; transform: rotate(45deg); background: var(--lj-accent, var(--gold-500)); box-shadow: 0 0 0 2px rgba(212,162,58,.6); }
.lj-cfp__when { display: flex; gap: .6rem; align-items: flex-start; margin: 1.1rem 0 0; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.12); color: var(--cream-200); font-size: .95rem; }
.lj-cfp__when svg { width: 22px; height: 22px; color: var(--gold-400); flex-shrink: 0; }

/* First issue coming soon */
.lj-soon { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: center; background: var(--white); border: 1px dashed color-mix(in srgb, var(--lj-accent, #bd3350) 55%, var(--line)); border-radius: calc(var(--radius) * 1.4); padding: clamp(1.5rem, 4vw, 2.5rem); }
.lj-soon__cover { position: relative; }
.lj-soon__cover .lj-gencover { opacity: .9; filter: saturate(.9); transform: rotate(-2deg); box-shadow: var(--shadow-lg); }
.lj-soon h2 { font-size: clamp(1.5rem, 3vw, 2.1rem); }
.lj-soon p { color: var(--muted); max-width: 60ch; }
.lj-soon .btn-row { display: flex; gap: .75rem; flex-wrap: wrap; }

/* Editors-only draft notice */
.lj-draft { background: repeating-linear-gradient(135deg, #fff6dc, #fff6dc 12px, #fdeec4 12px, #fdeec4 24px); border-bottom: 1px solid var(--gold-500); color: var(--indigo-900); font-size: .92rem; padding: .6rem 0; }

@media (max-width: 960px) {
  .lj-cfp__card { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .lj-soon { grid-template-columns: 1fr; text-align: left; }
  .lj-soon__cover { max-width: 170px; }
  .lj-team--few { grid-template-columns: 1fr; }
}

/* 1.2.3: Join our editorial team */
.lj-join { border-top: 1px solid var(--line); }
.lj-join--featured { border-top: 0; background: color-mix(in srgb, var(--lj-accent, #bd3350) 7%, var(--cream-50, #fbf8f1)); }
.lj-join__head { max-width: 46rem; margin-bottom: clamp(1.25rem, 3vw, 2rem); }
.lj-join__head h2 { font-size: clamp(1.7rem, 3.4vw, 2.4rem); margin: .25rem 0 .75rem; }
.lj-join__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2.5vw, 1.5rem); }
.lj-join__card { background: var(--white, #fff); border: 1px solid var(--line); border-top: 4px solid var(--lj-accent, #bd3350); border-radius: var(--radius); padding: clamp(1.1rem, 2.5vw, 1.5rem); }
.lj-join__card h3 { font-size: 1.15rem; margin-bottom: .6rem; }
.lj-join__card ul { margin: 0; padding-left: 1.1rem; }
.lj-join__card li { margin-bottom: .45rem; }
.lj-join__apply { margin-top: clamp(1.25rem, 3vw, 2rem); background: var(--indigo-900, #1d1640); color: var(--cream-100, #f6f1e4); border-radius: calc(var(--radius) * 1.4); padding: clamp(1.4rem, 3.5vw, 2.25rem); }
.lj-join__apply h3 { color: var(--cream-50, #fff); margin-bottom: .75rem; }
.lj-join__apply a:not(.btn) { color: var(--gold-300, #f0d27a); }
.lj-join__steps { margin: 0; padding-left: 1.3rem; display: grid; gap: .9rem; }
.lj-join__steps .btn-row { margin-top: .6rem; }
.lj-join__subject { display: inline-block; margin-top: .3rem; padding: .15rem .5rem; border-radius: 4px; background: rgba(255,255,255,.1); font-family: ui-monospace, monospace; font-size: .88em; overflow-wrap: anywhere; }
.lj-join-cta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: 1.5rem; padding: 1rem 1.25rem; border: 1px dashed color-mix(in srgb, var(--lj-accent, #bd3350) 55%, var(--line)); border-radius: var(--radius); background: var(--white, #fff); }
.lj-join-cta p { margin: 0; font-weight: 600; }
.lj-draft--inline { margin-bottom: 1rem; border-radius: var(--radius); padding: .6rem 1rem; border: 1px solid var(--gold-500); }
@media (max-width: 760px) { .lj-join__grid { grid-template-columns: 1fr; } }