/* Components scoped to this educational article. */
.tenant-article .blog-post__title { max-width: 23ch; }
.tenant-article .blog-post__content p,
.tenant-article .blog-post__content li { color: #595c54; }
.tenant-article .blog-post__content a:not(.btn) { color: #4c6243; text-decoration: underline; text-underline-offset: .2em; }
.tenant-article .blog-post__content h2[id],
.tenant-article .blog-post__content h3[id] { scroll-margin-top: 110px; }
.tenant-article .tenant-lead { font-size: 1.12rem; line-height: 1.8; }
.tenant-article .tenant-review { padding: 1rem 1.25rem; margin-top: 1.5rem; border-left: 3px solid #6b7a62; background: #fff; color: #595c54; font-size: .82rem; line-height: 1.65; }
.tenant-article .tenant-toc { padding: 1.5rem; margin: 2rem 0; background: var(--linen); }
.tenant-article .tenant-toc ol { margin: .75rem 0 0; }
.tenant-article .tenant-figure { margin: 2rem 0; }
.tenant-article .tenant-figure img { display: block; width: min(100%, 600px); height: auto; margin-inline: auto; }
.tenant-article .tenant-figure figcaption { margin-top: 1rem; color: #595c54; font-size: .9rem; line-height: 1.65; }
.tenant-article .tenant-table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: .9rem; line-height: 1.65; }
.tenant-article .tenant-table caption { text-align: left; margin-bottom: .75rem; font-weight: 600; color: var(--charcoal); }
.tenant-article .tenant-table th,
.tenant-article .tenant-table td { padding: .9rem; text-align: left; vertical-align: top; border-bottom: 1px solid #c5ccbf; color: #454a40; }
.tenant-article .tenant-table thead th { background: #4c5c45; color: white; }
.tenant-article .tenant-table tbody th { width: 23%; font-weight: 500; }
.tenant-article .tenant-questions { padding: 1.5rem 1.5rem 1rem; background: var(--linen); border-top: 3px solid #6b7a62; }
.tenant-article .tenant-contact { padding: clamp(1.3rem, 4vw, 2.5rem); margin-top: 3rem; background: #e9ede5; }
.tenant-article .tenant-contact h2 { margin-top: 0; }
.tenant-article .tenant-contact a { overflow-wrap: anywhere; }
.tenant-article .tenant-contact .btn { white-space: normal; text-align: center; }
.tenant-article .tenant-contact-links { display: flex; flex-wrap: wrap; gap: .65rem 1.4rem; margin-bottom: 1.25rem; }
.tenant-article .tenant-sources { font-size: .86rem; }
@media (max-width: 600px) {
  .tenant-article .tenant-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .tenant-article .tenant-table,
  .tenant-article .tenant-table tbody,
  .tenant-article .tenant-table tr,
  .tenant-article .tenant-table th,
  .tenant-article .tenant-table td { display: block; width: 100%; }
  .tenant-article .tenant-table caption { display: block; width: 100%; }
  .tenant-article .tenant-table tr { margin-bottom: 1rem; border: 1px solid #c5ccbf; }
  .tenant-article .tenant-table tbody th { width: 100%; background: #e9ede5; font-size: 1rem; }
  .tenant-article .tenant-table td { border-bottom: 0; }
  .tenant-article .tenant-table td::before { content: attr(data-label); display: block; font-size: .75rem; font-weight: 600; text-transform: uppercase; margin-bottom: .25rem; }
}