/* ==========================================================================
   Legal disclaimer — trailing block rendered under the customLayout
   investigations, between the article body and Related reading.

   Deliberately NOT scoped under .investigation_blog, for the same reason as
   related-reading.css: the block appears both inside that scope and inside
   the full-bleed customLayout shells that own their own namespace. Tokens are
   inlined because the hosts do not share a variable scope, and the values
   mirror .investigation_blog .disc in investigation-blog.css so the two
   disclaimer styles read the same across the set.
   ========================================================================== */

.inv-disclaimer {
  --idc-grey: #aab0bc;
  --idc-dim: #7e8696;
  --idc-line: rgba(255, 255, 255, 0.06);
  --idc-mono: "DM Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo,
    monospace;

  max-width: 60rem;
  margin: 56px auto 0;
  padding: 28px 26px 0;
  border-top: 1px solid var(--idc-line);
  font-family: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.inv-disclaimer .inv-disclaimer__head {
  margin: 0 0 18px;
  font-family: var(--idc-mono);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--idc-dim);
}

.inv-disclaimer .inv-disclaimer__body p {
  margin: 0 0 14px;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--idc-grey);
}

.inv-disclaimer .inv-disclaimer__body p:last-child {
  margin-bottom: 0;
}

@media (max-width: 640px) {
  .inv-disclaimer {
    padding-left: 20px;
    padding-right: 20px;
  }
}