/* article.css: a published article reproduced on the site, with the summary
   above it and the PDF alongside. Loads after /nav.css and /lhc-core.css. */

/* ---- who wrote it and where it appeared ---- */
.byline{
  max-width:var(--readw);margin:0 auto;padding:2rem 2rem 0;
}
.byline p{
  font-family:'League Spartan',sans-serif;font-size:.95rem;line-height:1.6;
  color:var(--text-light);margin:0 0 .35rem;
}
.byline p b{color:var(--indigo);font-weight:700}

/* ---- the PDF of the published article ---- */
.getpdf{
  max-width:var(--readw);margin:1.5rem auto 0;padding:0 2rem;
  display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;
}
.getpdf a{
  font-family:'League Spartan',sans-serif;font-weight:700;font-size:.9rem;
  padding:.65rem 1.4rem;border-radius:8px;text-decoration:none;
  background:var(--accent);color:var(--indigo);
}
.getpdf a:hover{background:var(--peach-bright)}
.getpdf a.plain{
  background:none;color:var(--indigo);border:1.5px solid var(--border);
}
.getpdf a.plain:hover{border-color:var(--indigo)}

/* ---- the short version, for a reader who has two minutes ---- */
.summary{
  max-width:var(--readw);margin:2rem auto 0;
  background:var(--lav-soft);border:1px solid var(--periwinkle);
  border-radius:14px;padding:1.6rem 1.8rem 1.8rem;
}
.summary h2{font-weight:800;font-size:1.3rem;color:var(--indigo);margin:0 0 .3rem}
.summary .who{
  font-family:'League Spartan',sans-serif;font-size:.78rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--text-muted);margin:0 0 1rem;
}
.summary p{font-size:1rem;line-height:1.7;color:var(--text);margin:0 0 .9rem}
.summary ul{margin:.2rem 0 1rem 1.25rem}
.summary li{font-size:1rem;line-height:1.65;margin-bottom:.5rem}
.summary li b{color:var(--indigo)}
.summary > :last-child{margin-bottom:0}

/* ---- the article itself ---- */
.article-start{
  max-width:var(--readw);margin:2.5rem auto 0;padding:0 2rem;
}
.article-start p{
  font-family:'League Spartan',sans-serif;font-size:.78rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--text-muted);margin:0 0 .5rem;
  border-top:1px solid var(--border);padding-top:1.5rem;
}
.prose .lhc-table{font-size:.95rem}
.prose .lhc-table td:last-child{
  font-family:'League Spartan',sans-serif;font-weight:700;color:var(--indigo);
  text-align:right;white-space:nowrap;width:4.5rem;
}
.prose blockquote{
  border-left:3px solid var(--accent);margin:1.4rem 0;padding:.2rem 0 .2rem 1.2rem;
  font-size:1.02rem;line-height:1.7;color:var(--text-light);font-style:italic;
}
.notes{
  max-width:var(--readw);margin:0 auto;padding:1rem 2rem 3rem;
  border-top:1px solid var(--border);
}
.notes h2{font-weight:800;font-size:1.1rem;color:var(--indigo);margin:1.5rem 0 .75rem}
.notes ol{margin:0 0 0 1.3rem;padding:0}
.notes li{font-size:.88rem;line-height:1.6;color:var(--text-light);margin-bottom:.6rem}
.notes a{color:var(--accent-deep);word-break:break-word}

/* ---- the survey charts, carried over from the survey page ---- */
.chartfig{margin:1.6rem 0}
.chartfig svg{border:1px solid var(--border);border-radius:14px;padding:14px 14px 6px;
  background:var(--white);max-width:100%;height:auto}
.chartfig .figcap{font-family:'League Spartan',sans-serif;font-size:.82rem;color:var(--text-muted);
  margin-top:.6rem;line-height:1.5}