/* =========================================================================
         file: web/common/journal.css
  description: Journal layer (article header, abstract, cite box) shared by Fist and Rose and
               the Democratic Socialist essays. Loads AFTER pg.css.
      version: v01 [2026-Nov-07] (from fr.css v02; fr.css is retired)
  notes:  * Article-header classes mirror the planned fistandrose.sty title block
            (authors, affiliations, ORCID, dates, DOI, license).
          * The rose accent is not here: pg.css defines --rose and body.brand-rose.
============================================================================ */

/* ---- Article header (mirrors the LaTeX title block) ----------------------- */
.article-header { margin: 1.5rem 0; padding-bottom: 1rem; border-bottom: 1px solid var(--rule); }
.article-type { font-size: .9rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--rose); margin: 0; }
.article-header h1 { font-size: 2rem; margin: .25rem 0 .75rem; }
.authors { margin: .25rem 0; font-weight: 700; }
.authors sup { font-weight: 400; margin-left: .1em; }
.orcid { display: inline-block; width: 1em; height: 1em; vertical-align: -.1em; margin-left: .25em; background: url("img/orcid.svg") center/contain no-repeat; }
.affiliations { margin: .25rem 0 0; padding: 0; list-style: none; font-size: .95rem; color: var(--muted); }
.affiliations li { margin: 0; }
.corresponding { font-size: .95rem; margin: .5rem 0 0; }

.meta { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; margin: .75rem 0 0; padding: .5rem 0; font-size: .9rem; border-top: 1px solid var(--rule); }
.meta dt { display: inline; font-weight: 700; }
.meta dd { display: inline; margin: 0 0 0 .25rem; }
.meta div { white-space: nowrap; }

.abstract { margin: 1.5rem 0; padding: .75rem 1rem; background: var(--surface); border-left: 4px solid var(--leaf); }
.abstract h2 { font-size: 1.1rem; margin: 0 0 .25rem; }
.keywords { font-size: .95rem; }
.keywords strong { font-style: italic; }

.cite-box { margin: 1.5rem 0; padding: .75rem 1rem; border: 1px solid var(--rule); font-size: .95rem; }
.cite-box h2 { font-size: 1rem; margin: 0 0 .25rem; }