/* ---------- What Is Human Trafficking? — the recovered 2017 primer ---------- */
/* Measure, leading and body colour come from .prose-section in site.css. */

.article-byline{
  margin-top:12px;
  font-size:13px;
  color:var(--gen-text-dim);
}

.article h2{
  margin-top:44px;
  font-size:1.4rem;
}

/* .prose-section caps the measure on p only; capped on the ul here so the
   bullet indent sits inside it rather than pushing the text past. */
.article ul{
  max-width:74ch;
  padding-left:22px;
}
.article li{
  color:var(--gen-text-dim);
  font-size:16px;
  line-height:1.75;
  margin-bottom:8px;
}

.article .article-note{
  padding:14px 18px;
  border-left:2px solid var(--gen-teal);
  background:var(--gen-frost-2);
  font-size:14.5px;
  font-style:italic;
}

.article blockquote{
  max-width:74ch;
  margin:26px 0;
  padding:20px 22px;
  background:var(--gen-frost-2);
  border-left:3px solid var(--gen-gold);
}
.article blockquote p{ margin:0; font-size:15.5px; }

.article .article-refs li{ font-size:14.5px; }

/* Underlined, not colour alone: citations sit mid-sentence. The :not() keeps
   it off the CTA, which is a target rather than a link in a sentence. */
.article a:not(.gen-cta-link){
  color:var(--gen-teal-text);
  text-decoration:underline;
  text-underline-offset:2px;
}

.article-more a{ font-size:13.5px; }

@media (min-width:700px){
  .article h2{ font-size:1.55rem; }
}
