/* ---------------------------------------------------------------
   Syndicate rebuild — corrections over the inherited theme.
   Each rule maps to a numbered item on Christian's punch list.
   --------------------------------------------------------------- */

/* 1 — the symposium intro rendered larger than the contributions.
      Both now sit at the body size so the page reads as one piece. */
#symposium-intro .symposium-description,
#symposium-intro .symposium-description p,
#symposium-intro .entry-content p {
  font-size: 1rem;
  line-height: 1.9;
}

/* 2 — the epigraph was marked up as <h3><em>, i.e. a heading, which is
      why it was enormous. Treated as a pull quote instead. */
.commentary-body > h3:first-child,
.commentary-body > h3:first-child + h3,
.commentary-body > .epigraph {
  font-size: 1.0625rem;
  line-height: 1.6;
  font-style: italic;
  font-weight: 400;
  color: #3a3a3a;
  margin: 0 0 .6rem;
  padding-left: 1.1rem;
  border-left: 3px solid #c9c2b6;
  max-width: 34rem;
}
.commentary-body > h3:first-child em,
.commentary-body > h3:first-child + h3 em { font-style: italic; font-weight: 400; }
.commentary-body > h5 { /* the attribution line under an epigraph */
  font-size: .9375rem; font-weight: 400; font-style: normal;
  color: #6b6b6b; margin: 0 0 1.8rem; padding-left: 1.1rem;
}

/* 4 — the quote marks around a contribution title were floating.
      Generated marks removed; real marks sit inline on the baseline. */
.commentary-title::before, .commentary-title::after,
#symposium-sidebar .sidebar-commentary-title::before,
#symposium-sidebar .sidebar-commentary-title::after { content: none !important; }
.sidebar-commentary-title { font-style: italic; }

/* 3 — the sidebar was a wall of identical "Reply by X" lines.
      Grouped under the contribution, exchange summarised, names not repeated. */
#symposium-sidebar .sidebar-entry { margin: 0 0 1.4rem; padding: 0 0 1.2rem; border-bottom: 1px solid #e3ded5; }
#symposium-sidebar .sidebar-entry:last-child { border-bottom: 0; }
#symposium-sidebar .sidebar-author { font-weight: 700; letter-spacing: .02em; text-transform: uppercase; font-size: .8125rem; }
#symposium-sidebar .sidebar-commentary-title { display: block; font-size: .9375rem; margin: .15rem 0 .4rem; }
#symposium-sidebar .exchange { font-size: .8125rem; color: #6b6b6b; }
#symposium-sidebar .exchange a { color: #6b6b6b; text-decoration: underline; }
#symposium-sidebar .exchange .count { font-weight: 700; color: #3a3a3a; }

/* 5 + 6 — the footnote popup opened empty and left a stray numbered box.
      Replaced with a self-contained implementation; the source list is
      kept in the page for printing and for readers without JS. */
.fn-ref { font-size: .72em; vertical-align: super; line-height: 0;
          padding: .12em .42em; margin-left: .15em; border-radius: 1em;
          background: #e8e3d9; color: #3a3a3a; text-decoration: none; cursor: pointer; }
.fn-ref:hover { background: #d8d1c4; }
.fn-pop { position: absolute; z-index: 60; max-width: 26rem; background: #fff;
          border: 1px solid #d8d1c4; border-radius: 6px; padding: .85rem 1rem;
          box-shadow: 0 6px 24px rgba(0,0,0,.14); font-size: .9375rem; line-height: 1.55; }
.fn-pop p { margin: 0 0 .5rem; } .fn-pop p:last-child { margin: 0; }
.fn-pop .fn-close { position: absolute; top: .3rem; right: .5rem; cursor: pointer;
                    color: #999; font-size: 1.1rem; line-height: 1; }
.footnotes { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid #e3ded5; font-size: .875rem; }
.footnotes ol { padding-left: 1.2rem; } .footnotes li { margin-bottom: .5rem; }


/* --------------------------------------------------------------------
   Measured against the live site and set explicitly, because the grid
   and font rules the theme relies on do not reach this markup.
   -------------------------------------------------------------------- */
#symposium-intro { max-width: 1100px; margin-left: auto; margin-right: auto; }
.commentary-block .row,
.commentary-block .col-sm-8 { width: 759px; max-width: 100%; margin-left: auto; margin-right: auto; float: none; }
@media (max-width: 820px) { .commentary-block .row, .commentary-block .col-sm-8 { width: 100%; padding: 0 1.25rem; } }

.commentary-body, .response-content,
#symposium-intro .symposium-intro {
  font-family: "Crimson Text", Georgia, serif;
  font-size: 20px; line-height: 34px;
}
.commentary-body p, .response-content p { margin: 0 0 1.1rem; }

/* the visible title is .post-title; .commentary-title is hidden by the theme */
.commentary-block .post-title, .response-block .post-title {
  display: block; text-align: center; font-size: 29px; line-height: 1.25;
  margin: .2rem 0 1.2rem; font-family: "Work Sans", system-ui, sans-serif; font-weight: 700;
}
.response-block .post-title { font-size: 23px; }
.commentary-block .intro-author, .response-block .intro-author {
  display: block; text-align: center; font-size: 15px;
  font-family: "Work Sans", system-ui, sans-serif; margin: 0 0 .2rem;
}
.commentary-block .symposium-info, .response-block .symposium-info { text-align: center; }
.author-thumb { display: block; margin: 0 auto .6rem; }
.author-thumb img { width: 75px; height: 75px; border-radius: 50%; object-fit: cover; display: block; margin: 0 auto; }
#symposium-sidebar .author-thumb img { width: 34px; height: 34px; margin: 0 .55rem 0 0; }
#symposium-sidebar .author-thumb { display: inline-block; vertical-align: middle; margin: 0; }

/* --- measured against the live original, 2026-10-30 --- */
/* symposium h1 renders 40px/40px on the original; a generic .post-title rule
   in the inlined theme CSS was knocking it down to 30px here. */
.symposium-info h1.post-title { font-size: 40px; line-height: 40px; }